From 35b1ec4297846334385d72b895473af01acc01d1 Mon Sep 17 00:00:00 2001 From: Ruben Fileti Date: Wed, 26 Jun 2024 13:41:40 +0200 Subject: [PATCH] Formatting --- src/slim-select/index.ts | 2 +- src/slim-select/select.ts | 2 +- src/slim-select/store.ts | 3 +- src/vue/dist/slim-select/helpers.d.ts | 14 +- src/vue/dist/slim-select/index.d.ts | 80 +-- src/vue/dist/slim-select/render.d.ts | 220 ++++---- src/vue/dist/slim-select/select.d.ts | 54 +- src/vue/dist/slim-select/settings.d.ts | 62 +-- src/vue/dist/slim-select/store.d.ts | 141 ++--- src/vue/dist/vue/hello.d.ts | 4 +- src/vue/dist/vue/slimselect.vue.d.ts | 683 +++++++++++++------------ 11 files changed, 663 insertions(+), 602 deletions(-) diff --git a/src/slim-select/index.ts b/src/slim-select/index.ts index 51c34ac9..47bc4d43 100644 --- a/src/slim-select/index.ts +++ b/src/slim-select/index.ts @@ -104,7 +104,7 @@ export default class SlimSelect { // Add select listeners this.select.onValueChange = (options: Option[]) => { // Run set selected from the values given - this.setSelected(options.map(option => option.id)) + this.setSelected(options.map((option) => option.id)) } this.select.onClassChange = (classes: string[]) => { // Update settings with new class diff --git a/src/slim-select/select.ts b/src/slim-select/select.ts index c946b418..647a201c 100644 --- a/src/slim-select/select.ts +++ b/src/slim-select/select.ts @@ -224,7 +224,7 @@ export default class Select { } public getSelectedValues(): string[] { - return this.getSelectedOptions().map(option => option.value); + return this.getSelectedOptions().map((option) => option.value) } public setSelected(ids: string[]): void { diff --git a/src/slim-select/store.ts b/src/slim-select/store.ts index 2c924ec7..a2fd5831 100644 --- a/src/slim-select/store.ts +++ b/src/slim-select/store.ts @@ -236,7 +236,7 @@ export default class Store { } public getSelected(): string[] { - return this.getSelectedOptions().map(option => option.id) + return this.getSelectedOptions().map((option) => option.id) } public getSelectedOptions(): Option[] { @@ -342,5 +342,4 @@ export default class Store { return dataSearch } - } diff --git a/src/vue/dist/slim-select/helpers.d.ts b/src/vue/dist/slim-select/helpers.d.ts index 88972fef..df354571 100644 --- a/src/vue/dist/slim-select/helpers.d.ts +++ b/src/vue/dist/slim-select/helpers.d.ts @@ -1,5 +1,9 @@ -export declare function generateID(): string; -export declare function hasClassInTree(element: HTMLElement, className: string): any; -export declare function debounce void>(func: T, wait?: number, immediate?: boolean): () => void; -export declare function isEqual(a: any, b: any): boolean; -export declare function kebabCase(str: string): string; +export declare function generateID(): string +export declare function hasClassInTree(element: HTMLElement, className: string): any +export declare function debounce void>( + func: T, + wait?: number, + immediate?: boolean, +): () => void +export declare function isEqual(a: any, b: any): boolean +export declare function kebabCase(str: string): string diff --git a/src/vue/dist/slim-select/index.d.ts b/src/vue/dist/slim-select/index.d.ts index 4296bbe5..babd1b93 100644 --- a/src/vue/dist/slim-select/index.d.ts +++ b/src/vue/dist/slim-select/index.d.ts @@ -1,46 +1,46 @@ -import Render from './render'; -import Select from './select'; -import Settings, { SettingsPartial } from './settings'; -import Store, { DataArray, DataArrayPartial, Option, OptionOptional } from './store'; +import Render from './render' +import Select from './select' +import Settings, { SettingsPartial } from './settings' +import Store, { DataArray, DataArrayPartial, Option, OptionOptional } from './store' export interface Config { - select: string | Element; - data?: DataArrayPartial; - settings?: SettingsPartial; - events?: Events; + select: string | Element + data?: DataArrayPartial + settings?: SettingsPartial + events?: Events } export interface Events { - search?: (searchValue: string, currentData: DataArray) => Promise | DataArrayPartial; - searchFilter?: (option: Option, search: string) => boolean; - addable?: (value: string) => Promise | OptionOptional | string | false | null | undefined; - beforeChange?: (newVal: Option[], oldVal: Option[]) => boolean | void; - afterChange?: (newVal: Option[]) => void; - beforeOpen?: () => void; - afterOpen?: () => void; - beforeClose?: () => void; - afterClose?: () => void; - error?: (err: Error) => void; + search?: (searchValue: string, currentData: DataArray) => Promise | DataArrayPartial + searchFilter?: (option: Option, search: string) => boolean + addable?: (value: string) => Promise | OptionOptional | string | false | null | undefined + beforeChange?: (newVal: Option[], oldVal: Option[]) => boolean | void + afterChange?: (newVal: Option[]) => void + beforeOpen?: () => void + afterOpen?: () => void + beforeClose?: () => void + afterClose?: () => void + error?: (err: Error) => void } export default class SlimSelect { - selectEl: HTMLSelectElement; - settings: Settings; - select: Select; - store: Store; - render: Render; - events: Events; - constructor(config: Config); - enable(): void; - disable(): void; - getData(): DataArray; - setData(data: DataArrayPartial): void; - getSelected(): string[]; - setSelected(id: string | string[], runAfterChange?: boolean): void; - addOption(option: OptionOptional): void; - open(): void; - close(eventType?: string | null): void; - search(value: string): void; - destroy(): void; - private windowResize; - private windowScroll; - private documentClick; - private windowVisibilityChange; + selectEl: HTMLSelectElement + settings: Settings + select: Select + store: Store + render: Render + events: Events + constructor(config: Config) + enable(): void + disable(): void + getData(): DataArray + setData(data: DataArrayPartial): void + getSelected(): string[] + setSelected(id: string | string[], runAfterChange?: boolean): void + addOption(option: OptionOptional): void + open(): void + close(eventType?: string | null): void + search(value: string): void + destroy(): void + private windowResize + private windowScroll + private documentClick + private windowVisibilityChange } diff --git a/src/vue/dist/slim-select/render.d.ts b/src/vue/dist/slim-select/render.d.ts index ca88f0c2..5f3250e6 100644 --- a/src/vue/dist/slim-select/render.d.ts +++ b/src/vue/dist/slim-select/render.d.ts @@ -1,120 +1,120 @@ -import Settings from './settings'; -import Store, { DataArray, Option, OptionOptional } from './store'; +import Settings from './settings' +import Store, { DataArray, Option, OptionOptional } from './store' export interface Callbacks { - open: () => void; - close: () => void; - addable?: (value: string) => Promise | OptionOptional | string | false | undefined | null; - setSelected: (value: string | string[], runAfterChange: boolean) => void; - addOption: (option: Option) => void; - search: (search: string) => void; - beforeChange?: (newVal: Option[], oldVal: Option[]) => boolean | void; - afterChange?: (newVal: Option[]) => void; + open: () => void + close: () => void + addable?: (value: string) => Promise | OptionOptional | string | false | undefined | null + setSelected: (value: string | string[], runAfterChange: boolean) => void + addOption: (option: Option) => void + search: (search: string) => void + beforeChange?: (newVal: Option[], oldVal: Option[]) => boolean | void + afterChange?: (newVal: Option[]) => void } export interface Main { - main: HTMLDivElement; - values: HTMLDivElement; - deselect: { - main: HTMLDivElement; - svg: SVGSVGElement; - path: SVGPathElement; - }; - arrow: { - main: SVGSVGElement; - path: SVGPathElement; - }; + main: HTMLDivElement + values: HTMLDivElement + deselect: { + main: HTMLDivElement + svg: SVGSVGElement + path: SVGPathElement + } + arrow: { + main: SVGSVGElement + path: SVGPathElement + } } export interface Content { - main: HTMLDivElement; - search: Search; - list: HTMLDivElement; + main: HTMLDivElement + search: Search + list: HTMLDivElement } export interface Search { - main: HTMLDivElement; - input: HTMLInputElement; - addable?: { - main: HTMLDivElement; - svg: SVGSVGElement; - path: SVGPathElement; - }; + main: HTMLDivElement + input: HTMLInputElement + addable?: { + main: HTMLDivElement + svg: SVGSVGElement + path: SVGPathElement + } } export default class Render { - settings: Settings; - store: Store; - callbacks: Callbacks; - main: Main; - content: Content; - classes: { - main: string; - placeholder: string; - values: string; - single: string; - max: string; - value: string; - valueText: string; - valueDelete: string; - valueOut: string; - deselect: string; - deselectPath: string; - arrow: string; - arrowClose: string; - arrowOpen: string; - content: string; - openAbove: string; - openBelow: string; - search: string; - searchHighlighter: string; - searching: string; - addable: string; - addablePath: string; - list: string; - optgroup: string; - optgroupLabel: string; - optgroupLabelText: string; - optgroupActions: string; - optgroupSelectAll: string; - optgroupSelectAllBox: string; - optgroupSelectAllCheck: string; - optgroupClosable: string; - option: string; - optionDelete: string; - highlighted: string; - open: string; - close: string; - selected: string; - error: string; - disabled: string; - hide: string; - }; - constructor(settings: Required, store: Store, callbacks: Callbacks); - enable(): void; - disable(): void; - open(): void; - close(): void; - updateClassStyles(): void; - updateAriaAttributes(): void; - mainDiv(): Main; - mainFocus(eventType: string | null): void; - placeholder(): HTMLDivElement; - renderValues(): void; - private renderSingleValue; - private renderMultipleValues; - multipleValue(option: Option): HTMLDivElement; - contentDiv(): Content; - moveContent(): void; - searchDiv(): Search; - searchFocus(): void; - getOptions(notPlaceholder?: boolean, notDisabled?: boolean, notHidden?: boolean): HTMLDivElement[]; - highlight(dir: 'up' | 'down'): void; - listDiv(): HTMLDivElement; - renderError(error: string): void; - renderSearching(): void; - renderOptions(data: DataArray): void; - option(option: Option): HTMLDivElement; - destroy(): void; - private highlightText; - moveContentAbove(): void; - moveContentBelow(): void; - ensureElementInView(container: HTMLElement, element: HTMLElement): void; - putContent(): 'up' | 'down'; - updateDeselectAll(): void; + settings: Settings + store: Store + callbacks: Callbacks + main: Main + content: Content + classes: { + main: string + placeholder: string + values: string + single: string + max: string + value: string + valueText: string + valueDelete: string + valueOut: string + deselect: string + deselectPath: string + arrow: string + arrowClose: string + arrowOpen: string + content: string + openAbove: string + openBelow: string + search: string + searchHighlighter: string + searching: string + addable: string + addablePath: string + list: string + optgroup: string + optgroupLabel: string + optgroupLabelText: string + optgroupActions: string + optgroupSelectAll: string + optgroupSelectAllBox: string + optgroupSelectAllCheck: string + optgroupClosable: string + option: string + optionDelete: string + highlighted: string + open: string + close: string + selected: string + error: string + disabled: string + hide: string + } + constructor(settings: Required, store: Store, callbacks: Callbacks) + enable(): void + disable(): void + open(): void + close(): void + updateClassStyles(): void + updateAriaAttributes(): void + mainDiv(): Main + mainFocus(eventType: string | null): void + placeholder(): HTMLDivElement + renderValues(): void + private renderSingleValue + private renderMultipleValues + multipleValue(option: Option): HTMLDivElement + contentDiv(): Content + moveContent(): void + searchDiv(): Search + searchFocus(): void + getOptions(notPlaceholder?: boolean, notDisabled?: boolean, notHidden?: boolean): HTMLDivElement[] + highlight(dir: 'up' | 'down'): void + listDiv(): HTMLDivElement + renderError(error: string): void + renderSearching(): void + renderOptions(data: DataArray): void + option(option: Option): HTMLDivElement + destroy(): void + private highlightText + moveContentAbove(): void + moveContentBelow(): void + ensureElementInView(container: HTMLElement, element: HTMLElement): void + putContent(): 'up' | 'down' + updateDeselectAll(): void } diff --git a/src/vue/dist/slim-select/select.d.ts b/src/vue/dist/slim-select/select.d.ts index 62b6f779..6b531cfa 100644 --- a/src/vue/dist/slim-select/select.d.ts +++ b/src/vue/dist/slim-select/select.d.ts @@ -1,29 +1,29 @@ -import { DataArray, DataArrayPartial, Optgroup, OptgroupOptional, Option } from './store'; +import { DataArray, DataArrayPartial, Optgroup, OptgroupOptional, Option } from './store' export default class Select { - select: HTMLSelectElement; - onValueChange?: (value: Option[]) => void; - onClassChange?: (classes: string[]) => void; - onDisabledChange?: (disabled: boolean) => void; - onOptionsChange?: (data: DataArrayPartial) => void; - listen: boolean; - private observer; - constructor(select: HTMLSelectElement); - enable(): void; - disable(): void; - hideUI(): void; - showUI(): void; - changeListen(listen: boolean): void; - valueChange(ev: Event): boolean; - private observeCall; - getData(): DataArrayPartial; - getDataFromOptgroup(optgroup: HTMLOptGroupElement): OptgroupOptional; - getDataFromOption(option: HTMLOptionElement): Option; - getSelectedOptions(): Option[]; - getSelectedValues(): string[]; - setSelected(ids: string[]): void; - updateSelect(id?: string, style?: string, classes?: string[]): void; - updateOptions(data: DataArray): void; - createOptgroup(optgroup: Optgroup): HTMLOptGroupElement; - createOption(info: Option): HTMLOptionElement; - destroy(): void; + select: HTMLSelectElement + onValueChange?: (value: Option[]) => void + onClassChange?: (classes: string[]) => void + onDisabledChange?: (disabled: boolean) => void + onOptionsChange?: (data: DataArrayPartial) => void + listen: boolean + private observer + constructor(select: HTMLSelectElement) + enable(): void + disable(): void + hideUI(): void + showUI(): void + changeListen(listen: boolean): void + valueChange(ev: Event): boolean + private observeCall + getData(): DataArrayPartial + getDataFromOptgroup(optgroup: HTMLOptGroupElement): OptgroupOptional + getDataFromOption(option: HTMLOptionElement): Option + getSelectedOptions(): Option[] + getSelectedValues(): string[] + setSelected(ids: string[]): void + updateSelect(id?: string, style?: string, classes?: string[]): void + updateOptions(data: DataArray): void + createOptgroup(optgroup: Optgroup): HTMLOptGroupElement + createOption(info: Option): HTMLOptionElement + destroy(): void } diff --git a/src/vue/dist/slim-select/settings.d.ts b/src/vue/dist/slim-select/settings.d.ts index 107b4528..bfa88c9a 100644 --- a/src/vue/dist/slim-select/settings.d.ts +++ b/src/vue/dist/slim-select/settings.d.ts @@ -1,34 +1,34 @@ /// -export type SettingsPartial = Partial; +export type SettingsPartial = Partial export default class Settings { - id: string; - style: string; - class: string[]; - isMultiple: boolean; - isOpen: boolean; - isFullOpen: boolean; - intervalMove: NodeJS.Timeout | null; - disabled: boolean; - alwaysOpen: boolean; - showSearch: boolean; - ariaLabel: string; - searchPlaceholder: string; - searchText: string; - searchingText: string; - searchHighlight: boolean; - closeOnSelect: boolean; - contentLocation: HTMLElement; - contentPosition: 'relative' | 'absolute'; - openPosition: 'auto' | 'up' | 'down'; - placeholderText: string; - allowDeselect: boolean; - hideSelected: boolean; - keepOrder: boolean; - showOptionTooltips: boolean; - minSelected: number; - maxSelected: number; - timeoutDelay: number; - maxValuesShown: number; - maxValuesMessage: string; - constructor(settings?: SettingsPartial); + id: string + style: string + class: string[] + isMultiple: boolean + isOpen: boolean + isFullOpen: boolean + intervalMove: NodeJS.Timeout | null + disabled: boolean + alwaysOpen: boolean + showSearch: boolean + ariaLabel: string + searchPlaceholder: string + searchText: string + searchingText: string + searchHighlight: boolean + closeOnSelect: boolean + contentLocation: HTMLElement + contentPosition: 'relative' | 'absolute' + openPosition: 'auto' | 'up' | 'down' + placeholderText: string + allowDeselect: boolean + hideSelected: boolean + keepOrder: boolean + showOptionTooltips: boolean + minSelected: number + maxSelected: number + timeoutDelay: number + maxValuesShown: number + maxValuesMessage: string + constructor(settings?: SettingsPartial) } diff --git a/src/vue/dist/slim-select/store.d.ts b/src/vue/dist/slim-select/store.d.ts index e00d0d80..507f447b 100644 --- a/src/vue/dist/slim-select/store.d.ts +++ b/src/vue/dist/slim-select/store.d.ts @@ -1,79 +1,82 @@ -export type DataArray = DataObject[]; -export type DataObject = Optgroup | Option; -export type DataArrayPartial = DataObjectPartial[]; -export type DataObjectPartial = OptgroupOptional | OptionOptional; -type selectType = 'single' | 'multiple'; +export type DataArray = DataObject[] +export type DataObject = Optgroup | Option +export type DataArrayPartial = DataObjectPartial[] +export type DataObjectPartial = OptgroupOptional | OptionOptional +type selectType = 'single' | 'multiple' export interface OptgroupOptional { - id?: string; - label: string; - selectAll?: boolean; - selectAllText?: string; - closable?: 'off' | 'open' | 'close'; - options?: OptionOptional[]; + id?: string + label: string + selectAll?: boolean + selectAllText?: string + closable?: 'off' | 'open' | 'close' + options?: OptionOptional[] } export declare class Optgroup { - id: string; - label: string; - selectAll: boolean; - selectAllText: string; - closable: 'off' | 'open' | 'close'; - options: Option[]; - constructor(optgroup: OptgroupOptional); + id: string + label: string + selectAll: boolean + selectAllText: string + closable: 'off' | 'open' | 'close' + options: Option[] + constructor(optgroup: OptgroupOptional) } export interface OptionOptional { - id?: string; - value?: string; - text: string; - html?: string; - selected?: boolean; - display?: boolean; - disabled?: boolean; - mandatory?: boolean; - placeholder?: boolean; - class?: string; - style?: string; - data?: { - [key: string]: string; - }; + id?: string + value?: string + text: string + html?: string + selected?: boolean + display?: boolean + disabled?: boolean + mandatory?: boolean + placeholder?: boolean + class?: string + style?: string + data?: { + [key: string]: string + } } export declare class Option { - id: string; - value: string; - text: string; - html: string; - selected: boolean; - display: boolean; - disabled: boolean; - placeholder: boolean; - class: string; - style: string; - data: { - [key: string]: string; - }; - mandatory: boolean; - constructor(option: OptionOptional); + id: string + value: string + text: string + html: string + selected: boolean + display: boolean + disabled: boolean + placeholder: boolean + class: string + style: string + data: { + [key: string]: string + } + mandatory: boolean + constructor(option: OptionOptional) } export default class Store { - private selectType; - private data; - constructor(type: selectType, data: DataArrayPartial); - validateDataArray(data: DataArray | DataArrayPartial): Error | null; - validateOption(option: Option | OptionOptional): Error | null; - partialToFullData(data: DataArrayPartial): DataArray; - setData(data: DataArray | DataArrayPartial): void; - getData(): DataArray; - getDataOptions(): Option[]; - addOption(option: OptionOptional): void; - setSelectedBy(selectedType: 'id' | 'value', selectedValues: string[]): void; - getSelected(): string[]; - getSelectedOptions(): Option[]; - getOptgroupByID(id: string): Optgroup | null; - getOptionByID(id: string): Option | null; - getSelectType(): string; - getFirstOption(): Option | null; - search(search: string, searchFilter: (opt: Option, search: string) => boolean): DataArray; - filter(filter: { - (opt: Option): boolean; - } | null, includeOptgroup: boolean): DataArray; + private selectType + private data + constructor(type: selectType, data: DataArrayPartial) + validateDataArray(data: DataArray | DataArrayPartial): Error | null + validateOption(option: Option | OptionOptional): Error | null + partialToFullData(data: DataArrayPartial): DataArray + setData(data: DataArray | DataArrayPartial): void + getData(): DataArray + getDataOptions(): Option[] + addOption(option: OptionOptional): void + setSelectedBy(selectedType: 'id' | 'value', selectedValues: string[]): void + getSelected(): string[] + getSelectedOptions(): Option[] + getOptgroupByID(id: string): Optgroup | null + getOptionByID(id: string): Option | null + getSelectType(): string + getFirstOption(): Option | null + search(search: string, searchFilter: (opt: Option, search: string) => boolean): DataArray + filter( + filter: { + (opt: Option): boolean + } | null, + includeOptgroup: boolean, + ): DataArray } -export {}; +export {} diff --git a/src/vue/dist/vue/hello.d.ts b/src/vue/dist/vue/hello.d.ts index f6842d9a..f6646e23 100644 --- a/src/vue/dist/vue/hello.d.ts +++ b/src/vue/dist/vue/hello.d.ts @@ -1,2 +1,2 @@ -declare const hello = "hello world"; -export default hello; +declare const hello = 'hello world' +export default hello diff --git a/src/vue/dist/vue/slimselect.vue.d.ts b/src/vue/dist/vue/slimselect.vue.d.ts index 14442a7d..87eb64f6 100644 --- a/src/vue/dist/vue/slimselect.vue.d.ts +++ b/src/vue/dist/vue/slimselect.vue.d.ts @@ -1,325 +1,380 @@ /// /// -import { PropType } from 'vue'; -import SlimSelect, { Events } from '../slim-select'; -import { DataArrayPartial, Option } from '../slim-select/store'; -declare const _default: import("vue").DefineComponent<{ +import { PropType } from 'vue' +import SlimSelect, { Events } from '../slim-select' +import { DataArrayPartial, Option } from '../slim-select/store' +declare const _default: import('vue').DefineComponent< + { modelValue: { - type: PropType; - }; + type: PropType + } multiple: { - type: BooleanConstructor; - default: boolean; - }; + type: BooleanConstructor + default: boolean + } data: { - type: PropType; - }; + type: PropType + } settings: { - type: PropType>; - }; + type: PropType> + } events: { - type: PropType; - }; -}, unknown, { - slim: SlimSelect | null; -}, { + type: PropType + } + }, + unknown, + { + slim: SlimSelect | null + }, + { value: { - get(): string | string[]; - set(value: string | string[]): void; - }; -}, { + get(): string | string[] + set(value: string | string[]): void + } + }, + { getSlimSelect(): { - selectEl: HTMLSelectElement; + selectEl: HTMLSelectElement + settings: { + id: string + style: string + class: string[] + isMultiple: boolean + isOpen: boolean + isFullOpen: boolean + intervalMove: { + ref: () => NodeJS.Timeout + unref: () => NodeJS.Timeout + hasRef: () => boolean + refresh: () => NodeJS.Timeout + [Symbol.toPrimitive]: () => number + [Symbol.dispose]: () => void + } | null + disabled: boolean + alwaysOpen: boolean + showSearch: boolean + ariaLabel: string + searchPlaceholder: string + searchText: string + searchingText: string + searchHighlight: boolean + closeOnSelect: boolean + contentLocation: HTMLElement + contentPosition: 'relative' | 'absolute' + openPosition: 'auto' | 'up' | 'down' + placeholderText: string + allowDeselect: boolean + hideSelected: boolean + keepOrder: boolean + showOptionTooltips: boolean + minSelected: number + maxSelected: number + timeoutDelay: number + maxValuesShown: number + maxValuesMessage: string + } + select: { + select: HTMLSelectElement + onValueChange?: ((value: Option[]) => void) | undefined + onClassChange?: ((classes: string[]) => void) | undefined + onDisabledChange?: ((disabled: boolean) => void) | undefined + onOptionsChange?: ((data: DataArrayPartial) => void) | undefined + listen: boolean + enable: () => void + disable: () => void + hideUI: () => void + showUI: () => void + changeListen: (listen: boolean) => void + valueChange: (ev: Event) => boolean + getData: () => DataArrayPartial + getDataFromOptgroup: (optgroup: HTMLOptGroupElement) => import('../slim-select/store').OptgroupOptional + getDataFromOption: (option: HTMLOptionElement) => Option + getSelectedOptions: () => Option[] + getSelectedValues: () => string[] + setSelected: (ids: string[]) => void + updateSelect: (id?: string | undefined, style?: string | undefined, classes?: string[] | undefined) => void + updateOptions: (data: import('../slim-select/store').DataArray) => void + createOptgroup: (optgroup: import('../slim-select/store').Optgroup) => HTMLOptGroupElement + createOption: (info: Option) => HTMLOptionElement + destroy: () => void + } + store: { + validateDataArray: (data: DataArrayPartial | import('../slim-select/store').DataArray) => Error | null + validateOption: (option: import('../slim-select/store').OptionOptional | Option) => Error | null + partialToFullData: (data: DataArrayPartial) => import('../slim-select/store').DataArray + setData: (data: DataArrayPartial | import('../slim-select/store').DataArray) => void + getData: () => import('../slim-select/store').DataArray + getDataOptions: () => Option[] + addOption: (option: import('../slim-select/store').OptionOptional) => void + setSelectedBy: (selectedType: 'id' | 'value', selectedValues: string[]) => void + getSelected: () => string[] + getSelectedOptions: () => Option[] + getOptgroupByID: (id: string) => import('../slim-select/store').Optgroup | null + getOptionByID: (id: string) => Option | null + getSelectType: () => string + getFirstOption: () => Option | null + search: ( + search: string, + searchFilter: (opt: Option, search: string) => boolean, + ) => import('../slim-select/store').DataArray + filter: ( + filter: ((opt: Option) => boolean) | null, + includeOptgroup: boolean, + ) => import('../slim-select/store').DataArray + } + render: { settings: { - id: string; - style: string; - class: string[]; - isMultiple: boolean; - isOpen: boolean; - isFullOpen: boolean; - intervalMove: { - ref: () => NodeJS.Timeout; - unref: () => NodeJS.Timeout; - hasRef: () => boolean; - refresh: () => NodeJS.Timeout; - [Symbol.toPrimitive]: () => number; - [Symbol.dispose]: () => void; - } | null; - disabled: boolean; - alwaysOpen: boolean; - showSearch: boolean; - ariaLabel: string; - searchPlaceholder: string; - searchText: string; - searchingText: string; - searchHighlight: boolean; - closeOnSelect: boolean; - contentLocation: HTMLElement; - contentPosition: "relative" | "absolute"; - openPosition: "auto" | "up" | "down"; - placeholderText: string; - allowDeselect: boolean; - hideSelected: boolean; - keepOrder: boolean; - showOptionTooltips: boolean; - minSelected: number; - maxSelected: number; - timeoutDelay: number; - maxValuesShown: number; - maxValuesMessage: string; - }; - select: { - select: HTMLSelectElement; - onValueChange?: ((value: Option[]) => void) | undefined; - onClassChange?: ((classes: string[]) => void) | undefined; - onDisabledChange?: ((disabled: boolean) => void) | undefined; - onOptionsChange?: ((data: DataArrayPartial) => void) | undefined; - listen: boolean; - enable: () => void; - disable: () => void; - hideUI: () => void; - showUI: () => void; - changeListen: (listen: boolean) => void; - valueChange: (ev: Event) => boolean; - getData: () => DataArrayPartial; - getDataFromOptgroup: (optgroup: HTMLOptGroupElement) => import("../slim-select/store").OptgroupOptional; - getDataFromOption: (option: HTMLOptionElement) => Option; - getSelectedOptions: () => Option[]; - getSelectedValues: () => string[]; - setSelected: (ids: string[]) => void; - updateSelect: (id?: string | undefined, style?: string | undefined, classes?: string[] | undefined) => void; - updateOptions: (data: import("../slim-select/store").DataArray) => void; - createOptgroup: (optgroup: import("../slim-select/store").Optgroup) => HTMLOptGroupElement; - createOption: (info: Option) => HTMLOptionElement; - destroy: () => void; - }; + id: string + style: string + class: string[] + isMultiple: boolean + isOpen: boolean + isFullOpen: boolean + intervalMove: { + ref: () => NodeJS.Timeout + unref: () => NodeJS.Timeout + hasRef: () => boolean + refresh: () => NodeJS.Timeout + [Symbol.toPrimitive]: () => number + [Symbol.dispose]: () => void + } | null + disabled: boolean + alwaysOpen: boolean + showSearch: boolean + ariaLabel: string + searchPlaceholder: string + searchText: string + searchingText: string + searchHighlight: boolean + closeOnSelect: boolean + contentLocation: HTMLElement + contentPosition: 'relative' | 'absolute' + openPosition: 'auto' | 'up' | 'down' + placeholderText: string + allowDeselect: boolean + hideSelected: boolean + keepOrder: boolean + showOptionTooltips: boolean + minSelected: number + maxSelected: number + timeoutDelay: number + maxValuesShown: number + maxValuesMessage: string + } store: { - validateDataArray: (data: DataArrayPartial | import("../slim-select/store").DataArray) => Error | null; - validateOption: (option: import("../slim-select/store").OptionOptional | Option) => Error | null; - partialToFullData: (data: DataArrayPartial) => import("../slim-select/store").DataArray; - setData: (data: DataArrayPartial | import("../slim-select/store").DataArray) => void; - getData: () => import("../slim-select/store").DataArray; - getDataOptions: () => Option[]; - addOption: (option: import("../slim-select/store").OptionOptional) => void; - setSelectedBy: (selectedType: "id" | "value", selectedValues: string[]) => void; - getSelected: () => string[]; - getSelectedOptions: () => Option[]; - getOptgroupByID: (id: string) => import("../slim-select/store").Optgroup | null; - getOptionByID: (id: string) => Option | null; - getSelectType: () => string; - getFirstOption: () => Option | null; - search: (search: string, searchFilter: (opt: Option, search: string) => boolean) => import("../slim-select/store").DataArray; - filter: (filter: ((opt: Option) => boolean) | null, includeOptgroup: boolean) => import("../slim-select/store").DataArray; - }; - render: { - settings: { - id: string; - style: string; - class: string[]; - isMultiple: boolean; - isOpen: boolean; - isFullOpen: boolean; - intervalMove: { - ref: () => NodeJS.Timeout; - unref: () => NodeJS.Timeout; - hasRef: () => boolean; - refresh: () => NodeJS.Timeout; - [Symbol.toPrimitive]: () => number; - [Symbol.dispose]: () => void; - } | null; - disabled: boolean; - alwaysOpen: boolean; - showSearch: boolean; - ariaLabel: string; - searchPlaceholder: string; - searchText: string; - searchingText: string; - searchHighlight: boolean; - closeOnSelect: boolean; - contentLocation: HTMLElement; - contentPosition: "relative" | "absolute"; - openPosition: "auto" | "up" | "down"; - placeholderText: string; - allowDeselect: boolean; - hideSelected: boolean; - keepOrder: boolean; - showOptionTooltips: boolean; - minSelected: number; - maxSelected: number; - timeoutDelay: number; - maxValuesShown: number; - maxValuesMessage: string; - }; - store: { - validateDataArray: (data: DataArrayPartial | import("../slim-select/store").DataArray) => Error | null; - validateOption: (option: import("../slim-select/store").OptionOptional | Option) => Error | null; - partialToFullData: (data: DataArrayPartial) => import("../slim-select/store").DataArray; - setData: (data: DataArrayPartial | import("../slim-select/store").DataArray) => void; - getData: () => import("../slim-select/store").DataArray; - getDataOptions: () => Option[]; - addOption: (option: import("../slim-select/store").OptionOptional) => void; - setSelectedBy: (selectedType: "id" | "value", selectedValues: string[]) => void; - getSelected: () => string[]; - getSelectedOptions: () => Option[]; - getOptgroupByID: (id: string) => import("../slim-select/store").Optgroup | null; - getOptionByID: (id: string) => Option | null; - getSelectType: () => string; - getFirstOption: () => Option | null; - search: (search: string, searchFilter: (opt: Option, search: string) => boolean) => import("../slim-select/store").DataArray; - filter: (filter: ((opt: Option) => boolean) | null, includeOptgroup: boolean) => import("../slim-select/store").DataArray; - }; - callbacks: { - open: () => void; - close: () => void; - addable?: ((value: string) => string | false | import("../slim-select/store").OptionOptional | Promise | null | undefined) | undefined; - setSelected: (value: string | string[], runAfterChange: boolean) => void; - addOption: (option: Option) => void; - search: (search: string) => void; - beforeChange?: ((newVal: Option[], oldVal: Option[]) => boolean | void) | undefined; - afterChange?: ((newVal: Option[]) => void) | undefined; - }; - main: { - main: HTMLDivElement; - values: HTMLDivElement; - deselect: { - main: HTMLDivElement; - svg: SVGSVGElement; - path: SVGPathElement; - }; - arrow: { - main: SVGSVGElement; - path: SVGPathElement; - }; - }; - content: { - main: HTMLDivElement; - search: { - main: HTMLDivElement; - input: HTMLInputElement; - addable?: { - main: HTMLDivElement; - svg: SVGSVGElement; - path: SVGPathElement; - } | undefined; - }; - list: HTMLDivElement; - }; - classes: { - main: string; - placeholder: string; - values: string; - single: string; - max: string; - value: string; - valueText: string; - valueDelete: string; - valueOut: string; - deselect: string; - deselectPath: string; - arrow: string; - arrowClose: string; - arrowOpen: string; - content: string; - openAbove: string; - openBelow: string; - search: string; - searchHighlighter: string; - searching: string; - addable: string; - addablePath: string; - list: string; - optgroup: string; - optgroupLabel: string; - optgroupLabelText: string; - optgroupActions: string; - optgroupSelectAll: string; - optgroupSelectAllBox: string; - optgroupSelectAllCheck: string; - optgroupClosable: string; - option: string; - optionDelete: string; - highlighted: string; - open: string; - close: string; - selected: string; - error: string; - disabled: string; - hide: string; - }; - enable: () => void; - disable: () => void; - open: () => void; - close: () => void; - updateClassStyles: () => void; - updateAriaAttributes: () => void; - mainDiv: () => import("../slim-select/render").Main; - mainFocus: (eventType: string | null) => void; - placeholder: () => HTMLDivElement; - renderValues: () => void; - multipleValue: (option: Option) => HTMLDivElement; - contentDiv: () => import("../slim-select/render").Content; - moveContent: () => void; - searchDiv: () => import("../slim-select/render").Search; - searchFocus: () => void; - getOptions: (notPlaceholder?: boolean, notDisabled?: boolean, notHidden?: boolean) => HTMLDivElement[]; - highlight: (dir: "up" | "down") => void; - listDiv: () => HTMLDivElement; - renderError: (error: string) => void; - renderSearching: () => void; - renderOptions: (data: import("../slim-select/store").DataArray) => void; - option: (option: Option) => HTMLDivElement; - destroy: () => void; - moveContentAbove: () => void; - moveContentBelow: () => void; - ensureElementInView: (container: HTMLElement, element: HTMLElement) => void; - putContent: () => "up" | "down"; - updateDeselectAll: () => void; - }; - events: { - search?: ((searchValue: string, currentData: import("../slim-select/store").DataArray) => DataArrayPartial | Promise) | undefined; - searchFilter?: ((option: Option, search: string) => boolean) | undefined; - addable?: ((value: string) => string | false | import("../slim-select/store").OptionOptional | Promise | null | undefined) | undefined; - beforeChange?: ((newVal: Option[], oldVal: Option[]) => boolean | void) | undefined; - afterChange?: ((newVal: Option[]) => void) | undefined; - beforeOpen?: (() => void) | undefined; - afterOpen?: (() => void) | undefined; - beforeClose?: (() => void) | undefined; - afterClose?: (() => void) | undefined; - error?: ((err: Error) => void) | undefined; - }; - enable: () => void; - disable: () => void; - getData: () => import("../slim-select/store").DataArray; - setData: (data: DataArrayPartial) => void; - getSelected: () => string[]; - setSelected: (id: string | string[], runAfterChange?: boolean) => void; - addOption: (option: import("../slim-select/store").OptionOptional) => void; - open: () => void; - close: (eventType?: string | null) => void; - search: (value: string) => void; - destroy: () => void; - } | null; - getCleanValue(val: string | string[] | undefined): string | string[]; -}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly; - }; - multiple: { - type: BooleanConstructor; - default: boolean; - }; - data: { - type: PropType; - }; - settings: { - type: PropType>; - }; - events: { - type: PropType; - }; -}>> & { - "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; -}, { - multiple: boolean; -}, {}>; -export default _default; + validateDataArray: (data: DataArrayPartial | import('../slim-select/store').DataArray) => Error | null + validateOption: (option: import('../slim-select/store').OptionOptional | Option) => Error | null + partialToFullData: (data: DataArrayPartial) => import('../slim-select/store').DataArray + setData: (data: DataArrayPartial | import('../slim-select/store').DataArray) => void + getData: () => import('../slim-select/store').DataArray + getDataOptions: () => Option[] + addOption: (option: import('../slim-select/store').OptionOptional) => void + setSelectedBy: (selectedType: 'id' | 'value', selectedValues: string[]) => void + getSelected: () => string[] + getSelectedOptions: () => Option[] + getOptgroupByID: (id: string) => import('../slim-select/store').Optgroup | null + getOptionByID: (id: string) => Option | null + getSelectType: () => string + getFirstOption: () => Option | null + search: ( + search: string, + searchFilter: (opt: Option, search: string) => boolean, + ) => import('../slim-select/store').DataArray + filter: ( + filter: ((opt: Option) => boolean) | null, + includeOptgroup: boolean, + ) => import('../slim-select/store').DataArray + } + callbacks: { + open: () => void + close: () => void + addable?: + | (( + value: string, + ) => + | string + | false + | import('../slim-select/store').OptionOptional + | Promise + | null + | undefined) + | undefined + setSelected: (value: string | string[], runAfterChange: boolean) => void + addOption: (option: Option) => void + search: (search: string) => void + beforeChange?: ((newVal: Option[], oldVal: Option[]) => boolean | void) | undefined + afterChange?: ((newVal: Option[]) => void) | undefined + } + main: { + main: HTMLDivElement + values: HTMLDivElement + deselect: { + main: HTMLDivElement + svg: SVGSVGElement + path: SVGPathElement + } + arrow: { + main: SVGSVGElement + path: SVGPathElement + } + } + content: { + main: HTMLDivElement + search: { + main: HTMLDivElement + input: HTMLInputElement + addable?: + | { + main: HTMLDivElement + svg: SVGSVGElement + path: SVGPathElement + } + | undefined + } + list: HTMLDivElement + } + classes: { + main: string + placeholder: string + values: string + single: string + max: string + value: string + valueText: string + valueDelete: string + valueOut: string + deselect: string + deselectPath: string + arrow: string + arrowClose: string + arrowOpen: string + content: string + openAbove: string + openBelow: string + search: string + searchHighlighter: string + searching: string + addable: string + addablePath: string + list: string + optgroup: string + optgroupLabel: string + optgroupLabelText: string + optgroupActions: string + optgroupSelectAll: string + optgroupSelectAllBox: string + optgroupSelectAllCheck: string + optgroupClosable: string + option: string + optionDelete: string + highlighted: string + open: string + close: string + selected: string + error: string + disabled: string + hide: string + } + enable: () => void + disable: () => void + open: () => void + close: () => void + updateClassStyles: () => void + updateAriaAttributes: () => void + mainDiv: () => import('../slim-select/render').Main + mainFocus: (eventType: string | null) => void + placeholder: () => HTMLDivElement + renderValues: () => void + multipleValue: (option: Option) => HTMLDivElement + contentDiv: () => import('../slim-select/render').Content + moveContent: () => void + searchDiv: () => import('../slim-select/render').Search + searchFocus: () => void + getOptions: (notPlaceholder?: boolean, notDisabled?: boolean, notHidden?: boolean) => HTMLDivElement[] + highlight: (dir: 'up' | 'down') => void + listDiv: () => HTMLDivElement + renderError: (error: string) => void + renderSearching: () => void + renderOptions: (data: import('../slim-select/store').DataArray) => void + option: (option: Option) => HTMLDivElement + destroy: () => void + moveContentAbove: () => void + moveContentBelow: () => void + ensureElementInView: (container: HTMLElement, element: HTMLElement) => void + putContent: () => 'up' | 'down' + updateDeselectAll: () => void + } + events: { + search?: + | (( + searchValue: string, + currentData: import('../slim-select/store').DataArray, + ) => DataArrayPartial | Promise) + | undefined + searchFilter?: ((option: Option, search: string) => boolean) | undefined + addable?: + | (( + value: string, + ) => + | string + | false + | import('../slim-select/store').OptionOptional + | Promise + | null + | undefined) + | undefined + beforeChange?: ((newVal: Option[], oldVal: Option[]) => boolean | void) | undefined + afterChange?: ((newVal: Option[]) => void) | undefined + beforeOpen?: (() => void) | undefined + afterOpen?: (() => void) | undefined + beforeClose?: (() => void) | undefined + afterClose?: (() => void) | undefined + error?: ((err: Error) => void) | undefined + } + enable: () => void + disable: () => void + getData: () => import('../slim-select/store').DataArray + setData: (data: DataArrayPartial) => void + getSelected: () => string[] + setSelected: (id: string | string[], runAfterChange?: boolean) => void + addOption: (option: import('../slim-select/store').OptionOptional) => void + open: () => void + close: (eventType?: string | null) => void + search: (value: string) => void + destroy: () => void + } | null + getCleanValue(val: string | string[] | undefined): string | string[] + }, + import('vue').ComponentOptionsMixin, + import('vue').ComponentOptionsMixin, + 'update:modelValue'[], + 'update:modelValue', + import('vue').PublicProps, + Readonly< + import('vue').ExtractPropTypes<{ + modelValue: { + type: PropType + } + multiple: { + type: BooleanConstructor + default: boolean + } + data: { + type: PropType + } + settings: { + type: PropType> + } + events: { + type: PropType + } + }> + > & { + 'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined + }, + { + multiple: boolean + }, + {} +> +export default _default