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 }; }