UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

786 lines 33.4 kB
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & (new () => { $slots: S; }); declare const __VLS_component: import('vue').DefineComponent<{}, { scrollToBottom: typeof scrollToBottom; scrollToItem: typeof scrollToItem; updateItems: typeof updateItems; updateItemsFromBottom: typeof updateItemsFromBottom; $emit: (event: "user-position", ...args: any[]) => void; direction: string; items: unknown[]; keyField: string; itemSize: number; minItemSize: string | number; listTag: string; itemTag: string; dynamic: boolean; scrollerHeight: string | number; scrollerWidth: string | number; $props: { readonly direction?: string | undefined; readonly items?: unknown[] | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; readonly dynamic?: boolean | undefined; readonly scrollerHeight?: string | number | undefined; readonly scrollerWidth?: string | number | undefined; }; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, { scroller: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>; $attrs: import('vue').Attrs; $refs: { [x: string]: unknown; } & { scroller: HTMLDivElement; wrapper: unknown; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: HTMLDivElement; $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import('vue').nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "direction" | "itemClass" | "items" | "listClass" | "keyField" | "itemSize" | "minItemSize" | "sizeField" | "buffer" | "skipHover" | "listTag" | "itemTag" | "scrollToItem" | "_updateVisibleItems"> & { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; } & {} & import('vue').ComponentCustomProperties & {} & { $slots: { default?(_: { item: any; index: any; active: any; }): any; }; }) | import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ items: { type: ArrayConstructor; required: true; }; dynamic: { type: BooleanConstructor; default: boolean; }; keyField: { type: StringConstructor; default: string; }; direction: { type: StringConstructor; default: string; validator: (value: unknown) => boolean; }; listTag: { type: StringConstructor; default: string; }; itemTag: { type: StringConstructor; default: string; }; minItemSize: { type: (StringConstructor | NumberConstructor)[]; }; }>> & Readonly<{}>, {}, { vscrollData: { active: boolean; sizes: {}; keyField: string; simpleArray: boolean; }; }, { simpleArray(): boolean | 0; itemsWithSize(): { [x: string]: any; item: unknown; size: any; }[]; }, { dynamicScrollerUpdateItems(): void; dynamicScrollerUpdateItemsFromBottom(): void; scrollToItem(index: any): void; scrollToBottom(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, { direction: string; keyField: string; listTag: string; itemTag: string; dynamic: boolean; }, true, {}, {}, { CoreScroller: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, { scroller: HTMLDivElement; wrapper: unknown; }, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{}> & Readonly<{}>, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, {}>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => { $slots: { default?(_: { item: any; index: any; active: any; }): any; }; }); DtScrollerItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ item: { required: true; }; watchData: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; required: true; }; index: { type: NumberConstructor; default: undefined; }; sizeDependencies: { type: (ObjectConstructor | ArrayConstructor)[]; default: null; }; tag: { type: StringConstructor; default: string; }; }>, {}, {}, { id(): any; size(): any; finalActive(): any; }, { updateSize(): void; updateWatchData(): void; onVscrollUpdate({ force }: { force: any; }): void; onDataUpdate(): void; computeSize(id: any): void; applyWidthHeight(width: any, height: any): void; applySize(size: any): void; observeSize(): void; unobserveSize(): void; onResize(id: any, width: any, height: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ item: { required: true; }; watchData: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; required: true; }; index: { type: NumberConstructor; default: undefined; }; sizeDependencies: { type: (ObjectConstructor | ArrayConstructor)[]; default: null; }; tag: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { index: number; tag: string; watchData: boolean; sizeDependencies: unknown[] | Record<string, any>; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ items: { type: ArrayConstructor; required: true; }; dynamic: { type: BooleanConstructor; default: boolean; }; keyField: { type: StringConstructor; default: string; }; direction: { type: StringConstructor; default: string; validator: (value: unknown) => boolean; }; listTag: { type: StringConstructor; default: string; }; itemTag: { type: StringConstructor; default: string; }; minItemSize: { type: (StringConstructor | NumberConstructor)[]; }; }>> & Readonly<{}>, {}, { vscrollData: { active: boolean; sizes: {}; keyField: string; simpleArray: boolean; }; }, { simpleArray(): boolean | 0; itemsWithSize(): { [x: string]: any; item: unknown; size: any; }[]; }, { dynamicScrollerUpdateItems(): void; dynamicScrollerUpdateItemsFromBottom(): void; scrollToItem(index: any): void; scrollToBottom(): void; }, { direction: string; keyField: string; listTag: string; itemTag: string; dynamic: boolean; }> | null; }, any>; type __VLS_TemplateResult = { attrs: Partial<{}>; slots: { default?(_: { item: any; index: any; active: any; }): any; }; refs: { scroller: ({ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; $attrs: Attrs; $refs: Data & { scroller: HTMLDivElement; wrapper: unknown; }; $slots: Readonly<InternalSlots>; $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null; $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: HTMLDivElement; $options: ComponentOptionsBase<ToResolvedProps<{}, {}>, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride; $forceUpdate: () => void; $nextTick: typeof nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "direction" | "itemClass" | "items" | "listClass" | "keyField" | "itemSize" | "minItemSize" | "sizeField" | "buffer" | "skipHover" | "listTag" | "itemTag" | "scrollToItem" | "_updateVisibleItems"> & { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; } & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & { $slots: { default?(_: { item: any; index: any; active: any; }): any; }; }) | CreateComponentPublicInstanceWithMixins<ToResolvedProps<ExtractPropTypes<{ items: { type: ArrayConstructor; required: true; }; dynamic: { type: BooleanConstructor; default: boolean; }; keyField: { type: StringConstructor; default: string; }; direction: { type: StringConstructor; default: string; validator: (value: unknown) => boolean; }; listTag: { type: StringConstructor; default: string; }; itemTag: { type: StringConstructor; default: string; }; minItemSize: { type: (StringConstructor | NumberConstructor)[]; }; }>, {}>, {}, { vscrollData: { active: boolean; sizes: {}; keyField: string; simpleArray: boolean; }; }, { simpleArray(): boolean | 0; itemsWithSize(): { [x: string]: any; item: unknown; size: any; }[]; }, { dynamicScrollerUpdateItems(): void; dynamicScrollerUpdateItemsFromBottom(): void; scrollToItem(index: any): void; scrollToBottom(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, { direction: string; keyField: string; listTag: string; itemTag: string; dynamic: boolean; }, true, {}, {}, { CoreScroller: __VLS_WithTemplateSlots<DefineComponent<{}, { scrollToItem: (index: any) => void; _updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => { continuous: boolean; }; $emit: (event: "user-position", ...args: any[]) => void; direction: string; itemClass: string | unknown[] | Record<string, any>; items: unknown[]; listClass: string | unknown[] | Record<string, any>; keyField: string; itemSize: number; minItemSize: string | number; sizeField: string; buffer: number; skipHover: boolean; listTag: string; itemTag: string; $props: { readonly direction?: string | undefined; readonly itemClass?: string | unknown[] | Record<string, any> | undefined; readonly items?: unknown[] | undefined; readonly listClass?: string | unknown[] | Record<string, any> | undefined; readonly keyField?: string | undefined; readonly itemSize?: number | undefined; readonly minItemSize?: string | number | undefined; readonly sizeField?: string | undefined; readonly buffer?: number | undefined; readonly skipHover?: boolean | undefined; readonly listTag?: string | undefined; readonly itemTag?: string | undefined; }; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, ToResolvedProps<{}, {}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, { scroller: HTMLDivElement; wrapper: unknown; }, HTMLDivElement>, { default?(_: { item: any; index: any; active: any; }): any; }>; DtScrollerItem: DefineComponent<ExtractPropTypes<{ item: { required: true; }; watchData: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; required: true; }; index: { type: NumberConstructor; default: undefined; }; sizeDependencies: { type: (ObjectConstructor | ArrayConstructor)[]; default: null; }; tag: { type: StringConstructor; default: string; }; }>, {}, {}, { id(): any; size(): any; finalActive(): any; }, { updateSize(): void; updateWatchData(): void; onVscrollUpdate({ force }: { force: any; }): void; onDataUpdate(): void; computeSize(id: any): void; applyWidthHeight(width: any, height: any): void; applySize(size: any): void; observeSize(): void; unobserveSize(): void; onResize(id: any, width: any, height: any): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ item: { required: true; }; watchData: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; required: true; }; index: { type: NumberConstructor; default: undefined; }; sizeDependencies: { type: (ObjectConstructor | ArrayConstructor)[]; default: null; }; tag: { type: StringConstructor; default: string; }; }>, {}>, { index: number; tag: string; watchData: boolean; sizeDependencies: unknown[] | Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; } & GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, OptionTypesType<{}, {}, {}, {}, {}, {}>, Readonly<ExtractPropTypes<{ items: { type: ArrayConstructor; required: true; }; dynamic: { type: BooleanConstructor; default: boolean; }; keyField: { type: StringConstructor; default: string; }; direction: { type: StringConstructor; default: string; validator: (value: unknown) => boolean; }; listTag: { type: StringConstructor; default: string; }; itemTag: { type: StringConstructor; default: string; }; minItemSize: { type: (StringConstructor | NumberConstructor)[]; }; }>> & Readonly<{}>, {}, { vscrollData: { active: boolean; sizes: {}; keyField: string; simpleArray: boolean; }; }, { simpleArray(): boolean | 0; itemsWithSize(): { [x: string]: any; item: unknown; size: any; }[]; }, { dynamicScrollerUpdateItems(): void; dynamicScrollerUpdateItemsFromBottom(): void; scrollToItem(index: any): void; scrollToBottom(): void; }, { direction: string; keyField: string; listTag: string; itemTag: string; dynamic: boolean; }> | null; }; rootEl: any; }; declare function scrollToBottom(): void; declare function scrollToItem(index: any): void; declare function updateItems(): void; declare function updateItemsFromBottom(): void; //# sourceMappingURL=scroller.vue.d.ts.map