import { default as Dropdown } from './Dropdown.vue';
import { default as mdx } from './Dropdown.mdx';
///
declare namespace _default {
export let title: string;
export { Dropdown as component };
export let decorators: (() => {
template: string;
})[];
export namespace parameters {
namespace docs {
export { mdx as page };
}
let layout: string;
}
}
export default _default;
export function WithObjectOptions(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
};
data: () => {
vModel: string;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithObjectOptions {
namespace args {
let id: string;
let label: string;
let placeholder: string;
let options: ({
label: string;
value: string;
disabled?: undefined;
} | {
label: string;
value: string;
disabled: boolean;
})[];
}
}
export function WithStringOptions(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
};
data: () => {
vModel: string;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithStringOptions {
export namespace args_1 {
let id_1: string;
export { id_1 as id };
let label_1: string;
export { label_1 as label };
let placeholder_1: string;
export { placeholder_1 as placeholder };
let options_1: string[];
export { options_1 as options };
}
export { args_1 as args };
}
export function WithOptGroups(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
};
data: () => {
vModel: string;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithOptGroups {
export namespace args_2 {
let id_2: string;
export { id_2 as id };
let label_2: string;
export { label_2 as label };
let options_2: (string | {
label: string;
options: string[];
})[];
export { options_2 as options };
}
export { args_2 as args };
}
export function WithTooltip(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
LobLabel: import('vue').DefineComponent<{
label: {
type: StringConstructor;
required: true;
};
labelFor: {
type: StringConstructor;
required: true;
};
required: {
type: BooleanConstructor;
default: boolean;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
tooltip(): any;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
}>>, {
required: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
readOnly: boolean;
}, {}>;
};
data: () => {
holidayVModel: string;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithTooltip {
export namespace args_3 {
let id_3: string;
export { id_3 as id };
let label_3: string;
export { label_3 as label };
export let srOnlyLabel: boolean;
let options_3: string[];
export { options_3 as options };
}
export { args_3 as args };
}
export function WithConfirmChangeModal(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
};
data: () => {
vModel: string;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithConfirmChangeModal {
export namespace args_4 {
let id_4: string;
export { id_4 as id };
let label_4: string;
export { label_4 as label };
let placeholder_2: string;
export { placeholder_2 as placeholder };
let options_4: string[];
export { options_4 as options };
}
export { args_4 as args };
}