diff --git a/404.html b/404.html index de89226d9..61fba6fd3 100644 --- a/404.html +++ b/404.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/api/enums/LogLevel/index.html b/api/enums/LogLevel/index.html index a77c60f12..090a8b545 100644 --- a/api/enums/LogLevel/index.html +++ b/api/enums/LogLevel/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Enumeration: LogLevel

Enumeration Members​

DEBUG​

• DEBUG = 0

Defined in​

dist/index.d.ts:343

ERROR​

• ERROR = 3

Defined in​

dist/index.d.ts:346

INFO​

• INFO = 1

Defined in​

dist/index.d.ts:344

WARN​

• WARN = 2

Defined in​

dist/index.d.ts:345

- - + + \ No newline at end of file diff --git a/api/index.html b/api/index.html index 4506d8301..303a37f0a 100644 --- a/api/index.html +++ b/api/index.html @@ -10,8 +10,8 @@ - - + +
@@ -34,7 +34,7 @@ An end-to-end browser-based test suite is runnable with npm run e2e, with the pages being e2e/*.tsx and the tests e2e/*.test.ts.

A convenient way to debug something is to preview the test cases in the browser. To do that, run npm run browse-examples - it will open a crude UI that lets you browse the components in the e2e folder.

Docs​

The documentation site is built with docusaurus and the content is available in the site/docs directory. The API reference is generated from the doc comments in src/components.tsx.

License​

MIT License.

- - + + \ No newline at end of file diff --git a/api/interfaces/CalculateViewLocationParams/index.html b/api/interfaces/CalculateViewLocationParams/index.html index 8e5d072fa..4462310fe 100644 --- a/api/interfaces/CalculateViewLocationParams/index.html +++ b/api/interfaces/CalculateViewLocationParams/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: CalculateViewLocationParams

Properties​

itemBottom​

• itemBottom: number

Defined in​

dist/index.d.ts:7

itemTop​

• itemTop: number

Defined in​

dist/index.d.ts:6

locationParams​

• locationParams: Object

Defined in​

dist/index.d.ts:10

viewportBottom​

• viewportBottom: number

Defined in​

dist/index.d.ts:9

viewportTop​

• viewportTop: number

Defined in​

dist/index.d.ts:8

- - + + \ No newline at end of file diff --git a/api/interfaces/Components/index.html b/api/interfaces/Components/index.html index 863f4e86d..8e449fe9c 100644 --- a/api/interfaces/Components/index.html +++ b/api/interfaces/Components/index.html @@ -10,15 +10,15 @@ - - + +
Skip to main content

Interface: Components<Data, Context>

Customize the Virtuoso rendering by passing a set of custom components.

Type parameters​

NameType
Dataunknown
Contextunknown

Properties​

EmptyPlaceholder​

• Optional EmptyPlaceholder: ComponentType<{ context?: Context }>

Set to render a custom UI when the list is empty.

Defined in​

dist/index.d.ts:73

• Optional Footer: ComponentType<{ context?: Context }>

Set to render a component at the bottom of the list.

Defined in​

dist/index.d.ts:35

Group​

• Optional Group: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "style" | "children"> & { data-index: number ; data-item-index: number ; data-known-size: number } & { context?: Context }>

Set to customize the group item wrapping element. Use only if you would like to render list from elements different than a div.

Defined in​

dist/index.d.ts:47

• Optional Header: ComponentType<{ context?: Context }>

Set to render a component at the top of the list.

The header remains above the top items and does not remain sticky.

Defined in​

dist/index.d.ts:29

Item​

• Optional Item: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "style" | "children"> & { data-index: number ; data-item-group-index?: number ; data-item-index: number ; data-known-size: number ; item: Data } & { context?: Context }>

Set to customize the item wrapping element. Use only if you would like to render list from elements different than a div.

Defined in​

dist/index.d.ts:41

List​

• Optional List: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "ref" | "style" | "children"> & { data-test-id: string } & { context?: Context }>

Set to customize the items wrapper. Use only if you would like to render list from elements different than a div.

Defined in​

dist/index.d.ts:67

ScrollSeekPlaceholder​

• Optional ScrollSeekPlaceholder: ComponentType<ScrollSeekPlaceholderProps & { context?: Context }>

Set to render an item placeholder when the user scrolls fast. See the scrollSeek property for more details.

Defined in​

dist/index.d.ts:79

Scroller​

• Optional Scroller: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "ref" | "style" | "tabIndex" | "children"> & { data-test-id?: string ; data-virtuoso-scroller?: boolean } & { context?: Context }>

Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.

Defined in​

dist/index.d.ts:61

TopItemList​

• Optional TopItemList: ComponentType<TopItemListProps & { context?: Context }>

Set to customize the top list item wrapping element. Use if you would like to render list from elements different than a div or you want to set a custom z-index for the sticky position.

Defined in​

dist/index.d.ts:54

- - + + \ No newline at end of file diff --git a/api/interfaces/ComputeItemKey/index.html b/api/interfaces/ComputeItemKey/index.html index 0685a30c7..14eda617a 100644 --- a/api/interfaces/ComputeItemKey/index.html +++ b/api/interfaces/ComputeItemKey/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ComputeItemKey<D, C>

Type parameters​

Name
D
C

Callable​

ComputeItemKey​

▸ ComputeItemKey(index, item, context): Key

Parameters​

NameType
indexnumber
itemD
contextC

Returns​

Key

Defined in​

dist/index.d.ts:85

- - + + \ No newline at end of file diff --git a/api/interfaces/ElementDimensions/index.html b/api/interfaces/ElementDimensions/index.html new file mode 100644 index 000000000..5150df3af --- /dev/null +++ b/api/interfaces/ElementDimensions/index.html @@ -0,0 +1,22 @@ + + + + + +Interface: ElementDimensions | React Virtuoso + + + + + + + + + + +
+
Skip to main content

Interface: ElementDimensions

Properties​

height​

• height: number

Defined in​

dist/index.d.ts:90

width​

• width: number

Defined in​

dist/index.d.ts:89

+ + + + \ No newline at end of file diff --git a/api/interfaces/FillerRowProps/index.html b/api/interfaces/FillerRowProps/index.html index 75e6a0bc8..0ea566af5 100644 --- a/api/interfaces/FillerRowProps/index.html +++ b/api/interfaces/FillerRowProps/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: FillerRowProps

Passed to the Components.FillerRow custom component

Properties​

height​

• height: number

Defined in​

dist/index.d.ts:97

- - + + \ No newline at end of file diff --git a/api/interfaces/FlatIndexLocationWithAlign/index.html b/api/interfaces/FlatIndexLocationWithAlign/index.html index 4d31592ff..2b3e90c5a 100644 --- a/api/interfaces/FlatIndexLocationWithAlign/index.html +++ b/api/interfaces/FlatIndexLocationWithAlign/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: FlatIndexLocationWithAlign

Hierarchy​

Properties​

align​

• Optional align: "start" | "center" | "end"

How to position the item in the viewport.

Inherited from​

LocationOptions.align

Defined in​

dist/index.d.ts:331

behavior​

• Optional behavior: "auto" | "smooth"

Set 'smooth' to have an animated transition to the specified location.

Inherited from​

LocationOptions.behavior

Defined in​

dist/index.d.ts:335

index​

• index: number | "LAST"

The index of the item to scroll to.

Defined in​

dist/index.d.ts:108

offset​

• Optional offset: number

The offset to scroll.

Inherited from​

LocationOptions.offset

Defined in​

dist/index.d.ts:339

- - + + \ No newline at end of file diff --git a/api/interfaces/FlatScrollIntoViewLocation/index.html b/api/interfaces/FlatScrollIntoViewLocation/index.html index 018ef6d64..d2fe822d8 100644 --- a/api/interfaces/FlatScrollIntoViewLocation/index.html +++ b/api/interfaces/FlatScrollIntoViewLocation/index.html @@ -10,8 +10,8 @@ - - + +
@@ -33,7 +33,7 @@ } return null }Read-only

Inherited from​

ScrollIntoViewLocationOptions.calculateViewLocation

Defined in​

dist/index.d.ts:402

done​

• Optional done: () => void

Type declaration​

▸ (): void

Will be called when the scroll is done, or immediately if no scroll is needed.

Returns​

void

Inherited from​

ScrollIntoViewLocationOptions.done

Defined in​

dist/index.d.ts:378

index​

• index: number

Defined in​

dist/index.d.ts:112

- - + + \ No newline at end of file diff --git a/api/interfaces/Gap/index.html b/api/interfaces/Gap/index.html new file mode 100644 index 000000000..232452317 --- /dev/null +++ b/api/interfaces/Gap/index.html @@ -0,0 +1,22 @@ + + + + + +Interface: Gap | React Virtuoso + + + + + + + + + + +
+
Skip to main content

Interface: Gap

Properties​

column​

• column: number

Defined in​

dist/index.d.ts:123

row​

• row: number

Defined in​

dist/index.d.ts:122

+ + + + \ No newline at end of file diff --git a/api/interfaces/GridComponents/index.html b/api/interfaces/GridComponents/index.html index d1d6b56f6..a7b60dfd3 100644 --- a/api/interfaces/GridComponents/index.html +++ b/api/interfaces/GridComponents/index.html @@ -10,15 +10,15 @@ - - + +
Skip to main content

Interface: GridComponents<Context>

Type parameters​

NameType
Contextany

Properties​

• Optional Footer: ComponentType<{ context?: Context }>

Set to render a component at the bottom of the list.

Defined in​

dist/index.d.ts:157

• Optional Header: ComponentType<{ context?: Context }>

Set to render a component at the top of the list.

The header remains above the top items and does not remain sticky.

Defined in​

dist/index.d.ts:151

Item​

• Optional Item: ComponentType<GridItemProps & { context?: Context }>

Set to customize the item wrapping element. Use only if you would like to render list from elements different than a div.

Defined in​

dist/index.d.ts:130

List​

• Optional List: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "ref" | "style" | "className" | "children"> & { data-test-id: string } & { context?: Context }>

Set to customize the items wrapper. Use only if you would like to render list from elements different than a div.

Defined in​

dist/index.d.ts:143

ScrollSeekPlaceholder​

• Optional ScrollSeekPlaceholder: ComponentType<GridScrollSeekPlaceholderProps & { context?: Context }>

Set to render an item placeholder when the user scrolls fast. See the scrollSeekConfiguration property for more details.

Defined in​

dist/index.d.ts:164

Scroller​

• Optional Scroller: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "ref" | "style" | "tabIndex" | "children"> & { data-test-id?: string ; data-virtuoso-scroller?: boolean } & { context?: Context }>

Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.

Defined in​

dist/index.d.ts:137

- - + + \ No newline at end of file diff --git a/api/interfaces/GridComputeItemKey/index.html b/api/interfaces/GridComputeItemKey/index.html index e5ae66061..5c96da468 100644 --- a/api/interfaces/GridComputeItemKey/index.html +++ b/api/interfaces/GridComputeItemKey/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GridComputeItemKey<D, C>

Type parameters​

Name
D
C

Callable​

GridComputeItemKey​

▸ GridComputeItemKey(index, item, context): Key

Parameters​

NameType
indexnumber
itemD
contextC

Returns​

Key

Defined in​

dist/index.d.ts:170

- - + + \ No newline at end of file diff --git a/api/interfaces/GridItem/index.html b/api/interfaces/GridItem/index.html index d4cc40f46..fb5a44e13 100644 --- a/api/interfaces/GridItem/index.html +++ b/api/interfaces/GridItem/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GridItem<D>

Type parameters​

Name
D

Properties​

data​

• Optional data: D

Defined in​

dist/index.d.ts:177

index​

• index: number

Defined in​

dist/index.d.ts:176

- - + + \ No newline at end of file diff --git a/api/interfaces/GridItemContent/index.html b/api/interfaces/GridItemContent/index.html index c92bb57c8..fc9f29c76 100644 --- a/api/interfaces/GridItemContent/index.html +++ b/api/interfaces/GridItemContent/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GridItemContent<D, C>

Type parameters​

Name
D
C

Callable​

GridItemContent​

▸ GridItemContent(index, data, context): ReactNode

Parameters​

NameType
indexnumber
dataD
contextC

Returns​

ReactNode

Defined in​

dist/index.d.ts:181

- - + + \ No newline at end of file diff --git a/api/interfaces/GridItemProps/index.html b/api/interfaces/GridItemProps/index.html index 840ac22c5..2010e3780 100644 --- a/api/interfaces/GridItemProps/index.html +++ b/api/interfaces/GridItemProps/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GridItemProps

Properties​

className​

• Optional className: string

Defined in​

dist/index.d.ts:186

data-index​

• data-index: number

Defined in​

dist/index.d.ts:185

- - + + \ No newline at end of file diff --git a/api/interfaces/GridScrollSeekPlaceholderProps/index.html b/api/interfaces/GridScrollSeekPlaceholderProps/index.html index 3d8f2a5c7..b08c12b3e 100644 --- a/api/interfaces/GridScrollSeekPlaceholderProps/index.html +++ b/api/interfaces/GridScrollSeekPlaceholderProps/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GridScrollSeekPlaceholderProps

Passed to the GridComponents.ScrollSeekPlaceholder custom component

Properties​

height​

• height: number

Defined in​

dist/index.d.ts:203

index​

• index: number

Defined in​

dist/index.d.ts:202

width​

• width: number

Defined in​

dist/index.d.ts:204

- - + + \ No newline at end of file diff --git a/api/interfaces/GridStateSnapshot/index.html b/api/interfaces/GridStateSnapshot/index.html new file mode 100644 index 000000000..ed3d38fd9 --- /dev/null +++ b/api/interfaces/GridStateSnapshot/index.html @@ -0,0 +1,22 @@ + + + + + +Interface: GridStateSnapshot | React Virtuoso + + + + + + + + + + +
+
Skip to main content
+ + + + \ No newline at end of file diff --git a/api/interfaces/GroupContent/index.html b/api/interfaces/GroupContent/index.html index 923647635..00da5899e 100644 --- a/api/interfaces/GroupContent/index.html +++ b/api/interfaces/GroupContent/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GroupContent<C>

Type parameters​

Name
C

Callable​

GroupContent​

▸ GroupContent(index, context): ReactNode

Parameters​

NameType
indexnumber
contextC

Returns​

ReactNode

Defined in​

dist/index.d.ts:215

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupIndexLocationWithAlign/index.html b/api/interfaces/GroupIndexLocationWithAlign/index.html index 3ce2ed711..0f8e86635 100644 --- a/api/interfaces/GroupIndexLocationWithAlign/index.html +++ b/api/interfaces/GroupIndexLocationWithAlign/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GroupIndexLocationWithAlign

Hierarchy​

Properties​

align​

• Optional align: "start" | "center" | "end"

How to position the item in the viewport.

Inherited from​

LocationOptions.align

Defined in​

dist/index.d.ts:331

behavior​

• Optional behavior: "auto" | "smooth"

Set 'smooth' to have an animated transition to the specified location.

Inherited from​

LocationOptions.behavior

Defined in​

dist/index.d.ts:335

groupIndex​

• groupIndex: number

The group index of the item to scroll to.

Defined in​

dist/index.d.ts:272

offset​

• Optional offset: number

The offset to scroll.

Inherited from​

LocationOptions.offset

Defined in​

dist/index.d.ts:339

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupItem/index.html b/api/interfaces/GroupItem/index.html index aefa281a9..da30ed69d 100644 --- a/api/interfaces/GroupItem/index.html +++ b/api/interfaces/GroupItem/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GroupItem<D>

Type parameters​

Name
D

Hierarchy​

  • Item<D>

    ↳ GroupItem

Properties​

data​

• Optional data: D

Inherited from​

Item.data

Defined in​

dist/index.d.ts:296

index​

• index: number

Inherited from​

Item.index

Defined in​

dist/index.d.ts:293

offset​

• offset: number

Inherited from​

Item.offset

Defined in​

dist/index.d.ts:294

originalIndex​

• Optional originalIndex: number

Defined in​

dist/index.d.ts:277

size​

• size: number

Inherited from​

Item.size

Defined in​

dist/index.d.ts:295

type​

• type: "group"

Defined in​

dist/index.d.ts:276

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupItemContent/index.html b/api/interfaces/GroupItemContent/index.html index 260c37df5..e8b04cfb8 100644 --- a/api/interfaces/GroupItemContent/index.html +++ b/api/interfaces/GroupItemContent/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GroupItemContent<D, C>

Type parameters​

Name
D
C

Callable​

GroupItemContent​

▸ GroupItemContent(index, groupIndex, data, context): ReactNode

Parameters​

NameType
indexnumber
groupIndexnumber
dataD
contextC

Returns​

ReactNode

Defined in​

dist/index.d.ts:281

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupedScrollIntoViewLocation/index.html b/api/interfaces/GroupedScrollIntoViewLocation/index.html index ab63e7fd6..eb297419e 100644 --- a/api/interfaces/GroupedScrollIntoViewLocation/index.html +++ b/api/interfaces/GroupedScrollIntoViewLocation/index.html @@ -10,8 +10,8 @@ - - + +
@@ -33,7 +33,7 @@ } return null }Read-only

Inherited from​

ScrollIntoViewLocationOptions.calculateViewLocation

Defined in​

dist/index.d.ts:402

done​

• Optional done: () => void

Type declaration​

▸ (): void

Will be called when the scroll is done, or immediately if no scroll is needed.

Returns​

void

Inherited from​

ScrollIntoViewLocationOptions.done

Defined in​

dist/index.d.ts:378

groupIndex​

• groupIndex: number

Defined in​

dist/index.d.ts:219

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupedVirtuosoHandle/index.html b/api/interfaces/GroupedVirtuosoHandle/index.html index 566e74694..8a322125f 100644 --- a/api/interfaces/GroupedVirtuosoHandle/index.html +++ b/api/interfaces/GroupedVirtuosoHandle/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: GroupedVirtuosoHandle

Methods​

autoscrollToBottom​

▸ autoscrollToBottom(): void

Returns​

void

Defined in​

dist/index.d.ts:231

getState​

▸ getState(stateCb): void

Obtains the internal size state of the component, so that it can be restored later. This does not include the data items.

Parameters​

NameType
stateCbStateCallback

Returns​

void

Defined in​

dist/index.d.ts:235

scrollBy​

▸ scrollBy(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:230

scrollIntoView​

▸ scrollIntoView(location): void

Parameters​

NameType
locationnumber | ScrollIntoViewLocation

Returns​

void

Defined in​

dist/index.d.ts:228

scrollTo​

▸ scrollTo(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:229

scrollToIndex​

▸ scrollToIndex(location): void

Parameters​

NameType
locationnumber | IndexLocationWithAlign

Returns​

void

Defined in​

dist/index.d.ts:227

- - + + \ No newline at end of file diff --git a/api/interfaces/GroupedVirtuosoProps/index.html b/api/interfaces/GroupedVirtuosoProps/index.html index 0c7d67dbd..00fe0ccd1 100644 --- a/api/interfaces/GroupedVirtuosoProps/index.html +++ b/api/interfaces/GroupedVirtuosoProps/index.html @@ -10,8 +10,8 @@ - - + +
@@ -47,7 +47,7 @@ See the increaseViewportBy property for a similar behavior (equivalent to the overscan in react-window).

Inherited from​

Omit.overscan

Defined in​

dist/index.d.ts:898

rangeChanged​

• Optional rangeChanged: (range: ListRange) => void

Type declaration​

▸ (range): void

Called with the new set of items each time the list items are rendered due to scrolling.

Parameters​
NameType
rangeListRange
Returns​

void

Inherited from​

Omit.rangeChanged

Defined in​

dist/index.d.ts:1022

restoreStateFrom​

• Optional restoreStateFrom: StateSnapshot

pass a state obtained from the getState() method to restore the list state - this includes the previously measured item sizes and the scroll location. Notice that you should still pass the same data and totalCount properties as before, so that the list can match the data with the stored measurements. This is useful when you want to keep the list state when the component is unmounted and remounted, for example when navigating to a different page.

Inherited from​

Omit.restoreStateFrom

Defined in​

dist/index.d.ts:1080

scrollSeekConfiguration​

• Optional scrollSeekConfiguration: false | ScrollSeekConfiguration

Use to display placeholders if the user scrolls fast through the list.

Set components.ScrollSeekPlaceholder to change the placeholder content.

Inherited from​

Omit.scrollSeekConfiguration

Defined in​

dist/index.d.ts:975

scrollerRef​

• Optional scrollerRef: (ref: null | HTMLElement | Window) => any

Type declaration​

▸ (ref): any

Provides access to the root DOM element

Parameters​
NameType
refnull | HTMLElement | Window
Returns​

any

Inherited from​

Omit.scrollerRef

Defined in​

dist/index.d.ts:1056

startReached​

• Optional startReached: (index: number) => void

Type declaration​

▸ (index): void

Called when the user scrolls to the start of the list.

Parameters​
NameType
indexnumber
Returns​

void

Inherited from​

Omit.startReached

Defined in​

dist/index.d.ts:1018

topItemCount​

• Optional topItemCount: number

Set the amount of items to remain fixed at the top of the list.

For a header that scrolls away when scrolling, check the components.Header property.

Inherited from​

Omit.topItemCount

Defined in​

dist/index.d.ts:920

totalListHeightChanged​

• Optional totalListHeightChanged: (height: number) => void

Type declaration​

▸ (height): void

Called when the total list height is changed due to new items or viewport resize.

Parameters​
NameType
heightnumber
Returns​

void

Inherited from​

Omit.totalListHeightChanged

Defined in​

dist/index.d.ts:1035

useWindowScroll​

• Optional useWindowScroll: boolean

Uses the document scroller rather than wrapping the list in its own.

Inherited from​

Omit.useWindowScroll

Defined in​

dist/index.d.ts:1048

- - + + \ No newline at end of file diff --git a/api/interfaces/Item/index.html b/api/interfaces/Item/index.html index d3debfc72..20f040e1c 100644 --- a/api/interfaces/Item/index.html +++ b/api/interfaces/Item/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: Item<D>

Type parameters​

Name
D

Hierarchy​

Properties​

data​

• Optional data: D

Defined in​

dist/index.d.ts:296

index​

• index: number

Defined in​

dist/index.d.ts:293

offset​

• offset: number

Defined in​

dist/index.d.ts:294

size​

• size: number

Defined in​

dist/index.d.ts:295

- - + + \ No newline at end of file diff --git a/api/interfaces/ItemContent/index.html b/api/interfaces/ItemContent/index.html index 2f05fd268..a5254ab57 100644 --- a/api/interfaces/ItemContent/index.html +++ b/api/interfaces/ItemContent/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ItemContent<D, C>

Type parameters​

Name
D
C

Callable​

ItemContent​

▸ ItemContent(index, data, context): ReactNode

Parameters​

NameType
indexnumber
dataD
contextC

Returns​

ReactNode

Defined in​

dist/index.d.ts:300

- - + + \ No newline at end of file diff --git a/api/interfaces/ListRange/index.html b/api/interfaces/ListRange/index.html index b23cb2c3e..fdd4df8a1 100644 --- a/api/interfaces/ListRange/index.html +++ b/api/interfaces/ListRange/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ListRange

Properties​

endIndex​

• endIndex: number

Defined in​

dist/index.d.ts:322

startIndex​

• startIndex: number

Defined in​

dist/index.d.ts:321

- - + + \ No newline at end of file diff --git a/api/interfaces/LocationOptions/index.html b/api/interfaces/LocationOptions/index.html index 96ed73f4a..7c4b9e1c6 100644 --- a/api/interfaces/LocationOptions/index.html +++ b/api/interfaces/LocationOptions/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: LocationOptions

Hierarchy​

Properties​

align​

• Optional align: "start" | "center" | "end"

How to position the item in the viewport.

Defined in​

dist/index.d.ts:331

behavior​

• Optional behavior: "auto" | "smooth"

Set 'smooth' to have an animated transition to the specified location.

Defined in​

dist/index.d.ts:335

offset​

• Optional offset: number

The offset to scroll.

Defined in​

dist/index.d.ts:339

- - + + \ No newline at end of file diff --git a/api/interfaces/RecordItem/index.html b/api/interfaces/RecordItem/index.html index 7f07c78dd..4a5c5feb1 100644 --- a/api/interfaces/RecordItem/index.html +++ b/api/interfaces/RecordItem/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: RecordItem<D>

Type parameters​

Name
D

Hierarchy​

  • Item<D>

    ↳ RecordItem

Properties​

data​

• Optional data: D

Overrides​

Item.data

Defined in​

dist/index.d.ts:353

groupIndex​

• Optional groupIndex: number

Defined in​

dist/index.d.ts:351

index​

• index: number

Inherited from​

Item.index

Defined in​

dist/index.d.ts:293

offset​

• offset: number

Inherited from​

Item.offset

Defined in​

dist/index.d.ts:294

originalIndex​

• Optional originalIndex: number

Defined in​

dist/index.d.ts:352

size​

• size: number

Inherited from​

Item.size

Defined in​

dist/index.d.ts:295

type​

• Optional type: undefined

Defined in​

dist/index.d.ts:350

- - + + \ No newline at end of file diff --git a/api/interfaces/ScrollContainerState/index.html b/api/interfaces/ScrollContainerState/index.html index 57726d56e..33b8b3eeb 100644 --- a/api/interfaces/ScrollContainerState/index.html +++ b/api/interfaces/ScrollContainerState/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ScrollContainerState

Properties​

scrollHeight​

• scrollHeight: number

Defined in​

dist/index.d.ts:357

scrollTop​

• scrollTop: number

Defined in​

dist/index.d.ts:358

viewportHeight​

• viewportHeight: number

Defined in​

dist/index.d.ts:359

- - + + \ No newline at end of file diff --git a/api/interfaces/ScrollIntoViewLocationOptions/index.html b/api/interfaces/ScrollIntoViewLocationOptions/index.html index 68be05fce..f74447384 100644 --- a/api/interfaces/ScrollIntoViewLocationOptions/index.html +++ b/api/interfaces/ScrollIntoViewLocationOptions/index.html @@ -10,8 +10,8 @@ - - + +
@@ -33,7 +33,7 @@ } return null }Read-only

Defined in​

dist/index.d.ts:402

done​

• Optional done: () => void

Type declaration​

▸ (): void

Will be called when the scroll is done, or immediately if no scroll is needed.

Returns​

void

Defined in​

dist/index.d.ts:378

- - + + \ No newline at end of file diff --git a/api/interfaces/ScrollSeekConfiguration/index.html b/api/interfaces/ScrollSeekConfiguration/index.html index 6ea10a380..5279aa22a 100644 --- a/api/interfaces/ScrollSeekConfiguration/index.html +++ b/api/interfaces/ScrollSeekConfiguration/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ScrollSeekConfiguration

Properties​

change​

• Optional change: (velocity: number, range: ListRange) => void

Type declaration​

▸ (velocity, range): void

called during scrolling in scroll seek mode - use to display a hint where the list is.

Parameters​
NameType
velocitynumber
rangeListRange
Returns​

void

Defined in​

dist/index.d.ts:413

enter​

• enter: ScrollSeekToggle

Callback to determine if the list should enter "scroll seek" mode.

Defined in​

dist/index.d.ts:409

exit​

• exit: ScrollSeekToggle

Callback to determine if the list should exit "scroll seek" mode.

Defined in​

dist/index.d.ts:417

- - + + \ No newline at end of file diff --git a/api/interfaces/ScrollSeekPlaceholderProps/index.html b/api/interfaces/ScrollSeekPlaceholderProps/index.html index 491e19d2b..5c5a5302b 100644 --- a/api/interfaces/ScrollSeekPlaceholderProps/index.html +++ b/api/interfaces/ScrollSeekPlaceholderProps/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ScrollSeekPlaceholderProps

Passed to the Components.ScrollSeekPlaceholder custom component

Properties​

groupIndex​

• Optional groupIndex: number

Defined in​

dist/index.d.ts:426

height​

• height: number

Defined in​

dist/index.d.ts:425

index​

• index: number

Defined in​

dist/index.d.ts:424

type​

• type: "group" | "item"

Defined in​

dist/index.d.ts:427

- - + + \ No newline at end of file diff --git a/api/interfaces/ScrollSeekToggle/index.html b/api/interfaces/ScrollSeekToggle/index.html index 8d31f8d8a..c02b7ee28 100644 --- a/api/interfaces/ScrollSeekToggle/index.html +++ b/api/interfaces/ScrollSeekToggle/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: ScrollSeekToggle

Callable​

ScrollSeekToggle​

▸ ScrollSeekToggle(velocity, range): boolean

Parameters​

NameType
velocitynumber
rangeListRange

Returns​

boolean

Defined in​

dist/index.d.ts:431

- - + + \ No newline at end of file diff --git a/api/interfaces/SizeRange/index.html b/api/interfaces/SizeRange/index.html index 25b81dbb4..13c5d2fba 100644 --- a/api/interfaces/SizeRange/index.html +++ b/api/interfaces/SizeRange/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: SizeRange

Properties​

endIndex​

• endIndex: number

Defined in​

dist/index.d.ts:439

size​

• size: number

Defined in​

dist/index.d.ts:440

startIndex​

• startIndex: number

Defined in​

dist/index.d.ts:438

- - + + \ No newline at end of file diff --git a/api/interfaces/StateSnapshot/index.html b/api/interfaces/StateSnapshot/index.html index d7745ea65..92b025892 100644 --- a/api/interfaces/StateSnapshot/index.html +++ b/api/interfaces/StateSnapshot/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: StateSnapshot

Properties​

ranges​

• ranges: SizeRange[]

Defined in​

dist/index.d.ts:446

scrollTop​

• scrollTop: number

Defined in​

dist/index.d.ts:447

- - + + \ No newline at end of file diff --git a/api/interfaces/TableComponents/index.html b/api/interfaces/TableComponents/index.html index 59f006d77..99a7eed96 100644 --- a/api/interfaces/TableComponents/index.html +++ b/api/interfaces/TableComponents/index.html @@ -10,14 +10,14 @@ - - + +
Skip to main content

Interface: TableComponents<Data, Context>

Customize the TableVirtuoso rendering by passing a set of custom components.

Type parameters​

NameType
Dataunknown
Contextunknown

Properties​

EmptyPlaceholder​

• Optional EmptyPlaceholder: ComponentType<{ context?: Context }>

Set to render a custom UI when the list is empty.

Defined in​

dist/index.d.ts:503

FillerRow​

• Optional FillerRow: ComponentType<FillerRowProps & { context?: Context }>

Set to render an empty item placeholder.

Defined in​

dist/index.d.ts:515

ScrollSeekPlaceholder​

• Optional ScrollSeekPlaceholder: ComponentType<ScrollSeekPlaceholderProps & { context?: Context }>

Set to render an item placeholder when the user scrolls fast. See the scrollSeek property for more details.

Defined in​

dist/index.d.ts:509

Scroller​

• Optional Scroller: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "ref" | "style" | "tabIndex" | "children"> & { data-test-id?: string ; data-virtuoso-scroller?: boolean } & { context?: Context }>

Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.

Defined in​

dist/index.d.ts:491

Table​

• Optional Table: ComponentType<TableProps & { context?: Context }>

Set to customize the wrapping table element.

Defined in​

dist/index.d.ts:465

TableBody​

• Optional TableBody: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {}, "ref" | "style" | "className" | "children"> & { data-test-id: string } & { context?: Context }>

Set to customize the items wrapper. Default is tbody.

Defined in​

dist/index.d.ts:497

TableFoot​

• Optional TableFoot: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {}, "ref" | "style" | "children"> & { context?: Context }>

Set to render a fixed footer at the bottom of the table (tfoot). use [[fixedFooterContent]] to set the contents

Defined in​

dist/index.d.ts:478

TableHead​

• Optional TableHead: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {}, "ref" | "style" | "children"> & { context?: Context }>

Set to render a fixed header at the top of the table (thead). use [[fixedHeaderContent]] to set the contents

Defined in​

dist/index.d.ts:472

TableRow​

• Optional TableRow: ComponentType<Pick<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {}, "style" | "children"> & { data-index: number ; data-item-group-index?: number ; data-item-index: number ; data-known-size: number ; item: Data } & { context?: Context }>

Set to customize the item wrapping element. Default is tr.

Defined in​

dist/index.d.ts:484

- - + + \ No newline at end of file diff --git a/api/interfaces/TableVirtuosoHandle/index.html b/api/interfaces/TableVirtuosoHandle/index.html index 08ea2a7d7..fa8ebda7e 100644 --- a/api/interfaces/TableVirtuosoHandle/index.html +++ b/api/interfaces/TableVirtuosoHandle/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: TableVirtuosoHandle

Methods​

scrollBy​

▸ scrollBy(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:532

scrollIntoView​

▸ scrollIntoView(location): void

Parameters​

NameType
locationnumber | FlatScrollIntoViewLocation

Returns​

void

Defined in​

dist/index.d.ts:529

scrollTo​

▸ scrollTo(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:531

scrollToIndex​

▸ scrollToIndex(location): void

Parameters​

NameType
locationnumber | FlatIndexLocationWithAlign

Returns​

void

Defined in​

dist/index.d.ts:530

- - + + \ No newline at end of file diff --git a/api/interfaces/TableVirtuosoProps/index.html b/api/interfaces/TableVirtuosoProps/index.html index e744899a4..c945a52c2 100644 --- a/api/interfaces/TableVirtuosoProps/index.html +++ b/api/interfaces/TableVirtuosoProps/index.html @@ -10,8 +10,8 @@ - - + +
@@ -42,7 +42,7 @@ See the increaseViewportBy property for a similar behavior (equivalent to the overscan in react-window).

Overrides​

Omit.overscan

Defined in​

dist/index.d.ts:562

rangeChanged​

• Optional rangeChanged: (range: ListRange) => void

Type declaration​

▸ (range): void

Called with the new set of items each time the list items are rendered due to scrolling.

Parameters​
NameType
rangeListRange
Returns​

void

Overrides​

Omit.rangeChanged

Defined in​

dist/index.d.ts:667

restoreStateFrom​

• Optional restoreStateFrom: StateSnapshot

pass a state obtained from the getState() method to restore the list state - this includes the previously measured item sizes and the scroll location. Notice that you should still pass the same data and totalCount properties as before, so that the list can match the data with the stored measurements. This is useful when you want to keep the list state when the component is unmounted and remounted, for example when navigating to a different page.

Inherited from​

Omit.restoreStateFrom

Defined in​

dist/index.d.ts:1080

scrollSeekConfiguration​

• Optional scrollSeekConfiguration: false | ScrollSeekConfiguration

Use to display placeholders if the user scrolls fast through the list.

Set components.ScrollSeekPlaceholder to change the placeholder content.

Overrides​

Omit.scrollSeekConfiguration

Defined in​

dist/index.d.ts:624

scrollerRef​

• Optional scrollerRef: (ref: null | HTMLElement | Window) => any

Type declaration​

▸ (ref): any

Provides access to the root DOM element

Parameters​
NameType
refnull | HTMLElement | Window
Returns​

any

Overrides​

Omit.scrollerRef

Defined in​

dist/index.d.ts:701

startReached​

• Optional startReached: (index: number) => void

Type declaration​

▸ (index): void

Called when the user scrolls to the start of the list.

Parameters​
NameType
indexnumber
Returns​

void

Overrides​

Omit.startReached

Defined in​

dist/index.d.ts:663

totalCount​

• Optional totalCount: number

The total amount of items to be rendered.

Overrides​

Omit.totalCount

Defined in​

dist/index.d.ts:551

totalListHeightChanged​

• Optional totalListHeightChanged: (height: number) => void

Type declaration​

▸ (height): void

Called when the total list height is changed due to new items or viewport resize.

Parameters​
NameType
heightnumber
Returns​

void

Overrides​

Omit.totalListHeightChanged

Defined in​

dist/index.d.ts:680

useWindowScroll​

• Optional useWindowScroll: boolean

Uses the document scroller rather than wrapping the list in its own.

Overrides​

Omit.useWindowScroll

Defined in​

dist/index.d.ts:693

- - + + \ No newline at end of file diff --git a/api/interfaces/VirtuosoGridHandle/index.html b/api/interfaces/VirtuosoGridHandle/index.html index 94cc0ebc7..e9c71fdf4 100644 --- a/api/interfaces/VirtuosoGridHandle/index.html +++ b/api/interfaces/VirtuosoGridHandle/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: VirtuosoGridHandle

Methods​

scrollBy​

▸ scrollBy(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:725

scrollTo​

▸ scrollTo(location): void

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:724

scrollToIndex​

▸ scrollToIndex(location): void

Parameters​

NameType
locationGridIndexLocation

Returns​

void

Defined in​

dist/index.d.ts:723

- - + + \ No newline at end of file diff --git a/api/interfaces/VirtuosoGridMockContextValue/index.html b/api/interfaces/VirtuosoGridMockContextValue/index.html index a07a341ff..58bfb0612 100644 --- a/api/interfaces/VirtuosoGridMockContextValue/index.html +++ b/api/interfaces/VirtuosoGridMockContextValue/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: VirtuosoGridMockContextValue

Properties​

itemHeight​

• itemHeight: number

Defined in​

dist/index.d.ts:733

itemWidth​

• itemWidth: number

Defined in​

dist/index.d.ts:734

viewportHeight​

• viewportHeight: number

Defined in​

dist/index.d.ts:731

viewportWidth​

• viewportWidth: number

Defined in​

dist/index.d.ts:732

- - + + \ No newline at end of file diff --git a/api/interfaces/VirtuosoGridProps/index.html b/api/interfaces/VirtuosoGridProps/index.html index 73abb905e..c7581ed82 100644 --- a/api/interfaces/VirtuosoGridProps/index.html +++ b/api/interfaces/VirtuosoGridProps/index.html @@ -10,8 +10,8 @@ - - + +
@@ -20,8 +20,8 @@ Receives the last item index as an argument. Can be used to implement endless scrolling.

Parameters​
NameType
indexnumber
Returns​

void

Defined in​

dist/index.d.ts:790

initialItemCount​

• Optional initialItemCount: number

Use for server-side rendering - if set, the list will render the specified amount of items regardless of the container / item size.

Defined in​

dist/index.d.ts:754

initialTopMostItemIndex​

• Optional initialTopMostItemIndex: GridIndexLocation

Defined in​

dist/index.d.ts:839

isScrolling​

• Optional isScrolling: (isScrolling: boolean) => void

Type declaration​

▸ (isScrolling): void

Called when the list starts/stops scrolling.

Parameters​
NameType
isScrollingboolean
Returns​

void

Defined in​

dist/index.d.ts:785

itemClassName​

• Optional itemClassName: string

Sets the grid items' className

Defined in​

dist/index.d.ts:824

itemContent​

• Optional itemContent: GridItemContent<D, C>

Set the callback to specify the contents of the item.

Defined in​

dist/index.d.ts:758

listClassName​

• Optional listClassName: string

Sets the className for the list DOM element

Defined in​

dist/index.d.ts:820

logLevel​

• Optional logLevel: LogLevel

set to LogLevel.DEBUG to enable various diagnostics in the console, the most useful being the item measurement reports.

Ensure that you have "all levels" enabled in the browser console too see the messages.

Defined in​

dist/index.d.ts:838

overscan​

• Optional overscan: number | { main: number ; reverse: number }

Set the overscan property to make the component "chunk" the rendering of new items on scroll. The property causes the component to render more items than the necessary, but reduces the re-renders on scroll. -Setting { main: number, reverse: number } lets you extend the list in both the main and the reverse scrollable directions.

Defined in​

dist/index.d.ts:768

rangeChanged​

• Optional rangeChanged: (range: ListRange) => void

Type declaration​

▸ (range): void

Called with the new set of items each time the list items are rendered due to scrolling.

Parameters​
NameType
rangeListRange
Returns​

void

Defined in​

dist/index.d.ts:798

restoreStateFrom​

• Optional restoreStateFrom: null | GridStateSnapshot

Defined in​

dist/index.d.ts:803

scrollSeekConfiguration​

• Optional scrollSeekConfiguration: false | ScrollSeekConfiguration

Use to display placeholders if the user scrolls fast through the list.

Set components.ScrollSeekPlaceholder to change the placeholder content.

Defined in​

dist/index.d.ts:781

scrollerRef​

• Optional scrollerRef: (ref: null | HTMLElement) => any

Type declaration​

▸ (ref): any

Provides access to the root DOM element

Parameters​
NameType
refnull | HTMLElement
Returns​

any

Defined in​

dist/index.d.ts:816

startReached​

• Optional startReached: (index: number) => void

Type declaration​

▸ (index): void

Called when the user scrolls to the start of the list.

Parameters​
NameType
indexnumber
Returns​

void

Defined in​

dist/index.d.ts:794

stateChanged​

• Optional stateChanged: (state: GridStateSnapshot) => void

Type declaration​

▸ (state): void

reports when the grid state changes. The reported value can be stored and passed back to restoreStateFrom to restore the grid to the same state.

Parameters​
NameType
stateGridStateSnapshot
Returns​

void

Defined in​

dist/index.d.ts:802

totalCount​

• Optional totalCount: number

The total amount of items to be rendered.

Defined in​

dist/index.d.ts:741

useWindowScroll​

• Optional useWindowScroll: boolean

Uses the document scroller rather than wrapping the grid in its own.

Defined in​

dist/index.d.ts:828

- - +Setting { main: number, reverse: number } lets you extend the list in both the main and the reverse scrollable directions.

Defined in​

dist/index.d.ts:768

rangeChanged​

• Optional rangeChanged: (range: ListRange) => void

Type declaration​

▸ (range): void

Called with the new set of items each time the list items are rendered due to scrolling.

Parameters​
NameType
rangeListRange
Returns​

void

Defined in​

dist/index.d.ts:798

restoreStateFrom​

• Optional restoreStateFrom: null | GridStateSnapshot

Defined in​

dist/index.d.ts:803

scrollSeekConfiguration​

• Optional scrollSeekConfiguration: false | ScrollSeekConfiguration

Use to display placeholders if the user scrolls fast through the list.

Set components.ScrollSeekPlaceholder to change the placeholder content.

Defined in​

dist/index.d.ts:781

scrollerRef​

• Optional scrollerRef: (ref: null | HTMLElement) => any

Type declaration​

▸ (ref): any

Provides access to the root DOM element

Parameters​
NameType
refnull | HTMLElement
Returns​

any

Defined in​

dist/index.d.ts:816

startReached​

• Optional startReached: (index: number) => void

Type declaration​

▸ (index): void

Called when the user scrolls to the start of the list.

Parameters​
NameType
indexnumber
Returns​

void

Defined in​

dist/index.d.ts:794

stateChanged​

• Optional stateChanged: (state: GridStateSnapshot) => void

Type declaration​

▸ (state): void

reports when the grid state changes. The reported value can be stored and passed back to restoreStateFrom to restore the grid to the same state.

Parameters​
NameType
stateGridStateSnapshot
Returns​

void

Defined in​

dist/index.d.ts:802

totalCount​

• Optional totalCount: number

The total amount of items to be rendered.

Defined in​

dist/index.d.ts:741

useWindowScroll​

• Optional useWindowScroll: boolean

Uses the document scroller rather than wrapping the grid in its own.

Defined in​

dist/index.d.ts:828

+ + \ No newline at end of file diff --git a/api/interfaces/VirtuosoHandle/index.html b/api/interfaces/VirtuosoHandle/index.html index 138b9defd..3a68ea600 100644 --- a/api/interfaces/VirtuosoHandle/index.html +++ b/api/interfaces/VirtuosoHandle/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: VirtuosoHandle

Methods​

autoscrollToBottom​

▸ autoscrollToBottom(): void

Use this with combination with follow output if you have images loading in the list. Listen to the image loading and call the method.

Returns​

void

Defined in​

dist/index.d.ts:862

getState​

▸ getState(stateCb): void

Obtains the internal size state of the component, so that it can be restored later. This does not include the data items.

Parameters​

NameType
stateCbStateCallback

Returns​

void

Defined in​

dist/index.d.ts:866

scrollBy​

▸ scrollBy(location): void

Scrolls the component with the specified amount. See ScrollToOptions (MDN)

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:858

scrollIntoView​

▸ scrollIntoView(location): void

Scrolls the item into view if necessary. See the website example for an implementation.

Parameters​

NameType
locationFlatScrollIntoViewLocation

Returns​

void

Defined in​

dist/index.d.ts:850

scrollTo​

▸ scrollTo(location): void

Scrolls the component to the specified location. See ScrollToOptions (MDN)

Parameters​

NameType
locationScrollToOptions

Returns​

void

Defined in​

dist/index.d.ts:854

scrollToIndex​

▸ scrollToIndex(location): void

Scrolls the component to the specified item index. See IndexLocationWithAlign for more options.

Parameters​

NameType
locationnumber | FlatIndexLocationWithAlign

Returns​

void

Defined in​

dist/index.d.ts:846

- - + + \ No newline at end of file diff --git a/api/interfaces/VirtuosoMockContextValue/index.html b/api/interfaces/VirtuosoMockContextValue/index.html index 6160e39f7..4b6e72df8 100644 --- a/api/interfaces/VirtuosoMockContextValue/index.html +++ b/api/interfaces/VirtuosoMockContextValue/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: VirtuosoMockContextValue

Properties​

itemHeight​

• itemHeight: number

Defined in​

dist/index.d.ts:873

viewportHeight​

• viewportHeight: number

Defined in​

dist/index.d.ts:872

- - + + \ No newline at end of file diff --git a/api/interfaces/VirtuosoProps/index.html b/api/interfaces/VirtuosoProps/index.html index 50ad54aad..5f8d90183 100644 --- a/api/interfaces/VirtuosoProps/index.html +++ b/api/interfaces/VirtuosoProps/index.html @@ -10,8 +10,8 @@ - - + +
@@ -43,7 +43,7 @@ See the increaseViewportBy property for a similar behavior (equivalent to the overscan in react-window).

Defined in​

dist/index.d.ts:898

rangeChanged​

• Optional rangeChanged: (range: ListRange) => void

Type declaration​

▸ (range): void

Called with the new set of items each time the list items are rendered due to scrolling.

Parameters​
NameType
rangeListRange
Returns​

void

Defined in​

dist/index.d.ts:1022

restoreStateFrom​

• Optional restoreStateFrom: StateSnapshot

pass a state obtained from the getState() method to restore the list state - this includes the previously measured item sizes and the scroll location. Notice that you should still pass the same data and totalCount properties as before, so that the list can match the data with the stored measurements. This is useful when you want to keep the list state when the component is unmounted and remounted, for example when navigating to a different page.

Defined in​

dist/index.d.ts:1080

scrollSeekConfiguration​

• Optional scrollSeekConfiguration: false | ScrollSeekConfiguration

Use to display placeholders if the user scrolls fast through the list.

Set components.ScrollSeekPlaceholder to change the placeholder content.

Defined in​

dist/index.d.ts:975

scrollerRef​

• Optional scrollerRef: (ref: null | HTMLElement | Window) => any

Type declaration​

▸ (ref): any

Provides access to the root DOM element

Parameters​
NameType
refnull | HTMLElement | Window
Returns​

any

Defined in​

dist/index.d.ts:1056

startReached​

• Optional startReached: (index: number) => void

Type declaration​

▸ (index): void

Called when the user scrolls to the start of the list.

Parameters​
NameType
indexnumber
Returns​

void

Defined in​

dist/index.d.ts:1018

topItemCount​

• Optional topItemCount: number

Set the amount of items to remain fixed at the top of the list.

For a header that scrolls away when scrolling, check the components.Header property.

Defined in​

dist/index.d.ts:920

totalCount​

• Optional totalCount: number

The total amount of items to be rendered.

Defined in​

dist/index.d.ts:880

totalListHeightChanged​

• Optional totalListHeightChanged: (height: number) => void

Type declaration​

▸ (height): void

Called when the total list height is changed due to new items or viewport resize.

Parameters​
NameType
heightnumber
Returns​

void

Defined in​

dist/index.d.ts:1035

useWindowScroll​

• Optional useWindowScroll: boolean

Uses the document scroller rather than wrapping the list in its own.

Defined in​

dist/index.d.ts:1048

- - + + \ No newline at end of file diff --git a/api/interfaces/WindowViewportInfo/index.html b/api/interfaces/WindowViewportInfo/index.html index b656690e2..79b1fe9e4 100644 --- a/api/interfaces/WindowViewportInfo/index.html +++ b/api/interfaces/WindowViewportInfo/index.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Interface: WindowViewportInfo

Properties​

offsetTop​

• offsetTop: number

Defined in​

dist/index.d.ts:1084

visibleHeight​

• visibleHeight: number

Defined in​

dist/index.d.ts:1085

visibleWidth​

• visibleWidth: number

Defined in​

dist/index.d.ts:1086

- - + + \ No newline at end of file diff --git a/api/modules/index.html b/api/modules/index.html index 0ac9ee926..ac37f9222 100644 --- a/api/modules/index.html +++ b/api/modules/index.html @@ -10,13 +10,13 @@ - - + +
-
Skip to main content

react-virtuoso

Enumerations​

Interfaces​

Type Aliases​

CalculateViewLocation​

Ƭ CalculateViewLocation: (params: CalculateViewLocationParams) => IndexLocationWithAlign | number | null

Type declaration​

▸ (params): IndexLocationWithAlign | number | null

Parameters​
NameType
paramsCalculateViewLocationParams
Returns​

IndexLocationWithAlign | number | null

Defined in​

dist/index.d.ts:3

FixedFooterContent​

Ƭ FixedFooterContent: () => React_2.ReactNode | null

Defined in​

dist/index.d.ts:100

FixedHeaderContent​

Ƭ FixedHeaderContent: () => React_2.ReactNode | null

Defined in​

dist/index.d.ts:102

FollowOutput​

Ƭ FollowOutput: FollowOutputCallback | FollowOutputScalarType

Defined in​

dist/index.d.ts:115

FollowOutputCallback​

Ƭ FollowOutputCallback: (isAtBottom: boolean) => FollowOutputScalarType

Type declaration​

▸ (isAtBottom): FollowOutputScalarType

Parameters​
NameType
isAtBottomboolean
Returns​

FollowOutputScalarType

Defined in​

dist/index.d.ts:117

FollowOutputScalarType​

Ƭ FollowOutputScalarType: boolean | "smooth" | "auto"

Defined in​

dist/index.d.ts:119

GridIndexLocation​

Ƭ GridIndexLocation: FlatIndexLocationWithAlign | number

Defined in​

dist/index.d.ts:173

GridListProps​

Ƭ GridListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "ref" | "className"> & { data-test-id: string }

Passed to the Components.List custom component

Defined in​

dist/index.d.ts:192

GridRootProps​

Ƭ GridRootProps: Omit<React_2.HTMLProps<HTMLDivElement>, "ref" | "data">

Defined in​

dist/index.d.ts:196

GroupProps​

Ƭ GroupProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children"> & { data-index: number ; data-item-index: number ; data-known-size: number }

Defined in​

dist/index.d.ts:284

IndexLocationWithAlign​

Ƭ IndexLocationWithAlign: FlatIndexLocationWithAlign | GroupIndexLocationWithAlign

Defined in​

dist/index.d.ts:290

ItemProps​

Ƭ ItemProps<D>: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children"> & { data-index: number ; data-item-group-index?: number ; data-item-index: number ; data-known-size: number ; item: D }

Type parameters​

Name
D

Defined in​

dist/index.d.ts:303

ListItem​

Ƭ ListItem<D>: RecordItem<D> | GroupItem<D>

Type parameters​

Name
D

Defined in​

dist/index.d.ts:311

ListProps​

Ƭ ListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "ref"> & { data-test-id: string }

Passed to the Components.List custom component

Defined in​

dist/index.d.ts:316

ListRootProps​

Ƭ ListRootProps: Omit<React_2.HTMLProps<HTMLDivElement>, "ref" | "data">

Defined in​

dist/index.d.ts:325

ScrollIntoViewLocation​

Ƭ ScrollIntoViewLocation: FlatScrollIntoViewLocation | GroupedScrollIntoViewLocation

Defined in​

dist/index.d.ts:370

ScrollerProps​

Ƭ ScrollerProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "tabIndex" | "ref"> & { data-test-id?: string ; data-virtuoso-scroller?: boolean }

Passed to the Components.Scroller custom component

Defined in​

dist/index.d.ts:365

SizeFunction​

Ƭ SizeFunction: (el: HTMLElement, field: "offsetHeight" | "offsetWidth") => number

Type declaration​

▸ (el, field): number

Calculates the height of el, which will be the Item element in the DOM.

Parameters​
NameType
elHTMLElement
field"offsetHeight" | "offsetWidth"
Returns​

number

Defined in​

dist/index.d.ts:435

StateCallback​

Ƭ StateCallback: (state: StateSnapshot) => void

Type declaration​

▸ (state): void

Parameters​
NameType
stateStateSnapshot
Returns​

void

Defined in​

dist/index.d.ts:443

TableBodyProps​

Ƭ TableBodyProps: Pick<React_2.ComponentPropsWithRef<"tbody">, "style" | "children" | "ref" | "className"> & { data-test-id: string }

Passed to the Components.TableBody custom component

Defined in​

dist/index.d.ts:453

TableProps​

Ƭ TableProps: Pick<React_2.ComponentPropsWithRef<"table">, "style" | "children">

Defined in​

dist/index.d.ts:520

TableRootProps​

Ƭ TableRootProps: Omit<React_2.HTMLProps<HTMLTableElement>, "ref" | "data">

Defined in​

dist/index.d.ts:522

TopItemListProps​

Ƭ TopItemListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children">

Defined in​

dist/index.d.ts:712

Variables​

VirtuosoGridMockContext​

• Const VirtuosoGridMockContext: React_2.Context<VirtuosoGridMockContextValue | undefined>

Defined in​

dist/index.d.ts:728

VirtuosoMockContext​

• Const VirtuosoMockContext: React_2.Context<VirtuosoMockContextValue | undefined>

Defined in​

dist/index.d.ts:869

Functions​

GroupedVirtuoso​

▸ GroupedVirtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsGroupedVirtuosoProps<ItemData, Context> & { ref?: Ref<GroupedVirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:222

TableVirtuoso​

▸ TableVirtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsTableVirtuosoProps<ItemData, Context> & { ref?: Ref<TableVirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:524

Virtuoso​

▸ Virtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsVirtuosoProps<ItemData, Context> & { ref?: Ref<VirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:714

VirtuosoGrid​

▸ VirtuosoGrid<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsVirtuosoGridProps<ItemData, Context> & { ref?: Ref<VirtuosoGridHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:718

- - +
Skip to main content

react-virtuoso

Enumerations​

Interfaces​

Type Aliases​

CalculateViewLocation​

Ƭ CalculateViewLocation: (params: CalculateViewLocationParams) => IndexLocationWithAlign | number | null

Type declaration​

▸ (params): IndexLocationWithAlign | number | null

Parameters​
NameType
paramsCalculateViewLocationParams
Returns​

IndexLocationWithAlign | number | null

Defined in​

dist/index.d.ts:3

FixedFooterContent​

Ƭ FixedFooterContent: () => React_2.ReactNode | null

Defined in​

dist/index.d.ts:100

FixedHeaderContent​

Ƭ FixedHeaderContent: () => React_2.ReactNode | null

Defined in​

dist/index.d.ts:102

FollowOutput​

Ƭ FollowOutput: FollowOutputCallback | FollowOutputScalarType

Defined in​

dist/index.d.ts:115

FollowOutputCallback​

Ƭ FollowOutputCallback: (isAtBottom: boolean) => FollowOutputScalarType

Type declaration​

▸ (isAtBottom): FollowOutputScalarType

Parameters​
NameType
isAtBottomboolean
Returns​

FollowOutputScalarType

Defined in​

dist/index.d.ts:117

FollowOutputScalarType​

Ƭ FollowOutputScalarType: boolean | "smooth" | "auto"

Defined in​

dist/index.d.ts:119

GridIndexLocation​

Ƭ GridIndexLocation: FlatIndexLocationWithAlign | number

Defined in​

dist/index.d.ts:173

GridListProps​

Ƭ GridListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "ref" | "className"> & { data-test-id: string }

Passed to the Components.List custom component

Defined in​

dist/index.d.ts:192

GridRootProps​

Ƭ GridRootProps: Omit<React_2.HTMLProps<HTMLDivElement>, "ref" | "data">

Defined in​

dist/index.d.ts:196

GroupProps​

Ƭ GroupProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children"> & { data-index: number ; data-item-index: number ; data-known-size: number }

Defined in​

dist/index.d.ts:284

IndexLocationWithAlign​

Ƭ IndexLocationWithAlign: FlatIndexLocationWithAlign | GroupIndexLocationWithAlign

Defined in​

dist/index.d.ts:290

ItemProps​

Ƭ ItemProps<D>: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children"> & { data-index: number ; data-item-group-index?: number ; data-item-index: number ; data-known-size: number ; item: D }

Type parameters​

Name
D

Defined in​

dist/index.d.ts:303

ListItem​

Ƭ ListItem<D>: RecordItem<D> | GroupItem<D>

Type parameters​

Name
D

Defined in​

dist/index.d.ts:311

ListProps​

Ƭ ListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "ref"> & { data-test-id: string }

Passed to the Components.List custom component

Defined in​

dist/index.d.ts:316

ListRootProps​

Ƭ ListRootProps: Omit<React_2.HTMLProps<HTMLDivElement>, "ref" | "data">

Defined in​

dist/index.d.ts:325

ScrollIntoViewLocation​

Ƭ ScrollIntoViewLocation: FlatScrollIntoViewLocation | GroupedScrollIntoViewLocation

Defined in​

dist/index.d.ts:370

ScrollerProps​

Ƭ ScrollerProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children" | "tabIndex" | "ref"> & { data-test-id?: string ; data-virtuoso-scroller?: boolean }

Passed to the Components.Scroller custom component

Defined in​

dist/index.d.ts:365

SizeFunction​

Ƭ SizeFunction: (el: HTMLElement, field: "offsetHeight" | "offsetWidth") => number

Type declaration​

▸ (el, field): number

Calculates the height of el, which will be the Item element in the DOM.

Parameters​
NameType
elHTMLElement
field"offsetHeight" | "offsetWidth"
Returns​

number

Defined in​

dist/index.d.ts:435

StateCallback​

Ƭ StateCallback: (state: StateSnapshot) => void

Type declaration​

▸ (state): void

Parameters​
NameType
stateStateSnapshot
Returns​

void

Defined in​

dist/index.d.ts:443

TableBodyProps​

Ƭ TableBodyProps: Pick<React_2.ComponentPropsWithRef<"tbody">, "style" | "children" | "ref" | "className"> & { data-test-id: string }

Passed to the Components.TableBody custom component

Defined in​

dist/index.d.ts:453

TableProps​

Ƭ TableProps: Pick<React_2.ComponentPropsWithRef<"table">, "style" | "children">

Defined in​

dist/index.d.ts:520

TableRootProps​

Ƭ TableRootProps: Omit<React_2.HTMLProps<HTMLTableElement>, "ref" | "data">

Defined in​

dist/index.d.ts:522

TopItemListProps​

Ƭ TopItemListProps: Pick<React_2.ComponentPropsWithRef<"div">, "style" | "children">

Defined in​

dist/index.d.ts:712

Variables​

VirtuosoGridMockContext​

• Const VirtuosoGridMockContext: React_2.Context<VirtuosoGridMockContextValue | undefined>

Defined in​

dist/index.d.ts:728

VirtuosoMockContext​

• Const VirtuosoMockContext: React_2.Context<VirtuosoMockContextValue | undefined>

Defined in​

dist/index.d.ts:869

Functions​

GroupedVirtuoso​

▸ GroupedVirtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsGroupedVirtuosoProps<ItemData, Context> & { ref?: Ref<GroupedVirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:222

TableVirtuoso​

▸ TableVirtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsTableVirtuosoProps<ItemData, Context> & { ref?: Ref<TableVirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:524

Virtuoso​

▸ Virtuoso<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsVirtuosoProps<ItemData, Context> & { ref?: Ref<VirtuosoHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:714

VirtuosoGrid​

▸ VirtuosoGrid<ItemData, Context>(props): ReactElement<any, string | JSXElementConstructor<any>>

Type parameters​

NameType
ItemDataany
Contextany

Parameters​

NameType
propsVirtuosoGridProps<ItemData, Context> & { ref?: Ref<VirtuosoGridHandle> }

Returns​

ReactElement<any, string | JSXElementConstructor<any>>

Defined in​

dist/index.d.ts:718

+ + \ No newline at end of file diff --git a/assets/js/117.6e9330a8.js b/assets/js/117.2627f1f2.js similarity index 99% rename from assets/js/117.6e9330a8.js rename to assets/js/117.2627f1f2.js index 9aaf347a5..98633269c 100644 --- a/assets/js/117.6e9330a8.js +++ b/assets/js/117.2627f1f2.js @@ -3,13 +3,13 @@ exports.id = 117; exports.ids = [117]; exports.modules = { -/***/ 3582: +/***/ 33582: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ S: () => (/* binding */ SandpackClient) /* harmony export */ }); -/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(434); +/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89130); var SandpackClient = /** @class */ (function () { @@ -53,17 +53,17 @@ var SandpackClient = /** @class */ (function () { /***/ }), -/***/ 4117: +/***/ 54117: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SandpackRuntime: () => (/* binding */ SandpackRuntime) /* harmony export */ }); -/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9743); -/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(434); -/* harmony import */ var _base_80a1f760_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3582); -/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1757); +/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29743); +/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89130); +/* harmony import */ var _base_80a1f760_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33582); +/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31757); diff --git a/assets/js/419.b71d0bd3.js b/assets/js/419.46684c4a.js similarity index 99% rename from assets/js/419.b71d0bd3.js rename to assets/js/419.46684c4a.js index 3926f9ab5..c51cc08d4 100644 --- a/assets/js/419.b71d0bd3.js +++ b/assets/js/419.46684c4a.js @@ -3,13 +3,13 @@ exports.id = 419; exports.ids = [419]; exports.modules = { -/***/ 3582: +/***/ 33582: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ S: () => (/* binding */ SandpackClient) /* harmony export */ }); -/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(434); +/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89130); var SandpackClient = /** @class */ (function () { @@ -53,7 +53,7 @@ var SandpackClient = /** @class */ (function () { /***/ }), -/***/ 8248: +/***/ 48248: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { @@ -65,8 +65,8 @@ var SandpackClient = /** @class */ (function () { /* harmony export */ r: () => (/* binding */ readBuffer), /* harmony export */ w: () => (/* binding */ writeBuffer) /* harmony export */ }); -/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1757); -/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9743); +/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31757); +/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29743); @@ -321,7 +321,7 @@ var getMessageFromError = function (error) { /***/ }), -/***/ 5419: +/***/ 65419: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { // ESM COMPAT FLAG @@ -333,7 +333,7 @@ __webpack_require__.d(__webpack_exports__, { }); // EXTERNAL MODULE: ./node_modules/.pnpm/@codesandbox+sandpack-client@2.6.9/node_modules/@codesandbox/sandpack-client/dist/types-36e5ec0d.mjs -var types_36e5ec0d = __webpack_require__(9743); +var types_36e5ec0d = __webpack_require__(29743); ;// CONCATENATED MODULE: ./node_modules/.pnpm/@codesandbox+nodebox@0.1.8/node_modules/@codesandbox/nodebox/build/index.mjs var __create = Object.create; var __defProp = Object.defineProperty; @@ -1399,13 +1399,13 @@ var PREVIEW_LOADED_MESSAGE_TYPE = "PREVIEW_LOADED"; // EXTERNAL MODULE: ./node_modules/.pnpm/@codesandbox+sandpack-client@2.6.9/node_modules/@codesandbox/sandpack-client/dist/base-80a1f760.mjs -var base_80a1f760 = __webpack_require__(3582); +var base_80a1f760 = __webpack_require__(33582); // EXTERNAL MODULE: ./node_modules/.pnpm/@codesandbox+sandpack-client@2.6.9/node_modules/@codesandbox/sandpack-client/dist/client.utils-7a723432.mjs -var client_utils_7a723432 = __webpack_require__(8248); +var client_utils_7a723432 = __webpack_require__(48248); // EXTERNAL MODULE: ./node_modules/.pnpm/outvariant@1.4.0/node_modules/outvariant/lib/index.mjs -var lib = __webpack_require__(1757); +var lib = __webpack_require__(31757); // EXTERNAL MODULE: ./node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/dist/index.mjs -var dist = __webpack_require__(434); +var dist = __webpack_require__(89130); ;// CONCATENATED MODULE: ./node_modules/.pnpm/@codesandbox+sandpack-client@2.6.9/node_modules/@codesandbox/sandpack-client/dist/clients/node/index.mjs diff --git a/assets/js/6e2a759c.b20bd3ea.js b/assets/js/6e2a759c.3ade378e.js similarity index 78% rename from assets/js/6e2a759c.b20bd3ea.js rename to assets/js/6e2a759c.3ade378e.js index 2a0170d00..37b4833c5 100644 --- a/assets/js/6e2a759c.b20bd3ea.js +++ b/assets/js/6e2a759c.3ade378e.js @@ -1 +1 @@ -"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7156],{7942:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>h});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function r(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=a.createContext({}),o=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):r(r({},t),e)),n},s=function(e){var t=o(e.components);return a.createElement(p.Provider,{value:t},e.children)},k="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,l=e.originalType,p=e.parentName,s=d(e,["components","mdxType","originalType","parentName"]),k=o(n),u=i,h=k["".concat(p,".").concat(u)]||k[u]||m[u]||l;return n?a.createElement(h,r(r({ref:t},s),{},{components:n})):a.createElement(h,r({ref:t},s))}));function h(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var l=n.length,r=new Array(l);r[0]=u;var d={};for(var p in t)hasOwnProperty.call(t,p)&&(d[p]=t[p]);d.originalType=e,d[k]="string"==typeof e?e:i,r[1]=d;for(var o=2;o{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>p,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>k});var a=n(5882),i=n(950),l=(n(959),n(7942)),r=["components"],d={id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null},p=void 0,o={unversionedId:"api/interfaces/VirtuosoGridProps",id:"api/interfaces/VirtuosoGridProps",title:"Interface: VirtuosoGridProps",description:"Type parameters",source:"@site/docs/api/interfaces/VirtuosoGridProps.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridProps",permalink:"/api/interfaces/VirtuosoGridProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null}},s={},k=[{value:"Type parameters",id:"type-parameters",level:2},{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"atBottomStateChange",id:"atbottomstatechange",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"atTopStateChange",id:"attopstatechange",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-1",level:4},{value:"components",id:"components",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"computeItemKey",id:"computeitemkey",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"context",id:"context",level:3},{value:"Defined in",id:"defined-in-4",level:4},{value:"customScrollParent",id:"customscrollparent",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"data",id:"data",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"endReached",id:"endreached",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-7",level:4},{value:"initialItemCount",id:"initialitemcount",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"initialTopMostItemIndex",id:"initialtopmostitemindex",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"isScrolling",id:"isscrolling",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-10",level:4},{value:"itemClassName",id:"itemclassname",level:3},{value:"Defined in",id:"defined-in-11",level:4},{value:"itemContent",id:"itemcontent",level:3},{value:"Defined in",id:"defined-in-12",level:4},{value:"listClassName",id:"listclassname",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"logLevel",id:"loglevel",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"overscan",id:"overscan",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"rangeChanged",id:"rangechanged",level:3},{value:"Type declaration",id:"type-declaration-4",level:4},{value:"Parameters",id:"parameters-4",level:5},{value:"Returns",id:"returns-4",level:5},{value:"Defined in",id:"defined-in-16",level:4},{value:"restoreStateFrom",id:"restorestatefrom",level:3},{value:"Defined in",id:"defined-in-17",level:4},{value:"scrollSeekConfiguration",id:"scrollseekconfiguration",level:3},{value:"Defined in",id:"defined-in-18",level:4},{value:"scrollerRef",id:"scrollerref",level:3},{value:"Type declaration",id:"type-declaration-5",level:4},{value:"Parameters",id:"parameters-5",level:5},{value:"Returns",id:"returns-5",level:5},{value:"Defined in",id:"defined-in-19",level:4},{value:"startReached",id:"startreached",level:3},{value:"Type declaration",id:"type-declaration-6",level:4},{value:"Parameters",id:"parameters-6",level:5},{value:"Returns",id:"returns-6",level:5},{value:"Defined in",id:"defined-in-20",level:4},{value:"stateChanged",id:"statechanged",level:3},{value:"Type declaration",id:"type-declaration-7",level:4},{value:"Parameters",id:"parameters-7",level:5},{value:"Returns",id:"returns-7",level:5},{value:"Defined in",id:"defined-in-21",level:4},{value:"totalCount",id:"totalcount",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"useWindowScroll",id:"usewindowscroll",level:3},{value:"Defined in",id:"defined-in-23",level:4}],m={toc:k},u="wrapper";function h(e){var t=e.components,n=(0,i.Z)(e,r);return(0,l.kt)(u,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"type-parameters"},"Type parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"D")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"D"))),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"C")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"unknown"))))),(0,l.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("p",{parentName:"li"},(0,l.kt)("a",{parentName:"p",href:"/api/modules#gridrootprops"},(0,l.kt)("inlineCode",{parentName:"a"},"GridRootProps"))),(0,l.kt)("p",{parentName:"li"},"\u21b3 ",(0,l.kt)("strong",{parentName:"p"},(0,l.kt)("inlineCode",{parentName:"strong"},"VirtuosoGridProps"))))),(0,l.kt)("h2",{id:"properties"},"Properties"),(0,l.kt)("h3",{id:"atbottomstatechange"},"atBottomStateChange"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"atBottomStateChange"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"atBottom"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"atBottom"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with true / false when the list has reached the bottom / gets scrolled up.\nCan be used to load newer items, like ",(0,l.kt)("inlineCode",{parentName:"p"},"tail -f"),"."),(0,l.kt)("h5",{id:"parameters"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"atBottom")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:808"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"attopstatechange"},"atTopStateChange"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"atTopStateChange"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"atTop"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"atTop"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with ",(0,l.kt)("inlineCode",{parentName:"p"},"true")," / ",(0,l.kt)("inlineCode",{parentName:"p"},"false")," when the list has reached the top / gets scrolled down."),(0,l.kt)("h5",{id:"parameters-1"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"atTop")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns-1"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:812"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"components"},"components"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"components"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridComponents"},(0,l.kt)("inlineCode",{parentName:"a"},"GridComponents")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"Use the ",(0,l.kt)("inlineCode",{parentName:"p"},"components")," property for advanced customization of the elements rendered by the list."),(0,l.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:762"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"computeitemkey"},"computeItemKey"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"computeItemKey"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridComputeItemKey"},(0,l.kt)("inlineCode",{parentName:"a"},"GridComputeItemKey")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"If specified, the component will use the function to generate the ",(0,l.kt)("inlineCode",{parentName:"p"},"key")," property for each list item."),(0,l.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:775"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"context"},"context"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"context"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"C")),(0,l.kt)("p",null,"Additional context available in the custom components and content callbacks"),(0,l.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:749"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"customscrollparent"},"customScrollParent"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"customScrollParent"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"HTMLElement")),(0,l.kt)("p",null,"Pass a reference to a scrollable parent element, so that the grid won't wrap in its own."),(0,l.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:832"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"data"},"data"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"data"),": readonly ",(0,l.kt)("inlineCode",{parentName:"p"},"D"),"[]"),(0,l.kt)("p",null,"The data items to be rendered. If data is set, the total count will be inferred from the length of the array."),(0,l.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:745"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"endreached"},"endReached"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"endReached"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Gets called when the user scrolls to the end of the list.\nReceives the last item index as an argument. Can be used to implement endless scrolling."),(0,l.kt)("h5",{id:"parameters-2"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"index")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"number"))))),(0,l.kt)("h5",{id:"returns-2"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:790"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"initialitemcount"},"initialItemCount"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"initialItemCount"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")),(0,l.kt)("p",null,"Use for server-side rendering - if set, the list will render the specified amount of items\nregardless of the container / item size."),(0,l.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:754"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"initialtopmostitemindex"},"initialTopMostItemIndex"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"initialTopMostItemIndex"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/modules#gridindexlocation"},(0,l.kt)("inlineCode",{parentName:"a"},"GridIndexLocation"))),(0,l.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:839"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"isscrolling"},"isScrolling"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"isScrolling"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"isScrolling"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"isScrolling"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called when the list starts/stops scrolling."),(0,l.kt)("h5",{id:"parameters-3"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"isScrolling")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns-3"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:785"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"itemclassname"},"itemClassName"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"itemClassName"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"string")),(0,l.kt)("p",null,"Sets the grid items' className"),(0,l.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:824"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"itemcontent"},"itemContent"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"itemContent"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridItemContent"},(0,l.kt)("inlineCode",{parentName:"a"},"GridItemContent")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"Set the callback to specify the contents of the item."),(0,l.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:758"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"listclassname"},"listClassName"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"listClassName"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"string")),(0,l.kt)("p",null,"Sets the className for the list DOM element"),(0,l.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:820"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"loglevel"},"logLevel"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"logLevel"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/enums/LogLevel"},(0,l.kt)("inlineCode",{parentName:"a"},"LogLevel"))),(0,l.kt)("p",null,"set to LogLevel.DEBUG to enable various diagnostics in the console, the most useful being the item measurement reports."),(0,l.kt)("p",null,'Ensure that you have "all levels" enabled in the browser console too see the messages.'),(0,l.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:838"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"overscan"},"overscan"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"overscan"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," ","|"," { ",(0,l.kt)("inlineCode",{parentName:"p"},"main"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,l.kt)("inlineCode",{parentName:"p"},"reverse"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,l.kt)("p",null,'Set the overscan property to make the component "chunk" the rendering of new items on scroll.\nThe property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\nSetting ',(0,l.kt)("inlineCode",{parentName:"p"},"{ main: number, reverse: number }")," lets you extend the list in both the main and the reverse scrollable directions."),(0,l.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:768"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"rangechanged"},"rangeChanged"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"rangeChanged"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"range"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/ListRange"},(0,l.kt)("inlineCode",{parentName:"a"},"ListRange")),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-4"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"range"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with the new set of items each time the list items are rendered due to scrolling."),(0,l.kt)("h5",{id:"parameters-4"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"range")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("a",{parentName:"td",href:"/api/interfaces/ListRange"},(0,l.kt)("inlineCode",{parentName:"a"},"ListRange")))))),(0,l.kt)("h5",{id:"returns-4"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:798"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"restorestatefrom"},"restoreStateFrom"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"restoreStateFrom"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,l.kt)("inlineCode",{parentName:"p"},"GridStateSnapshot")),(0,l.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:803"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"scrollseekconfiguration"},"scrollSeekConfiguration"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"scrollSeekConfiguration"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"false")," ","|"," ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/ScrollSeekConfiguration"},(0,l.kt)("inlineCode",{parentName:"a"},"ScrollSeekConfiguration"))),(0,l.kt)("p",null,"Use to display placeholders if the user scrolls fast through the list."),(0,l.kt)("p",null,"Set ",(0,l.kt)("inlineCode",{parentName:"p"},"components.ScrollSeekPlaceholder")," to change the placeholder content."),(0,l.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:781"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"scrollerref"},"scrollerRef"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"scrollerRef"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"ref"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,l.kt)("inlineCode",{parentName:"p"},"HTMLElement"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("h4",{id:"type-declaration-5"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"ref"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("p",null,"Provides access to the root DOM element"),(0,l.kt)("h5",{id:"parameters-5"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"ref")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"null")," ","|"," ",(0,l.kt)("inlineCode",{parentName:"td"},"HTMLElement"))))),(0,l.kt)("h5",{id:"returns-5"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:816"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"startreached"},"startReached"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"startReached"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-6"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called when the user scrolls to the start of the list."),(0,l.kt)("h5",{id:"parameters-6"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"index")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"number"))))),(0,l.kt)("h5",{id:"returns-6"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:794"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"statechanged"},"stateChanged"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"stateChanged"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"GridStateSnapshot"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-7"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"reports when the grid state changes. The reported value can be stored and passed back to ",(0,l.kt)("inlineCode",{parentName:"p"},"restoreStateFrom")," to restore the grid to the same state."),(0,l.kt)("h5",{id:"parameters-7"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"state")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"GridStateSnapshot"))))),(0,l.kt)("h5",{id:"returns-7"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:802"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"totalcount"},"totalCount"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"totalCount"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")),(0,l.kt)("p",null,"The total amount of items to be rendered."),(0,l.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:741"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"usewindowscroll"},"useWindowScroll"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"useWindowScroll"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean")),(0,l.kt)("p",null,"Uses the document scroller rather than wrapping the grid in its own."),(0,l.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:828"))}h.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7156],{7942:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>h});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function r(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=a.createContext({}),o=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):r(r({},t),e)),n},s=function(e){var t=o(e.components);return a.createElement(p.Provider,{value:t},e.children)},k="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,l=e.originalType,p=e.parentName,s=d(e,["components","mdxType","originalType","parentName"]),k=o(n),u=i,h=k["".concat(p,".").concat(u)]||k[u]||m[u]||l;return n?a.createElement(h,r(r({ref:t},s),{},{components:n})):a.createElement(h,r({ref:t},s))}));function h(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var l=n.length,r=new Array(l);r[0]=u;var d={};for(var p in t)hasOwnProperty.call(t,p)&&(d[p]=t[p]);d.originalType=e,d[k]="string"==typeof e?e:i,r[1]=d;for(var o=2;o{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>p,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>k});var a=n(5882),i=n(950),l=(n(959),n(7942)),r=["components"],d={id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null},p=void 0,o={unversionedId:"api/interfaces/VirtuosoGridProps",id:"api/interfaces/VirtuosoGridProps",title:"Interface: VirtuosoGridProps",description:"Type parameters",source:"@site/docs/api/interfaces/VirtuosoGridProps.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridProps",permalink:"/api/interfaces/VirtuosoGridProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null}},s={},k=[{value:"Type parameters",id:"type-parameters",level:2},{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"atBottomStateChange",id:"atbottomstatechange",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"atTopStateChange",id:"attopstatechange",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-1",level:4},{value:"components",id:"components",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"computeItemKey",id:"computeitemkey",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"context",id:"context",level:3},{value:"Defined in",id:"defined-in-4",level:4},{value:"customScrollParent",id:"customscrollparent",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"data",id:"data",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"endReached",id:"endreached",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-7",level:4},{value:"initialItemCount",id:"initialitemcount",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"initialTopMostItemIndex",id:"initialtopmostitemindex",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"isScrolling",id:"isscrolling",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-10",level:4},{value:"itemClassName",id:"itemclassname",level:3},{value:"Defined in",id:"defined-in-11",level:4},{value:"itemContent",id:"itemcontent",level:3},{value:"Defined in",id:"defined-in-12",level:4},{value:"listClassName",id:"listclassname",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"logLevel",id:"loglevel",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"overscan",id:"overscan",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"rangeChanged",id:"rangechanged",level:3},{value:"Type declaration",id:"type-declaration-4",level:4},{value:"Parameters",id:"parameters-4",level:5},{value:"Returns",id:"returns-4",level:5},{value:"Defined in",id:"defined-in-16",level:4},{value:"restoreStateFrom",id:"restorestatefrom",level:3},{value:"Defined in",id:"defined-in-17",level:4},{value:"scrollSeekConfiguration",id:"scrollseekconfiguration",level:3},{value:"Defined in",id:"defined-in-18",level:4},{value:"scrollerRef",id:"scrollerref",level:3},{value:"Type declaration",id:"type-declaration-5",level:4},{value:"Parameters",id:"parameters-5",level:5},{value:"Returns",id:"returns-5",level:5},{value:"Defined in",id:"defined-in-19",level:4},{value:"startReached",id:"startreached",level:3},{value:"Type declaration",id:"type-declaration-6",level:4},{value:"Parameters",id:"parameters-6",level:5},{value:"Returns",id:"returns-6",level:5},{value:"Defined in",id:"defined-in-20",level:4},{value:"stateChanged",id:"statechanged",level:3},{value:"Type declaration",id:"type-declaration-7",level:4},{value:"Parameters",id:"parameters-7",level:5},{value:"Returns",id:"returns-7",level:5},{value:"Defined in",id:"defined-in-21",level:4},{value:"totalCount",id:"totalcount",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"useWindowScroll",id:"usewindowscroll",level:3},{value:"Defined in",id:"defined-in-23",level:4}],m={toc:k},u="wrapper";function h(e){var t=e.components,n=(0,i.Z)(e,r);return(0,l.kt)(u,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"type-parameters"},"Type parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"D")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"D"))),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"C")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"unknown"))))),(0,l.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("p",{parentName:"li"},(0,l.kt)("a",{parentName:"p",href:"/api/modules#gridrootprops"},(0,l.kt)("inlineCode",{parentName:"a"},"GridRootProps"))),(0,l.kt)("p",{parentName:"li"},"\u21b3 ",(0,l.kt)("strong",{parentName:"p"},(0,l.kt)("inlineCode",{parentName:"strong"},"VirtuosoGridProps"))))),(0,l.kt)("h2",{id:"properties"},"Properties"),(0,l.kt)("h3",{id:"atbottomstatechange"},"atBottomStateChange"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"atBottomStateChange"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"atBottom"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"atBottom"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with true / false when the list has reached the bottom / gets scrolled up.\nCan be used to load newer items, like ",(0,l.kt)("inlineCode",{parentName:"p"},"tail -f"),"."),(0,l.kt)("h5",{id:"parameters"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"atBottom")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:808"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"attopstatechange"},"atTopStateChange"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"atTopStateChange"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"atTop"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"atTop"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with ",(0,l.kt)("inlineCode",{parentName:"p"},"true")," / ",(0,l.kt)("inlineCode",{parentName:"p"},"false")," when the list has reached the top / gets scrolled down."),(0,l.kt)("h5",{id:"parameters-1"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"atTop")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns-1"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:812"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"components"},"components"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"components"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridComponents"},(0,l.kt)("inlineCode",{parentName:"a"},"GridComponents")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"Use the ",(0,l.kt)("inlineCode",{parentName:"p"},"components")," property for advanced customization of the elements rendered by the list."),(0,l.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:762"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"computeitemkey"},"computeItemKey"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"computeItemKey"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridComputeItemKey"},(0,l.kt)("inlineCode",{parentName:"a"},"GridComputeItemKey")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"If specified, the component will use the function to generate the ",(0,l.kt)("inlineCode",{parentName:"p"},"key")," property for each list item."),(0,l.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:775"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"context"},"context"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"context"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"C")),(0,l.kt)("p",null,"Additional context available in the custom components and content callbacks"),(0,l.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:749"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"customscrollparent"},"customScrollParent"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"customScrollParent"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"HTMLElement")),(0,l.kt)("p",null,"Pass a reference to a scrollable parent element, so that the grid won't wrap in its own."),(0,l.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:832"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"data"},"data"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"data"),": readonly ",(0,l.kt)("inlineCode",{parentName:"p"},"D"),"[]"),(0,l.kt)("p",null,"The data items to be rendered. If data is set, the total count will be inferred from the length of the array."),(0,l.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:745"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"endreached"},"endReached"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"endReached"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Gets called when the user scrolls to the end of the list.\nReceives the last item index as an argument. Can be used to implement endless scrolling."),(0,l.kt)("h5",{id:"parameters-2"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"index")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"number"))))),(0,l.kt)("h5",{id:"returns-2"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:790"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"initialitemcount"},"initialItemCount"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"initialItemCount"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")),(0,l.kt)("p",null,"Use for server-side rendering - if set, the list will render the specified amount of items\nregardless of the container / item size."),(0,l.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:754"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"initialtopmostitemindex"},"initialTopMostItemIndex"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"initialTopMostItemIndex"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/modules#gridindexlocation"},(0,l.kt)("inlineCode",{parentName:"a"},"GridIndexLocation"))),(0,l.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:839"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"isscrolling"},"isScrolling"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"isScrolling"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"isScrolling"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"isScrolling"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called when the list starts/stops scrolling."),(0,l.kt)("h5",{id:"parameters-3"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"isScrolling")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,l.kt)("h5",{id:"returns-3"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:785"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"itemclassname"},"itemClassName"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"itemClassName"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"string")),(0,l.kt)("p",null,"Sets the grid items' className"),(0,l.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:824"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"itemcontent"},"itemContent"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"itemContent"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridItemContent"},(0,l.kt)("inlineCode",{parentName:"a"},"GridItemContent")),"<",(0,l.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,l.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,l.kt)("p",null,"Set the callback to specify the contents of the item."),(0,l.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:758"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"listclassname"},"listClassName"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"listClassName"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"string")),(0,l.kt)("p",null,"Sets the className for the list DOM element"),(0,l.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:820"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"loglevel"},"logLevel"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"logLevel"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/enums/LogLevel"},(0,l.kt)("inlineCode",{parentName:"a"},"LogLevel"))),(0,l.kt)("p",null,"set to LogLevel.DEBUG to enable various diagnostics in the console, the most useful being the item measurement reports."),(0,l.kt)("p",null,'Ensure that you have "all levels" enabled in the browser console too see the messages.'),(0,l.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:838"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"overscan"},"overscan"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"overscan"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," ","|"," { ",(0,l.kt)("inlineCode",{parentName:"p"},"main"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,l.kt)("inlineCode",{parentName:"p"},"reverse"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,l.kt)("p",null,'Set the overscan property to make the component "chunk" the rendering of new items on scroll.\nThe property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\nSetting ',(0,l.kt)("inlineCode",{parentName:"p"},"{ main: number, reverse: number }")," lets you extend the list in both the main and the reverse scrollable directions."),(0,l.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:768"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"rangechanged"},"rangeChanged"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"rangeChanged"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"range"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/ListRange"},(0,l.kt)("inlineCode",{parentName:"a"},"ListRange")),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-4"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"range"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called with the new set of items each time the list items are rendered due to scrolling."),(0,l.kt)("h5",{id:"parameters-4"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"range")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("a",{parentName:"td",href:"/api/interfaces/ListRange"},(0,l.kt)("inlineCode",{parentName:"a"},"ListRange")))))),(0,l.kt)("h5",{id:"returns-4"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:798"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"restorestatefrom"},"restoreStateFrom"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"restoreStateFrom"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridStateSnapshot"},(0,l.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot"))),(0,l.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:803"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"scrollseekconfiguration"},"scrollSeekConfiguration"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"scrollSeekConfiguration"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"false")," ","|"," ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/ScrollSeekConfiguration"},(0,l.kt)("inlineCode",{parentName:"a"},"ScrollSeekConfiguration"))),(0,l.kt)("p",null,"Use to display placeholders if the user scrolls fast through the list."),(0,l.kt)("p",null,"Set ",(0,l.kt)("inlineCode",{parentName:"p"},"components.ScrollSeekPlaceholder")," to change the placeholder content."),(0,l.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:781"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"scrollerref"},"scrollerRef"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"scrollerRef"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"ref"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,l.kt)("inlineCode",{parentName:"p"},"HTMLElement"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("h4",{id:"type-declaration-5"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"ref"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("p",null,"Provides access to the root DOM element"),(0,l.kt)("h5",{id:"parameters-5"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"ref")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"null")," ","|"," ",(0,l.kt)("inlineCode",{parentName:"td"},"HTMLElement"))))),(0,l.kt)("h5",{id:"returns-5"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"any")),(0,l.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:816"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"startreached"},"startReached"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"startReached"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-6"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"Called when the user scrolls to the start of the list."),(0,l.kt)("h5",{id:"parameters-6"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"index")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"number"))))),(0,l.kt)("h5",{id:"returns-6"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:794"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"statechanged"},"stateChanged"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"stateChanged"),": (",(0,l.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,l.kt)("a",{parentName:"p",href:"/api/interfaces/GridStateSnapshot"},(0,l.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot")),") => ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"type-declaration-7"},"Type declaration"),(0,l.kt)("p",null,"\u25b8 (",(0,l.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("p",null,"reports when the grid state changes. The reported value can be stored and passed back to ",(0,l.kt)("inlineCode",{parentName:"p"},"restoreStateFrom")," to restore the grid to the same state."),(0,l.kt)("h5",{id:"parameters-7"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,l.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("inlineCode",{parentName:"td"},"state")),(0,l.kt)("td",{parentName:"tr",align:"left"},(0,l.kt)("a",{parentName:"td",href:"/api/interfaces/GridStateSnapshot"},(0,l.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot")))))),(0,l.kt)("h5",{id:"returns-7"},"Returns"),(0,l.kt)("p",null,(0,l.kt)("inlineCode",{parentName:"p"},"void")),(0,l.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:802"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"totalcount"},"totalCount"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"totalCount"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"number")),(0,l.kt)("p",null,"The total amount of items to be rendered."),(0,l.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:741"),(0,l.kt)("hr",null),(0,l.kt)("h3",{id:"usewindowscroll"},"useWindowScroll"),(0,l.kt)("p",null,"\u2022 ",(0,l.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,l.kt)("strong",{parentName:"p"},"useWindowScroll"),": ",(0,l.kt)("inlineCode",{parentName:"p"},"boolean")),(0,l.kt)("p",null,"Uses the document scroller rather than wrapping the grid in its own."),(0,l.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,l.kt)("p",null,"dist/index.d.ts:828"))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.413c801a.js b/assets/js/935f2afb.413c801a.js new file mode 100644 index 000000000..47c5d512b --- /dev/null +++ b/assets/js/935f2afb.413c801a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"defaultSidebar":[{"type":"link","label":"Getting Started","href":"/","docId":"getting-started"},{"type":"link","label":"Troubleshooting","href":"/troubleshooting","docId":"troubleshooting"},{"type":"category","label":"Basics","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"100,000 Items","href":"/hello/","docId":"basics/hello"},{"type":"link","label":"Auto Resizing","href":"/auto-resizing/","docId":"basics/auto-resizing"},{"type":"link","label":"Footer","href":"/footer/","docId":"basics/footer"},{"type":"link","label":"Initial Index","href":"/initial-index/","docId":"basics/initial-index"},{"type":"link","label":"Range Change Callback","href":"/range-change-callback/","docId":"basics/range-change-callback"},{"type":"link","label":"Scroll Handling","href":"/scroll-handling/","docId":"basics/scroll-handling"},{"type":"link","label":"Scroll to Index","href":"/scroll-to-index/","docId":"basics/scroll-to-index"},{"type":"link","label":"Top Items","href":"/top-items/","docId":"basics/top-items"}]},{"type":"category","label":"Grouped Mode","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Grouped Numbers","href":"/grouped-numbers/","docId":"grouped-mode/grouped-numbers"},{"type":"link","label":"Grouped by First Letter","href":"/grouped-by-first-letter/","docId":"grouped-mode/grouped-by-first-letter"},{"type":"link","label":"Load on Demand","href":"/grouped-with-load-on-demand/","docId":"grouped-mode/grouped-with-load-on-demand"},{"type":"link","label":"Scroll to Group","href":"/scroll-to-group/","docId":"grouped-mode/scroll-to-group"}]},{"type":"category","label":"Table","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Basic Example","href":"/hello-table/","docId":"table/hello-table"},{"type":"link","label":"Material UI Table","href":"/mui-table-virtual-scroll/","docId":"table/mui-table-virtual-scroll"},{"type":"link","label":"React Table","href":"/react-table-integration/","docId":"table/react-table-integration"},{"type":"link","label":"Fixed Headers","href":"/table-fixed-headers/","docId":"table/table-fixed-headers"},{"type":"link","label":"Fixed Columns","href":"/table-fixed-columns/","docId":"table/table-fixed-columns"}]},{"type":"category","label":"Grid","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Responsive Columns","href":"/grid-responsive-columns/","docId":"grid/grid-responsive-columns"}]},{"type":"category","label":"Scenarios","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Endless Scrolling","href":"/endless-scrolling/","docId":"scenarios/endless-scrolling"},{"type":"link","label":"Keyboard Navigation","href":"/keyboard-navigation/","docId":"scenarios/keyboard-navigation"},{"type":"link","label":"MUI List","href":"/material-ui-endless-scrolling/","docId":"scenarios/material-ui-endless-scrolling"},{"type":"link","label":"Mocking in tests","href":"/mocking-in-tests/","docId":"scenarios/mocking-in-tests"},{"type":"link","label":"Prepending Items","href":"/prepend-items/","docId":"scenarios/prepend-items"},{"type":"link","label":"Press to Load More","href":"/press-to-load-more/","docId":"scenarios/press-to-load-more"},{"type":"link","label":"RB DND + Window Scroller","href":"/react-beautiful-dnd-window-scroller/","docId":"scenarios/react-beautiful-dnd-window-scroller"},{"type":"link","label":"React Beautiful DND","href":"/react-beautiful-dnd/","docId":"scenarios/react-beautiful-dnd"},{"type":"link","label":"React Sortable HOC","href":"/react-sortable-hoc/","docId":"scenarios/react-sortable-hoc"},{"type":"link","label":"Scroll Seek Placeholders","href":"/scroll-seek-placeholders/","docId":"scenarios/scroll-seek-placeholders"},{"type":"link","label":"Stick to Bottom","href":"/stick-to-bottom/","docId":"scenarios/stick-to-bottom"},{"type":"link","label":"Window Scrolling","href":"/window-scrolling/","docId":"scenarios/window-scrolling"}]},{"type":"category","label":"Customize Markup","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Customize Scroller","href":"/custom-scroll-container/","docId":"customize-markup/custom-scroll-container"},{"type":"link","label":"Customize Rendering","href":"/customize-structure/","docId":"customize-markup/customize-structure"}]},{"type":"category","label":"API Reference","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Virtuoso","href":"/virtuoso-api-reference/","docId":"api-reference/virtuoso-api-reference"},{"type":"link","label":"Table Virtuoso","href":"/table-virtuoso-api-reference/","docId":"api-reference/table-virtuoso-api-reference"},{"type":"link","label":"Virtuoso Grid","href":"/virtuoso-grid-api-reference/","docId":"api-reference/virtuoso-grid-api-reference"}]},{"type":"link","label":"Migrate from v0 to v1","href":"/migrate-v0-to-v1/","docId":"migrate-v0-to-v1"}]},"docs":{"api-reference/table-virtuoso-api-reference":{"id":"api-reference/table-virtuoso-api-reference","title":"Table Virtuoso API Reference","description":"All properties are optional - by default, the component will render empty.","sidebar":"defaultSidebar"},"api-reference/virtuoso-api-reference":{"id":"api-reference/virtuoso-api-reference","title":"Virtuoso API Reference","description":"All properties are optional - by default, the component will render empty. Under the hood, both Virtuoso and GroupedVirtuoso are the same component - the only difference is that they have different TypeScript interfaces applied.","sidebar":"defaultSidebar"},"api-reference/virtuoso-grid-api-reference":{"id":"api-reference/virtuoso-grid-api-reference","title":"Virtuoso Grid API Reference","description":"All properties are optional - by default, the component will render empty.","sidebar":"defaultSidebar"},"api/enums/LogLevel":{"id":"api/enums/LogLevel","title":"Enumeration: LogLevel","description":"Enumeration Members"},"api/index":{"id":"api/index","title":"react-virtuoso","description":"npm version"},"api/interfaces/CalculateViewLocationParams":{"id":"api/interfaces/CalculateViewLocationParams","title":"Interface: CalculateViewLocationParams","description":"Properties"},"api/interfaces/Components":{"id":"api/interfaces/Components","title":"Interface: Components","description":"Customize the Virtuoso rendering by passing a set of custom components."},"api/interfaces/ComputeItemKey":{"id":"api/interfaces/ComputeItemKey","title":"Interface: ComputeItemKey","description":"Type parameters"},"api/interfaces/ElementDimensions":{"id":"api/interfaces/ElementDimensions","title":"Interface: ElementDimensions","description":"Properties"},"api/interfaces/FillerRowProps":{"id":"api/interfaces/FillerRowProps","title":"Interface: FillerRowProps","description":"Passed to the Components.FillerRow custom component"},"api/interfaces/FlatIndexLocationWithAlign":{"id":"api/interfaces/FlatIndexLocationWithAlign","title":"Interface: FlatIndexLocationWithAlign","description":"Hierarchy"},"api/interfaces/FlatScrollIntoViewLocation":{"id":"api/interfaces/FlatScrollIntoViewLocation","title":"Interface: FlatScrollIntoViewLocation","description":"Hierarchy"},"api/interfaces/Gap":{"id":"api/interfaces/Gap","title":"Interface: Gap","description":"Properties"},"api/interfaces/GridComponents":{"id":"api/interfaces/GridComponents","title":"Interface: GridComponents","description":"Type parameters"},"api/interfaces/GridComputeItemKey":{"id":"api/interfaces/GridComputeItemKey","title":"Interface: GridComputeItemKey","description":"Type parameters"},"api/interfaces/GridItem":{"id":"api/interfaces/GridItem","title":"Interface: GridItem","description":"Type parameters"},"api/interfaces/GridItemContent":{"id":"api/interfaces/GridItemContent","title":"Interface: GridItemContent","description":"Type parameters"},"api/interfaces/GridItemProps":{"id":"api/interfaces/GridItemProps","title":"Interface: GridItemProps","description":"Properties"},"api/interfaces/GridScrollSeekPlaceholderProps":{"id":"api/interfaces/GridScrollSeekPlaceholderProps","title":"Interface: GridScrollSeekPlaceholderProps","description":"Passed to the GridComponents.ScrollSeekPlaceholder custom component"},"api/interfaces/GridStateSnapshot":{"id":"api/interfaces/GridStateSnapshot","title":"Interface: GridStateSnapshot","description":"Properties"},"api/interfaces/GroupContent":{"id":"api/interfaces/GroupContent","title":"Interface: GroupContent","description":"Type parameters"},"api/interfaces/GroupedScrollIntoViewLocation":{"id":"api/interfaces/GroupedScrollIntoViewLocation","title":"Interface: GroupedScrollIntoViewLocation","description":"Hierarchy"},"api/interfaces/GroupedVirtuosoHandle":{"id":"api/interfaces/GroupedVirtuosoHandle","title":"Interface: GroupedVirtuosoHandle","description":"Methods"},"api/interfaces/GroupedVirtuosoProps":{"id":"api/interfaces/GroupedVirtuosoProps","title":"Interface: GroupedVirtuosoProps","description":"Type parameters"},"api/interfaces/GroupIndexLocationWithAlign":{"id":"api/interfaces/GroupIndexLocationWithAlign","title":"Interface: GroupIndexLocationWithAlign","description":"Hierarchy"},"api/interfaces/GroupItem":{"id":"api/interfaces/GroupItem","title":"Interface: GroupItem","description":"Type parameters"},"api/interfaces/GroupItemContent":{"id":"api/interfaces/GroupItemContent","title":"Interface: GroupItemContent","description":"Type parameters"},"api/interfaces/Item":{"id":"api/interfaces/Item","title":"Interface: Item","description":"Type parameters"},"api/interfaces/ItemContent":{"id":"api/interfaces/ItemContent","title":"Interface: ItemContent","description":"Type parameters"},"api/interfaces/ListRange":{"id":"api/interfaces/ListRange","title":"Interface: ListRange","description":"Properties"},"api/interfaces/LocationOptions":{"id":"api/interfaces/LocationOptions","title":"Interface: LocationOptions","description":"Hierarchy"},"api/interfaces/RecordItem":{"id":"api/interfaces/RecordItem","title":"Interface: RecordItem","description":"Type parameters"},"api/interfaces/ScrollContainerState":{"id":"api/interfaces/ScrollContainerState","title":"Interface: ScrollContainerState","description":"Properties"},"api/interfaces/ScrollIntoViewLocationOptions":{"id":"api/interfaces/ScrollIntoViewLocationOptions","title":"Interface: ScrollIntoViewLocationOptions","description":"Hierarchy"},"api/interfaces/ScrollSeekConfiguration":{"id":"api/interfaces/ScrollSeekConfiguration","title":"Interface: ScrollSeekConfiguration","description":"Properties"},"api/interfaces/ScrollSeekPlaceholderProps":{"id":"api/interfaces/ScrollSeekPlaceholderProps","title":"Interface: ScrollSeekPlaceholderProps","description":"Passed to the Components.ScrollSeekPlaceholder custom component"},"api/interfaces/ScrollSeekToggle":{"id":"api/interfaces/ScrollSeekToggle","title":"Interface: ScrollSeekToggle","description":"Callable"},"api/interfaces/SizeRange":{"id":"api/interfaces/SizeRange","title":"Interface: SizeRange","description":"Properties"},"api/interfaces/StateSnapshot":{"id":"api/interfaces/StateSnapshot","title":"Interface: StateSnapshot","description":"Properties"},"api/interfaces/TableComponents":{"id":"api/interfaces/TableComponents","title":"Interface: TableComponents","description":"Customize the TableVirtuoso rendering by passing a set of custom components."},"api/interfaces/TableVirtuosoHandle":{"id":"api/interfaces/TableVirtuosoHandle","title":"Interface: TableVirtuosoHandle","description":"Methods"},"api/interfaces/TableVirtuosoProps":{"id":"api/interfaces/TableVirtuosoProps","title":"Interface: TableVirtuosoProps","description":"Type parameters"},"api/interfaces/VirtuosoGridHandle":{"id":"api/interfaces/VirtuosoGridHandle","title":"Interface: VirtuosoGridHandle","description":"Methods"},"api/interfaces/VirtuosoGridMockContextValue":{"id":"api/interfaces/VirtuosoGridMockContextValue","title":"Interface: VirtuosoGridMockContextValue","description":"Properties"},"api/interfaces/VirtuosoGridProps":{"id":"api/interfaces/VirtuosoGridProps","title":"Interface: VirtuosoGridProps","description":"Type parameters"},"api/interfaces/VirtuosoHandle":{"id":"api/interfaces/VirtuosoHandle","title":"Interface: VirtuosoHandle","description":"Methods"},"api/interfaces/VirtuosoMockContextValue":{"id":"api/interfaces/VirtuosoMockContextValue","title":"Interface: VirtuosoMockContextValue","description":"Properties"},"api/interfaces/VirtuosoProps":{"id":"api/interfaces/VirtuosoProps","title":"Interface: VirtuosoProps","description":"Type parameters"},"api/interfaces/WindowViewportInfo":{"id":"api/interfaces/WindowViewportInfo","title":"Interface: WindowViewportInfo","description":"Properties"},"api/modules":{"id":"api/modules","title":"react-virtuoso","description":"Enumerations"},"basics/auto-resizing":{"id":"basics/auto-resizing","title":"Auto Resizing Virtual List","description":"The Virtuoso component automatically handles any changes of the items\' heights (due to content resizing, images loading, etc.)","sidebar":"defaultSidebar"},"basics/footer":{"id":"basics/footer","title":"List with Footer Example","description":"Customize the Virtuoso component rendering by passing components through the components property.","sidebar":"defaultSidebar"},"basics/hello":{"id":"basics/hello","title":"Virtual List With 100,000 Items","description":"The Virtuoso component is designed to render huge lists with unknown item sizes.","sidebar":"defaultSidebar"},"basics/initial-index":{"id":"basics/initial-index","title":"Start from a certain item","description":"The initialTopMostItemIndex property changes the initial location of the list to display the item at the specified index. You can pass in an object to achieve additional effects similar to scrollToIndex.","sidebar":"defaultSidebar"},"basics/range-change-callback":{"id":"basics/range-change-callback","title":"Range Change Callback","description":"The rangeChanged callback property gets called with the start/end indexes of the visible range.","sidebar":"defaultSidebar"},"basics/scroll-handling":{"id":"basics/scroll-handling","title":"Scroll Handling","description":"Loading and rendering complex content while scrolling affects the scrolling performance.","sidebar":"defaultSidebar"},"basics/scroll-to-index":{"id":"basics/scroll-to-index","title":"Scroll to Index","description":"The Virtuoso component exposes an imperative scrollToIndex method, which scrolls the item at the specified index into view.","sidebar":"defaultSidebar"},"basics/top-items":{"id":"basics/top-items","title":"Top Items List Example","description":"The Virtuoso component accepts an optional topItemCount number property that allows you to pin the first several items of the list.","sidebar":"defaultSidebar"},"customize-markup/custom-scroll-container":{"id":"customize-markup/custom-scroll-container","title":"Customize Root Element","description":"The React Virtuoso component accepts the standard set of HTML attributes and passes them to the root scrollable DOM div.","sidebar":"defaultSidebar"},"customize-markup/customize-structure":{"id":"customize-markup/customize-structure","title":"Customize Rendering","description":"The React Virtuoso component renders as several nested DIV elements. The default values in the component prop entries are \\"div\\".","sidebar":"defaultSidebar"},"getting-started":{"id":"getting-started","title":"Getting Started with React Virtuoso","description":"React Virtuoso is a family of powerful, easy-to-use React components that display large data sets using virtualized rendering. Unlike other virtualization solutions, the Virtuoso components automatically handle items with variable sizes and changes in items\' sizes. The package includes a flat list (Virtuoso ), a grouped list with sticky headers (GroupedVirtuoso), a grid with a responsive layout (VirtuosoGrid), and a table (TableVirtuoso). The package is tree-shakeable, so your bundle should not be inflated by the components you don\'t refer to.","sidebar":"defaultSidebar"},"grid/grid-responsive-columns":{"id":"grid/grid-responsive-columns","title":"Grid with Responsive Columns","description":"The VirtuosoGrid component displays equally-sized items, while supporting multiple items per row.","sidebar":"defaultSidebar"},"grouped-mode/grouped-by-first-letter":{"id":"grouped-mode/grouped-by-first-letter","title":"Grouped by First Letter","description":"Here is a more complex GroupedVirtuoso example displaying 500 users, grouped by the first letter of their name.","sidebar":"defaultSidebar"},"grouped-mode/grouped-numbers":{"id":"grouped-mode/grouped-numbers","title":"Grouped 10,000 numbers","description":"The example below shows a simple grouping mode - 10,000 items in groups of 10.","sidebar":"defaultSidebar"},"grouped-mode/grouped-with-load-on-demand":{"id":"grouped-mode/grouped-with-load-on-demand","title":"Grouped Load on Demand","description":"The GroupedVirtuoso component can have a Footer, that has a \\"load more\\" button that appends more items to the existing ones.","sidebar":"defaultSidebar"},"grouped-mode/scroll-to-group":{"id":"grouped-mode/scroll-to-group","title":"Scroll to Group","description":"This example re-creates the UI of the iOS contacts listview.","sidebar":"defaultSidebar"},"migrate-v0-to-v1":{"id":"migrate-v0-to-v1","title":"Migrate from v0 to v1","description":"Version 1. of Virtuoso is a complete rewrite from v0., addressing the architectural limitations of the first version and enabling a smooth path to introduce new features.","sidebar":"defaultSidebar"},"scenarios/endless-scrolling":{"id":"scenarios/endless-scrolling","title":"Endless Scrolling","description":"The React Virtuoso component makes it trivial to implement infinite scrolling lists in both directions with variably sized items.","sidebar":"defaultSidebar"},"scenarios/keyboard-navigation":{"id":"scenarios/keyboard-navigation","title":"Keyboard Navigation","description":"The Virtuoso component exposes an imperative scrollIntoView method, which makes it easy to implement keyboard navigation.","sidebar":"defaultSidebar"},"scenarios/material-ui-endless-scrolling":{"id":"scenarios/material-ui-endless-scrolling","title":"MUI List","description":"The React Virtuoso component supports customization of its internal components to accommodate styled components from frameworks like MUI.","sidebar":"defaultSidebar"},"scenarios/mocking-in-tests":{"id":"scenarios/mocking-in-tests","title":"Mocking in tests","description":"If you try to use Virtuoso in a testing environment, you\'re likely going to discover that it does not render any items. This is due to rendering being controlled by measuring the height of its DOM elements (the list container and the items themselves).","sidebar":"defaultSidebar"},"scenarios/prepend-items":{"id":"scenarios/prepend-items","title":"Prepending Items","description":"Appending items to the list is straightforward - the items at the bottom do not displace the currently rendered ones.","sidebar":"defaultSidebar"},"scenarios/press-to-load-more":{"id":"scenarios/press-to-load-more","title":"Press to Load More","description":"The components.Footer property can be used to place a \\"load more\\" button that appends more items to the list.","sidebar":"defaultSidebar"},"scenarios/react-beautiful-dnd":{"id":"scenarios/react-beautiful-dnd","title":"React Beautiful DND","description":"The example below integrates React Virtuoso with React Beautiful DND.","sidebar":"defaultSidebar"},"scenarios/react-beautiful-dnd-window-scroller":{"id":"scenarios/react-beautiful-dnd-window-scroller","title":"RB DND + Window Scroller","description":"The example below integrates React Virtuoso with React Beautiful DND and the document scroller.","sidebar":"defaultSidebar"},"scenarios/react-sortable-hoc":{"id":"scenarios/react-sortable-hoc","title":"React Sortable HOC","description":"The example below integrates the library with React Sortable HOC.","sidebar":"defaultSidebar"},"scenarios/scroll-seek-placeholders":{"id":"scenarios/scroll-seek-placeholders","title":"Scroll Seek Placeholders","description":"The scrollSeekConfiguration property allows you to render a placeholder element instead of the actual item if the user scrolls too fast.","sidebar":"defaultSidebar"},"scenarios/stick-to-bottom":{"id":"scenarios/stick-to-bottom","title":"Stick to Bottom","description":"This example \\"follows\\" the live updates of a list by auto-scrolling to the last item when totalCount is increased.","sidebar":"defaultSidebar"},"scenarios/window-scrolling":{"id":"scenarios/window-scrolling","title":"Window Scrolling","description":"The Virtuoso and the VirtuosoGrid components can use the document scroller.","sidebar":"defaultSidebar"},"table/hello-table":{"id":"table/hello-table","title":"Table Virtuoso Basic Example","description":"The TableVirtuoso component can display large tables with unknown row sizes. It has most of the Virtuoso capabilities sans pinning top items. It also supports sticky table headers.","sidebar":"defaultSidebar"},"table/mui-table-virtual-scroll":{"id":"table/mui-table-virtual-scroll","title":"Table Virtuoso with Material UI table","description":"The structure of TableVirtuoso is compatible with the markup of Material UI Table. Notice the adjustment of the borderCollapse styling.","sidebar":"defaultSidebar"},"table/react-table-integration":{"id":"table/react-table-integration","title":"Table Virtuoso integrated with React Table","description":"The following example virtualizes the basic example of React Table. makeData comes from the React Table samples.","sidebar":"defaultSidebar"},"table/table-fixed-columns":{"id":"table/table-fixed-columns","title":"Table Virtuoso Example with Fixed Columns","description":"Setting sticky columns is done entirely through styling.","sidebar":"defaultSidebar"},"table/table-fixed-headers":{"id":"table/table-fixed-headers","title":"Table Virtuoso Example with Fixed Headers","description":"If set, the fixedHeaderContent property specifies the content of the thead element. The header element remains fixed while scrolling.","sidebar":"defaultSidebar"},"troubleshooting":{"id":"troubleshooting","title":"Troubleshooting React Virtuoso","description":"React Virtuoso tries to hide as much complexity as possible while maintaining sensible behavior with any configuration.","sidebar":"defaultSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.97b85b2d.js b/assets/js/935f2afb.97b85b2d.js deleted file mode 100644 index 9b3f96e95..000000000 --- a/assets/js/935f2afb.97b85b2d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"defaultSidebar":[{"type":"link","label":"Getting Started","href":"/","docId":"getting-started"},{"type":"link","label":"Troubleshooting","href":"/troubleshooting","docId":"troubleshooting"},{"type":"category","label":"Basics","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"100,000 Items","href":"/hello/","docId":"basics/hello"},{"type":"link","label":"Auto Resizing","href":"/auto-resizing/","docId":"basics/auto-resizing"},{"type":"link","label":"Footer","href":"/footer/","docId":"basics/footer"},{"type":"link","label":"Initial Index","href":"/initial-index/","docId":"basics/initial-index"},{"type":"link","label":"Range Change Callback","href":"/range-change-callback/","docId":"basics/range-change-callback"},{"type":"link","label":"Scroll Handling","href":"/scroll-handling/","docId":"basics/scroll-handling"},{"type":"link","label":"Scroll to Index","href":"/scroll-to-index/","docId":"basics/scroll-to-index"},{"type":"link","label":"Top Items","href":"/top-items/","docId":"basics/top-items"}]},{"type":"category","label":"Grouped Mode","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Grouped Numbers","href":"/grouped-numbers/","docId":"grouped-mode/grouped-numbers"},{"type":"link","label":"Grouped by First Letter","href":"/grouped-by-first-letter/","docId":"grouped-mode/grouped-by-first-letter"},{"type":"link","label":"Load on Demand","href":"/grouped-with-load-on-demand/","docId":"grouped-mode/grouped-with-load-on-demand"},{"type":"link","label":"Scroll to Group","href":"/scroll-to-group/","docId":"grouped-mode/scroll-to-group"}]},{"type":"category","label":"Table","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Basic Example","href":"/hello-table/","docId":"table/hello-table"},{"type":"link","label":"Material UI Table","href":"/mui-table-virtual-scroll/","docId":"table/mui-table-virtual-scroll"},{"type":"link","label":"React Table","href":"/react-table-integration/","docId":"table/react-table-integration"},{"type":"link","label":"Fixed Headers","href":"/table-fixed-headers/","docId":"table/table-fixed-headers"},{"type":"link","label":"Fixed Columns","href":"/table-fixed-columns/","docId":"table/table-fixed-columns"}]},{"type":"category","label":"Grid","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Responsive Columns","href":"/grid-responsive-columns/","docId":"grid/grid-responsive-columns"}]},{"type":"category","label":"Scenarios","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Endless Scrolling","href":"/endless-scrolling/","docId":"scenarios/endless-scrolling"},{"type":"link","label":"Keyboard Navigation","href":"/keyboard-navigation/","docId":"scenarios/keyboard-navigation"},{"type":"link","label":"MUI List","href":"/material-ui-endless-scrolling/","docId":"scenarios/material-ui-endless-scrolling"},{"type":"link","label":"Mocking in tests","href":"/mocking-in-tests/","docId":"scenarios/mocking-in-tests"},{"type":"link","label":"Prepending Items","href":"/prepend-items/","docId":"scenarios/prepend-items"},{"type":"link","label":"Press to Load More","href":"/press-to-load-more/","docId":"scenarios/press-to-load-more"},{"type":"link","label":"RB DND + Window Scroller","href":"/react-beautiful-dnd-window-scroller/","docId":"scenarios/react-beautiful-dnd-window-scroller"},{"type":"link","label":"React Beautiful DND","href":"/react-beautiful-dnd/","docId":"scenarios/react-beautiful-dnd"},{"type":"link","label":"React Sortable HOC","href":"/react-sortable-hoc/","docId":"scenarios/react-sortable-hoc"},{"type":"link","label":"Scroll Seek Placeholders","href":"/scroll-seek-placeholders/","docId":"scenarios/scroll-seek-placeholders"},{"type":"link","label":"Stick to Bottom","href":"/stick-to-bottom/","docId":"scenarios/stick-to-bottom"},{"type":"link","label":"Window Scrolling","href":"/window-scrolling/","docId":"scenarios/window-scrolling"}]},{"type":"category","label":"Customize Markup","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Customize Scroller","href":"/custom-scroll-container/","docId":"customize-markup/custom-scroll-container"},{"type":"link","label":"Customize Rendering","href":"/customize-structure/","docId":"customize-markup/customize-structure"}]},{"type":"category","label":"API Reference","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Virtuoso","href":"/virtuoso-api-reference/","docId":"api-reference/virtuoso-api-reference"},{"type":"link","label":"Table Virtuoso","href":"/table-virtuoso-api-reference/","docId":"api-reference/table-virtuoso-api-reference"},{"type":"link","label":"Virtuoso Grid","href":"/virtuoso-grid-api-reference/","docId":"api-reference/virtuoso-grid-api-reference"}]},{"type":"link","label":"Migrate from v0 to v1","href":"/migrate-v0-to-v1/","docId":"migrate-v0-to-v1"}]},"docs":{"api-reference/table-virtuoso-api-reference":{"id":"api-reference/table-virtuoso-api-reference","title":"Table Virtuoso API Reference","description":"All properties are optional - by default, the component will render empty.","sidebar":"defaultSidebar"},"api-reference/virtuoso-api-reference":{"id":"api-reference/virtuoso-api-reference","title":"Virtuoso API Reference","description":"All properties are optional - by default, the component will render empty. Under the hood, both Virtuoso and GroupedVirtuoso are the same component - the only difference is that they have different TypeScript interfaces applied.","sidebar":"defaultSidebar"},"api-reference/virtuoso-grid-api-reference":{"id":"api-reference/virtuoso-grid-api-reference","title":"Virtuoso Grid API Reference","description":"All properties are optional - by default, the component will render empty.","sidebar":"defaultSidebar"},"api/enums/LogLevel":{"id":"api/enums/LogLevel","title":"Enumeration: LogLevel","description":"Enumeration Members"},"api/index":{"id":"api/index","title":"react-virtuoso","description":"npm version"},"api/interfaces/CalculateViewLocationParams":{"id":"api/interfaces/CalculateViewLocationParams","title":"Interface: CalculateViewLocationParams","description":"Properties"},"api/interfaces/Components":{"id":"api/interfaces/Components","title":"Interface: Components","description":"Customize the Virtuoso rendering by passing a set of custom components."},"api/interfaces/ComputeItemKey":{"id":"api/interfaces/ComputeItemKey","title":"Interface: ComputeItemKey","description":"Type parameters"},"api/interfaces/FillerRowProps":{"id":"api/interfaces/FillerRowProps","title":"Interface: FillerRowProps","description":"Passed to the Components.FillerRow custom component"},"api/interfaces/FlatIndexLocationWithAlign":{"id":"api/interfaces/FlatIndexLocationWithAlign","title":"Interface: FlatIndexLocationWithAlign","description":"Hierarchy"},"api/interfaces/FlatScrollIntoViewLocation":{"id":"api/interfaces/FlatScrollIntoViewLocation","title":"Interface: FlatScrollIntoViewLocation","description":"Hierarchy"},"api/interfaces/GridComponents":{"id":"api/interfaces/GridComponents","title":"Interface: GridComponents","description":"Type parameters"},"api/interfaces/GridComputeItemKey":{"id":"api/interfaces/GridComputeItemKey","title":"Interface: GridComputeItemKey","description":"Type parameters"},"api/interfaces/GridItem":{"id":"api/interfaces/GridItem","title":"Interface: GridItem","description":"Type parameters"},"api/interfaces/GridItemContent":{"id":"api/interfaces/GridItemContent","title":"Interface: GridItemContent","description":"Type parameters"},"api/interfaces/GridItemProps":{"id":"api/interfaces/GridItemProps","title":"Interface: GridItemProps","description":"Properties"},"api/interfaces/GridScrollSeekPlaceholderProps":{"id":"api/interfaces/GridScrollSeekPlaceholderProps","title":"Interface: GridScrollSeekPlaceholderProps","description":"Passed to the GridComponents.ScrollSeekPlaceholder custom component"},"api/interfaces/GroupContent":{"id":"api/interfaces/GroupContent","title":"Interface: GroupContent","description":"Type parameters"},"api/interfaces/GroupedScrollIntoViewLocation":{"id":"api/interfaces/GroupedScrollIntoViewLocation","title":"Interface: GroupedScrollIntoViewLocation","description":"Hierarchy"},"api/interfaces/GroupedVirtuosoHandle":{"id":"api/interfaces/GroupedVirtuosoHandle","title":"Interface: GroupedVirtuosoHandle","description":"Methods"},"api/interfaces/GroupedVirtuosoProps":{"id":"api/interfaces/GroupedVirtuosoProps","title":"Interface: GroupedVirtuosoProps","description":"Type parameters"},"api/interfaces/GroupIndexLocationWithAlign":{"id":"api/interfaces/GroupIndexLocationWithAlign","title":"Interface: GroupIndexLocationWithAlign","description":"Hierarchy"},"api/interfaces/GroupItem":{"id":"api/interfaces/GroupItem","title":"Interface: GroupItem","description":"Type parameters"},"api/interfaces/GroupItemContent":{"id":"api/interfaces/GroupItemContent","title":"Interface: GroupItemContent","description":"Type parameters"},"api/interfaces/Item":{"id":"api/interfaces/Item","title":"Interface: Item","description":"Type parameters"},"api/interfaces/ItemContent":{"id":"api/interfaces/ItemContent","title":"Interface: ItemContent","description":"Type parameters"},"api/interfaces/ListRange":{"id":"api/interfaces/ListRange","title":"Interface: ListRange","description":"Properties"},"api/interfaces/LocationOptions":{"id":"api/interfaces/LocationOptions","title":"Interface: LocationOptions","description":"Hierarchy"},"api/interfaces/RecordItem":{"id":"api/interfaces/RecordItem","title":"Interface: RecordItem","description":"Type parameters"},"api/interfaces/ScrollContainerState":{"id":"api/interfaces/ScrollContainerState","title":"Interface: ScrollContainerState","description":"Properties"},"api/interfaces/ScrollIntoViewLocationOptions":{"id":"api/interfaces/ScrollIntoViewLocationOptions","title":"Interface: ScrollIntoViewLocationOptions","description":"Hierarchy"},"api/interfaces/ScrollSeekConfiguration":{"id":"api/interfaces/ScrollSeekConfiguration","title":"Interface: ScrollSeekConfiguration","description":"Properties"},"api/interfaces/ScrollSeekPlaceholderProps":{"id":"api/interfaces/ScrollSeekPlaceholderProps","title":"Interface: ScrollSeekPlaceholderProps","description":"Passed to the Components.ScrollSeekPlaceholder custom component"},"api/interfaces/ScrollSeekToggle":{"id":"api/interfaces/ScrollSeekToggle","title":"Interface: ScrollSeekToggle","description":"Callable"},"api/interfaces/SizeRange":{"id":"api/interfaces/SizeRange","title":"Interface: SizeRange","description":"Properties"},"api/interfaces/StateSnapshot":{"id":"api/interfaces/StateSnapshot","title":"Interface: StateSnapshot","description":"Properties"},"api/interfaces/TableComponents":{"id":"api/interfaces/TableComponents","title":"Interface: TableComponents","description":"Customize the TableVirtuoso rendering by passing a set of custom components."},"api/interfaces/TableVirtuosoHandle":{"id":"api/interfaces/TableVirtuosoHandle","title":"Interface: TableVirtuosoHandle","description":"Methods"},"api/interfaces/TableVirtuosoProps":{"id":"api/interfaces/TableVirtuosoProps","title":"Interface: TableVirtuosoProps","description":"Type parameters"},"api/interfaces/VirtuosoGridHandle":{"id":"api/interfaces/VirtuosoGridHandle","title":"Interface: VirtuosoGridHandle","description":"Methods"},"api/interfaces/VirtuosoGridMockContextValue":{"id":"api/interfaces/VirtuosoGridMockContextValue","title":"Interface: VirtuosoGridMockContextValue","description":"Properties"},"api/interfaces/VirtuosoGridProps":{"id":"api/interfaces/VirtuosoGridProps","title":"Interface: VirtuosoGridProps","description":"Type parameters"},"api/interfaces/VirtuosoHandle":{"id":"api/interfaces/VirtuosoHandle","title":"Interface: VirtuosoHandle","description":"Methods"},"api/interfaces/VirtuosoMockContextValue":{"id":"api/interfaces/VirtuosoMockContextValue","title":"Interface: VirtuosoMockContextValue","description":"Properties"},"api/interfaces/VirtuosoProps":{"id":"api/interfaces/VirtuosoProps","title":"Interface: VirtuosoProps","description":"Type parameters"},"api/interfaces/WindowViewportInfo":{"id":"api/interfaces/WindowViewportInfo","title":"Interface: WindowViewportInfo","description":"Properties"},"api/modules":{"id":"api/modules","title":"react-virtuoso","description":"Enumerations"},"basics/auto-resizing":{"id":"basics/auto-resizing","title":"Auto Resizing Virtual List","description":"The Virtuoso component automatically handles any changes of the items\' heights (due to content resizing, images loading, etc.)","sidebar":"defaultSidebar"},"basics/footer":{"id":"basics/footer","title":"List with Footer Example","description":"Customize the Virtuoso component rendering by passing components through the components property.","sidebar":"defaultSidebar"},"basics/hello":{"id":"basics/hello","title":"Virtual List With 100,000 Items","description":"The Virtuoso component is designed to render huge lists with unknown item sizes.","sidebar":"defaultSidebar"},"basics/initial-index":{"id":"basics/initial-index","title":"Start from a certain item","description":"The initialTopMostItemIndex property changes the initial location of the list to display the item at the specified index. You can pass in an object to achieve additional effects similar to scrollToIndex.","sidebar":"defaultSidebar"},"basics/range-change-callback":{"id":"basics/range-change-callback","title":"Range Change Callback","description":"The rangeChanged callback property gets called with the start/end indexes of the visible range.","sidebar":"defaultSidebar"},"basics/scroll-handling":{"id":"basics/scroll-handling","title":"Scroll Handling","description":"Loading and rendering complex content while scrolling affects the scrolling performance.","sidebar":"defaultSidebar"},"basics/scroll-to-index":{"id":"basics/scroll-to-index","title":"Scroll to Index","description":"The Virtuoso component exposes an imperative scrollToIndex method, which scrolls the item at the specified index into view.","sidebar":"defaultSidebar"},"basics/top-items":{"id":"basics/top-items","title":"Top Items List Example","description":"The Virtuoso component accepts an optional topItemCount number property that allows you to pin the first several items of the list.","sidebar":"defaultSidebar"},"customize-markup/custom-scroll-container":{"id":"customize-markup/custom-scroll-container","title":"Customize Root Element","description":"The React Virtuoso component accepts the standard set of HTML attributes and passes them to the root scrollable DOM div.","sidebar":"defaultSidebar"},"customize-markup/customize-structure":{"id":"customize-markup/customize-structure","title":"Customize Rendering","description":"The React Virtuoso component renders as several nested DIV elements. The default values in the component prop entries are \\"div\\".","sidebar":"defaultSidebar"},"getting-started":{"id":"getting-started","title":"Getting Started with React Virtuoso","description":"React Virtuoso is a family of powerful, easy-to-use React components that display large data sets using virtualized rendering. Unlike other virtualization solutions, the Virtuoso components automatically handle items with variable sizes and changes in items\' sizes. The package includes a flat list (Virtuoso ), a grouped list with sticky headers (GroupedVirtuoso), a grid with a responsive layout (VirtuosoGrid), and a table (TableVirtuoso). The package is tree-shakeable, so your bundle should not be inflated by the components you don\'t refer to.","sidebar":"defaultSidebar"},"grid/grid-responsive-columns":{"id":"grid/grid-responsive-columns","title":"Grid with Responsive Columns","description":"The VirtuosoGrid component displays equally-sized items, while supporting multiple items per row.","sidebar":"defaultSidebar"},"grouped-mode/grouped-by-first-letter":{"id":"grouped-mode/grouped-by-first-letter","title":"Grouped by First Letter","description":"Here is a more complex GroupedVirtuoso example displaying 500 users, grouped by the first letter of their name.","sidebar":"defaultSidebar"},"grouped-mode/grouped-numbers":{"id":"grouped-mode/grouped-numbers","title":"Grouped 10,000 numbers","description":"The example below shows a simple grouping mode - 10,000 items in groups of 10.","sidebar":"defaultSidebar"},"grouped-mode/grouped-with-load-on-demand":{"id":"grouped-mode/grouped-with-load-on-demand","title":"Grouped Load on Demand","description":"The GroupedVirtuoso component can have a Footer, that has a \\"load more\\" button that appends more items to the existing ones.","sidebar":"defaultSidebar"},"grouped-mode/scroll-to-group":{"id":"grouped-mode/scroll-to-group","title":"Scroll to Group","description":"This example re-creates the UI of the iOS contacts listview.","sidebar":"defaultSidebar"},"migrate-v0-to-v1":{"id":"migrate-v0-to-v1","title":"Migrate from v0 to v1","description":"Version 1. of Virtuoso is a complete rewrite from v0., addressing the architectural limitations of the first version and enabling a smooth path to introduce new features.","sidebar":"defaultSidebar"},"scenarios/endless-scrolling":{"id":"scenarios/endless-scrolling","title":"Endless Scrolling","description":"The React Virtuoso component makes it trivial to implement infinite scrolling lists in both directions with variably sized items.","sidebar":"defaultSidebar"},"scenarios/keyboard-navigation":{"id":"scenarios/keyboard-navigation","title":"Keyboard Navigation","description":"The Virtuoso component exposes an imperative scrollIntoView method, which makes it easy to implement keyboard navigation.","sidebar":"defaultSidebar"},"scenarios/material-ui-endless-scrolling":{"id":"scenarios/material-ui-endless-scrolling","title":"MUI List","description":"The React Virtuoso component supports customization of its internal components to accommodate styled components from frameworks like MUI.","sidebar":"defaultSidebar"},"scenarios/mocking-in-tests":{"id":"scenarios/mocking-in-tests","title":"Mocking in tests","description":"If you try to use Virtuoso in a testing environment, you\'re likely going to discover that it does not render any items. This is due to rendering being controlled by measuring the height of its DOM elements (the list container and the items themselves).","sidebar":"defaultSidebar"},"scenarios/prepend-items":{"id":"scenarios/prepend-items","title":"Prepending Items","description":"Appending items to the list is straightforward - the items at the bottom do not displace the currently rendered ones.","sidebar":"defaultSidebar"},"scenarios/press-to-load-more":{"id":"scenarios/press-to-load-more","title":"Press to Load More","description":"The components.Footer property can be used to place a \\"load more\\" button that appends more items to the list.","sidebar":"defaultSidebar"},"scenarios/react-beautiful-dnd":{"id":"scenarios/react-beautiful-dnd","title":"React Beautiful DND","description":"The example below integrates React Virtuoso with React Beautiful DND.","sidebar":"defaultSidebar"},"scenarios/react-beautiful-dnd-window-scroller":{"id":"scenarios/react-beautiful-dnd-window-scroller","title":"RB DND + Window Scroller","description":"The example below integrates React Virtuoso with React Beautiful DND and the document scroller.","sidebar":"defaultSidebar"},"scenarios/react-sortable-hoc":{"id":"scenarios/react-sortable-hoc","title":"React Sortable HOC","description":"The example below integrates the library with React Sortable HOC.","sidebar":"defaultSidebar"},"scenarios/scroll-seek-placeholders":{"id":"scenarios/scroll-seek-placeholders","title":"Scroll Seek Placeholders","description":"The scrollSeekConfiguration property allows you to render a placeholder element instead of the actual item if the user scrolls too fast.","sidebar":"defaultSidebar"},"scenarios/stick-to-bottom":{"id":"scenarios/stick-to-bottom","title":"Stick to Bottom","description":"This example \\"follows\\" the live updates of a list by auto-scrolling to the last item when totalCount is increased.","sidebar":"defaultSidebar"},"scenarios/window-scrolling":{"id":"scenarios/window-scrolling","title":"Window Scrolling","description":"The Virtuoso and the VirtuosoGrid components can use the document scroller.","sidebar":"defaultSidebar"},"table/hello-table":{"id":"table/hello-table","title":"Table Virtuoso Basic Example","description":"The TableVirtuoso component can display large tables with unknown row sizes. It has most of the Virtuoso capabilities sans pinning top items. It also supports sticky table headers.","sidebar":"defaultSidebar"},"table/mui-table-virtual-scroll":{"id":"table/mui-table-virtual-scroll","title":"Table Virtuoso with Material UI table","description":"The structure of TableVirtuoso is compatible with the markup of Material UI Table. Notice the adjustment of the borderCollapse styling.","sidebar":"defaultSidebar"},"table/react-table-integration":{"id":"table/react-table-integration","title":"Table Virtuoso integrated with React Table","description":"The following example virtualizes the basic example of React Table. makeData comes from the React Table samples.","sidebar":"defaultSidebar"},"table/table-fixed-columns":{"id":"table/table-fixed-columns","title":"Table Virtuoso Example with Fixed Columns","description":"Setting sticky columns is done entirely through styling.","sidebar":"defaultSidebar"},"table/table-fixed-headers":{"id":"table/table-fixed-headers","title":"Table Virtuoso Example with Fixed Headers","description":"If set, the fixedHeaderContent property specifies the content of the thead element. The header element remains fixed while scrolling.","sidebar":"defaultSidebar"},"troubleshooting":{"id":"troubleshooting","title":"Troubleshooting React Virtuoso","description":"React Virtuoso tries to hide as much complexity as possible while maintaining sensible behavior with any configuration.","sidebar":"defaultSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/937.ea6d09aa.js b/assets/js/937.405768cd.js similarity index 99% rename from assets/js/937.ea6d09aa.js rename to assets/js/937.405768cd.js index 785226579..edee29d69 100644 --- a/assets/js/937.ea6d09aa.js +++ b/assets/js/937.405768cd.js @@ -3,7 +3,7 @@ exports.id = 937; exports.ids = [937]; exports.modules = { -/***/ 6354: +/***/ 56354: /***/ ((module) => { @@ -8774,13 +8774,13 @@ mime-db/index.js: /***/ }), -/***/ 3582: +/***/ 33582: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ S: () => (/* binding */ SandpackClient) /* harmony export */ }); -/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(434); +/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89130); var SandpackClient = /** @class */ (function () { @@ -8824,7 +8824,7 @@ var SandpackClient = /** @class */ (function () { /***/ }), -/***/ 8248: +/***/ 48248: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { @@ -8836,8 +8836,8 @@ var SandpackClient = /** @class */ (function () { /* harmony export */ r: () => (/* binding */ readBuffer), /* harmony export */ w: () => (/* binding */ writeBuffer) /* harmony export */ }); -/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1757); -/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9743); +/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31757); +/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29743); @@ -9092,19 +9092,19 @@ var getMessageFromError = function (error) { /***/ }), -/***/ 5937: +/***/ 55937: /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SandpackStatic: () => (/* binding */ SandpackStatic) /* harmony export */ }); -/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9743); -/* harmony import */ var static_browser_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6354); -/* harmony import */ var _base_80a1f760_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3582); -/* harmony import */ var _client_utils_7a723432_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8248); -/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1757); -/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(434); +/* harmony import */ var _types_36e5ec0d_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29743); +/* harmony import */ var static_browser_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(56354); +/* harmony import */ var _base_80a1f760_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(33582); +/* harmony import */ var _client_utils_7a723432_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48248); +/* harmony import */ var outvariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31757); +/* harmony import */ var dequal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89130); diff --git a/assets/js/c78fddaf.e8919488.js b/assets/js/c78fddaf.e8919488.js new file mode 100644 index 000000000..6b2b68a39 --- /dev/null +++ b/assets/js/c78fddaf.e8919488.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7883],{7942:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>m});var n=r(959);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var p=n.createContext({}),c=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},u=function(e){var t=c(e.components);return n.createElement(p.Provider,{value:t},e.children)},s="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,p=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),s=c(r),f=i,m=s["".concat(p,".").concat(f)]||s[f]||d[f]||a;return r?n.createElement(m,o(o({ref:t},u),{},{components:r})):n.createElement(m,o({ref:t},u))}));function m(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=f;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[s]="string"==typeof e?e:i,o[1]=l;for(var c=2;c{r.r(t),r.d(t,{assets:()=>u,contentTitle:()=>p,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>s});var n=r(5882),i=r(950),a=(r(959),r(7942)),o=["components"],l={id:"Gap",title:"Interface: Gap",sidebar_label:"Gap",sidebar_position:0,custom_edit_url:null},p=void 0,c={unversionedId:"api/interfaces/Gap",id:"api/interfaces/Gap",title:"Interface: Gap",description:"Properties",source:"@site/docs/api/interfaces/Gap.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/Gap",permalink:"/api/interfaces/Gap",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"Gap",title:"Interface: Gap",sidebar_label:"Gap",sidebar_position:0,custom_edit_url:null}},u={},s=[{value:"Properties",id:"properties",level:2},{value:"column",id:"column",level:3},{value:"Defined in",id:"defined-in",level:4},{value:"row",id:"row",level:3},{value:"Defined in",id:"defined-in-1",level:4}],d={toc:s},f="wrapper";function m(e){var t=e.components,r=(0,i.Z)(e,o);return(0,a.kt)(f,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"column"},"column"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"column"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"defined-in"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:123"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"row"},"row"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"row"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:122"))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c91d0887.7398b47e.js b/assets/js/c91d0887.7398b47e.js new file mode 100644 index 000000000..c5a1ff3f3 --- /dev/null +++ b/assets/js/c91d0887.7398b47e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7567],{7942:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>f});var r=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var s=r.createContext({}),c=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},p=function(e){var t=c(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,s=e.parentName,p=l(e,["components","mdxType","originalType","parentName"]),u=c(n),m=i,f=u["".concat(s,".").concat(m)]||u[m]||d[m]||o;return n?r.createElement(f,a(a({ref:t},p),{},{components:n})):r.createElement(f,a({ref:t},p))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=m;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[u]="string"==typeof e?e:i,a[1]=l;for(var c=2;c{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>s,default:()=>f,frontMatter:()=>l,metadata:()=>c,toc:()=>u});var r=n(5882),i=n(950),o=(n(959),n(7942)),a=["components"],l={id:"ElementDimensions",title:"Interface: ElementDimensions",sidebar_label:"ElementDimensions",sidebar_position:0,custom_edit_url:null},s=void 0,c={unversionedId:"api/interfaces/ElementDimensions",id:"api/interfaces/ElementDimensions",title:"Interface: ElementDimensions",description:"Properties",source:"@site/docs/api/interfaces/ElementDimensions.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/ElementDimensions",permalink:"/api/interfaces/ElementDimensions",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ElementDimensions",title:"Interface: ElementDimensions",sidebar_label:"ElementDimensions",sidebar_position:0,custom_edit_url:null}},p={},u=[{value:"Properties",id:"properties",level:2},{value:"height",id:"height",level:3},{value:"Defined in",id:"defined-in",level:4},{value:"width",id:"width",level:3},{value:"Defined in",id:"defined-in-1",level:4}],d={toc:u},m="wrapper";function f(e){var t=e.components,n=(0,i.Z)(e,a);return(0,o.kt)(m,(0,r.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"properties"},"Properties"),(0,o.kt)("h3",{id:"height"},"height"),(0,o.kt)("p",null,"\u2022 ",(0,o.kt)("strong",{parentName:"p"},"height"),": ",(0,o.kt)("inlineCode",{parentName:"p"},"number")),(0,o.kt)("h4",{id:"defined-in"},"Defined in"),(0,o.kt)("p",null,"dist/index.d.ts:90"),(0,o.kt)("hr",null),(0,o.kt)("h3",{id:"width"},"width"),(0,o.kt)("p",null,"\u2022 ",(0,o.kt)("strong",{parentName:"p"},"width"),": ",(0,o.kt)("inlineCode",{parentName:"p"},"number")),(0,o.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,o.kt)("p",null,"dist/index.d.ts:89"))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/e4c9844f.5b4e156b.js b/assets/js/e4c9844f.5b4e156b.js new file mode 100644 index 000000000..67b3922fa --- /dev/null +++ b/assets/js/e4c9844f.5b4e156b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7343],{7942:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>m});var r=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=r.createContext({}),d=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},s=function(e){var t=d(e.components);return r.createElement(p.Provider,{value:t},e.children)},c="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},f=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,p=e.parentName,s=l(e,["components","mdxType","originalType","parentName"]),c=d(n),f=i,m=c["".concat(p,".").concat(f)]||c[f]||u[f]||a;return n?r.createElement(m,o(o({ref:t},s),{},{components:n})):r.createElement(m,o({ref:t},s))}));function m(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=f;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[c]="string"==typeof e?e:i,o[1]=l;for(var d=2;d{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>p,default:()=>m,frontMatter:()=>l,metadata:()=>d,toc:()=>c});var r=n(5882),i=n(950),a=(n(959),n(7942)),o=["components"],l={id:"GridStateSnapshot",title:"Interface: GridStateSnapshot",sidebar_label:"GridStateSnapshot",sidebar_position:0,custom_edit_url:null},p=void 0,d={unversionedId:"api/interfaces/GridStateSnapshot",id:"api/interfaces/GridStateSnapshot",title:"Interface: GridStateSnapshot",description:"Properties",source:"@site/docs/api/interfaces/GridStateSnapshot.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/GridStateSnapshot",permalink:"/api/interfaces/GridStateSnapshot",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"GridStateSnapshot",title:"Interface: GridStateSnapshot",sidebar_label:"GridStateSnapshot",sidebar_position:0,custom_edit_url:null}},s={},c=[{value:"Properties",id:"properties",level:2},{value:"gap",id:"gap",level:3},{value:"Defined in",id:"defined-in",level:4},{value:"item",id:"item",level:3},{value:"Defined in",id:"defined-in-1",level:4},{value:"scrollTop",id:"scrolltop",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"viewport",id:"viewport",level:3},{value:"Defined in",id:"defined-in-3",level:4}],u={toc:c},f="wrapper";function m(e){var t=e.components,n=(0,i.Z)(e,o);return(0,a.kt)(f,(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"gap"},"gap"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"gap"),": ",(0,a.kt)("a",{parentName:"p",href:"/api/interfaces/Gap"},(0,a.kt)("inlineCode",{parentName:"a"},"Gap"))),(0,a.kt)("h4",{id:"defined-in"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:210"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"item"},"item"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"item"),": ",(0,a.kt)("a",{parentName:"p",href:"/api/interfaces/ElementDimensions"},(0,a.kt)("inlineCode",{parentName:"a"},"ElementDimensions"))),(0,a.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:209"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"scrolltop"},"scrollTop"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"scrollTop"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:211"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"viewport"},"viewport"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"viewport"),": ",(0,a.kt)("a",{parentName:"p",href:"/api/interfaces/ElementDimensions"},(0,a.kt)("inlineCode",{parentName:"a"},"ElementDimensions"))),(0,a.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,a.kt)("p",null,"dist/index.d.ts:208"))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ee9c03d1.81d21eb8.js b/assets/js/ee9c03d1.18117172.js similarity index 82% rename from assets/js/ee9c03d1.81d21eb8.js rename to assets/js/ee9c03d1.18117172.js index 8baae34c2..b40fcb7fb 100644 --- a/assets/js/ee9c03d1.81d21eb8.js +++ b/assets/js/ee9c03d1.18117172.js @@ -1 +1 @@ -"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[9458,7156,2157],{7942:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>c});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var o=a.createContext({}),p=function(e){var t=a.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},s=function(e){var t=p(e.components);return a.createElement(o.Provider,{value:t},e.children)},m="mdxType",k={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,r=e.originalType,o=e.parentName,s=d(e,["components","mdxType","originalType","parentName"]),m=p(n),u=i,c=m["".concat(o,".").concat(u)]||m[u]||k[u]||r;return n?a.createElement(c,l(l({ref:t},s),{},{components:n})):a.createElement(c,l({ref:t},s))}));function c(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var r=n.length,l=new Array(r);l[0]=u;var d={};for(var o in t)hasOwnProperty.call(t,o)&&(d[o]=t[o]);d.originalType=e,d[m]="string"==typeof e?e:i,l[1]=d;for(var p=2;p{n.r(t),n.d(t,{assets:()=>k,contentTitle:()=>s,default:()=>f,frontMatter:()=>p,metadata:()=>m,toc:()=>u});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=n(4242),d=n(8894),o=["components"],p={id:"virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",sidebar_label:"Virtuoso Grid",slug:"/virtuoso-grid-api-reference/"},s=void 0,m={unversionedId:"api-reference/virtuoso-grid-api-reference",id:"api-reference/virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",description:"All properties are optional - by default, the component will render empty.",source:"@site/docs/api-reference/virtuoso-grid-api-reference.md",sourceDirName:"api-reference",slug:"/virtuoso-grid-api-reference/",permalink:"/virtuoso-grid-api-reference/",draft:!1,editUrl:"https://github.com/petyosi/react-virtuoso/edit/master/docs/api-reference/virtuoso-grid-api-reference.md",tags:[],version:"current",frontMatter:{id:"virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",sidebar_label:"Virtuoso Grid",slug:"/virtuoso-grid-api-reference/"},sidebar:"defaultSidebar",previous:{title:"Table Virtuoso",permalink:"/table-virtuoso-api-reference/"},next:{title:"Migrate from v0 to v1",permalink:"/migrate-v0-to-v1/"}},k={},u=[{value:"Properties",id:"properties",level:2},{value:"Methods",id:"methods",level:2}],c={toc:u},h="wrapper";function f(e){var t=e.components,n=(0,i.Z)(e,o);return(0,r.kt)(h,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"All properties are optional - by default, the component will render empty. "),(0,r.kt)("p",null," If you are using TypeScript and want to use correctly typed component ",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),", you can use ",(0,r.kt)("inlineCode",{parentName:"p"},"VirtuosoGridHandle")," types."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-tsx"},"import { VirtuosoGrid, VirtuosoGridHandle } from 'react-virtuoso'\n//...\nconst ref = useRef(null)\n//...\n\n")),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("div",{className:"generated-api"},(0,r.kt)(l.default,{mdxType:"Props"})),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("div",{className:"generated-api"},(0,r.kt)(d.default,{mdxType:"Methods"})))}f.isMDXComponent=!0},8894:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>d,metadata:()=>p,toc:()=>m});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],d={id:"VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",sidebar_label:"VirtuosoGridHandle",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"api/interfaces/VirtuosoGridHandle",id:"api/interfaces/VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",description:"Methods",source:"@site/docs/api/interfaces/VirtuosoGridHandle.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridHandle",permalink:"/api/interfaces/VirtuosoGridHandle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",sidebar_label:"VirtuosoGridHandle",sidebar_position:0,custom_edit_url:null}},s={},m=[{value:"Methods",id:"methods",level:2},{value:"scrollBy",id:"scrollby",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4},{value:"Defined in",id:"defined-in",level:4},{value:"scrollTo",id:"scrollto",level:3},{value:"Parameters",id:"parameters-1",level:4},{value:"Returns",id:"returns-1",level:4},{value:"Defined in",id:"defined-in-1",level:4},{value:"scrollToIndex",id:"scrolltoindex",level:3},{value:"Parameters",id:"parameters-2",level:4},{value:"Returns",id:"returns-2",level:4},{value:"Defined in",id:"defined-in-2",level:4}],k={toc:m},u="wrapper";function c(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("h3",{id:"scrollby"},"scrollBy"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollBy"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ScrollToOptions"))))),(0,r.kt)("h4",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:725"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollto"},"scrollTo"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollTo"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ScrollToOptions"))))),(0,r.kt)("h4",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:724"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrolltoindex"},"scrollToIndex"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollToIndex"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/modules#gridindexlocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GridIndexLocation")))))),(0,r.kt)("h4",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:723"))}c.isMDXComponent=!0},4242:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>d,metadata:()=>p,toc:()=>m});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],d={id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"api/interfaces/VirtuosoGridProps",id:"api/interfaces/VirtuosoGridProps",title:"Interface: VirtuosoGridProps",description:"Type parameters",source:"@site/docs/api/interfaces/VirtuosoGridProps.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridProps",permalink:"/api/interfaces/VirtuosoGridProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null}},s={},m=[{value:"Type parameters",id:"type-parameters",level:2},{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"atBottomStateChange",id:"atbottomstatechange",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"atTopStateChange",id:"attopstatechange",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-1",level:4},{value:"components",id:"components",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"computeItemKey",id:"computeitemkey",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"context",id:"context",level:3},{value:"Defined in",id:"defined-in-4",level:4},{value:"customScrollParent",id:"customscrollparent",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"data",id:"data",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"endReached",id:"endreached",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-7",level:4},{value:"initialItemCount",id:"initialitemcount",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"initialTopMostItemIndex",id:"initialtopmostitemindex",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"isScrolling",id:"isscrolling",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-10",level:4},{value:"itemClassName",id:"itemclassname",level:3},{value:"Defined in",id:"defined-in-11",level:4},{value:"itemContent",id:"itemcontent",level:3},{value:"Defined in",id:"defined-in-12",level:4},{value:"listClassName",id:"listclassname",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"logLevel",id:"loglevel",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"overscan",id:"overscan",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"rangeChanged",id:"rangechanged",level:3},{value:"Type declaration",id:"type-declaration-4",level:4},{value:"Parameters",id:"parameters-4",level:5},{value:"Returns",id:"returns-4",level:5},{value:"Defined in",id:"defined-in-16",level:4},{value:"restoreStateFrom",id:"restorestatefrom",level:3},{value:"Defined in",id:"defined-in-17",level:4},{value:"scrollSeekConfiguration",id:"scrollseekconfiguration",level:3},{value:"Defined in",id:"defined-in-18",level:4},{value:"scrollerRef",id:"scrollerref",level:3},{value:"Type declaration",id:"type-declaration-5",level:4},{value:"Parameters",id:"parameters-5",level:5},{value:"Returns",id:"returns-5",level:5},{value:"Defined in",id:"defined-in-19",level:4},{value:"startReached",id:"startreached",level:3},{value:"Type declaration",id:"type-declaration-6",level:4},{value:"Parameters",id:"parameters-6",level:5},{value:"Returns",id:"returns-6",level:5},{value:"Defined in",id:"defined-in-20",level:4},{value:"stateChanged",id:"statechanged",level:3},{value:"Type declaration",id:"type-declaration-7",level:4},{value:"Parameters",id:"parameters-7",level:5},{value:"Returns",id:"returns-7",level:5},{value:"Defined in",id:"defined-in-21",level:4},{value:"totalCount",id:"totalcount",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"useWindowScroll",id:"usewindowscroll",level:3},{value:"Defined in",id:"defined-in-23",level:4}],k={toc:m},u="wrapper";function c(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"type-parameters"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"C")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"unknown"))))),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("a",{parentName:"p",href:"/api/modules#gridrootprops"},(0,r.kt)("inlineCode",{parentName:"a"},"GridRootProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"VirtuosoGridProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"atbottomstatechange"},"atBottomStateChange"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"atBottomStateChange"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"atBottom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"atBottom"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with true / false when the list has reached the bottom / gets scrolled up.\nCan be used to load newer items, like ",(0,r.kt)("inlineCode",{parentName:"p"},"tail -f"),"."),(0,r.kt)("h5",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"atBottom")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:808"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"attopstatechange"},"atTopStateChange"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"atTopStateChange"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"atTop"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"atTop"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with ",(0,r.kt)("inlineCode",{parentName:"p"},"true")," / ",(0,r.kt)("inlineCode",{parentName:"p"},"false")," when the list has reached the top / gets scrolled down."),(0,r.kt)("h5",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"atTop")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:812"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"components"},"components"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"components"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridComponents"},(0,r.kt)("inlineCode",{parentName:"a"},"GridComponents")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"components")," property for advanced customization of the elements rendered by the list."),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:762"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"computeitemkey"},"computeItemKey"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"computeItemKey"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridComputeItemKey"},(0,r.kt)("inlineCode",{parentName:"a"},"GridComputeItemKey")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"If specified, the component will use the function to generate the ",(0,r.kt)("inlineCode",{parentName:"p"},"key")," property for each list item."),(0,r.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:775"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"context"},"context"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"context"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"C")),(0,r.kt)("p",null,"Additional context available in the custom components and content callbacks"),(0,r.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:749"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"customscrollparent"},"customScrollParent"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"customScrollParent"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement")),(0,r.kt)("p",null,"Pass a reference to a scrollable parent element, so that the grid won't wrap in its own."),(0,r.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:832"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"data"},"data"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"data"),": readonly ",(0,r.kt)("inlineCode",{parentName:"p"},"D"),"[]"),(0,r.kt)("p",null,"The data items to be rendered. If data is set, the total count will be inferred from the length of the array."),(0,r.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:745"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"endreached"},"endReached"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"endReached"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Gets called when the user scrolls to the end of the list.\nReceives the last item index as an argument. Can be used to implement endless scrolling."),(0,r.kt)("h5",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"index")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"number"))))),(0,r.kt)("h5",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:790"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"initialitemcount"},"initialItemCount"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"initialItemCount"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"Use for server-side rendering - if set, the list will render the specified amount of items\nregardless of the container / item size."),(0,r.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:754"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"initialtopmostitemindex"},"initialTopMostItemIndex"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"initialTopMostItemIndex"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#gridindexlocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GridIndexLocation"))),(0,r.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:839"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"isscrolling"},"isScrolling"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"isScrolling"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"isScrolling"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"isScrolling"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called when the list starts/stops scrolling."),(0,r.kt)("h5",{id:"parameters-3"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"isScrolling")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-3"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:785"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemclassname"},"itemClassName"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"itemClassName"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Sets the grid items' className"),(0,r.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:824"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemcontent"},"itemContent"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"itemContent"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridItemContent"},(0,r.kt)("inlineCode",{parentName:"a"},"GridItemContent")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"Set the callback to specify the contents of the item."),(0,r.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:758"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listclassname"},"listClassName"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"listClassName"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Sets the className for the list DOM element"),(0,r.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:820"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"loglevel"},"logLevel"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"logLevel"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/enums/LogLevel"},(0,r.kt)("inlineCode",{parentName:"a"},"LogLevel"))),(0,r.kt)("p",null,"set to LogLevel.DEBUG to enable various diagnostics in the console, the most useful being the item measurement reports."),(0,r.kt)("p",null,'Ensure that you have "all levels" enabled in the browser console too see the messages.'),(0,r.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:838"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"overscan"},"overscan"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"overscan"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," { ",(0,r.kt)("inlineCode",{parentName:"p"},"main"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"reverse"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,r.kt)("p",null,'Set the overscan property to make the component "chunk" the rendering of new items on scroll.\nThe property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\nSetting ',(0,r.kt)("inlineCode",{parentName:"p"},"{ main: number, reverse: number }")," lets you extend the list in both the main and the reverse scrollable directions."),(0,r.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:768"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"rangechanged"},"rangeChanged"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"rangeChanged"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"range"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/ListRange"},(0,r.kt)("inlineCode",{parentName:"a"},"ListRange")),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-4"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"range"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with the new set of items each time the list items are rendered due to scrolling."),(0,r.kt)("h5",{id:"parameters-4"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"range")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/ListRange"},(0,r.kt)("inlineCode",{parentName:"a"},"ListRange")))))),(0,r.kt)("h5",{id:"returns-4"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:798"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"restorestatefrom"},"restoreStateFrom"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"restoreStateFrom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"GridStateSnapshot")),(0,r.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:803"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollseekconfiguration"},"scrollSeekConfiguration"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"scrollSeekConfiguration"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"false")," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/ScrollSeekConfiguration"},(0,r.kt)("inlineCode",{parentName:"a"},"ScrollSeekConfiguration"))),(0,r.kt)("p",null,"Use to display placeholders if the user scrolls fast through the list."),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"components.ScrollSeekPlaceholder")," to change the placeholder content."),(0,r.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:781"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollerref"},"scrollerRef"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"scrollerRef"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("h4",{id:"type-declaration-5"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("p",null,"Provides access to the root DOM element"),(0,r.kt)("h5",{id:"parameters-5"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ref")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"null")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"td"},"HTMLElement"))))),(0,r.kt)("h5",{id:"returns-5"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:816"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"startreached"},"startReached"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"startReached"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-6"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called when the user scrolls to the start of the list."),(0,r.kt)("h5",{id:"parameters-6"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"index")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"number"))))),(0,r.kt)("h5",{id:"returns-6"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:794"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"statechanged"},"stateChanged"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"stateChanged"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"GridStateSnapshot"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-7"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"reports when the grid state changes. The reported value can be stored and passed back to ",(0,r.kt)("inlineCode",{parentName:"p"},"restoreStateFrom")," to restore the grid to the same state."),(0,r.kt)("h5",{id:"parameters-7"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"state")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"GridStateSnapshot"))))),(0,r.kt)("h5",{id:"returns-7"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:802"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"totalcount"},"totalCount"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"totalCount"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"The total amount of items to be rendered."),(0,r.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:741"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"usewindowscroll"},"useWindowScroll"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"useWindowScroll"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")),(0,r.kt)("p",null,"Uses the document scroller rather than wrapping the grid in its own."),(0,r.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:828"))}c.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[9458,7156,2157],{7942:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>c});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var o=a.createContext({}),p=function(e){var t=a.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},s=function(e){var t=p(e.components);return a.createElement(o.Provider,{value:t},e.children)},m="mdxType",k={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,r=e.originalType,o=e.parentName,s=d(e,["components","mdxType","originalType","parentName"]),m=p(n),u=i,c=m["".concat(o,".").concat(u)]||m[u]||k[u]||r;return n?a.createElement(c,l(l({ref:t},s),{},{components:n})):a.createElement(c,l({ref:t},s))}));function c(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var r=n.length,l=new Array(r);l[0]=u;var d={};for(var o in t)hasOwnProperty.call(t,o)&&(d[o]=t[o]);d.originalType=e,d[m]="string"==typeof e?e:i,l[1]=d;for(var p=2;p{n.r(t),n.d(t,{assets:()=>k,contentTitle:()=>s,default:()=>f,frontMatter:()=>p,metadata:()=>m,toc:()=>u});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=n(4242),d=n(8894),o=["components"],p={id:"virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",sidebar_label:"Virtuoso Grid",slug:"/virtuoso-grid-api-reference/"},s=void 0,m={unversionedId:"api-reference/virtuoso-grid-api-reference",id:"api-reference/virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",description:"All properties are optional - by default, the component will render empty.",source:"@site/docs/api-reference/virtuoso-grid-api-reference.md",sourceDirName:"api-reference",slug:"/virtuoso-grid-api-reference/",permalink:"/virtuoso-grid-api-reference/",draft:!1,editUrl:"https://github.com/petyosi/react-virtuoso/edit/master/docs/api-reference/virtuoso-grid-api-reference.md",tags:[],version:"current",frontMatter:{id:"virtuoso-grid-api-reference",title:"Virtuoso Grid API Reference",sidebar_label:"Virtuoso Grid",slug:"/virtuoso-grid-api-reference/"},sidebar:"defaultSidebar",previous:{title:"Table Virtuoso",permalink:"/table-virtuoso-api-reference/"},next:{title:"Migrate from v0 to v1",permalink:"/migrate-v0-to-v1/"}},k={},u=[{value:"Properties",id:"properties",level:2},{value:"Methods",id:"methods",level:2}],c={toc:u},h="wrapper";function f(e){var t=e.components,n=(0,i.Z)(e,o);return(0,r.kt)(h,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"All properties are optional - by default, the component will render empty. "),(0,r.kt)("p",null," If you are using TypeScript and want to use correctly typed component ",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),", you can use ",(0,r.kt)("inlineCode",{parentName:"p"},"VirtuosoGridHandle")," types."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-tsx"},"import { VirtuosoGrid, VirtuosoGridHandle } from 'react-virtuoso'\n//...\nconst ref = useRef(null)\n//...\n\n")),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("div",{className:"generated-api"},(0,r.kt)(l.default,{mdxType:"Props"})),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("div",{className:"generated-api"},(0,r.kt)(d.default,{mdxType:"Methods"})))}f.isMDXComponent=!0},8894:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>d,metadata:()=>p,toc:()=>m});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],d={id:"VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",sidebar_label:"VirtuosoGridHandle",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"api/interfaces/VirtuosoGridHandle",id:"api/interfaces/VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",description:"Methods",source:"@site/docs/api/interfaces/VirtuosoGridHandle.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridHandle",permalink:"/api/interfaces/VirtuosoGridHandle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridHandle",title:"Interface: VirtuosoGridHandle",sidebar_label:"VirtuosoGridHandle",sidebar_position:0,custom_edit_url:null}},s={},m=[{value:"Methods",id:"methods",level:2},{value:"scrollBy",id:"scrollby",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4},{value:"Defined in",id:"defined-in",level:4},{value:"scrollTo",id:"scrollto",level:3},{value:"Parameters",id:"parameters-1",level:4},{value:"Returns",id:"returns-1",level:4},{value:"Defined in",id:"defined-in-1",level:4},{value:"scrollToIndex",id:"scrolltoindex",level:3},{value:"Parameters",id:"parameters-2",level:4},{value:"Returns",id:"returns-2",level:4},{value:"Defined in",id:"defined-in-2",level:4}],k={toc:m},u="wrapper";function c(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("h3",{id:"scrollby"},"scrollBy"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollBy"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ScrollToOptions"))))),(0,r.kt)("h4",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:725"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollto"},"scrollTo"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollTo"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ScrollToOptions"))))),(0,r.kt)("h4",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:724"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrolltoindex"},"scrollToIndex"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"scrollToIndex"),"(",(0,r.kt)("inlineCode",{parentName:"p"},"location"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"location")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/modules#gridindexlocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GridIndexLocation")))))),(0,r.kt)("h4",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:723"))}c.isMDXComponent=!0},4242:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>d,metadata:()=>p,toc:()=>m});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],d={id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"api/interfaces/VirtuosoGridProps",id:"api/interfaces/VirtuosoGridProps",title:"Interface: VirtuosoGridProps",description:"Type parameters",source:"@site/docs/api/interfaces/VirtuosoGridProps.md",sourceDirName:"api/interfaces",slug:"/api/interfaces/VirtuosoGridProps",permalink:"/api/interfaces/VirtuosoGridProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"VirtuosoGridProps",title:"Interface: VirtuosoGridProps",sidebar_label:"VirtuosoGridProps",sidebar_position:0,custom_edit_url:null}},s={},m=[{value:"Type parameters",id:"type-parameters",level:2},{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"atBottomStateChange",id:"atbottomstatechange",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"atTopStateChange",id:"attopstatechange",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-1",level:4},{value:"components",id:"components",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"computeItemKey",id:"computeitemkey",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"context",id:"context",level:3},{value:"Defined in",id:"defined-in-4",level:4},{value:"customScrollParent",id:"customscrollparent",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"data",id:"data",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"endReached",id:"endreached",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-7",level:4},{value:"initialItemCount",id:"initialitemcount",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"initialTopMostItemIndex",id:"initialtopmostitemindex",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"isScrolling",id:"isscrolling",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-10",level:4},{value:"itemClassName",id:"itemclassname",level:3},{value:"Defined in",id:"defined-in-11",level:4},{value:"itemContent",id:"itemcontent",level:3},{value:"Defined in",id:"defined-in-12",level:4},{value:"listClassName",id:"listclassname",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"logLevel",id:"loglevel",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"overscan",id:"overscan",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"rangeChanged",id:"rangechanged",level:3},{value:"Type declaration",id:"type-declaration-4",level:4},{value:"Parameters",id:"parameters-4",level:5},{value:"Returns",id:"returns-4",level:5},{value:"Defined in",id:"defined-in-16",level:4},{value:"restoreStateFrom",id:"restorestatefrom",level:3},{value:"Defined in",id:"defined-in-17",level:4},{value:"scrollSeekConfiguration",id:"scrollseekconfiguration",level:3},{value:"Defined in",id:"defined-in-18",level:4},{value:"scrollerRef",id:"scrollerref",level:3},{value:"Type declaration",id:"type-declaration-5",level:4},{value:"Parameters",id:"parameters-5",level:5},{value:"Returns",id:"returns-5",level:5},{value:"Defined in",id:"defined-in-19",level:4},{value:"startReached",id:"startreached",level:3},{value:"Type declaration",id:"type-declaration-6",level:4},{value:"Parameters",id:"parameters-6",level:5},{value:"Returns",id:"returns-6",level:5},{value:"Defined in",id:"defined-in-20",level:4},{value:"stateChanged",id:"statechanged",level:3},{value:"Type declaration",id:"type-declaration-7",level:4},{value:"Parameters",id:"parameters-7",level:5},{value:"Returns",id:"returns-7",level:5},{value:"Defined in",id:"defined-in-21",level:4},{value:"totalCount",id:"totalcount",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"useWindowScroll",id:"usewindowscroll",level:3},{value:"Defined in",id:"defined-in-23",level:4}],k={toc:m},u="wrapper";function c(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"type-parameters"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"C")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"unknown"))))),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("a",{parentName:"p",href:"/api/modules#gridrootprops"},(0,r.kt)("inlineCode",{parentName:"a"},"GridRootProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"VirtuosoGridProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"atbottomstatechange"},"atBottomStateChange"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"atBottomStateChange"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"atBottom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"atBottom"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with true / false when the list has reached the bottom / gets scrolled up.\nCan be used to load newer items, like ",(0,r.kt)("inlineCode",{parentName:"p"},"tail -f"),"."),(0,r.kt)("h5",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"atBottom")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:808"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"attopstatechange"},"atTopStateChange"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"atTopStateChange"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"atTop"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"atTop"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with ",(0,r.kt)("inlineCode",{parentName:"p"},"true")," / ",(0,r.kt)("inlineCode",{parentName:"p"},"false")," when the list has reached the top / gets scrolled down."),(0,r.kt)("h5",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"atTop")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:812"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"components"},"components"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"components"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridComponents"},(0,r.kt)("inlineCode",{parentName:"a"},"GridComponents")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"components")," property for advanced customization of the elements rendered by the list."),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:762"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"computeitemkey"},"computeItemKey"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"computeItemKey"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridComputeItemKey"},(0,r.kt)("inlineCode",{parentName:"a"},"GridComputeItemKey")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"If specified, the component will use the function to generate the ",(0,r.kt)("inlineCode",{parentName:"p"},"key")," property for each list item."),(0,r.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:775"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"context"},"context"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"context"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"C")),(0,r.kt)("p",null,"Additional context available in the custom components and content callbacks"),(0,r.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:749"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"customscrollparent"},"customScrollParent"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"customScrollParent"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement")),(0,r.kt)("p",null,"Pass a reference to a scrollable parent element, so that the grid won't wrap in its own."),(0,r.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:832"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"data"},"data"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"data"),": readonly ",(0,r.kt)("inlineCode",{parentName:"p"},"D"),"[]"),(0,r.kt)("p",null,"The data items to be rendered. If data is set, the total count will be inferred from the length of the array."),(0,r.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:745"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"endreached"},"endReached"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"endReached"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Gets called when the user scrolls to the end of the list.\nReceives the last item index as an argument. Can be used to implement endless scrolling."),(0,r.kt)("h5",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"index")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"number"))))),(0,r.kt)("h5",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:790"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"initialitemcount"},"initialItemCount"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"initialItemCount"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"Use for server-side rendering - if set, the list will render the specified amount of items\nregardless of the container / item size."),(0,r.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:754"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"initialtopmostitemindex"},"initialTopMostItemIndex"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"initialTopMostItemIndex"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#gridindexlocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GridIndexLocation"))),(0,r.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:839"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"isscrolling"},"isScrolling"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"isScrolling"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"isScrolling"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"isScrolling"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called when the list starts/stops scrolling."),(0,r.kt)("h5",{id:"parameters-3"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"isScrolling")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-3"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:785"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemclassname"},"itemClassName"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"itemClassName"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Sets the grid items' className"),(0,r.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:824"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemcontent"},"itemContent"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"itemContent"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridItemContent"},(0,r.kt)("inlineCode",{parentName:"a"},"GridItemContent")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"C"),">"),(0,r.kt)("p",null,"Set the callback to specify the contents of the item."),(0,r.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:758"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listclassname"},"listClassName"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"listClassName"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Sets the className for the list DOM element"),(0,r.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:820"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"loglevel"},"logLevel"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"logLevel"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/enums/LogLevel"},(0,r.kt)("inlineCode",{parentName:"a"},"LogLevel"))),(0,r.kt)("p",null,"set to LogLevel.DEBUG to enable various diagnostics in the console, the most useful being the item measurement reports."),(0,r.kt)("p",null,'Ensure that you have "all levels" enabled in the browser console too see the messages.'),(0,r.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:838"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"overscan"},"overscan"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"overscan"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," { ",(0,r.kt)("inlineCode",{parentName:"p"},"main"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"reverse"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,r.kt)("p",null,'Set the overscan property to make the component "chunk" the rendering of new items on scroll.\nThe property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\nSetting ',(0,r.kt)("inlineCode",{parentName:"p"},"{ main: number, reverse: number }")," lets you extend the list in both the main and the reverse scrollable directions."),(0,r.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:768"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"rangechanged"},"rangeChanged"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"rangeChanged"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"range"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/ListRange"},(0,r.kt)("inlineCode",{parentName:"a"},"ListRange")),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-4"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"range"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called with the new set of items each time the list items are rendered due to scrolling."),(0,r.kt)("h5",{id:"parameters-4"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"range")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/ListRange"},(0,r.kt)("inlineCode",{parentName:"a"},"ListRange")))))),(0,r.kt)("h5",{id:"returns-4"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:798"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"restorestatefrom"},"restoreStateFrom"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"restoreStateFrom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridStateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot"))),(0,r.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:803"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollseekconfiguration"},"scrollSeekConfiguration"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"scrollSeekConfiguration"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"false")," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/ScrollSeekConfiguration"},(0,r.kt)("inlineCode",{parentName:"a"},"ScrollSeekConfiguration"))),(0,r.kt)("p",null,"Use to display placeholders if the user scrolls fast through the list."),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"components.ScrollSeekPlaceholder")," to change the placeholder content."),(0,r.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:781"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollerref"},"scrollerRef"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"scrollerRef"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"null")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("h4",{id:"type-declaration-5"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"ref"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("p",null,"Provides access to the root DOM element"),(0,r.kt)("h5",{id:"parameters-5"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ref")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"null")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"td"},"HTMLElement"))))),(0,r.kt)("h5",{id:"returns-5"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:816"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"startreached"},"startReached"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"startReached"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number"),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-6"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"index"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"Called when the user scrolls to the start of the list."),(0,r.kt)("h5",{id:"parameters-6"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"index")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"number"))))),(0,r.kt)("h5",{id:"returns-6"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:794"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"statechanged"},"stateChanged"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"stateChanged"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GridStateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot")),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-7"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("p",null,"reports when the grid state changes. The reported value can be stored and passed back to ",(0,r.kt)("inlineCode",{parentName:"p"},"restoreStateFrom")," to restore the grid to the same state."),(0,r.kt)("h5",{id:"parameters-7"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"state")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/GridStateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"GridStateSnapshot")))))),(0,r.kt)("h5",{id:"returns-7"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:802"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"totalcount"},"totalCount"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"totalCount"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"The total amount of items to be rendered."),(0,r.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:741"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"usewindowscroll"},"useWindowScroll"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"useWindowScroll"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")),(0,r.kt)("p",null,"Uses the document scroller rather than wrapping the grid in its own."),(0,r.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:828"))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/f6aebfbf.642faf96.js b/assets/js/f6aebfbf.642faf96.js new file mode 100644 index 000000000..b62a66c81 --- /dev/null +++ b/assets/js/f6aebfbf.642faf96.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7306],{7942:(e,t,n)=>{n.d(t,{Zo:()=>m,kt:()=>N});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var o=a.createContext({}),d=function(e){var t=a.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},m=function(e){var t=d(e.components);return a.createElement(o.Provider,{value:t},e.children)},k="mdxType",s={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,r=e.originalType,o=e.parentName,m=p(e,["components","mdxType","originalType","parentName"]),k=d(n),u=i,N=k["".concat(o,".").concat(u)]||k[u]||s[u]||r;return n?a.createElement(N,l(l({ref:t},m),{},{components:n})):a.createElement(N,l({ref:t},m))}));function N(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var r=n.length,l=new Array(r);l[0]=u;var p={};for(var o in t)hasOwnProperty.call(t,o)&&(p[o]=t[o]);p.originalType=e,p[k]="string"==typeof e?e:i,l[1]=p;for(var d=2;d{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>o,default:()=>N,frontMatter:()=>p,metadata:()=>d,toc:()=>k});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],p={id:"modules",title:"react-virtuoso",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},o=void 0,d={unversionedId:"api/modules",id:"api/modules",title:"react-virtuoso",description:"Enumerations",source:"@site/docs/api/modules.md",sourceDirName:"api",slug:"/api/modules",permalink:"/api/modules",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:.5,frontMatter:{id:"modules",title:"react-virtuoso",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null}},m={},k=[{value:"Enumerations",id:"enumerations",level:2},{value:"Interfaces",id:"interfaces",level:2},{value:"Type Aliases",id:"type-aliases",level:2},{value:"CalculateViewLocation",id:"calculateviewlocation",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"FixedFooterContent",id:"fixedfootercontent",level:3},{value:"Defined in",id:"defined-in-1",level:4},{value:"FixedHeaderContent",id:"fixedheadercontent",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"FollowOutput",id:"followoutput",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"FollowOutputCallback",id:"followoutputcallback",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-4",level:4},{value:"FollowOutputScalarType",id:"followoutputscalartype",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"GridIndexLocation",id:"gridindexlocation",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"GridListProps",id:"gridlistprops",level:3},{value:"Defined in",id:"defined-in-7",level:4},{value:"GridRootProps",id:"gridrootprops",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"GroupProps",id:"groupprops",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"IndexLocationWithAlign",id:"indexlocationwithalign",level:3},{value:"Defined in",id:"defined-in-10",level:4},{value:"ItemProps",id:"itemprops",level:3},{value:"Type parameters",id:"type-parameters",level:4},{value:"Defined in",id:"defined-in-11",level:4},{value:"ListItem",id:"listitem",level:3},{value:"Type parameters",id:"type-parameters-1",level:4},{value:"Defined in",id:"defined-in-12",level:4},{value:"ListProps",id:"listprops",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"ListRootProps",id:"listrootprops",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"ScrollIntoViewLocation",id:"scrollintoviewlocation",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"ScrollerProps",id:"scrollerprops",level:3},{value:"Defined in",id:"defined-in-16",level:4},{value:"SizeFunction",id:"sizefunction",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-17",level:4},{value:"StateCallback",id:"statecallback",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-18",level:4},{value:"TableBodyProps",id:"tablebodyprops",level:3},{value:"Defined in",id:"defined-in-19",level:4},{value:"TableProps",id:"tableprops",level:3},{value:"Defined in",id:"defined-in-20",level:4},{value:"TableRootProps",id:"tablerootprops",level:3},{value:"Defined in",id:"defined-in-21",level:4},{value:"TopItemListProps",id:"topitemlistprops",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"Variables",id:"variables",level:2},{value:"VirtuosoGridMockContext",id:"virtuosogridmockcontext",level:3},{value:"Defined in",id:"defined-in-23",level:4},{value:"VirtuosoMockContext",id:"virtuosomockcontext",level:3},{value:"Defined in",id:"defined-in-24",level:4},{value:"Functions",id:"functions",level:2},{value:"GroupedVirtuoso",id:"groupedvirtuoso",level:3},{value:"Type parameters",id:"type-parameters-2",level:4},{value:"Parameters",id:"parameters-4",level:4},{value:"Returns",id:"returns-4",level:4},{value:"Defined in",id:"defined-in-25",level:4},{value:"TableVirtuoso",id:"tablevirtuoso",level:3},{value:"Type parameters",id:"type-parameters-3",level:4},{value:"Parameters",id:"parameters-5",level:4},{value:"Returns",id:"returns-5",level:4},{value:"Defined in",id:"defined-in-26",level:4},{value:"Virtuoso",id:"virtuoso",level:3},{value:"Type parameters",id:"type-parameters-4",level:4},{value:"Parameters",id:"parameters-6",level:4},{value:"Returns",id:"returns-6",level:4},{value:"Defined in",id:"defined-in-27",level:4},{value:"VirtuosoGrid",id:"virtuosogrid",level:3},{value:"Type parameters",id:"type-parameters-5",level:4},{value:"Parameters",id:"parameters-7",level:4},{value:"Returns",id:"returns-7",level:4},{value:"Defined in",id:"defined-in-28",level:4}],s={toc:k},u="wrapper";function N(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"enumerations"},"Enumerations"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/enums/LogLevel"},"LogLevel"))),(0,r.kt)("h2",{id:"interfaces"},"Interfaces"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/CalculateViewLocationParams"},"CalculateViewLocationParams")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/Components"},"Components")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ComputeItemKey"},"ComputeItemKey")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ElementDimensions"},"ElementDimensions")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FillerRowProps"},"FillerRowProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FlatIndexLocationWithAlign"},"FlatIndexLocationWithAlign")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FlatScrollIntoViewLocation"},"FlatScrollIntoViewLocation")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/Gap"},"Gap")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridComponents"},"GridComponents")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridComputeItemKey"},"GridComputeItemKey")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItem"},"GridItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItemContent"},"GridItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItemProps"},"GridItemProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridScrollSeekPlaceholderProps"},"GridScrollSeekPlaceholderProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridStateSnapshot"},"GridStateSnapshot")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupContent"},"GroupContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupIndexLocationWithAlign"},"GroupIndexLocationWithAlign")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupItem"},"GroupItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupItemContent"},"GroupItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedScrollIntoViewLocation"},"GroupedScrollIntoViewLocation")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedVirtuosoHandle"},"GroupedVirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedVirtuosoProps"},"GroupedVirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/Item"},"Item")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ItemContent"},"ItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ListRange"},"ListRange")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/LocationOptions"},"LocationOptions")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/RecordItem"},"RecordItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollContainerState"},"ScrollContainerState")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollIntoViewLocationOptions"},"ScrollIntoViewLocationOptions")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekConfiguration"},"ScrollSeekConfiguration")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekPlaceholderProps"},"ScrollSeekPlaceholderProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekToggle"},"ScrollSeekToggle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/SizeRange"},"SizeRange")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/StateSnapshot"},"StateSnapshot")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableComponents"},"TableComponents")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableVirtuosoHandle"},"TableVirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableVirtuosoProps"},"TableVirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridHandle"},"VirtuosoGridHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridMockContextValue"},"VirtuosoGridMockContextValue")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridProps"},"VirtuosoGridProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoHandle"},"VirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoMockContextValue"},"VirtuosoMockContextValue")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoProps"},"VirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/WindowViewportInfo"},"WindowViewportInfo"))),(0,r.kt)("h2",{id:"type-aliases"},"Type Aliases"),(0,r.kt)("h3",{id:"calculateviewlocation"},"CalculateViewLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"CalculateViewLocation"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"params"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/CalculateViewLocationParams"},(0,r.kt)("inlineCode",{parentName:"a"},"CalculateViewLocationParams")),") => ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"params"),"): ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h5",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"params")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/CalculateViewLocationParams"},(0,r.kt)("inlineCode",{parentName:"a"},"CalculateViewLocationParams")))))),(0,r.kt)("h5",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:3"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"fixedfootercontent"},"FixedFooterContent"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FixedFooterContent"),": () => ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ReactNode")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:100"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"fixedheadercontent"},"FixedHeaderContent"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FixedHeaderContent"),": () => ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ReactNode")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:102"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutput"},"FollowOutput"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutput"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputcallback"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputCallback"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:115"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutputcallback"},"FollowOutputCallback"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutputCallback"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"isAtBottom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"isAtBottom"),"): ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h5",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"isAtBottom")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:117"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutputscalartype"},"FollowOutputScalarType"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutputScalarType"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"smooth"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"auto"')),(0,r.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:119"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridindexlocation"},"GridIndexLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridIndexLocation"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatIndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:173"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridlistprops"},"GridListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"className"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.List custom component"),(0,r.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:192"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridrootprops"},"GridRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLDivElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:196"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"groupprops"},"GroupProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GroupProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-known-size"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,r.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:284"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"indexlocationwithalign"},"IndexLocationWithAlign"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"IndexLocationWithAlign"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatIndexLocationWithAlign"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupIndexLocationWithAlign"))),(0,r.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:290"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemprops"},"ItemProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ItemProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">",": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-group-index?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-known-size"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"item"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"D")," }"),(0,r.kt)("h4",{id:"type-parameters"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))))),(0,r.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:303"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listitem"},"ListItem"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListItem"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">",": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/RecordItem"},(0,r.kt)("inlineCode",{parentName:"a"},"RecordItem")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">"," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupItem"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupItem")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">"),(0,r.kt)("h4",{id:"type-parameters-1"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))))),(0,r.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:311"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listprops"},"ListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.List custom component"),(0,r.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:316"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listrootprops"},"ListRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLDivElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:325"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollintoviewlocation"},"ScrollIntoViewLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ScrollIntoViewLocation"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatScrollIntoViewLocation"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatScrollIntoViewLocation"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupedScrollIntoViewLocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedScrollIntoViewLocation"))),(0,r.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:370"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollerprops"},"ScrollerProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ScrollerProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"tabIndex"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-virtuoso-scroller?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")," }"),(0,r.kt)("p",null,"Passed to the Components.Scroller custom component"),(0,r.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:365"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"sizefunction"},"SizeFunction"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"SizeFunction"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"el"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"field"),": ",(0,r.kt)("inlineCode",{parentName:"p"},'"offsetHeight"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"offsetWidth"'),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"el"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"field"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"Calculates the height of ",(0,r.kt)("inlineCode",{parentName:"p"},"el"),", which will be the ",(0,r.kt)("inlineCode",{parentName:"p"},"Item")," element in the DOM."),(0,r.kt)("h5",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"el")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"HTMLElement"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"field")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},'"offsetHeight"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"td"},'"offsetWidth"'))))),(0,r.kt)("h5",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:435"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"statecallback"},"StateCallback"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"StateCallback"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/StateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"StateSnapshot")),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h5",{id:"parameters-3"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"state")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/StateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"StateSnapshot")))))),(0,r.kt)("h5",{id:"returns-3"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:443"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablebodyprops"},"TableBodyProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableBodyProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"tbody"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"className"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.TableBody custom component"),(0,r.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:453"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tableprops"},"TableProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"table"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"),(0,r.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:520"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablerootprops"},"TableRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLTableElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:522"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"topitemlistprops"},"TopItemListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TopItemListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"),(0,r.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:712"),(0,r.kt)("h2",{id:"variables"},"Variables"),(0,r.kt)("h3",{id:"virtuosogridmockcontext"},"VirtuosoGridMockContext"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Const")," ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoGridMockContext"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.Context"),"<",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/VirtuosoGridMockContextValue"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridMockContextValue"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"undefined"),">"),(0,r.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:728"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuosomockcontext"},"VirtuosoMockContext"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Const")," ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoMockContext"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.Context"),"<",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/VirtuosoMockContextValue"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoMockContextValue"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"undefined"),">"),(0,r.kt)("h4",{id:"defined-in-24"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:869"),(0,r.kt)("h2",{id:"functions"},"Functions"),(0,r.kt)("h3",{id:"groupedvirtuoso"},"GroupedVirtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"GroupedVirtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-2"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-4"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/GroupedVirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedVirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/GroupedVirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedVirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-4"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-25"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:222"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablevirtuoso"},"TableVirtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"TableVirtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-3"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-5"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/TableVirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"TableVirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/TableVirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"TableVirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-5"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-26"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:524"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuoso"},"Virtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"Virtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-4"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-6"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-6"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-27"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:714"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuosogrid"},"VirtuosoGrid"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoGrid"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-5"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-7"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoGridProps"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoGridHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-7"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-28"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:718"))}N.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/f6aebfbf.d85fb4b0.js b/assets/js/f6aebfbf.d85fb4b0.js deleted file mode 100644 index 2382c0e4b..000000000 --- a/assets/js/f6aebfbf.d85fb4b0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[7306],{7942:(e,t,n)=>{n.d(t,{Zo:()=>m,kt:()=>N});var a=n(959);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var o=a.createContext({}),d=function(e){var t=a.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},m=function(e){var t=d(e.components);return a.createElement(o.Provider,{value:t},e.children)},k="mdxType",s={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,r=e.originalType,o=e.parentName,m=p(e,["components","mdxType","originalType","parentName"]),k=d(n),u=i,N=k["".concat(o,".").concat(u)]||k[u]||s[u]||r;return n?a.createElement(N,l(l({ref:t},m),{},{components:n})):a.createElement(N,l({ref:t},m))}));function N(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var r=n.length,l=new Array(r);l[0]=u;var p={};for(var o in t)hasOwnProperty.call(t,o)&&(p[o]=t[o]);p.originalType=e,p[k]="string"==typeof e?e:i,l[1]=p;for(var d=2;d{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>o,default:()=>N,frontMatter:()=>p,metadata:()=>d,toc:()=>k});var a=n(5882),i=n(950),r=(n(959),n(7942)),l=["components"],p={id:"modules",title:"react-virtuoso",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},o=void 0,d={unversionedId:"api/modules",id:"api/modules",title:"react-virtuoso",description:"Enumerations",source:"@site/docs/api/modules.md",sourceDirName:"api",slug:"/api/modules",permalink:"/api/modules",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:.5,frontMatter:{id:"modules",title:"react-virtuoso",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null}},m={},k=[{value:"Enumerations",id:"enumerations",level:2},{value:"Interfaces",id:"interfaces",level:2},{value:"Type Aliases",id:"type-aliases",level:2},{value:"CalculateViewLocation",id:"calculateviewlocation",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"Defined in",id:"defined-in",level:4},{value:"FixedFooterContent",id:"fixedfootercontent",level:3},{value:"Defined in",id:"defined-in-1",level:4},{value:"FixedHeaderContent",id:"fixedheadercontent",level:3},{value:"Defined in",id:"defined-in-2",level:4},{value:"FollowOutput",id:"followoutput",level:3},{value:"Defined in",id:"defined-in-3",level:4},{value:"FollowOutputCallback",id:"followoutputcallback",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"Defined in",id:"defined-in-4",level:4},{value:"FollowOutputScalarType",id:"followoutputscalartype",level:3},{value:"Defined in",id:"defined-in-5",level:4},{value:"GridIndexLocation",id:"gridindexlocation",level:3},{value:"Defined in",id:"defined-in-6",level:4},{value:"GridListProps",id:"gridlistprops",level:3},{value:"Defined in",id:"defined-in-7",level:4},{value:"GridRootProps",id:"gridrootprops",level:3},{value:"Defined in",id:"defined-in-8",level:4},{value:"GroupProps",id:"groupprops",level:3},{value:"Defined in",id:"defined-in-9",level:4},{value:"IndexLocationWithAlign",id:"indexlocationwithalign",level:3},{value:"Defined in",id:"defined-in-10",level:4},{value:"ItemProps",id:"itemprops",level:3},{value:"Type parameters",id:"type-parameters",level:4},{value:"Defined in",id:"defined-in-11",level:4},{value:"ListItem",id:"listitem",level:3},{value:"Type parameters",id:"type-parameters-1",level:4},{value:"Defined in",id:"defined-in-12",level:4},{value:"ListProps",id:"listprops",level:3},{value:"Defined in",id:"defined-in-13",level:4},{value:"ListRootProps",id:"listrootprops",level:3},{value:"Defined in",id:"defined-in-14",level:4},{value:"ScrollIntoViewLocation",id:"scrollintoviewlocation",level:3},{value:"Defined in",id:"defined-in-15",level:4},{value:"ScrollerProps",id:"scrollerprops",level:3},{value:"Defined in",id:"defined-in-16",level:4},{value:"SizeFunction",id:"sizefunction",level:3},{value:"Type declaration",id:"type-declaration-2",level:4},{value:"Parameters",id:"parameters-2",level:5},{value:"Returns",id:"returns-2",level:5},{value:"Defined in",id:"defined-in-17",level:4},{value:"StateCallback",id:"statecallback",level:3},{value:"Type declaration",id:"type-declaration-3",level:4},{value:"Parameters",id:"parameters-3",level:5},{value:"Returns",id:"returns-3",level:5},{value:"Defined in",id:"defined-in-18",level:4},{value:"TableBodyProps",id:"tablebodyprops",level:3},{value:"Defined in",id:"defined-in-19",level:4},{value:"TableProps",id:"tableprops",level:3},{value:"Defined in",id:"defined-in-20",level:4},{value:"TableRootProps",id:"tablerootprops",level:3},{value:"Defined in",id:"defined-in-21",level:4},{value:"TopItemListProps",id:"topitemlistprops",level:3},{value:"Defined in",id:"defined-in-22",level:4},{value:"Variables",id:"variables",level:2},{value:"VirtuosoGridMockContext",id:"virtuosogridmockcontext",level:3},{value:"Defined in",id:"defined-in-23",level:4},{value:"VirtuosoMockContext",id:"virtuosomockcontext",level:3},{value:"Defined in",id:"defined-in-24",level:4},{value:"Functions",id:"functions",level:2},{value:"GroupedVirtuoso",id:"groupedvirtuoso",level:3},{value:"Type parameters",id:"type-parameters-2",level:4},{value:"Parameters",id:"parameters-4",level:4},{value:"Returns",id:"returns-4",level:4},{value:"Defined in",id:"defined-in-25",level:4},{value:"TableVirtuoso",id:"tablevirtuoso",level:3},{value:"Type parameters",id:"type-parameters-3",level:4},{value:"Parameters",id:"parameters-5",level:4},{value:"Returns",id:"returns-5",level:4},{value:"Defined in",id:"defined-in-26",level:4},{value:"Virtuoso",id:"virtuoso",level:3},{value:"Type parameters",id:"type-parameters-4",level:4},{value:"Parameters",id:"parameters-6",level:4},{value:"Returns",id:"returns-6",level:4},{value:"Defined in",id:"defined-in-27",level:4},{value:"VirtuosoGrid",id:"virtuosogrid",level:3},{value:"Type parameters",id:"type-parameters-5",level:4},{value:"Parameters",id:"parameters-7",level:4},{value:"Returns",id:"returns-7",level:4},{value:"Defined in",id:"defined-in-28",level:4}],s={toc:k},u="wrapper";function N(e){var t=e.components,n=(0,i.Z)(e,l);return(0,r.kt)(u,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"enumerations"},"Enumerations"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/enums/LogLevel"},"LogLevel"))),(0,r.kt)("h2",{id:"interfaces"},"Interfaces"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/CalculateViewLocationParams"},"CalculateViewLocationParams")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/Components"},"Components")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ComputeItemKey"},"ComputeItemKey")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FillerRowProps"},"FillerRowProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FlatIndexLocationWithAlign"},"FlatIndexLocationWithAlign")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/FlatScrollIntoViewLocation"},"FlatScrollIntoViewLocation")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridComponents"},"GridComponents")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridComputeItemKey"},"GridComputeItemKey")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItem"},"GridItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItemContent"},"GridItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridItemProps"},"GridItemProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GridScrollSeekPlaceholderProps"},"GridScrollSeekPlaceholderProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupContent"},"GroupContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupIndexLocationWithAlign"},"GroupIndexLocationWithAlign")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupItem"},"GroupItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupItemContent"},"GroupItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedScrollIntoViewLocation"},"GroupedScrollIntoViewLocation")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedVirtuosoHandle"},"GroupedVirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/GroupedVirtuosoProps"},"GroupedVirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/Item"},"Item")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ItemContent"},"ItemContent")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ListRange"},"ListRange")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/LocationOptions"},"LocationOptions")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/RecordItem"},"RecordItem")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollContainerState"},"ScrollContainerState")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollIntoViewLocationOptions"},"ScrollIntoViewLocationOptions")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekConfiguration"},"ScrollSeekConfiguration")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekPlaceholderProps"},"ScrollSeekPlaceholderProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/ScrollSeekToggle"},"ScrollSeekToggle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/SizeRange"},"SizeRange")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/StateSnapshot"},"StateSnapshot")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableComponents"},"TableComponents")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableVirtuosoHandle"},"TableVirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/TableVirtuosoProps"},"TableVirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridHandle"},"VirtuosoGridHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridMockContextValue"},"VirtuosoGridMockContextValue")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoGridProps"},"VirtuosoGridProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoHandle"},"VirtuosoHandle")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoMockContextValue"},"VirtuosoMockContextValue")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/VirtuosoProps"},"VirtuosoProps")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",{parentName:"li",href:"/api/interfaces/WindowViewportInfo"},"WindowViewportInfo"))),(0,r.kt)("h2",{id:"type-aliases"},"Type Aliases"),(0,r.kt)("h3",{id:"calculateviewlocation"},"CalculateViewLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"CalculateViewLocation"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"params"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/CalculateViewLocationParams"},(0,r.kt)("inlineCode",{parentName:"a"},"CalculateViewLocationParams")),") => ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"params"),"): ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h5",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"params")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/CalculateViewLocationParams"},(0,r.kt)("inlineCode",{parentName:"a"},"CalculateViewLocationParams")))))),(0,r.kt)("h5",{id:"returns"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/api/modules#indexlocationwithalign"},(0,r.kt)("inlineCode",{parentName:"a"},"IndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:3"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"fixedfootercontent"},"FixedFooterContent"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FixedFooterContent"),": () => ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ReactNode")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in-1"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:100"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"fixedheadercontent"},"FixedHeaderContent"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FixedHeaderContent"),": () => ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ReactNode")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"null")),(0,r.kt)("h4",{id:"defined-in-2"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:102"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutput"},"FollowOutput"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutput"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputcallback"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputCallback"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"defined-in-3"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:115"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutputcallback"},"FollowOutputCallback"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutputCallback"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"isAtBottom"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean"),") => ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"isAtBottom"),"): ",(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h5",{id:"parameters-1"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"isAtBottom")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"boolean"))))),(0,r.kt)("h5",{id:"returns-1"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/api/modules#followoutputscalartype"},(0,r.kt)("inlineCode",{parentName:"a"},"FollowOutputScalarType"))),(0,r.kt)("h4",{id:"defined-in-4"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:117"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"followoutputscalartype"},"FollowOutputScalarType"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"FollowOutputScalarType"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"smooth"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"auto"')),(0,r.kt)("h4",{id:"defined-in-5"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:119"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridindexlocation"},"GridIndexLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridIndexLocation"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatIndexLocationWithAlign"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"defined-in-6"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:173"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridlistprops"},"GridListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"className"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.List custom component"),(0,r.kt)("h4",{id:"defined-in-7"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:192"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"gridrootprops"},"GridRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GridRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLDivElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-8"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:196"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"groupprops"},"GroupProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"GroupProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-known-size"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," }"),(0,r.kt)("h4",{id:"defined-in-9"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:284"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"indexlocationwithalign"},"IndexLocationWithAlign"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"IndexLocationWithAlign"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatIndexLocationWithAlign"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupIndexLocationWithAlign"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupIndexLocationWithAlign"))),(0,r.kt)("h4",{id:"defined-in-10"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:290"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"itemprops"},"ItemProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ItemProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">",": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-group-index?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-item-index"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-known-size"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"item"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"D")," }"),(0,r.kt)("h4",{id:"type-parameters"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))))),(0,r.kt)("h4",{id:"defined-in-11"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:303"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listitem"},"ListItem"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListItem"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">",": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/RecordItem"},(0,r.kt)("inlineCode",{parentName:"a"},"RecordItem")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">"," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupItem"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupItem")),"<",(0,r.kt)("inlineCode",{parentName:"p"},"D"),">"),(0,r.kt)("h4",{id:"type-parameters-1"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"D"))))),(0,r.kt)("h4",{id:"defined-in-12"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:311"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listprops"},"ListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.List custom component"),(0,r.kt)("h4",{id:"defined-in-13"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:316"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"listrootprops"},"ListRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ListRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLDivElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-14"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:325"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollintoviewlocation"},"ScrollIntoViewLocation"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ScrollIntoViewLocation"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/FlatScrollIntoViewLocation"},(0,r.kt)("inlineCode",{parentName:"a"},"FlatScrollIntoViewLocation"))," ","|"," ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/GroupedScrollIntoViewLocation"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedScrollIntoViewLocation"))),(0,r.kt)("h4",{id:"defined-in-15"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:370"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"scrollerprops"},"ScrollerProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"ScrollerProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"tabIndex"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ; ",(0,r.kt)("inlineCode",{parentName:"p"},"data-virtuoso-scroller?"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"boolean")," }"),(0,r.kt)("p",null,"Passed to the Components.Scroller custom component"),(0,r.kt)("h4",{id:"defined-in-16"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:365"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"sizefunction"},"SizeFunction"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"SizeFunction"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"el"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLElement"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"field"),": ",(0,r.kt)("inlineCode",{parentName:"p"},'"offsetHeight"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"offsetWidth"'),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"type-declaration-2"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"el"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"field"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"Calculates the height of ",(0,r.kt)("inlineCode",{parentName:"p"},"el"),", which will be the ",(0,r.kt)("inlineCode",{parentName:"p"},"Item")," element in the DOM."),(0,r.kt)("h5",{id:"parameters-2"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"el")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"HTMLElement"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"field")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},'"offsetHeight"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"td"},'"offsetWidth"'))))),(0,r.kt)("h5",{id:"returns-2"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("h4",{id:"defined-in-17"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:435"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"statecallback"},"StateCallback"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"StateCallback"),": (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),": ",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/StateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"StateSnapshot")),") => ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"type-declaration-3"},"Type declaration"),(0,r.kt)("p",null,"\u25b8 (",(0,r.kt)("inlineCode",{parentName:"p"},"state"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h5",{id:"parameters-3"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"state")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/StateSnapshot"},(0,r.kt)("inlineCode",{parentName:"a"},"StateSnapshot")))))),(0,r.kt)("h5",{id:"returns-3"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"void")),(0,r.kt)("h4",{id:"defined-in-18"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:443"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablebodyprops"},"TableBodyProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableBodyProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"tbody"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"className"'),">"," & { ",(0,r.kt)("inlineCode",{parentName:"p"},"data-test-id"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," }"),(0,r.kt)("p",null,"Passed to the Components.TableBody custom component"),(0,r.kt)("h4",{id:"defined-in-19"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:453"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tableprops"},"TableProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"table"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"),(0,r.kt)("h4",{id:"defined-in-20"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:520"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablerootprops"},"TableRootProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TableRootProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.HTMLProps"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"HTMLTableElement"),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"ref"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"data"'),">"),(0,r.kt)("h4",{id:"defined-in-21"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:522"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"topitemlistprops"},"TopItemListProps"),(0,r.kt)("p",null,"\u01ac ",(0,r.kt)("strong",{parentName:"p"},"TopItemListProps"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Pick"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.ComponentPropsWithRef"),"<",(0,r.kt)("inlineCode",{parentName:"p"},'"div"'),">",", ",(0,r.kt)("inlineCode",{parentName:"p"},'"style"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"children"'),">"),(0,r.kt)("h4",{id:"defined-in-22"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:712"),(0,r.kt)("h2",{id:"variables"},"Variables"),(0,r.kt)("h3",{id:"virtuosogridmockcontext"},"VirtuosoGridMockContext"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Const")," ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoGridMockContext"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.Context"),"<",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/VirtuosoGridMockContextValue"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridMockContextValue"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"undefined"),">"),(0,r.kt)("h4",{id:"defined-in-23"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:728"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuosomockcontext"},"VirtuosoMockContext"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Const")," ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoMockContext"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"React_2.Context"),"<",(0,r.kt)("a",{parentName:"p",href:"/api/interfaces/VirtuosoMockContextValue"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoMockContextValue"))," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"undefined"),">"),(0,r.kt)("h4",{id:"defined-in-24"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:869"),(0,r.kt)("h2",{id:"functions"},"Functions"),(0,r.kt)("h3",{id:"groupedvirtuoso"},"GroupedVirtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"GroupedVirtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-2"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-4"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/GroupedVirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedVirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/GroupedVirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"GroupedVirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-4"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-25"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:222"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"tablevirtuoso"},"TableVirtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"TableVirtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-3"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-5"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/TableVirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"TableVirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/TableVirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"TableVirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-5"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-26"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:524"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuoso"},"Virtuoso"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"Virtuoso"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-4"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-6"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoProps"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-6"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-27"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:714"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"virtuosogrid"},"VirtuosoGrid"),(0,r.kt)("p",null,"\u25b8 ",(0,r.kt)("strong",{parentName:"p"},"VirtuosoGrid"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"Context"),">","(",(0,r.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"type-parameters-5"},"Type parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"ItemData")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Context")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"any"))))),(0,r.kt)("h4",{id:"parameters-7"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"props")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoGridProps"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridProps")),"<",(0,r.kt)("inlineCode",{parentName:"td"},"ItemData"),", ",(0,r.kt)("inlineCode",{parentName:"td"},"Context"),">"," & { ",(0,r.kt)("inlineCode",{parentName:"td"},"ref?"),": ",(0,r.kt)("inlineCode",{parentName:"td"},"Ref"),"<",(0,r.kt)("a",{parentName:"td",href:"/api/interfaces/VirtuosoGridHandle"},(0,r.kt)("inlineCode",{parentName:"a"},"VirtuosoGridHandle")),">"," }")))),(0,r.kt)("h4",{id:"returns-7"},"Returns"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"ReactElement"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"JSXElementConstructor"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"any"),">",">"),(0,r.kt)("h4",{id:"defined-in-28"},"Defined in"),(0,r.kt)("p",null,"dist/index.d.ts:718"))}N.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/main.2dfd70bc.js b/assets/js/main.2dfd70bc.js new file mode 100644 index 000000000..373e56918 --- /dev/null +++ b/assets/js/main.2dfd70bc.js @@ -0,0 +1,2 @@ +/*! For license information please see main.2dfd70bc.js.LICENSE.txt */ +(self.webpackChunkreact_virtuoso=self.webpackChunkreact_virtuoso||[]).push([[179],{1531:(e,t,n)=>{var r={"./":1884};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=1531},809:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(959),a=n(5882),o=n(5218),i=n.n(o),l=n(6887);const s={"001f606a":[function(){return n.e(9285).then(n.bind(n,5066))},"@site/docs/scenarios/prepend-items.md",5066],"01356ee0":[function(){return n.e(8470).then(n.bind(n,3684))},"@site/docs/scenarios/stick-to-bottom.md",3684],"013923dd":[function(){return n.e(4074).then(n.bind(n,7087))},"@site/docs/api/interfaces/ScrollSeekPlaceholderProps.md",7087],"01a85c17":[function(){return Promise.all([n.e(532),n.e(4013)]).then(n.bind(n,1351))},"@theme/BlogTagsListPage",1351],"06d4a51d":[function(){return n.e(275).then(n.bind(n,8577))},"@site/docs/api/interfaces/VirtuosoProps.md",8577],"0a388784":[function(){return n.e(9235).then(n.bind(n,3857))},"@site/docs/api/interfaces/LocationOptions.md",3857],"0a77e33c":[function(){return n.e(4793).then(n.bind(n,6689))},"@site/docs/api-reference/virtuoso-api-reference.md",6689],"0ba5caa0":[function(){return n.e(9284).then(n.bind(n,1389))},"@site/docs/migrate-v0-to-v1.md",1389],"0bd75ea9":[function(){return n.e(735).then(n.bind(n,114))},"@site/docs/api/interfaces/GroupedVirtuosoHandle.md",114],"0ef3c58b":[function(){return n.e(2906).then(n.bind(n,8947))},"@site/docs/api/interfaces/StateSnapshot.md",8947],"110f77b6":[function(){return n.e(3669).then(n.bind(n,576))},"@site/docs/scenarios/endless-scrolling.md",576],"1288ab1c":[function(){return n.e(6810).then(n.bind(n,2146))},"@site/docs/basics/scroll-to-index.md",2146],"13006d39":[function(){return n.e(5109).then(n.bind(n,7561))},"@site/docs/api/interfaces/GroupedScrollIntoViewLocation.md",7561],"168e6e0f":[function(){return n.e(6298).then(n.bind(n,7342))},"@site/docs/api/interfaces/ScrollContainerState.md",7342],"173147f2":[function(){return n.e(1334).then(n.bind(n,8905))},"@site/docs/api/interfaces/VirtuosoHandle.md",8905],17896441:[function(){return Promise.all([n.e(532),n.e(4423),n.e(7918)]).then(n.bind(n,5211))},"@theme/DocItem",5211],"182041f4":[function(){return n.e(2282).then(n.bind(n,3319))},"@site/docs/api/enums/LogLevel.md",3319],"1be78505":[function(){return Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,5881))},"@theme/DocPage",5881],"2261ec71":[function(){return n.e(4427).then(n.bind(n,9575))},"@site/docs/api/interfaces/CalculateViewLocationParams.md",9575],"23481c2b":[function(){return n.e(5156).then(n.bind(n,2124))},"@site/docs/scenarios/react-beautiful-dnd-window-scroller.md",2124],"28dc9e8f":[function(){return n.e(6626).then(n.bind(n,2469))},"@site/docs/api/interfaces/GroupedVirtuosoProps.md",2469],"2bb43f97":[function(){return n.e(4162).then(n.bind(n,2002))},"@site/docs/scenarios/window-scrolling.md",2002],"2f460c27":[function(){return n.e(8111).then(n.bind(n,9047))},"@site/docs/grouped-mode/grouped-with-load-on-demand.md",9047],"32fc9699":[function(){return n.e(2986).then(n.bind(n,8841))},"@site/docs/api/interfaces/WindowViewportInfo.md",8841],"344add75":[function(){return n.e(909).then(n.bind(n,2196))},"@site/docs/api/interfaces/GridItem.md",2196],"353792dc":[function(){return n.e(3070).then(n.bind(n,386))},"@site/docs/scenarios/react-beautiful-dnd.md",386],"395b078c":[function(){return n.e(4149).then(n.t.bind(n,4469,19))},"/home/runner/work/react-virtuoso/react-virtuoso/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469],"3a8bfc1e":[function(){return n.e(6582).then(n.bind(n,2955))},"@site/docs/api/interfaces/ScrollIntoViewLocationOptions.md",2955],"3a9869eb":[function(){return n.e(4709).then(n.bind(n,6534))},"@site/docs/api/interfaces/FillerRowProps.md",6534],"3dfef2aa":[function(){return n.e(4365).then(n.bind(n,1460))},"@site/blog/2020-12-13-own-state-management.md?truncated=true",1460],"42c2fbed":[function(){return n.e(2663).then(n.bind(n,9368))},"@site/docs/basics/initial-index.md",9368],"464e63c7":[function(){return n.e(3368).then(n.bind(n,3259))},"@site/docs/api/interfaces/FlatIndexLocationWithAlign.md",3259],47603573:[function(){return n.e(4009).then(n.bind(n,2246))},"@site/docs/scenarios/material-ui-endless-scrolling.md",2246],"49edb0b9":[function(){return n.e(2033).then(n.bind(n,5905))},"@site/docs/api/interfaces/GroupItem.md",5905],"4c7c6546":[function(){return n.e(4170).then(n.bind(n,3091))},"@site/docs/table/react-table-integration.md",3091],"4e0df8f8":[function(){return n.e(2998).then(n.bind(n,9417))},"@site/docs/table/mui-table-virtual-scroll.md",9417],"4e74aeb5":[function(){return n.e(8388).then(n.bind(n,3162))},"@site/docs/customize-markup/customize-structure.md",3162],"5b2113c2":[function(){return n.e(4615).then(n.bind(n,7871))},"@site/docs/scenarios/react-sortable-hoc.md",7871],"5e52606e":[function(){return n.e(6349).then(n.bind(n,1195))},"@site/docs/api/interfaces/VirtuosoGridMockContextValue.md",1195],"5e8c322a":[function(){return n.e(7597).then(n.bind(n,2895))},"@site/docs/api/index.md",2895],"62ef40d7":[function(){return n.e(2353).then(n.bind(n,3635))},"@site/docs/api/interfaces/GridComponents.md",3635],"682ee2c9":[function(){return n.e(2839).then(n.bind(n,1501))},"@site/docs/basics/footer.md",1501],"6875c492":[function(){return Promise.all([n.e(532),n.e(4423),n.e(8796),n.e(8610)]).then(n.bind(n,8144))},"@theme/BlogTagsPostsPage",8144],"6c58893f":[function(){return n.e(6883).then(n.bind(n,4439))},"@site/docs/customize-markup/custom-scroll-container.md",4439],"6e2a759c":[function(){return n.e(7156).then(n.bind(n,4242))},"@site/docs/api/interfaces/VirtuosoGridProps.md",4242],"6e6e88cc":[function(){return n.e(6403).then(n.bind(n,5963))},"@site/docs/basics/auto-resizing.md",5963],77405867:[function(){return n.e(5923).then(n.bind(n,3255))},"@site/docs/api/interfaces/GroupContent.md",3255],"77f55435":[function(){return n.e(4246).then(n.bind(n,5625))},"@site/docs/api-reference/table-virtuoso-api-reference.md",5625],"7808a607":[function(){return n.e(168).then(n.bind(n,8825))},"@site/docs/api/interfaces/ComputeItemKey.md",8825],"7873288a":[function(){return n.e(2114).then(n.bind(n,1244))},"@site/docs/api/interfaces/TableComponents.md",1244],"7972b1d5":[function(){return n.e(1548).then(n.bind(n,2642))},"@site/blog/2020-12-13-own-state-management.md",2642],"79d5cc01":[function(){return n.e(1355).then(n.bind(n,4591))},"@site/docs/api/interfaces/ListRange.md",4591],"80e3d5b9":[function(){return n.e(3742).then(n.bind(n,7341))},"@site/docs/api/interfaces/VirtuosoMockContextValue.md",7341],"8109eb09":[function(){return n.e(1014).then(n.bind(n,7128))},"@site/docs/grouped-mode/grouped-by-first-letter.md",7128],"814f3328":[function(){return n.e(2535).then(n.t.bind(n,5641,19))},"~blog/default/blog-post-list-prop-default.json",5641],"833fee0e":[function(){return n.e(2767).then(n.bind(n,841))},"@site/docs/basics/top-items.md",841],"8667c230":[function(){return n.e(7740).then(n.bind(n,6952))},"@site/docs/scenarios/scroll-seek-placeholders.md",6952],"889d9ca2":[function(){return n.e(7976).then(n.bind(n,7177))},"@site/docs/api/interfaces/GridItemContent.md",7177],"88ffbedc":[function(){return n.e(4741).then(n.bind(n,3103))},"@site/docs/api/interfaces/RecordItem.md",3103],"8ab075e8":[function(){return n.e(9898).then(n.bind(n,8428))},"@site/docs/scenarios/press-to-load-more.md",8428],"8ff30214":[function(){return n.e(2399).then(n.bind(n,1540))},"@site/docs/api/interfaces/ScrollSeekConfiguration.md",1540],"908df74f":[function(){return n.e(5081).then(n.bind(n,4883))},"@site/docs/api/interfaces/GridComputeItemKey.md",4883],"92a2b77e":[function(){return n.e(8235).then(n.bind(n,1318))},"@site/docs/scenarios/mocking-in-tests.md",1318],"935f2afb":[function(){return n.e(53).then(n.t.bind(n,1109,19))},"~docs/default/version-current-metadata-prop-751.json",1109],"95809c20":[function(){return n.e(6605).then(n.bind(n,7005))},"@site/docs/api/interfaces/GridScrollSeekPlaceholderProps.md",7005],"9918aec6":[function(){return n.e(8341).then(n.bind(n,563))},"@site/docs/api/interfaces/GroupItemContent.md",563],"9d9f8394":[function(){return n.e(9360).then(n.bind(n,7226))},"@site/docs/troubleshooting.md",7226],"9e4087bc":[function(){return n.e(3608).then(n.bind(n,6913))},"@theme/BlogArchivePage",6913],"9fa4c25f":[function(){return n.e(3613).then(n.t.bind(n,1325,19))},"~blog/default/blog-tags-urx-e3c-list.json",1325],"9fcdae19":[function(){return n.e(9886).then(n.bind(n,6811))},"@site/docs/api/interfaces/ItemContent.md",6811],a410ac7b:[function(){return n.e(1781).then(n.t.bind(n,7657,19))},"~blog/default/blog-tags-urx-e3c.json",7657],a521ddc2:[function(){return n.e(7007).then(n.bind(n,5510))},"@site/docs/scenarios/keyboard-navigation.md",5510],a61cae58:[function(){return n.e(3732).then(n.bind(n,7902))},"@site/docs/api/interfaces/TableVirtuosoHandle.md",7902],a6aa9e1f:[function(){return Promise.all([n.e(532),n.e(4423),n.e(8796),n.e(3089)]).then(n.bind(n,2834))},"@theme/BlogListPage",2834],a7023ddc:[function(){return n.e(1713).then(n.t.bind(n,3457,19))},"~blog/default/blog-tags-tags-4c2.json",3457],b2b675dd:[function(){return n.e(533).then(n.t.bind(n,8446,19))},"~blog/default/blog-c06.json",8446],b2f554cd:[function(){return n.e(1477).then(n.t.bind(n,10,19))},"~blog/default/blog-archive-80c.json",10],b3d0a3c0:[function(){return n.e(9359).then(n.bind(n,5083))},"@site/docs/api/interfaces/FlatScrollIntoViewLocation.md",5083],b715cf05:[function(){return n.e(3148).then(n.t.bind(n,78,19))},"~blog/default/blog-tags-state-management-3f5.json",78],b90bf1e5:[function(){return n.e(4085).then(n.bind(n,2319))},"@site/docs/table/table-fixed-columns.md",2319],bb2f6aff:[function(){return n.e(1905).then(n.bind(n,2573))},"@site/docs/grouped-mode/scroll-to-group.md",2573],be07f0ef:[function(){return n.e(1019).then(n.bind(n,5338))},"@site/docs/api/interfaces/GroupIndexLocationWithAlign.md",5338],c51612c6:[function(){return n.e(1868).then(n.t.bind(n,3769,19))},"/home/runner/work/react-virtuoso/react-virtuoso/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],c56161a8:[function(){return n.e(8822).then(n.bind(n,1023))},"@site/docs/basics/range-change-callback.md",1023],c78fddaf:[function(){return n.e(7883).then(n.bind(n,6444))},"@site/docs/api/interfaces/Gap.md",6444],c91d0887:[function(){return n.e(7567).then(n.bind(n,1153))},"@site/docs/api/interfaces/ElementDimensions.md",1153],cb159a53:[function(){return n.e(1327).then(n.bind(n,5464))},"@site/docs/api/interfaces/GridItemProps.md",5464],cb2a7320:[function(){return n.e(5108).then(n.bind(n,2158))},"@site/docs/api/interfaces/TableVirtuosoProps.md",2158],ccc49370:[function(){return Promise.all([n.e(532),n.e(4423),n.e(8796),n.e(6103)]).then(n.bind(n,8767))},"@theme/BlogPostPage",8767],d1ef551c:[function(){return n.e(184).then(n.bind(n,7780))},"@site/docs/basics/scroll-handling.md",7780],d589d3a7:[function(){return n.e(7162).then(n.bind(n,51))},"@site/docs/getting-started.md",51],da9371a6:[function(){return n.e(1336).then(n.t.bind(n,7141,19))},"~blog/default/blog-tags-state-management-3f5-list.json",7141],dd3039ce:[function(){return n.e(5549).then(n.bind(n,7373))},"@site/docs/table/table-fixed-headers.md",7373],e2f44fac:[function(){return n.e(1448).then(n.bind(n,2977))},"@site/docs/api/interfaces/Components.md",2977],e44762d4:[function(){return n.e(3256).then(n.bind(n,2727))},"@site/docs/api/interfaces/ScrollSeekToggle.md",2727],e4c9844f:[function(){return n.e(7343).then(n.bind(n,8282))},"@site/docs/api/interfaces/GridStateSnapshot.md",8282],ee9c03d1:[function(){return n.e(9458).then(n.bind(n,3979))},"@site/docs/api-reference/virtuoso-grid-api-reference.md",3979],f079bede:[function(){return n.e(7048).then(n.bind(n,4500))},"@site/docs/grouped-mode/grouped-numbers.md",4500],f1088c01:[function(){return n.e(8557).then(n.bind(n,5843))},"@site/docs/table/hello-table.md",5843],f25c7400:[function(){return n.e(9441).then(n.bind(n,9922))},"@site/docs/grid/grid-responsive-columns.md",9922],f2f810f5:[function(){return n.e(2157).then(n.bind(n,8894))},"@site/docs/api/interfaces/VirtuosoGridHandle.md",8894],f61ebe11:[function(){return n.e(5727).then(n.bind(n,7089))},"@site/docs/api/interfaces/Item.md",7089],f6aebfbf:[function(){return n.e(7306).then(n.bind(n,4368))},"@site/docs/api/modules.md",4368],fbf43bf8:[function(){return n.e(453).then(n.bind(n,6059))},"@site/docs/api/interfaces/SizeRange.md",6059],fed77d2d:[function(){return n.e(9361).then(n.bind(n,3035))},"@site/docs/basics/hello.md",3035]};function u(e){var t=e.error,n=e.retry,a=e.pastDelay;return t?r.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,String(t)),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):a?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var c=n(7586),d=n(1967);function f(e,t){if("*"===e)return i()({loading:u,loader:function(){return n.e(8846).then(n.bind(n,8846))},modules:["@theme/NotFound"],webpack:function(){return[8846]},render:function(e,t){var n=e.default;return r.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},r.createElement(n,t))}});var o=l[e+"-"+t],f={},p=[],m=[],h=(0,c.Z)(o);return Object.entries(h).forEach((function(e){var t=e[0],n=e[1],r=s[n];r&&(f[t]=r[0],p.push(r[1]),m.push(r[2]))})),i().Map({loading:u,loader:f,modules:p,webpack:function(){return m},render:function(t,n){var i=JSON.parse(JSON.stringify(o));Object.entries(t).forEach((function(t){var n=t[0],r=t[1],a=r.default;if(!a)throw new Error("The page component at "+e+" doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.");"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((function(e){return"default"!==e})).forEach((function(e){a[e]=r[e]}));var o=i,l=n.split(".");l.slice(0,-1).forEach((function(e){o=o[e]})),o[l[l.length-1]]=a}));var l=i.__comp;delete i.__comp;var s=i.__context;return delete i.__context,r.createElement(d.z,{value:s},r.createElement(l,(0,a.Z)({},i,n)))}})}const p=[{path:"/blog",component:f("/blog","1bf"),exact:!0},{path:"/blog/archive",component:f("/blog/archive","17a"),exact:!0},{path:"/blog/tags",component:f("/blog/tags","7b8"),exact:!0},{path:"/blog/tags/state-management",component:f("/blog/tags/state-management","fc1"),exact:!0},{path:"/blog/tags/urx",component:f("/blog/tags/urx","6cd"),exact:!0},{path:"/blog/why-i-wrote-my-own-state-management-for-react-virtuoso",component:f("/blog/why-i-wrote-my-own-state-management-for-react-virtuoso","1d0"),exact:!0},{path:"/",component:f("/","964"),routes:[{path:"/",component:f("/","201"),exact:!0,sidebar:"defaultSidebar"},{path:"/api/",component:f("/api/","85e"),exact:!0},{path:"/api/enums/LogLevel",component:f("/api/enums/LogLevel","43b"),exact:!0},{path:"/api/interfaces/CalculateViewLocationParams",component:f("/api/interfaces/CalculateViewLocationParams","43f"),exact:!0},{path:"/api/interfaces/Components",component:f("/api/interfaces/Components","ac7"),exact:!0},{path:"/api/interfaces/ComputeItemKey",component:f("/api/interfaces/ComputeItemKey","16a"),exact:!0},{path:"/api/interfaces/ElementDimensions",component:f("/api/interfaces/ElementDimensions","c23"),exact:!0},{path:"/api/interfaces/FillerRowProps",component:f("/api/interfaces/FillerRowProps","1dd"),exact:!0},{path:"/api/interfaces/FlatIndexLocationWithAlign",component:f("/api/interfaces/FlatIndexLocationWithAlign","c3d"),exact:!0},{path:"/api/interfaces/FlatScrollIntoViewLocation",component:f("/api/interfaces/FlatScrollIntoViewLocation","078"),exact:!0},{path:"/api/interfaces/Gap",component:f("/api/interfaces/Gap","d75"),exact:!0},{path:"/api/interfaces/GridComponents",component:f("/api/interfaces/GridComponents","9bc"),exact:!0},{path:"/api/interfaces/GridComputeItemKey",component:f("/api/interfaces/GridComputeItemKey","8a9"),exact:!0},{path:"/api/interfaces/GridItem",component:f("/api/interfaces/GridItem","363"),exact:!0},{path:"/api/interfaces/GridItemContent",component:f("/api/interfaces/GridItemContent","7e8"),exact:!0},{path:"/api/interfaces/GridItemProps",component:f("/api/interfaces/GridItemProps","4f9"),exact:!0},{path:"/api/interfaces/GridScrollSeekPlaceholderProps",component:f("/api/interfaces/GridScrollSeekPlaceholderProps","751"),exact:!0},{path:"/api/interfaces/GridStateSnapshot",component:f("/api/interfaces/GridStateSnapshot","38b"),exact:!0},{path:"/api/interfaces/GroupContent",component:f("/api/interfaces/GroupContent","0ec"),exact:!0},{path:"/api/interfaces/GroupedScrollIntoViewLocation",component:f("/api/interfaces/GroupedScrollIntoViewLocation","6e3"),exact:!0},{path:"/api/interfaces/GroupedVirtuosoHandle",component:f("/api/interfaces/GroupedVirtuosoHandle","77d"),exact:!0},{path:"/api/interfaces/GroupedVirtuosoProps",component:f("/api/interfaces/GroupedVirtuosoProps","885"),exact:!0},{path:"/api/interfaces/GroupIndexLocationWithAlign",component:f("/api/interfaces/GroupIndexLocationWithAlign","ad1"),exact:!0},{path:"/api/interfaces/GroupItem",component:f("/api/interfaces/GroupItem","502"),exact:!0},{path:"/api/interfaces/GroupItemContent",component:f("/api/interfaces/GroupItemContent","211"),exact:!0},{path:"/api/interfaces/Item",component:f("/api/interfaces/Item","7ee"),exact:!0},{path:"/api/interfaces/ItemContent",component:f("/api/interfaces/ItemContent","b72"),exact:!0},{path:"/api/interfaces/ListRange",component:f("/api/interfaces/ListRange","b53"),exact:!0},{path:"/api/interfaces/LocationOptions",component:f("/api/interfaces/LocationOptions","e58"),exact:!0},{path:"/api/interfaces/RecordItem",component:f("/api/interfaces/RecordItem","345"),exact:!0},{path:"/api/interfaces/ScrollContainerState",component:f("/api/interfaces/ScrollContainerState","52f"),exact:!0},{path:"/api/interfaces/ScrollIntoViewLocationOptions",component:f("/api/interfaces/ScrollIntoViewLocationOptions","312"),exact:!0},{path:"/api/interfaces/ScrollSeekConfiguration",component:f("/api/interfaces/ScrollSeekConfiguration","a66"),exact:!0},{path:"/api/interfaces/ScrollSeekPlaceholderProps",component:f("/api/interfaces/ScrollSeekPlaceholderProps","5dd"),exact:!0},{path:"/api/interfaces/ScrollSeekToggle",component:f("/api/interfaces/ScrollSeekToggle","615"),exact:!0},{path:"/api/interfaces/SizeRange",component:f("/api/interfaces/SizeRange","5e4"),exact:!0},{path:"/api/interfaces/StateSnapshot",component:f("/api/interfaces/StateSnapshot","aee"),exact:!0},{path:"/api/interfaces/TableComponents",component:f("/api/interfaces/TableComponents","916"),exact:!0},{path:"/api/interfaces/TableVirtuosoHandle",component:f("/api/interfaces/TableVirtuosoHandle","347"),exact:!0},{path:"/api/interfaces/TableVirtuosoProps",component:f("/api/interfaces/TableVirtuosoProps","277"),exact:!0},{path:"/api/interfaces/VirtuosoGridHandle",component:f("/api/interfaces/VirtuosoGridHandle","02e"),exact:!0},{path:"/api/interfaces/VirtuosoGridMockContextValue",component:f("/api/interfaces/VirtuosoGridMockContextValue","da1"),exact:!0},{path:"/api/interfaces/VirtuosoGridProps",component:f("/api/interfaces/VirtuosoGridProps","ca9"),exact:!0},{path:"/api/interfaces/VirtuosoHandle",component:f("/api/interfaces/VirtuosoHandle","c6f"),exact:!0},{path:"/api/interfaces/VirtuosoMockContextValue",component:f("/api/interfaces/VirtuosoMockContextValue","d1e"),exact:!0},{path:"/api/interfaces/VirtuosoProps",component:f("/api/interfaces/VirtuosoProps","e31"),exact:!0},{path:"/api/interfaces/WindowViewportInfo",component:f("/api/interfaces/WindowViewportInfo","aa7"),exact:!0},{path:"/api/modules",component:f("/api/modules","5c3"),exact:!0},{path:"/auto-resizing/",component:f("/auto-resizing/","ec3"),exact:!0,sidebar:"defaultSidebar"},{path:"/custom-scroll-container/",component:f("/custom-scroll-container/","918"),exact:!0,sidebar:"defaultSidebar"},{path:"/customize-structure/",component:f("/customize-structure/","7d7"),exact:!0,sidebar:"defaultSidebar"},{path:"/endless-scrolling/",component:f("/endless-scrolling/","6a5"),exact:!0,sidebar:"defaultSidebar"},{path:"/footer/",component:f("/footer/","0ff"),exact:!0,sidebar:"defaultSidebar"},{path:"/grid-responsive-columns/",component:f("/grid-responsive-columns/","dc3"),exact:!0,sidebar:"defaultSidebar"},{path:"/grouped-by-first-letter/",component:f("/grouped-by-first-letter/","e1e"),exact:!0,sidebar:"defaultSidebar"},{path:"/grouped-numbers/",component:f("/grouped-numbers/","394"),exact:!0,sidebar:"defaultSidebar"},{path:"/grouped-with-load-on-demand/",component:f("/grouped-with-load-on-demand/","94b"),exact:!0,sidebar:"defaultSidebar"},{path:"/hello-table/",component:f("/hello-table/","d48"),exact:!0,sidebar:"defaultSidebar"},{path:"/hello/",component:f("/hello/","70d"),exact:!0,sidebar:"defaultSidebar"},{path:"/initial-index/",component:f("/initial-index/","24a"),exact:!0,sidebar:"defaultSidebar"},{path:"/keyboard-navigation/",component:f("/keyboard-navigation/","2c9"),exact:!0,sidebar:"defaultSidebar"},{path:"/material-ui-endless-scrolling/",component:f("/material-ui-endless-scrolling/","e0c"),exact:!0,sidebar:"defaultSidebar"},{path:"/migrate-v0-to-v1/",component:f("/migrate-v0-to-v1/","e5f"),exact:!0,sidebar:"defaultSidebar"},{path:"/mocking-in-tests/",component:f("/mocking-in-tests/","97d"),exact:!0,sidebar:"defaultSidebar"},{path:"/mui-table-virtual-scroll/",component:f("/mui-table-virtual-scroll/","a17"),exact:!0,sidebar:"defaultSidebar"},{path:"/prepend-items/",component:f("/prepend-items/","603"),exact:!0,sidebar:"defaultSidebar"},{path:"/press-to-load-more/",component:f("/press-to-load-more/","d0b"),exact:!0,sidebar:"defaultSidebar"},{path:"/range-change-callback/",component:f("/range-change-callback/","444"),exact:!0,sidebar:"defaultSidebar"},{path:"/react-beautiful-dnd-window-scroller/",component:f("/react-beautiful-dnd-window-scroller/","89b"),exact:!0,sidebar:"defaultSidebar"},{path:"/react-beautiful-dnd/",component:f("/react-beautiful-dnd/","3fe"),exact:!0,sidebar:"defaultSidebar"},{path:"/react-sortable-hoc/",component:f("/react-sortable-hoc/","0a5"),exact:!0,sidebar:"defaultSidebar"},{path:"/react-table-integration/",component:f("/react-table-integration/","67c"),exact:!0,sidebar:"defaultSidebar"},{path:"/scroll-handling/",component:f("/scroll-handling/","a57"),exact:!0,sidebar:"defaultSidebar"},{path:"/scroll-seek-placeholders/",component:f("/scroll-seek-placeholders/","190"),exact:!0,sidebar:"defaultSidebar"},{path:"/scroll-to-group/",component:f("/scroll-to-group/","f35"),exact:!0,sidebar:"defaultSidebar"},{path:"/scroll-to-index/",component:f("/scroll-to-index/","13d"),exact:!0,sidebar:"defaultSidebar"},{path:"/stick-to-bottom/",component:f("/stick-to-bottom/","5ed"),exact:!0,sidebar:"defaultSidebar"},{path:"/table-fixed-columns/",component:f("/table-fixed-columns/","6d9"),exact:!0,sidebar:"defaultSidebar"},{path:"/table-fixed-headers/",component:f("/table-fixed-headers/","f5a"),exact:!0,sidebar:"defaultSidebar"},{path:"/table-virtuoso-api-reference/",component:f("/table-virtuoso-api-reference/","f7a"),exact:!0,sidebar:"defaultSidebar"},{path:"/top-items/",component:f("/top-items/","d1a"),exact:!0,sidebar:"defaultSidebar"},{path:"/troubleshooting",component:f("/troubleshooting","eee"),exact:!0,sidebar:"defaultSidebar"},{path:"/virtuoso-api-reference/",component:f("/virtuoso-api-reference/","238"),exact:!0,sidebar:"defaultSidebar"},{path:"/virtuoso-grid-api-reference/",component:f("/virtuoso-grid-api-reference/","f88"),exact:!0,sidebar:"defaultSidebar"},{path:"/window-scrolling/",component:f("/window-scrolling/","070"),exact:!0,sidebar:"defaultSidebar"}]},{path:"*",component:f("*")}]},7738:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,t:()=>o});var r=n(959),a=r.createContext(!1);function o(e){var t=e.children,n=(0,r.useState)(!1),o=n[0],i=n[1];return(0,r.useEffect)((function(){i(!0)}),[]),r.createElement(a.Provider,{value:o},t)}},8581:(e,t,n)=>{"use strict";var r=n(959),a=n(422),o=n(9500),i=n(387),l=n(1384),s=n(809),u=n(8903),c=n(3797);function d(e){var t=e.children;return r.createElement(r.Fragment,null,t)}var f=n(5882),p=n(8676),m=n(6583),h=n(6540),g=n(9691),v=n(5080),b=n(8672),y=n(6717),w=n(5269),k=n(2970);function S(){var e=(0,m.Z)().i18n,t=e.defaultLocale,n=e.localeConfigs,a=(0,b.l)();return r.createElement(p.Z,null,Object.entries(n).map((function(e){var t=e[0],n=e[1].htmlLang;return r.createElement("link",{key:t,rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n})})),r.createElement("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}))}function E(e){var t=e.permalink,n=(0,m.Z)().siteConfig.url,a=function(){var e=(0,m.Z)().siteConfig.url,t=(0,u.TH)().pathname;return e+(0,h.Z)(t)}(),o=t?""+n+t:a;return r.createElement(p.Z,null,r.createElement("meta",{property:"og:url",content:o}),r.createElement("link",{rel:"canonical",href:o}))}function x(){var e=(0,m.Z)().i18n.currentLocale,t=(0,g.L)(),n=t.metadata,a=t.image;return r.createElement(r.Fragment,null,r.createElement(p.Z,null,r.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),r.createElement("body",{className:y.h})),a&&r.createElement(v.d,{image:a}),r.createElement(E,null),r.createElement(S,null),r.createElement(k.Z,{tag:w.HX,locale:e}),r.createElement(p.Z,null,n.map((function(e,t){return r.createElement("meta",(0,f.Z)({key:t},e))}))))}var _=new Map;function C(e){if(_.has(e.pathname))return Object.assign({},e,{pathname:_.get(e.pathname)});if((0,c.f)(s.Z,e.pathname).some((function(e){return!0===e.route.exact})))return _.set(e.pathname,e.pathname),e;var t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return _.set(e.pathname,t),Object.assign({},e,{pathname:t})}var T=n(7738),L=n(908),P=n(309);const A=[n(7009),n(4768),n(2330),n(7502),n(2190)];function R(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = '+e+" "+("/"===e?" (default value)":"")+'

\n

We suggest trying baseUrl =

\n\n'}(e)).replace(/{"use strict";n.d(t,{_:()=>c,M:()=>d});var r=n(959),a=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-FXF8T3XR4N"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/","mainDocId":"getting-started","docs":[{"id":"api-reference/table-virtuoso-api-reference","path":"/table-virtuoso-api-reference/","sidebar":"defaultSidebar"},{"id":"api-reference/virtuoso-api-reference","path":"/virtuoso-api-reference/","sidebar":"defaultSidebar"},{"id":"api-reference/virtuoso-grid-api-reference","path":"/virtuoso-grid-api-reference/","sidebar":"defaultSidebar"},{"id":"api/enums/LogLevel","path":"/api/enums/LogLevel"},{"id":"api/index","path":"/api/"},{"id":"api/interfaces/CalculateViewLocationParams","path":"/api/interfaces/CalculateViewLocationParams"},{"id":"api/interfaces/Components","path":"/api/interfaces/Components"},{"id":"api/interfaces/ComputeItemKey","path":"/api/interfaces/ComputeItemKey"},{"id":"api/interfaces/ElementDimensions","path":"/api/interfaces/ElementDimensions"},{"id":"api/interfaces/FillerRowProps","path":"/api/interfaces/FillerRowProps"},{"id":"api/interfaces/FlatIndexLocationWithAlign","path":"/api/interfaces/FlatIndexLocationWithAlign"},{"id":"api/interfaces/FlatScrollIntoViewLocation","path":"/api/interfaces/FlatScrollIntoViewLocation"},{"id":"api/interfaces/Gap","path":"/api/interfaces/Gap"},{"id":"api/interfaces/GridComponents","path":"/api/interfaces/GridComponents"},{"id":"api/interfaces/GridComputeItemKey","path":"/api/interfaces/GridComputeItemKey"},{"id":"api/interfaces/GridItem","path":"/api/interfaces/GridItem"},{"id":"api/interfaces/GridItemContent","path":"/api/interfaces/GridItemContent"},{"id":"api/interfaces/GridItemProps","path":"/api/interfaces/GridItemProps"},{"id":"api/interfaces/GridScrollSeekPlaceholderProps","path":"/api/interfaces/GridScrollSeekPlaceholderProps"},{"id":"api/interfaces/GridStateSnapshot","path":"/api/interfaces/GridStateSnapshot"},{"id":"api/interfaces/GroupContent","path":"/api/interfaces/GroupContent"},{"id":"api/interfaces/GroupedScrollIntoViewLocation","path":"/api/interfaces/GroupedScrollIntoViewLocation"},{"id":"api/interfaces/GroupedVirtuosoHandle","path":"/api/interfaces/GroupedVirtuosoHandle"},{"id":"api/interfaces/GroupedVirtuosoProps","path":"/api/interfaces/GroupedVirtuosoProps"},{"id":"api/interfaces/GroupIndexLocationWithAlign","path":"/api/interfaces/GroupIndexLocationWithAlign"},{"id":"api/interfaces/GroupItem","path":"/api/interfaces/GroupItem"},{"id":"api/interfaces/GroupItemContent","path":"/api/interfaces/GroupItemContent"},{"id":"api/interfaces/Item","path":"/api/interfaces/Item"},{"id":"api/interfaces/ItemContent","path":"/api/interfaces/ItemContent"},{"id":"api/interfaces/ListRange","path":"/api/interfaces/ListRange"},{"id":"api/interfaces/LocationOptions","path":"/api/interfaces/LocationOptions"},{"id":"api/interfaces/RecordItem","path":"/api/interfaces/RecordItem"},{"id":"api/interfaces/ScrollContainerState","path":"/api/interfaces/ScrollContainerState"},{"id":"api/interfaces/ScrollIntoViewLocationOptions","path":"/api/interfaces/ScrollIntoViewLocationOptions"},{"id":"api/interfaces/ScrollSeekConfiguration","path":"/api/interfaces/ScrollSeekConfiguration"},{"id":"api/interfaces/ScrollSeekPlaceholderProps","path":"/api/interfaces/ScrollSeekPlaceholderProps"},{"id":"api/interfaces/ScrollSeekToggle","path":"/api/interfaces/ScrollSeekToggle"},{"id":"api/interfaces/SizeRange","path":"/api/interfaces/SizeRange"},{"id":"api/interfaces/StateSnapshot","path":"/api/interfaces/StateSnapshot"},{"id":"api/interfaces/TableComponents","path":"/api/interfaces/TableComponents"},{"id":"api/interfaces/TableVirtuosoHandle","path":"/api/interfaces/TableVirtuosoHandle"},{"id":"api/interfaces/TableVirtuosoProps","path":"/api/interfaces/TableVirtuosoProps"},{"id":"api/interfaces/VirtuosoGridHandle","path":"/api/interfaces/VirtuosoGridHandle"},{"id":"api/interfaces/VirtuosoGridMockContextValue","path":"/api/interfaces/VirtuosoGridMockContextValue"},{"id":"api/interfaces/VirtuosoGridProps","path":"/api/interfaces/VirtuosoGridProps"},{"id":"api/interfaces/VirtuosoHandle","path":"/api/interfaces/VirtuosoHandle"},{"id":"api/interfaces/VirtuosoMockContextValue","path":"/api/interfaces/VirtuosoMockContextValue"},{"id":"api/interfaces/VirtuosoProps","path":"/api/interfaces/VirtuosoProps"},{"id":"api/interfaces/WindowViewportInfo","path":"/api/interfaces/WindowViewportInfo"},{"id":"api/modules","path":"/api/modules"},{"id":"basics/auto-resizing","path":"/auto-resizing/","sidebar":"defaultSidebar"},{"id":"basics/footer","path":"/footer/","sidebar":"defaultSidebar"},{"id":"basics/hello","path":"/hello/","sidebar":"defaultSidebar"},{"id":"basics/initial-index","path":"/initial-index/","sidebar":"defaultSidebar"},{"id":"basics/range-change-callback","path":"/range-change-callback/","sidebar":"defaultSidebar"},{"id":"basics/scroll-handling","path":"/scroll-handling/","sidebar":"defaultSidebar"},{"id":"basics/scroll-to-index","path":"/scroll-to-index/","sidebar":"defaultSidebar"},{"id":"basics/top-items","path":"/top-items/","sidebar":"defaultSidebar"},{"id":"customize-markup/custom-scroll-container","path":"/custom-scroll-container/","sidebar":"defaultSidebar"},{"id":"customize-markup/customize-structure","path":"/customize-structure/","sidebar":"defaultSidebar"},{"id":"getting-started","path":"/","sidebar":"defaultSidebar"},{"id":"grid/grid-responsive-columns","path":"/grid-responsive-columns/","sidebar":"defaultSidebar"},{"id":"grouped-mode/grouped-by-first-letter","path":"/grouped-by-first-letter/","sidebar":"defaultSidebar"},{"id":"grouped-mode/grouped-numbers","path":"/grouped-numbers/","sidebar":"defaultSidebar"},{"id":"grouped-mode/grouped-with-load-on-demand","path":"/grouped-with-load-on-demand/","sidebar":"defaultSidebar"},{"id":"grouped-mode/scroll-to-group","path":"/scroll-to-group/","sidebar":"defaultSidebar"},{"id":"migrate-v0-to-v1","path":"/migrate-v0-to-v1/","sidebar":"defaultSidebar"},{"id":"scenarios/endless-scrolling","path":"/endless-scrolling/","sidebar":"defaultSidebar"},{"id":"scenarios/keyboard-navigation","path":"/keyboard-navigation/","sidebar":"defaultSidebar"},{"id":"scenarios/material-ui-endless-scrolling","path":"/material-ui-endless-scrolling/","sidebar":"defaultSidebar"},{"id":"scenarios/mocking-in-tests","path":"/mocking-in-tests/","sidebar":"defaultSidebar"},{"id":"scenarios/prepend-items","path":"/prepend-items/","sidebar":"defaultSidebar"},{"id":"scenarios/press-to-load-more","path":"/press-to-load-more/","sidebar":"defaultSidebar"},{"id":"scenarios/react-beautiful-dnd","path":"/react-beautiful-dnd/","sidebar":"defaultSidebar"},{"id":"scenarios/react-beautiful-dnd-window-scroller","path":"/react-beautiful-dnd-window-scroller/","sidebar":"defaultSidebar"},{"id":"scenarios/react-sortable-hoc","path":"/react-sortable-hoc/","sidebar":"defaultSidebar"},{"id":"scenarios/scroll-seek-placeholders","path":"/scroll-seek-placeholders/","sidebar":"defaultSidebar"},{"id":"scenarios/stick-to-bottom","path":"/stick-to-bottom/","sidebar":"defaultSidebar"},{"id":"scenarios/window-scrolling","path":"/window-scrolling/","sidebar":"defaultSidebar"},{"id":"table/hello-table","path":"/hello-table/","sidebar":"defaultSidebar"},{"id":"table/mui-table-virtual-scroll","path":"/mui-table-virtual-scroll/","sidebar":"defaultSidebar"},{"id":"table/react-table-integration","path":"/react-table-integration/","sidebar":"defaultSidebar"},{"id":"table/table-fixed-columns","path":"/table-fixed-columns/","sidebar":"defaultSidebar"},{"id":"table/table-fixed-headers","path":"/table-fixed-headers/","sidebar":"defaultSidebar"},{"id":"troubleshooting","path":"/troubleshooting","sidebar":"defaultSidebar"}],"draftIds":[],"sidebars":{"defaultSidebar":{"link":{"path":"/","label":"Getting Started"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"2.4.0","siteVersion":"4.4.2","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.0"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"2.4.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.0"},"docusaurus-plugin-typedoc":{"type":"package","name":"docusaurus-plugin-typedoc","version":"0.19.2"},"docusaurus-sandpack":{"type":"package","name":"@codesandbox/sandpack-docusaurus","version":"0.0.1"}}}');var u={siteConfig:a.Z,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},c=r.createContext(u);function d(e){var t=e.children;return r.createElement(c.Provider,{value:u},t)}},7607:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(309),a=n(959),o=n(1384),i=n(8676),l=n(9489),s=n(154);function u(e){var t=e.error,n=e.tryAgain;return a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},a.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),a.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),a.createElement(c,{error:t}))}function c(e){var t=e.error,n=(0,l.getErrorCausalChain)(t).map((function(e){return e.message})).join("\n\nCause:\n");return a.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function d(e){var t=e.error,n=e.tryAgain;return a.createElement(p,{fallback:function(){return a.createElement(u,{error:t,tryAgain:n})}},a.createElement(i.Z,null,a.createElement("title",null,"Page Error")),a.createElement(s.Z,null,a.createElement(u,{error:t,tryAgain:n})))}var f=function(e){return a.createElement(d,e)},p=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={error:null},n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidCatch=function(e){o.Z.canUseDOM&&this.setState({error:e})},n.render=function(){var e=this,t=this.props.children,n=this.state.error;if(n){var r,a={error:n,tryAgain:function(){return e.setState({error:null})}};return(null!=(r=this.props.fallback)?r:f)(a)}return null!=t?t:null},t}(a.Component)},1384:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document;const a={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},8676:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(959),a=n(387);function o(e){return r.createElement(a.ql,e)}},5291:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var r=n(5882),a=n(950),o=n(959),i=n(9500),l=n(9489),s=n(6583),u=n(1659),c=n(1384),d=o.createContext({collectLink:function(){}});var f=n(6540),p=["isNavLink","to","href","activeClassName","isActive","data-noBrokenLinkCheck","autoAddBaseUrl"];function m(e,t){var n,m,h=e.isNavLink,g=e.to,v=e.href,b=e.activeClassName,y=e.isActive,w=e["data-noBrokenLinkCheck"],k=e.autoAddBaseUrl,S=void 0===k||k,E=(0,a.Z)(e,p),x=(0,s.Z)().siteConfig,_=x.trailingSlash,C=x.baseUrl,T=(0,f.C)().withBaseUrl,L=(0,o.useContext)(d),P=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(function(){return P.current}));var A=g||v;var R,I=(0,u.Z)(A),N=null==A?void 0:A.replace("pathname://",""),O=void 0!==N?(R=N,S&&function(e){return e.startsWith("/")}(R)?T(R):R):void 0;O&&I&&(O=(0,l.applyTrailingSlash)(O,{trailingSlash:_,baseUrl:C}));var D=(0,o.useRef)(!1),M=h?i.OL:i.rU,F=c.Z.canUseIntersectionObserver,B=(0,o.useRef)(),z=function(){D.current||null==O||(window.docusaurus.preload(O),D.current=!0)};(0,o.useEffect)((function(){return!F&&I&&null!=O&&window.docusaurus.prefetch(O),function(){F&&B.current&&B.current.disconnect()}}),[B,O,F,I]);var j=null!=(n=null==(m=O)?void 0:m.startsWith("#"))&&n,G=!O||!I||j;return G||w||L.collectLink(O),G?o.createElement("a",(0,r.Z)({ref:P,href:O},A&&!I&&{target:"_blank",rel:"noopener noreferrer"},E)):o.createElement(M,(0,r.Z)({},E,{onMouseEnter:z,onTouchStart:z,innerRef:function(e){P.current=e,F&&e&&I&&(B.current=new window.IntersectionObserver((function(t){t.forEach((function(t){e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(B.current.unobserve(e),B.current.disconnect(),null!=O&&window.docusaurus.prefetch(O))}))})),B.current.observe(e))},to:O},h&&{isActive:y,activeClassName:b}))}const h=o.forwardRef(m)},344:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=function(){return null}},5572:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s,I:()=>l});var r=n(959);function a(e,t){var n=e.split(/(\{\w+\})/).map((function(e,n){if(n%2==1){var r=null==t?void 0:t[e.slice(1,-1)];if(void 0!==r)return r}return e}));return n.some((function(e){return(0,r.isValidElement)(e)}))?n.map((function(e,t){return(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e})).filter((function(e){return""!==e})):n.join("")}var o=n(7529);function i(e){var t,n,r=e.id,a=e.message;if(void 0===r&&void 0===a)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return null!=(t=null!=(n=o[null!=r?r:a])?n:a)?t:r}function l(e,t){return a(i({message:e.message,id:e.id}),t)}function s(e){var t=e.children,n=e.id,o=e.values;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");var l=i({message:t,id:n});return r.createElement(r.Fragment,null,a(l,o))}},8303:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});var r="default"},1659:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function a(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>a,b:()=>r})},6540:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var r=n(959),a=n(6583),o=n(1659);function i(){var e=(0,a.Z)().siteConfig,t=e.baseUrl,n=e.url,i=(0,r.useCallback)((function(e,r){return function(e,t,n,r){var a=void 0===r?{}:r,i=a.forcePrependBaseUrl,l=void 0!==i&&i,s=a.absolute,u=void 0!==s&&s;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(l)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;var c=n.startsWith(t)?n:t+n.replace(/^\//,"");return u?e+c:c}(n,t,e,r)}),[n,t]);return{withBaseUrl:i}}function l(e,t){return void 0===t&&(t={}),(0,i().withBaseUrl)(e,t)}},6583:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(959),a=n(908);function o(){return(0,r.useContext)(a._)}},9644:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(959),a=n(7738);function o(){return(0,r.useContext)(a._)}},7586:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=function(e){return"object"==typeof e&&!!e&&Object.keys(e).length>0};function a(e){var t={};return function e(n,a){Object.entries(n).forEach((function(n){var o=n[0],i=n[1],l=a?a+"."+o:o;r(i)?e(i,l):t[l]=i}))}(e),t}},1967:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,z:()=>o});var r=n(959),a=r.createContext(null);function o(e){var t=e.children,n=e.value,o=r.useContext(a),i=(0,r.useMemo)((function(){return function(e){var t=e.parent,n=e.value;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}var r=Object.assign({},t.data,null==n?void 0:n.data);return{plugin:t.plugin,data:r}}({parent:o,value:n})}),[o,n]);return r.createElement(a.Provider,{value:i},t)}},4258:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>h,gA:()=>f,_r:()=>c,Jo:()=>g,zh:()=>d,yW:()=>m,gB:()=>p});var r=n(8903),a=n(6583),o=n(8303);function i(e,t){void 0===t&&(t={});var n=(0,a.Z)().globalData[e];if(!n&&t.failfast)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin.');return n}var l=function(e){return e.versions.find((function(e){return e.isLast}))};function s(e,t){var n,a,o=function(e,t){var n=l(e);return[].concat(e.versions.filter((function(e){return e!==n})),[n]).find((function(e){return!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})}))}(e,t),i=null==o?void 0:o.docs.find((function(e){return!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})}));return{activeVersion:o,activeDoc:i,alternateDocVersions:i?(n=i.id,a={},e.versions.forEach((function(e){e.docs.forEach((function(t){t.id===n&&(a[e.name]=t)}))})),a):{}}}var u={},c=function(){var e;return null!=(e=i("docusaurus-plugin-content-docs"))?e:u},d=function(e){return function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});var r=i(e),a=null==r?void 0:r[t];if(!a&&n.failfast)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin with id "'+t+'".');return a}("docusaurus-plugin-content-docs",e,{failfast:!0})};function f(e){return void 0===e&&(e={}),function(e,t,n){void 0===n&&(n={});var a=Object.entries(e).sort((function(e,t){return t[1].path.localeCompare(e[1].path)})).find((function(e){var n=e[1];return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),o=a?{pluginId:a[0],pluginData:a[1]}:void 0;if(!o&&n.failfast)throw new Error("Can't find active docs plugin for \""+t+'" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: '+Object.values(e).map((function(e){return e.path})).join(", "));return o}(c(),(0,r.TH)().pathname,e)}function p(e){return d(e).versions}function m(e){var t=d(e);return l(t)}function h(e){return s(d(e),(0,r.TH)().pathname)}function g(e){return function(e,t){var n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(d(e),(0,r.TH)().pathname)}},7009:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={onRouteDidUpdate:function(e){var t=e.location,n=e.previousLocation;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((function(){window.gtag("event","page_view",{page_title:document.title,page_location:window.location.href,page_path:t.pathname+t.search+t.hash})}))}}},5218:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t{"use strict";n.r(t),n.d(t,{default:()=>o});var r=n(9981),a=n.n(r);a().configure({showSpinner:!1});const o={onRouteUpdate:function(e){var t=e.location,n=e.previousLocation;if(n&&t.pathname!==n.pathname){var r=window.setTimeout((function(){a().start()}),200);return function(){return window.clearTimeout(r)}}},onRouteDidUpdate:function(){a().done()}}},2330:(e,t,n)=>{"use strict";n.r(t);var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof a?new a(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=d.reach);E+=S.value.length,S=S.next){var x=S.value;if(t.length>e.length)return;if(!(x instanceof a)){var _,C=1;if(b){if(!(_=o(k,E,e,v))||_.index>=e.length)break;var T=_.index,L=_.index+_[0].length,P=E;for(P+=S.value.length;T>=P;)P+=(S=S.next).value.length;if(E=P-=S.value.length,S.value instanceof a)continue;for(var A=S;A!==t.tail&&(Pd.reach&&(d.reach=O);var D=S.prev;if(I&&(D=s(t,D,I),E+=I.length),u(t,D,C),S=s(t,D,new a(f,g?r.tokenize(R,g):R,y,R)),N&&s(t,S,N),C>1){var M={cause:f+","+m,reach:O};i(e,t,n,S.prev,E,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var r=t.next,a={value:n,prev:t,next:r};return t.next=a,r.prev=a,e.length++,a}function u(e,t,n){for(var r=t.next,a=0;a"+o.content+""},r}(),a=r;r.default=r,a.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},a.languages.markup.tag.inside["attr-value"].inside.entity=a.languages.markup.entity,a.languages.markup.doctype.inside["internal-subset"].inside=a.languages.markup,a.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(a.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:a.languages[t]},n.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:a.languages[t]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},a.languages.insertBefore("markup","cdata",o)}}),Object.defineProperty(a.languages.markup.tag,"addAttribute",{value:function(e,t){a.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:a.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),a.languages.html=a.languages.markup,a.languages.mathml=a.languages.markup,a.languages.svg=a.languages.markup,a.languages.xml=a.languages.extend("markup",{}),a.languages.ssml=a.languages.xml,a.languages.atom=a.languages.xml,a.languages.rss=a.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var a=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=r.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},a.languages.c=a.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),a.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),a.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},a.languages.c.string],char:a.languages.c.char,comment:a.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:a.languages.c}}}}),a.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete a.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(a),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(a),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},a={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:a,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:a})}(a),a.languages.javascript=a.languages.extend("clike",{"class-name":[a.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),a.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,a.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:a.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:a.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:a.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:a.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:a.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),a.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:a.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),a.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),a.languages.markup&&(a.languages.markup.tag.addInlined("script","javascript"),a.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),a.languages.js=a.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(a),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",a=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return"(?:"+a+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(a),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,a=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+a+o+"(?:"+a+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+a+o+")(?:"+a+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+a+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+a+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(a),a.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:a.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},a.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var l=f(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s=0&&p(u,"variable-input")}}}}function c(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,a=r.inside["interpolation-punctuation"],o=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,r){var a={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",a),a.tokens=e.tokenize(a.code,a.grammar),e.hooks.run("after-tokenize",a),a.tokens}function u(t){var n={};n["interpolation-punctuation"]=a;var o=e.tokenize(t,n);if(3===o.length){var i=[1,1];i.push.apply(i,s(o[1],e.languages.javascript,"javascript")),o.splice.apply(o,i)}return new e.Token("interpolation",o,r.alias,t)}function c(t,n,r){var a=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),i=0,c={},d=s(a.map((function(e){if("string"==typeof e)return e;for(var n,a=e.content;-1!==t.indexOf(n=l(i++,r)););return c[n]=a,n})).join(""),n,r),f=Object.keys(c);return i=0,function e(t){for(var n=0;n=f.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var a=f[i],o="string"==typeof r?r:r.content,l=o.indexOf(a);if(-1!==l){++i;var s=o.substring(0,l),d=u(c[a]),p=o.substring(l+a.length),m=[];if(s&&m.push(s),m.push(d),p){var h=[p];e(h),m.push.apply(m,h)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var g=r.content;Array.isArray(g)?e(g):e([g])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function f(e){return"string"==typeof e?e:Array.isArray(e)?e.map(f).join(""):f(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,a=n.length;r]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(a),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r*\.{3}(?:[^{}]|)*\})/.source;function o(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return r})).replace(//g,(function(){return a})),RegExp(e,t)}a=o(a).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],r=0;r0&&n[n.length-1].tagName===i(a.content[0].content[1])&&n.pop():"/>"===a.content[a.content.length-1].content||n.push({tagName:i(a.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===a.type&&"{"===a.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===a.type&&"}"===a.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof a)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(a);r0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(s=i(t[r-1])+s,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",s,null,s)}a.content&&"string"!=typeof a.content&&l(a.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(a),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],a=[];/^\w+$/.test(n)||a.push(/\w+/.exec(n)[0]),"diff"===n&&a.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:a,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(a),a.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},a.languages.go=a.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),a.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete a.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,a,o){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(a,(function(e){if("function"==typeof o&&!o(e))return e;for(var a,l=i.length;-1!==n.code.indexOf(a=t(r,l));)++l;return i[l]=e,a})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var a=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s=o.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=o[a],d=n.tokenStack[c],f="string"==typeof u?u:u.content,p=t(r,c),m=f.indexOf(p);if(m>-1){++a;var h=f.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),v=f.substring(m+p.length),b=[];h&&b.push.apply(b,i([h])),b.push(g),v&&b.push.apply(b,i([v])),"string"==typeof u?l.splice.apply(l,[s,1].concat(b)):u.content=b}}else u.content&&i(u.content)}return l}(n.tokens)}}}})}(a),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(a),a.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},a.languages.webmanifest=a.languages.json,a.languages.less=a.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),a.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),a.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},a.languages.objectivec=a.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete a.languages.objectivec["class-name"],a.languages.objc=a.languages.objectivec,a.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},a.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},a.languages.python["string-interpolation"].inside.interpolation.inside.rest=a.languages.python,a.languages.py=a.languages.python,a.languages.reason=a.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),a.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete a.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(a),a.languages.scss=a.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),a.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),a.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),a.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),a.languages.scss.atrule.inside.rest=a.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(a),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(a),a.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const o=a;var i,l,s=n(6809);i=o,l=s.Z.themeConfig.prism.additionalLanguages,globalThis.Prism=i,l.forEach((function(e){n(1531)("./prism-"+e)})),delete globalThis.Prism},5151:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(959);const a={iconExternalLink:"iconExternalLink_wzEd"};function o(e){var t=e.width,n=void 0===t?13.5:t,o=e.height,i=void 0===o?13.5:o;return r.createElement("svg",{width:n,height:i,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},154:(e,t,n)=>{"use strict";n.d(t,{Z:()=>At});var r=n(959),a=n(5924),o=n(7607),i=n(5080),l=n(5882),s=n(8903),u=n(5572),c=n(7374),d="docusaurus_skipToContent_fallback";function f(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function p(){var e=(0,r.useRef)(null),t=(0,s.k6)().action,n=(0,r.useCallback)((function(e){e.preventDefault();var t,n=null!=(t=document.querySelector("main:first-of-type"))?t:document.getElementById(d);n&&f(n)}),[]);return(0,c.S)((function(n){var r=n.location;e.current&&!r.hash&&"PUSH"===t&&f(e.current)})),{containerRef:e,onClick:n}}var m=(0,u.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){var t,n=null!=(t=e.children)?t:m,a=p(),o=a.containerRef,i=a.onClick;return r.createElement("div",{ref:o,role:"region","aria-label":m},r.createElement("a",(0,l.Z)({},e,{href:"#"+d,onClick:i}),n))}var g=n(8474),v=n(6717);const b={skipToContent:"skipToContent_ljL7"};function y(){return r.createElement(h,{className:b.skipToContent})}var w=n(9691),k=n(8017),S=n(950),E=["width","height","color","strokeWidth","className"];function x(e){var t=e.width,n=void 0===t?21:t,a=e.height,o=void 0===a?21:a,i=e.color,s=void 0===i?"currentColor":i,u=e.strokeWidth,c=void 0===u?1.2:u,d=(e.className,(0,S.Z)(e,E));return r.createElement("svg",(0,l.Z)({viewBox:"0 0 15 15",width:n,height:o},d),r.createElement("g",{stroke:s,strokeWidth:c},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const _={closeButton:"closeButton_hYSb"};function C(e){return r.createElement("button",(0,l.Z)({type:"button","aria-label":(0,u.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,a.Z)("clean-btn close",_.closeButton,e.className)}),r.createElement(x,{width:14,height:14,strokeWidth:3.1}))}const T={content:"content_tSRj"};function L(e){var t=(0,w.L)().announcementBar.content;return r.createElement("div",(0,l.Z)({},e,{className:(0,a.Z)(T.content,e.className),dangerouslySetInnerHTML:{__html:t}}))}const P={announcementBar:"announcementBar_ewK7",announcementBarPlaceholder:"announcementBarPlaceholder_bA4_",announcementBarClose:"announcementBarClose_PWW_",announcementBarContent:"announcementBarContent_ulUt"};function A(){var e=(0,w.L)().announcementBar,t=(0,k.nT)(),n=t.isActive,a=t.close;if(!n)return null;var o=e.backgroundColor,i=e.textColor,l=e.isCloseable;return r.createElement("div",{className:P.announcementBar,style:{backgroundColor:o,color:i},role:"banner"},l&&r.createElement("div",{className:P.announcementBarPlaceholder}),r.createElement(L,{className:P.announcementBarContent}),l&&r.createElement(C,{onClick:a,className:P.announcementBarClose}))}var R=n(8549),I=n(245);var N=n(3409),O=n(9156),D=r.createContext(null);function M(e){var t,n,a,o,i,l,s,u=e.children,c=(t=(0,R.e)(),n=(0,O.HY)(),a=(0,r.useState)(!1),o=a[0],i=a[1],l=null!==n.component,s=(0,N.D9)(l),(0,r.useEffect)((function(){l&&!s&&i(!0)}),[l,s]),(0,r.useEffect)((function(){l?t.shown||i(!0):i(!1)}),[t.shown,l]),(0,r.useMemo)((function(){return[o,i]}),[o]));return r.createElement(D.Provider,{value:c},u)}function F(e){if(e.component){var t=e.component;return r.createElement(t,e.props)}}function B(){var e=(0,r.useContext)(D);if(!e)throw new N.i6("NavbarSecondaryMenuDisplayProvider");var t=e[0],n=e[1],a=(0,r.useCallback)((function(){return n(!1)}),[n]),o=(0,O.HY)();return(0,r.useMemo)((function(){return{shown:t,hide:a,content:F(o)}}),[a,o,t])}function z(e){var t=e.header,n=e.primaryMenu,o=e.secondaryMenu,i=B().shown;return r.createElement("div",{className:"navbar-sidebar"},t,r.createElement("div",{className:(0,a.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},r.createElement("div",{className:"navbar-sidebar__item menu"},n),r.createElement("div",{className:"navbar-sidebar__item menu"},o)))}var j=n(7861),G=n(9644);function U(e){return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function H(e){return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const V={toggle:"toggle_SyBa",toggleButton:"toggleButton_OVf0",darkToggleIcon:"darkToggleIcon_qExG",lightToggleIcon:"lightToggleIcon_swHt",toggleButtonDisabled:"toggleButtonDisabled_qPl7"};function $(e){var t=e.className,n=e.buttonClassName,o=e.value,i=e.onChange,l=(0,G.Z)(),s=(0,u.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===o?(0,u.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,u.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return r.createElement("div",{className:(0,a.Z)(V.toggle,t)},r.createElement("button",{className:(0,a.Z)("clean-btn",V.toggleButton,!l&&V.toggleButtonDisabled,n),type:"button",onClick:function(){return i("dark"===o?"light":"dark")},disabled:!l,title:s,"aria-label":s,"aria-live":"polite"},r.createElement(U,{className:(0,a.Z)(V.toggleIcon,V.lightToggleIcon)}),r.createElement(H,{className:(0,a.Z)(V.toggleIcon,V.darkToggleIcon)})))}const Z=r.memo($),q={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_Gea5"};function W(e){var t=e.className,n=(0,w.L)().navbar.style,a=(0,w.L)().colorMode.disableSwitch,o=(0,j.I)(),i=o.colorMode,l=o.setColorMode;return a?null:r.createElement(Z,{className:t,buttonClassName:"dark"===n?q.darkNavbarColorModeToggle:void 0,value:i,onChange:l})}var K=n(1966);function Q(){return r.createElement(K.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Y(){var e=(0,R.e)();return r.createElement("button",{type:"button","aria-label":(0,u.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:function(){return e.toggle()}},r.createElement(x,{color:"var(--ifm-color-emphasis-600)"}))}function X(){return r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(Q,null),r.createElement(W,{className:"margin-right--md"}),r.createElement(Y,null))}var J=n(5291),ee=n(6540),te=n(1659);function ne(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var re=n(5151),ae=["activeBasePath","activeBaseRegex","to","href","label","html","isDropdownLink","prependBaseUrlToHref"];function oe(e){var t=e.activeBasePath,n=e.activeBaseRegex,a=e.to,o=e.href,i=e.label,s=e.html,u=e.isDropdownLink,c=e.prependBaseUrlToHref,d=(0,S.Z)(e,ae),f=(0,ee.Z)(a),p=(0,ee.Z)(t),m=(0,ee.Z)(o,{forcePrependBaseUrl:!0}),h=i&&o&&!(0,te.Z)(o),g=s?{dangerouslySetInnerHTML:{__html:s}}:{children:r.createElement(r.Fragment,null,i,h&&r.createElement(re.Z,u&&{width:12,height:12}))};return o?r.createElement(J.Z,(0,l.Z)({href:c?m:o},d,g)):r.createElement(J.Z,(0,l.Z)({to:f,isNavLink:!0},(t||n)&&{isActive:function(e,t){return n?ne(n,t.pathname):t.pathname.startsWith(p)}},d,g))}var ie=["className","isDropdownItem"],le=["className","isDropdownItem"],se=["mobile","position"];function ue(e){var t=e.className,n=e.isDropdownItem,o=void 0!==n&&n,i=(0,S.Z)(e,ie),s=r.createElement(oe,(0,l.Z)({className:(0,a.Z)(o?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:o},i));return o?r.createElement("li",null,s):s}function ce(e){var t=e.className,n=(e.isDropdownItem,(0,S.Z)(e,le));return r.createElement("li",{className:"menu__list-item"},r.createElement(oe,(0,l.Z)({className:(0,a.Z)("menu__link",t)},n)))}function de(e){var t,n=e.mobile,a=void 0!==n&&n,o=(e.position,(0,S.Z)(e,se)),i=a?ce:ue;return r.createElement(i,(0,l.Z)({},o,{activeClassName:null!=(t=o.activeClassName)?t:a?"menu__link--active":"navbar__link--active"}))}var fe=n(2210),pe=n(6170),me=n(6583);var he=["items","position","className","onClick"],ge=["items","className","position","onClick"],ve=["mobile"];function be(e,t){return e.some((function(e){return function(e,t){return!!(0,pe.Mg)(e.to,t)||!!ne(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)}))}function ye(e){var t,n=e.items,o=e.position,i=e.className,s=(e.onClick,(0,S.Z)(e,he)),u=(0,r.useRef)(null),c=(0,r.useState)(!1),d=c[0],f=c[1];return(0,r.useEffect)((function(){var e=function(e){u.current&&!u.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[u]),r.createElement("div",{ref:u,className:(0,a.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===o,"dropdown--show":d})},r.createElement(oe,(0,l.Z)({"aria-haspopup":"true","aria-expanded":d,role:"button",href:s.to?void 0:"#",className:(0,a.Z)("navbar__link",i)},s,{onClick:s.to?void 0:function(e){return e.preventDefault()},onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),f(!d))}}),null!=(t=s.children)?t:s.label),r.createElement("ul",{className:"dropdown__menu"},n.map((function(e,t){return r.createElement(je,(0,l.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))}))))}function we(e){var t,n,o=e.items,i=e.className,u=(e.position,e.onClick),c=(0,S.Z)(e,ge),d=(n=(0,me.Z)().siteConfig.baseUrl,(0,s.TH)().pathname.replace(n,"/")),f=be(o,d),p=(0,fe.u)({initialState:function(){return!f}}),m=p.collapsed,h=p.toggleCollapsed,g=p.setCollapsed;return(0,r.useEffect)((function(){f&&g(!f)}),[d,f,g]),r.createElement("li",{className:(0,a.Z)("menu__list-item",{"menu__list-item--collapsed":m})},r.createElement(oe,(0,l.Z)({role:"button",className:(0,a.Z)("menu__link menu__link--sublist menu__link--sublist-caret",i)},c,{onClick:function(e){e.preventDefault(),h()}}),null!=(t=c.children)?t:c.label),r.createElement(fe.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:m},o.map((function(e,t){return r.createElement(je,(0,l.Z)({mobile:!0,isDropdownItem:!0,onClick:u,activeClassName:"menu__link--active"},e,{key:t}))}))))}function ke(e){var t=e.mobile,n=void 0!==t&&t,a=(0,S.Z)(e,ve),o=n?we:ye;return r.createElement(o,a)}var Se=n(8672),Ee=["width","height"];function xe(e){var t=e.width,n=void 0===t?20:t,a=e.height,o=void 0===a?20:a,i=(0,S.Z)(e,Ee);return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:n,height:o,"aria-hidden":!0},i),r.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const _e="iconLanguage_WpPS";var Ce=["mobile","dropdownItemsBefore","dropdownItemsAfter"];var Te=n(344);const Le={searchBox:"searchBox_vNXD"};function Pe(e){var t=e.children,n=e.className;return r.createElement("div",{className:(0,a.Z)(n,Le.searchBox)},t)}var Ae=n(4258),Re=n(2219),Ie=["docId","label","docsPluginId"];var Ne=["sidebarId","label","docsPluginId"];var Oe=["label","to","docsPluginId"];var De=n(2990),Me=["mobile","docsPluginId","dropdownActiveClassDisabled","dropdownItemsBefore","dropdownItemsAfter"],Fe=function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))};const Be={default:de,localeDropdown:function(e){var t=e.mobile,n=e.dropdownItemsBefore,a=e.dropdownItemsAfter,o=(0,S.Z)(e,Ce),i=(0,me.Z)().i18n,c=i.currentLocale,d=i.locales,f=i.localeConfigs,p=(0,Se.l)(),m=(0,s.TH)(),h=m.search,g=m.hash,v=d.map((function(e){var n=""+("pathname://"+p.createUrl({locale:e,fullyQualified:!1}))+h+g;return{label:f[e].label,lang:f[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===c?t?"menu__link--active":"dropdown__link--active":""}})),b=[].concat(n,v,a),y=t?(0,u.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):f[c].label;return r.createElement(ke,(0,l.Z)({},o,{mobile:t,label:r.createElement(r.Fragment,null,r.createElement(xe,{className:_e}),y),items:b}))},search:function(e){var t=e.mobile,n=e.className;return t?null:r.createElement(Pe,{className:n},r.createElement(Te.Z,null))},dropdown:ke,html:function(e){var t=e.value,n=e.className,o=e.mobile,i=void 0!==o&&o,l=e.isDropdownItem,s=void 0!==l&&l,u=s?"li":"div";return r.createElement(u,{className:(0,a.Z)({navbar__item:!i&&!s,"menu__list-item":i},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){var t=e.docId,n=e.label,a=e.docsPluginId,o=(0,S.Z)(e,Ie),i=(0,Ae.Iw)(a).activeDoc,s=(0,Re.vY)(t,a);return null===s?null:r.createElement(de,(0,l.Z)({exact:!0},o,{isActive:function(){return(null==i?void 0:i.path)===s.path||!(null==i||!i.sidebar)&&i.sidebar===s.sidebar},label:null!=n?n:s.id,to:s.path}))},docSidebar:function(e){var t=e.sidebarId,n=e.label,a=e.docsPluginId,o=(0,S.Z)(e,Ne),i=(0,Ae.Iw)(a).activeDoc,s=(0,Re.oz)(t,a).link;if(!s)throw new Error('DocSidebarNavbarItem: Sidebar with ID "'+t+"\" doesn't have anything to be linked to.");return r.createElement(de,(0,l.Z)({exact:!0},o,{isActive:function(){return(null==i?void 0:i.sidebar)===t},label:null!=n?n:s.label,to:s.path}))},docsVersion:function(e){var t=e.label,n=e.to,a=e.docsPluginId,o=(0,S.Z)(e,Oe),i=(0,Re.lO)(a)[0],s=null!=t?t:i.label,u=null!=n?n:function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))}(i).path;return r.createElement(de,(0,l.Z)({},o,{label:s,to:u}))},docsVersionDropdown:function(e){var t=e.mobile,n=e.docsPluginId,a=e.dropdownActiveClassDisabled,o=e.dropdownItemsBefore,i=e.dropdownItemsAfter,c=(0,S.Z)(e,Me),d=(0,s.TH)(),f=d.search,p=d.hash,m=(0,Ae.Iw)(n),h=(0,Ae.gB)(n),g=(0,De.J)(n).savePreferredVersionName,v=h.map((function(e){var t,n=null!=(t=m.alternateDocVersions[e.name])?t:Fe(e);return{label:e.label,to:""+n.path+f+p,isActive:function(){return e===m.activeVersion},onClick:function(){return g(e.name)}}})),b=[].concat(o,v,i),y=(0,Re.lO)(n)[0],w=t&&b.length>1?(0,u.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):y.label,k=t&&b.length>1?void 0:Fe(y).path;return b.length<=1?r.createElement(de,(0,l.Z)({},c,{mobile:t,label:w,to:k,isActive:a?function(){return!1}:void 0})):r.createElement(ke,(0,l.Z)({},c,{mobile:t,label:w,to:k,items:b,isActive:a?function(){return!1}:void 0}))}};var ze=["type"];function je(e){var t=e.type,n=(0,S.Z)(e,ze),a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Be[a];if(!o)throw new Error('No NavbarItem component found for type "'+t+'".');return r.createElement(o,n)}function Ge(){var e=(0,R.e)(),t=(0,w.L)().navbar.items;return r.createElement("ul",{className:"menu__list"},t.map((function(t,n){return r.createElement(je,(0,l.Z)({mobile:!0},t,{onClick:function(){return e.toggle()},key:n}))})))}function Ue(e){return r.createElement("button",(0,l.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),r.createElement(u.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function He(){var e=0===(0,w.L)().navbar.items.length,t=B();return r.createElement(r.Fragment,null,!e&&r.createElement(Ue,{onClick:function(){return t.hide()}}),t.content)}function Ve(){var e,t=(0,R.e)();return void 0===(e=t.shown)&&(e=!0),(0,r.useEffect)((function(){return document.body.style.overflow=e?"hidden":"visible",function(){document.body.style.overflow="visible"}}),[e]),t.shouldRender?r.createElement(z,{header:r.createElement(X,null),primaryMenu:r.createElement(Ge,null),secondaryMenu:r.createElement(He,null)}):null}const $e={navbarHideable:"navbarHideable_W_oy",navbarHidden:"navbarHidden_O4QK"};function Ze(e){return r.createElement("div",(0,l.Z)({role:"presentation"},e,{className:(0,a.Z)("navbar-sidebar__backdrop",e.className)}))}function qe(e){var t=e.children,n=(0,w.L)().navbar,o=n.hideOnScroll,i=n.style,l=(0,R.e)(),s=function(e){var t=(0,r.useState)(e),n=t[0],a=t[1],o=(0,r.useRef)(!1),i=(0,r.useRef)(0),l=(0,r.useCallback)((function(e){null!==e&&(i.current=e.getBoundingClientRect().height)}),[]);return(0,I.RF)((function(t,n){var r=t.scrollY;if(e)if(r=l?a(!1):r+u0&&r.createElement(vt,{links:n}),logo:a&&r.createElement(kt,{logo:a}),copyright:t&&r.createElement(St,{copyright:t})})}const _t=r.memo(xt);var Ct=(0,N.Qc)([j.S,k.pl,I.OC,De.L5,i.VC,function(e){var t=e.children;return r.createElement(O.n2,null,r.createElement(R.M,null,r.createElement(M,null,t)))}]);function Tt(e){var t=e.children;return r.createElement(Ct,null,t)}function Lt(e){var t=e.error,n=e.tryAgain;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(u.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("div",{className:"margin-vert--lg"},r.createElement(Ye,{onClick:n,className:"button button--primary shadow--lw"})),r.createElement("hr",null),r.createElement("div",{className:"margin-vert--md"},r.createElement(Xe,{error:t})))))}const Pt={mainWrapper:"mainWrapper_lgQZ"};function At(e){var t=e.children,n=e.noFooter,l=e.wrapperClassName,s=e.title,u=e.description;return(0,v.t)(),r.createElement(Tt,null,r.createElement(i.d,{title:s,description:u}),r.createElement(y,null),r.createElement(A,null),r.createElement(st,null),r.createElement("div",{id:d,className:(0,a.Z)(g.k.wrapper.main,Pt.mainWrapper,l)},r.createElement(o.Z,{fallback:function(e){return r.createElement(Lt,e)}},t)),!n&&r.createElement(_t,null))}},1966:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(5882),a=n(950),o=n(959),i=n(5291),l=n(6540),s=n(6583),u=n(9691),c=n(6527),d=["imageClassName","titleClassName"];function f(e){var t=e.logo,n=e.alt,r=e.imageClassName,a={light:(0,l.Z)(t.src),dark:(0,l.Z)(t.srcDark||t.src)},i=o.createElement(c.Z,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?o.createElement("div",{className:r},i):i}function p(e){var t,n=(0,s.Z)().siteConfig.title,c=(0,u.L)().navbar,p=c.title,m=c.logo,h=e.imageClassName,g=e.titleClassName,v=(0,a.Z)(e,d),b=(0,l.Z)((null==m?void 0:m.href)||"/"),y=p?"":n,w=null!=(t=null==m?void 0:m.alt)?t:y;return o.createElement(i.Z,(0,r.Z)({to:b},v,(null==m?void 0:m.target)&&{target:m.target}),m&&o.createElement(f,{logo:m,alt:w,imageClassName:h}),null!=p&&o.createElement("b",{className:g},p))}},2970:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(959),a=n(8676);function o(e){var t=e.locale,n=e.version,o=e.tag,i=t;return r.createElement(a.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),o&&r.createElement("meta",{name:"docusaurus_tag",content:o}),i&&r.createElement("meta",{name:"docsearch:language",content:i}),n&&r.createElement("meta",{name:"docsearch:version",content:n}),o&&r.createElement("meta",{name:"docsearch:docusaurus_tag",content:o}))}},6527:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(5882),a=n(950),o=n(959),i=n(5924),l=n(9644),s=n(7861);const u={themedImage:"themedImage_Qcrx","themedImage--light":"themedImage--light_wnyt","themedImage--dark":"themedImage--dark_lxWr"};var c=["sources","className","alt"];function d(e){var t=(0,l.Z)(),n=(0,s.I)().colorMode,d=e.sources,f=e.className,p=e.alt,m=(0,a.Z)(e,c),h=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,h.map((function(e){return o.createElement("img",(0,r.Z)({key:e,src:d[e],alt:p,className:(0,i.Z)(u.themedImage,u["themedImage--"+e],f)},m))})))}},2210:(e,t,n)=>{"use strict";n.d(t,{u:()=>c,z:()=>y});var r=n(5882),a=n(950),o=n(959),i=n(1384),l=["collapsed"],s=["lazy"],u="ease-in-out";function c(e){var t=e.initialState,n=(0,o.useState)(null!=t&&t),r=n[0],a=n[1],i=(0,o.useCallback)((function(){a((function(e){return!e}))}),[]);return{collapsed:r,setCollapsed:a,toggleCollapsed:i}}var d={display:"none",overflow:"hidden",height:"0px"},f={display:"block",overflow:"visible",height:"auto"};function p(e,t){var n=t?d:f;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function m(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}function h(e){var t=e.collapsibleRef,n=e.collapsed,r=e.animation,a=(0,o.useRef)(!1);(0,o.useEffect)((function(){var e,o=t.current;function i(){var e,t,n,a=(n=o.scrollHeight,{transition:"height "+(null!=(e=null==r?void 0:r.duration)?e:m(n))+"ms "+(null!=(t=null==r?void 0:r.easing)?t:u),height:n+"px"});o.style.transition=a.transition,o.style.height=a.height}if(!a.current)return p(o,n),void(a.current=!0);return o.style.willChange="height",e=requestAnimationFrame((function(){n?(i(),requestAnimationFrame((function(){o.style.height=d.height,o.style.overflow=d.overflow}))):(o.style.display="block",requestAnimationFrame((function(){i()})))})),function(){return cancelAnimationFrame(e)}}),[t,n,r])}function g(e){if(!i.Z.canUseDOM)return e?d:f}function v(e){var t=e.as,n=void 0===t?"div":t,r=e.collapsed,a=e.children,i=e.animation,l=e.onCollapseTransitionEnd,s=e.className,u=e.disableSSRStyle,c=(0,o.useRef)(null);return h({collapsibleRef:c,collapsed:r,animation:i}),o.createElement(n,{ref:c,style:u?void 0:g(r),onTransitionEnd:function(e){"height"===e.propertyName&&(p(c.current,r),null==l||l(r))},className:s},a)}function b(e){var t=e.collapsed,n=(0,a.Z)(e,l),i=(0,o.useState)(!t),s=i[0],u=i[1],c=(0,o.useState)(t),d=c[0],f=c[1];return(0,o.useLayoutEffect)((function(){t||u(!0)}),[t]),(0,o.useLayoutEffect)((function(){s&&f(t)}),[s,t]),s?o.createElement(v,(0,r.Z)({},n,{collapsed:d})):null}function y(e){var t=e.lazy,n=(0,a.Z)(e,s),r=t?b:v;return o.createElement(r,n)}},8017:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>p});var r=n(959),a=n(9644),o=n(307),i=n(3409),l=n(9691),s=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),c=function(){return"true"===s.get()},d=function(e){return s.set(String(e))},f=r.createContext(null);function p(e){var t=e.children,n=function(){var e=(0,l.L)().announcementBar,t=(0,a.Z)(),n=(0,r.useState)((function(){return!!t&&c()})),o=n[0],i=n[1];(0,r.useEffect)((function(){i(c())}),[]);var s=(0,r.useCallback)((function(){d(!0),i(!0)}),[]);return(0,r.useEffect)((function(){if(e){var t=e.id,n=u.get();"annoucement-bar"===n&&(n="announcement-bar");var r=t!==n;u.set(t),r&&d(!1),!r&&c()||i(!1)}}),[e]),(0,r.useMemo)((function(){return{isActive:!!e&&!o,close:s}}),[e,o,s])}();return r.createElement(f.Provider,{value:n},t)}function m(){var e=(0,r.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},7861:(e,t,n)=>{"use strict";n.d(t,{I:()=>g,S:()=>h});var r=n(959),a=n(1384),o=n(3409),i=n(307),l=n(9691),s=r.createContext(void 0),u="theme",c=(0,i.WA)(u),d={light:"light",dark:"dark"},f=function(e){return e===d.dark?d.dark:d.light},p=function(e){return a.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e)},m=function(e){c.set(f(e))};function h(e){var t=e.children,n=function(){var e=(0,l.L)().colorMode,t=e.defaultMode,n=e.disableSwitch,a=e.respectPrefersColorScheme,o=(0,r.useState)(p(t)),i=o[0],s=o[1];(0,r.useEffect)((function(){n&&c.del()}),[n]);var h=(0,r.useCallback)((function(e,n){void 0===n&&(n={});var r=n.persist,o=void 0===r||r;e?(s(e),o&&m(e)):(s(a?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:t),c.del())}),[a,t]);(0,r.useEffect)((function(){document.documentElement.setAttribute("data-theme",f(i))}),[i]),(0,r.useEffect)((function(){if(!n){var e=function(e){if(e.key===u){var t=c.get();null!==t&&h(f(t))}};return window.addEventListener("storage",e),function(){return window.removeEventListener("storage",e)}}}),[n,h]);var g=(0,r.useRef)(!1);return(0,r.useEffect)((function(){if(!n||a){var e=window.matchMedia("(prefers-color-scheme: dark)"),t=function(){window.matchMedia("print").matches||g.current?g.current=window.matchMedia("print").matches:h(null)};return e.addListener(t),function(){return e.removeListener(t)}}}),[h,n,a]),(0,r.useMemo)((function(){return{colorMode:i,setColorMode:h,get isDarkTheme(){return i===d.dark},setLightTheme:function(){h(d.light)},setDarkTheme:function(){h(d.dark)}}}),[i,h])}();return r.createElement(s.Provider,{value:n},t)}function g(){var e=(0,r.useContext)(s);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},2990:(e,t,n)=>{"use strict";n.d(t,{J:()=>b,L5:()=>g});var r=n(959),a=n(4258),o=n(8303),i=n(9691),l=n(2219),s=n(3409),u=n(307),c=function(e){return"docs-preferred-version-"+e},d={save:function(e,t,n){(0,u.WA)(c(e),{persistence:t}).set(n)},read:function(e,t){return(0,u.WA)(c(e),{persistence:t}).get()},clear:function(e,t){(0,u.WA)(c(e),{persistence:t}).del()}},f=function(e){return Object.fromEntries(e.map((function(e){return[e,{preferredVersionName:null}]})))};var p=r.createContext(null);function m(){var e=(0,a._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((function(){return Object.keys(e)}),[e]),o=(0,r.useState)((function(){return f(n)})),l=o[0],s=o[1];return(0,r.useEffect)((function(){s(function(e){var t=e.pluginIds,n=e.versionPersistence,r=e.allDocsData;return Object.fromEntries(t.map((function(e){return[e,(t=e,a=d.read(t,n),r[t].versions.some((function(e){return e.name===a}))?{preferredVersionName:a}:(d.clear(t,n),{preferredVersionName:null}))];var t,a})))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]),[l,(0,r.useMemo)((function(){return{savePreferredVersion:function(e,n){d.save(e,t,n),s((function(t){var r;return Object.assign({},t,((r={})[e]={preferredVersionName:n},r))}))}}}),[t])]}function h(e){var t=e.children,n=m();return r.createElement(p.Provider,{value:n},t)}function g(e){var t=e.children;return l.cE?r.createElement(h,null,t):r.createElement(r.Fragment,null,t)}function v(){var e=(0,r.useContext)(p);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function b(e){var t;void 0===e&&(e=o.m);var n=(0,a.zh)(e),i=v(),l=i[0],s=i[1],u=l[e].preferredVersionName;return{preferredVersion:null!=(t=n.versions.find((function(e){return e.name===u})))?t:null,savePreferredVersionName:(0,r.useCallback)((function(t){s.savePreferredVersion(e,t)}),[s,e])}}},6285:(e,t,n)=>{"use strict";n.d(t,{V:()=>s,b:()=>l});var r=n(959),a=n(3409),o=Symbol("EmptyContext"),i=r.createContext(o);function l(e){var t=e.children,n=e.name,a=e.items,o=(0,r.useMemo)((function(){return n&&a?{name:n,items:a}:null}),[n,a]);return r.createElement(i.Provider,{value:o},t)}function s(){var e=(0,r.useContext)(i);if(e===o)throw new a.i6("DocsSidebarProvider");return e}},8549:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(959),a=n(9156),o=n(3559),i=n(8903),l=(n(4322),n(3409));function s(e){!function(e){var t=(0,i.k6)(),n=(0,l.zX)(e);(0,r.useEffect)((function(){return t.block((function(e,t){return n(e,t)}))}),[t,n])}((function(t,n){if("POP"===n)return e(t,n)}))}var u=n(9691),c=r.createContext(void 0);function d(){var e,t=(e=(0,a.HY)(),0===(0,u.L)().navbar.items.length&&!e.component),n=(0,o.i)(),i=!t&&"mobile"===n,l=(0,r.useState)(!1),c=l[0],d=l[1];s((function(){if(c)return d(!1),!1}));var f=(0,r.useCallback)((function(){d((function(e){return!e}))}),[]);return(0,r.useEffect)((function(){"desktop"===n&&d(!1)}),[n]),(0,r.useMemo)((function(){return{disabled:t,shouldRender:i,toggle:f,shown:c}}),[t,i,f,c])}function f(e){var t=e.children,n=d();return r.createElement(c.Provider,{value:n},t)}function p(){var e=r.useContext(c);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},9156:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>s,n2:()=>i});var r=n(959),a=n(3409),o=r.createContext(null);function i(e){var t=e.children,n=(0,r.useState)({component:null,props:null});return r.createElement(o.Provider,{value:n},t)}function l(){var e=(0,r.useContext)(o);if(!e)throw new a.i6("NavbarSecondaryMenuContentProvider");return e[0]}function s(e){var t=e.component,n=e.props,i=(0,r.useContext)(o);if(!i)throw new a.i6("NavbarSecondaryMenuContentProvider");var l=i[1],s=(0,a.Ql)(n);return(0,r.useEffect)((function(){l({component:t,props:s})}),[l,t,s]),(0,r.useEffect)((function(){return function(){return l({component:null,props:null})}}),[l]),null}},6717:(e,t,n)=>{"use strict";n.d(t,{h:()=>a,t:()=>o});var r=n(959),a="navigation-with-keyboard";function o(){(0,r.useEffect)((function(){function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(a),"mousedown"===e.type&&document.body.classList.remove(a)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),function(){document.body.classList.remove(a),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},3559:(e,t,n)=>{"use strict";n.d(t,{i:()=>u});var r=n(959),a=n(1384),o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(){return a.Z.canUseDOM?window.innerWidth>i?o.desktop:o.mobile:o.ssr}var s=!1;function u(){var e=(0,r.useState)((function(){return s?"ssr":l()})),t=e[0],n=e[1];return(0,r.useEffect)((function(){function e(){n(l())}var t=s?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),clearTimeout(t)}}),[]),t}},8474:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});var r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:function(e){return"theme-admonition-"+e}},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:function(e){return"theme-doc-sidebar-item-category-level-"+e},docSidebarItemLinkLevel:function(e){return"theme-doc-sidebar-item-link-level-"+e}},blog:{}}},2219:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{Wl:()=>m,_F:()=>v,cE:()=>p,hI:()=>E,lO:()=>w,vY:()=>S,oz:()=>k,s1:()=>y});var o=n(959),i=n(8903),l=n(3797),s=n(4258),u=n(2990),c=n(6285);function d(e){return Array.from(new Set(e))}var f=n(6170),p=!!s._r;function m(e){if(e.href)return e.href;for(var t,n=a(e.items);!(t=n()).done;){var r=t.value;if("link"===r.type)return r.href;if("category"===r.type){var o=m(r);if(o)return o}}}var h=function(e,t){return void 0!==e&&(0,f.Mg)(e,t)},g=function(e,t){return e.some((function(e){return v(e,t)}))};function v(e,t){return"link"===e.type?h(e.href,t):"category"===e.type&&(h(e.href,t)||g(e.items,t))}function b(e){var t=e.sidebarItems,n=e.pathname,r=e.onlyCategories,o=void 0!==r&&r,i=[];return function e(t){for(var r,l=a(t);!(r=l()).done;){var s=r.value;if("category"===s.type&&((0,f.Mg)(s.href,n)||e(s.items))||"link"===s.type&&(0,f.Mg)(s.href,n))return o&&"category"!==s.type||i.unshift(s),!0}return!1}(t),i}function y(){var e,t=(0,c.V)(),n=(0,i.TH)().pathname;return!1!==(null==(e=(0,s.gA)())?void 0:e.pluginData.breadcrumbs)&&t?b({sidebarItems:t.items,pathname:n}):null}function w(e){var t=(0,s.Iw)(e).activeVersion,n=(0,u.J)(e).preferredVersion,r=(0,s.yW)(e);return(0,o.useMemo)((function(){return d([t,n,r].filter(Boolean))}),[t,n,r])}function k(e,t){var n=w(t);return(0,o.useMemo)((function(){var t=n.flatMap((function(e){return e.sidebars?Object.entries(e.sidebars):[]})),r=t.find((function(t){return t[0]===e}));if(!r)throw new Error("Can't find any sidebar with id \""+e+'" in version'+(n.length>1?"s":"")+" "+n.map((function(e){return e.name})).join(", ")+'".\nAvailable sidebar ids are:\n- '+Object.keys(t).join("\n- "));return r[1]}),[e,n])}function S(e,t){var n=w(t);return(0,o.useMemo)((function(){var t=n.flatMap((function(e){return e.docs})),r=t.find((function(t){return t.id===e}));if(!r){if(n.flatMap((function(e){return e.draftIds})).includes(e))return null;throw new Error("Couldn't find any doc with id \""+e+'" in version'+(n.length>1?"s":"")+' "'+n.map((function(e){return e.name})).join(", ")+'".\nAvailable doc ids are:\n- '+d(t.map((function(e){return e.id}))).join("\n- "))}return r}),[e,n])}function E(e){var t=e.route,n=e.versionMetadata,r=(0,i.TH)(),a=t.routes,o=a.find((function(e){return(0,i.LX)(r.pathname,e)}));if(!o)return null;var s=o.sidebar,u=s?n.docsSidebars[s]:void 0;return{docElement:(0,l.H)(a),sidebarName:s,sidebarItems:u}}},5080:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>c,VC:()=>p});var r=n(959),a=n(5924),o=n(8676),i=n(1967);function l(){var e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(6540),u=n(6583);function c(e){var t=e.title,n=e.description,a=e.keywords,i=e.image,l=e.children,c=function(e){var t=(0,u.Z)().siteConfig,n=t.title,r=t.titleDelimiter;return null!=e&&e.trim().length?e.trim()+" "+r+" "+n:n}(t),d=(0,s.C)().withBaseUrl,f=i?d(i,{absolute:!0}):void 0;return r.createElement(o.Z,null,t&&r.createElement("title",null,c),t&&r.createElement("meta",{property:"og:title",content:c}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),a&&r.createElement("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),f&&r.createElement("meta",{property:"og:image",content:f}),f&&r.createElement("meta",{name:"twitter:image",content:f}),l)}var d=r.createContext(void 0);function f(e){var t=e.className,n=e.children,i=r.useContext(d),l=(0,a.Z)(i,t);return r.createElement(d.Provider,{value:l},r.createElement(o.Z,null,r.createElement("html",{className:l})),n)}function p(e){var t=e.children,n=l(),o="plugin-"+n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,""),i="plugin-id-"+n.plugin.id;return r.createElement(f,{className:(0,a.Z)(o,i)},t)}},3409:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{i6:()=>m,Qc:()=>g,zX:()=>f,D9:()=>p,Ql:()=>h});var a=n(2612);function o(){o=function(e,t){return new n(e,void 0,t)};var e=RegExp.prototype,t=new WeakMap;function n(e,r,o){var i=new RegExp(e,r);return t.set(i,o||t.get(e)),(0,a.Z)(i,n.prototype)}function i(e,n){var r=t.get(n);return Object.keys(r).reduce((function(t,n){var a=r[n];if("number"==typeof a)t[n]=e[a];else{for(var o=0;void 0===e[a[o]]&&o+1]+)>/g,(function(e,t){var n=o[t];return"$"+(Array.isArray(n)?n.join("$"):n)})))}if("function"==typeof a){var l=this;return e[Symbol.replace].call(this,n,(function(){var e=arguments;return"object"!=r(e[e.length-1])&&(e=[].slice.call(e)).push(i(e,l)),a.apply(this,e)}))}return e[Symbol.replace].call(this,n,a)},o.apply(this,arguments)}var i=n(309);function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function s(e,t,n){return s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct.bind():function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&(0,a.Z)(o,n.prototype),o},s.apply(null,arguments)}function u(e){var t="function"==typeof Map?new Map:void 0;return u=function(e){if(null===e||(n=e,-1===Function.toString.call(n).indexOf("[native code]")))return e;var n;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return s(e,arguments,l(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),(0,a.Z)(r,e)},u(e)}var c=n(959),d=n(1384).Z.canUseDOM?c.useLayoutEffect:c.useEffect;function f(e){var t=(0,c.useRef)(e);return d((function(){t.current=e}),[e]),(0,c.useCallback)((function(){return t.current.apply(t,arguments)}),[])}function p(e){var t=(0,c.useRef)();return d((function(){t.current=e})),t.current}var m=function(e){function t(t,n){var r,a,i,l,s;return(s=e.call(this)||this).name="ReactContextError",s.message="Hook "+(null!=(r=null==(a=s.stack)||null==(i=a.split("\n")[1])||null==(l=i.match(o(/at (?:\w+\.)?(\w+)/,{name:1})))?void 0:l.groups.name)?r:"")+" is called outside the <"+t+">. "+(null!=n?n:""),s}return(0,i.Z)(t,e),t}(u(Error));function h(e){var t=Object.entries(e);return t.sort((function(e,t){return e[0].localeCompare(t[0])})),(0,c.useMemo)((function(){return e}),t.flat())}function g(e){return function(t){var n=t.children;return c.createElement(c.Fragment,null,e.reduceRight((function(e,t){return c.createElement(t,null,e)}),n))}}},6170:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var r=n(959),a=n(809),o=n(6583);function i(e,t){var n=function(e){var t;return null==(t=!e||e.endsWith("/")?e:e+"/")?void 0:t.toLowerCase()};return n(e)===n(t)}function l(){var e=(0,o.Z)().siteConfig.baseUrl;return(0,r.useMemo)((function(){return function(e){var t=e.baseUrl;function n(e){return e.path===t&&!0===e.exact}function r(e){return e.path===t&&!e.exact}return function e(t){if(0!==t.length)return t.find(n)||e(t.filter(r).flatMap((function(e){var t;return null!=(t=e.routes)?t:[]})))}(e.routes)}({routes:a.Z,baseUrl:e})}),[e])}},245:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>s,RF:()=>d});var r=n(959),a=n(1384),o=n(9644),i=n(3409);var l=r.createContext(void 0);function s(e){var t,n=e.children,a=(t=(0,r.useRef)(!0),(0,r.useMemo)((function(){return{scrollEventsEnabledRef:t,enableScrollEvents:function(){t.current=!0},disableScrollEvents:function(){t.current=!1}}}),[]));return r.createElement(l.Provider,{value:a},n)}function u(){var e=(0,r.useContext)(l);if(null==e)throw new i.i6("ScrollControllerProvider");return e}var c=function(){return a.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null};function d(e,t){void 0===t&&(t=[]);var n=u().scrollEventsEnabledRef,a=(0,r.useRef)(c()),o=(0,i.zX)(e);(0,r.useEffect)((function(){var e=function(){if(n.current){var e=c();o(e,a.current),a.current=e}},t={passive:!0};return e(),window.addEventListener("scroll",e,t),function(){return window.removeEventListener("scroll",e,t)}}),[o,n].concat(t))}function f(){var e=(0,r.useRef)(null),t=(0,o.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:function(n){e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),function(){}}(n):function(e){var t=null,n=document.documentElement.scrollTop>e;return function r(){var a=document.documentElement.scrollTop;(n&&a>e||!n&&a{"use strict";n.d(t,{HX:()=>r,os:()=>a});n(6583);var r="default";function a(e,t){return"docs-"+e+"-"+t}},307:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959),n(4322);var r="localStorage";function a(e){var t=e.key,n=e.oldValue,r=e.newValue,a=e.storage;if(n!==r){var o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,a),window.dispatchEvent(o)}}function o(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}var i=!1;var l={get:function(){return null},set:function(){},del:function(){},listen:function(){return function(){}}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error('Illegal storage API usage for storage key "'+e+'".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.')}return{get:t,set:t,del:t,listen:t}}(e);var n=o(null==t?void 0:t.persistence);return null===n?l:{get:function(){try{return n.getItem(e)}catch(t){return console.error("Docusaurus storage error, can't get key="+e,t),null}},set:function(t){try{var r=n.getItem(e);n.setItem(e,t),a({key:e,oldValue:r,newValue:t,storage:n})}catch(o){console.error("Docusaurus storage error, can't set "+e+"="+t,o)}},del:function(){try{var t=n.getItem(e);n.removeItem(e),a({key:e,oldValue:t,newValue:null,storage:n})}catch(r){console.error("Docusaurus storage error, can't delete key="+e,r)}},listen:function(t){try{var r=function(r){r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),function(){return window.removeEventListener("storage",r)}}catch(a){return console.error("Docusaurus storage error, can't listen for changes of key="+e,a),function(){}}}}}},8672:(e,t,n)=>{"use strict";n.d(t,{l:()=>o});var r=n(6583),a=n(8903);function o(){var e=(0,r.Z)(),t=e.siteConfig,n=t.baseUrl,o=t.url,i=e.i18n,l=i.defaultLocale,s=i.currentLocale,u=(0,a.TH)().pathname,c=s===l?n:n.replace("/"+s+"/","/"),d=u.replace(n,"");return{createUrl:function(e){var t=e.locale;return""+(e.fullyQualified?o:"")+function(e){return e===l?""+c:""+c+e+"/"}(t)+d}}}},7374:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(959),a=n(8903),o=n(3409);function i(e){var t=(0,a.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,r.useEffect)((function(){n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},9691:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(6583);function a(){return(0,r.Z)().siteConfig.themeConfig}},9490:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.trailingSlash,r=t.baseUrl;if(e.startsWith("#"))return e;if(void 0===n)return e;var a,o=e.split(/[#?]/)[0],i="/"===o||o===r?o:(a=o,n?function(e){return e.endsWith("/")?e:e+"/"}(a):function(e){return e.endsWith("/")?e.slice(0,-1):e}(a));return e.replace(o,i)}},8392:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t].concat(e(t.cause)):[t]}},9489:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="post-content";var a=n(9490);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(a).default}});var o=n(8392);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},5924:(e,t,n)=>{"use strict";function r(e){var t,n,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;ta});const a=function(){for(var e,t,n=0,a="";n{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>p,PP:()=>L,Ep:()=>f});var r=n(5882);function a(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,r=n+1,a=e.length;r=0;f--){var p=i[f];"."===p?o(i,f):".."===p?(o(i,f),d++):d&&(o(i,f),d--)}if(!u)for(;d--;d)i.unshift("..");!u||""===i[0]||i[0]&&a(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function u(e){return"/"===e.charAt(0)?e.substr(1):e}function c(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function f(e){var t=e.pathname,n=e.search,r=e.hash,a=t||"/";return n&&"?"!==n&&(a+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(a+="#"===r.charAt(0)?r:"#"+r),a}function p(e,t,n,a){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",a=t.indexOf("#");-1!==a&&(r=t.substr(a),t=t.substr(0,a));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=(0,r.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),a?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,a.pathname)):o.pathname=a.pathname:o.pathname||(o.pathname="/"),o}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,a){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof r?r(o,a):a(!0):a(!1!==o)}else a(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,a):n.push(a),d({action:r,location:a,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",a=p(e,t,h(),w.location);c.confirmTransitionTo(a,r,n,(function(e){e&&(w.entries[w.index]=a,d({action:r,location:a}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var r=n(6237),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var a=p(n);a&&a!==m&&e(t,a,r)}var i=c(n);d&&(i=i.concat(d(n)));for(var l=s(t),h=s(n),g=0;g{"use strict";e.exports=function(e,t,n,r,a,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,a,o,i,l],c=0;(s=new Error(t.replace(/%s/g,(function(){return u[c++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2190:(e,t,n)=>{"use strict";n.r(t)},4768:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var r,a;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function a(e,t,n){return en?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var a;return(a="translate3d"===r.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,a}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=a(e,r.minimum,1),n.status=1===e?null:e;var o=n.render(!t),u=o.querySelector(r.barSelector),c=r.speed,d=r.easing;return o.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(u,i(e,c,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),c)}),c)):setTimeout(t,c)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var a,i=t.querySelector(r.barSelector),l=e?"-100":o(n.status||0),u=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(a=t.querySelector(r.spinnerSelector))&&p(a),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&p(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,a=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((r=e[a]+o)in n)return r;return t}function a(e){return e=n(e),t[e]||(t[e]=r(e))}function o(e,t,n){t=a(t),e.style[t]=n}return function(e,t){var n,r,a=arguments;if(2==a.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&o(e,n,r);else o(e,a[1],a[2])}}();function u(e,t){return("string"==typeof e?e:f(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=f(e),r=n+t;u(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=f(e);u(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function p(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(a="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=a)},7720:(e,t,n)=>{var r=n(901);e.exports=p,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=f;var a=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,r=[],o=0,i=0,l="",c=t&&t.delimiter||"/";null!=(n=a.exec(e));){var d=n[0],f=n[1],p=n.index;if(l+=e.slice(i,p),i=p+d.length,f)l+=f[1];else{var m=e[i],h=n[2],g=n[3],v=n[4],b=n[5],y=n[6],w=n[7];l&&(r.push(l),l="");var k=null!=h&&null!=m&&m!==h,S="+"===y||"*"===y,E="?"===y||"*"===y,x=n[2]||c,_=v||b;r.push({name:g||o++,prefix:h||"",delimiter:x,optional:E,repeat:S,partial:k,asterisk:!!w,pattern:_?u(_):w?".*":"[^"+s(x)+"]+?"})}}return i{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const r=n(1064),a=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];a(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},2928:(e,t,n)=>{var r={"./":1884};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var l={},s=e[r];if(s){function u(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in l))for(var i in a(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,u),t(s.optional,u),t(s.modify,u)}n[r]=l,o.pop()}}return function(e){var t=n[e];return t||(a(e,r),t=n[e]),t}}function a(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var r=e[n];for(var a in r)if("meta"!=a){var o=r[a];t[a]="string"==typeof o?{title:o}:o}}return t}(o),u=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var a in n={},e){var o=e[a];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+a+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+a+" because it is a component.");n[t]=a}))}return n[r]||r}}(s);i=i.map(u),l=(l||[]).map(u);var c=n(i),d=n(l);i.forEach((function e(n){var r=s[n];t(r&&r.require,(function(t){t in d||(c[t]=!0,e(t))}))}));for(var f,p=r(s),m=c;a(m);){for(var h in f={},m){var g=s[h];t(g&&g.modify,(function(e){e in d&&(f[e]=!0)}))}for(var v in d)if(!(v in c))for(var b in p(v))if(b in c){f[v]=!0;break}for(var y in m=f)c[y]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,a){var o=a?a.series:void 0,i=a?a.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var a,c=[];for(var d in t(e))d in n&&c.push(d);if(0===c.length)a=r(e);else{var f=i(c.map((function(e){var t=u(e);return delete s[e],t})));o?a=o(f,(function(){return r(e)})):r(e)}return l[e]=a}for(var c in n)u(c);var d=[];for(var f in s)d.push(l[f]);return i(d)}(p,c,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var r=n(6257);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var r=n(959),a=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n