@fkui/vue 5.43.0 → 5.44.0

package/dist/types/index.d.ts

@@ -96,6 +96,15 @@ wrapper: HTMLDivElement;
 content: HTMLDivElement;
 }, any>;
 
+declare type __VLS_Props = {
+    id: string;
+    isOpen: boolean;
+    options: string[];
+    activeOption: string | null;
+    activeOptionId: string;
+    inputNode: HTMLInputElement;
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -1009,6 +1018,16 @@ default: typeof parseBankAccountNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -1052,11 +1071,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -1076,6 +1109,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -1129,6 +1164,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -1139,6 +1179,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -1377,6 +1418,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 parser: {
 type: PropType<ParseFunction<BankAccountNumberString>>;
@@ -1395,6 +1464,16 @@ default: typeof parseBankgiro;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -1438,11 +1517,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -1462,6 +1555,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -1515,6 +1610,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -1525,6 +1625,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -1763,6 +1864,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<BankgiroString>>;
@@ -2360,6 +2489,16 @@ default: typeof parseClearingNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -2403,11 +2542,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -2427,6 +2580,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -2480,6 +2635,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -2490,6 +2650,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -2728,6 +2889,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<ClearingnumberString>>;
@@ -4519,6 +4708,16 @@ default: typeof parseNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -4562,11 +4761,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -4586,6 +4799,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -4639,6 +4854,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -4649,6 +4869,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -4887,6 +5108,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<number>>;
@@ -5631,11 +5880,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -5655,6 +5918,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -5708,6 +5973,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -5718,6 +5988,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -5956,6 +6227,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -6362,11 +6661,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -6386,6 +6699,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -6439,6 +6754,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -6449,6 +6769,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -6687,6 +7008,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -7255,9 +7604,9 @@ onToggle?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
 expanded: boolean;
+list: boolean;
 headerTag: string;
 headerVisualTag: string;
-list: boolean;
 }, {}, {
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -11583,6 +11932,16 @@ default: typeof parseNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, DefineComponent<ExtractPropTypes<    {
 id: {
 type: StringConstructor;
@@ -11624,11 +11983,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -11648,6 +12021,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -11701,6 +12076,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -11711,6 +12091,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -11949,6 +12330,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
@@ -12146,6 +12555,16 @@ default: typeof parseOrganisationsnummer;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -12191,11 +12610,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -12215,6 +12648,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -12268,6 +12703,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -12278,6 +12718,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -12516,6 +12957,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<OrganisationsnummerString>>;
@@ -12922,6 +13391,16 @@ default: typeof parsePercent;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -12965,11 +13444,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -12989,6 +13482,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13042,6 +13537,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13052,6 +13552,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -13290,6 +13791,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
@@ -13328,6 +13857,16 @@ default: typeof parsePersonnummer;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -13373,11 +13912,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -13397,6 +13950,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13450,6 +14005,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13460,6 +14020,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -13698,6 +14259,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PersonnummerString>>;
@@ -13836,11 +14425,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -13860,6 +14463,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13913,6 +14518,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13923,6 +14533,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14161,6 +14772,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -14172,6 +14811,16 @@ default: typeof parsePlusgiro;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -14215,11 +14864,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -14239,6 +14902,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -14292,6 +14957,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -14302,6 +14972,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14540,6 +15211,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PlusgiroString>>;
@@ -14558,6 +15257,16 @@ default: typeof formatPostalCode;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -14603,11 +15312,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -14627,6 +15350,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -14680,6 +15405,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -14690,6 +15420,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14928,6 +15659,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PostalCodeString>>;
@@ -15332,11 +16091,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -15356,6 +16129,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -15409,6 +16184,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -15419,6 +16199,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -15657,6 +16438,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -16380,11 +17189,25 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -16404,6 +17227,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -16457,6 +17282,11 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -16467,6 +17297,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -16705,6 +17536,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -17547,11 +18406,32 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+/**
+* List of options.
+*
+* When set, the user can select a value from the list of options and filter while typing.
+*
+* If a formatter is used by the component, make sure the options are formatted as well.
+*/
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -17571,6 +18451,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -17674,6 +18556,18 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+/**
+* List of options.
+*
+* When set, the user can select a value from the list of options and filter while typing.
+*
+* If a formatter is used by the component, make sure the options are formatted as well.
+*/
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -17684,6 +18578,7 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -17922,6 +18817,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const FTooltip: DefineComponent<ExtractPropTypes<    {
@@ -19594,6 +20517,22 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const IComboboxDropdown: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+
+export declare const IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
+
 export declare const IFlex: DefineComponent<ExtractPropTypes<    {
 /**
 * Set gap (gutter) between items.
@@ -20101,6 +21040,7 @@ declare interface IPopupListboxProps {
     anchor: HTMLElement | null;
     numOfItems: number;
     itemHeight?: number;
+    activeElement?: HTMLElement | undefined;
 }
 
 export declare const IPopupMenu: DefineComponent<ExtractPropTypes<    {
@@ -20837,6 +21777,21 @@ export declare function tableScrollClasses(val: TableScroll): string[];
  */
 export declare const TestPlugin: Plugin_2;
 
+/**
+ * @public
+ */
+export declare interface TextFieldSetupProps {
+    id: string;
+    inline: boolean;
+    modelValue: string | number;
+    type: string;
+    formatter?: FormatFunction<unknown>;
+    parser?: ParseFunction<unknown>;
+    labelWidth: string;
+    inputWidth: string;
+    options?: string[];
+}
+
 /* Excluded from this release type: tooltipAttachTo */
 
 /**
@@ -20897,6 +21852,20 @@ export declare const UNHANDLED_ERROR_EVENT: "unhandled-error";
  */
 export declare type UnknownItem = Record<string, unknown>;
 
+/**
+ * @public
+ */
+export declare function useCombobox(inputRef: Readonly<ShallowRef<HTMLInputElement | null>>, options: string[] | undefined, onOptionSelected?: (value: string) => void): {
+    dropdownId: string;
+    dropdownIsOpen: Readonly<Ref<boolean>>;
+    dropdownOptions: Readonly<Ref<string[]>>;
+    activeOptionId: string;
+    activeOption: Readonly<Ref<string | null>>;
+    toggleDropdown: () => void;
+    selectOption: (value: string) => void;
+    closeDropdown: () => void;
+};
+
 /**
  * Composable to get access to modal functions.
  *
@@ -20955,6 +21924,26 @@ export declare interface UseSlotUtils {
  */
 export declare function useSlotUtils(): UseSlotUtils;
 
+/**
+ * Setup logic used by `FTextField`.
+ * Components extending `FTextField` reuse the same setup.
+ *
+ * @public
+ */
+export declare function useTextFieldSetup(props: TextFieldSetupProps): {
+    textFieldTableMode: boolean;
+    viewValue: Ref<string>;
+    onOptionSelected: (value: string) => void;
+    dropdownId: string;
+    dropdownIsOpen: Readonly<Ref<boolean>>;
+    dropdownOptions: Readonly<Ref<string[]>>;
+    activeOptionId: string;
+    activeOption: Readonly<Ref<string | null>>;
+    toggleDropdown: () => void;
+    selectOption: (value: string) => void;
+    closeDropdown: () => void;
+};
+
 /**
  * Translation function.
  * @public