Overview
Focus component. Shows focus layer around the cell that is currently in focus.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
colData (required) | -- | Column source | ObservableMap<DSourceState<ColumnRegular, DimensionCols>> | undefined |
colType (required) | col-type | Column type | "colPinEnd" | "colPinStart" | "rgCol" | undefined |
dataStore (required) | -- | Data rows source | ObservableMap<DSourceState<DataType, DimensionRows>> | undefined |
dimensionCol (required) | -- | Dimension settings X | ObservableMap<DimensionSettingsState> | undefined |
dimensionRow (required) | -- | Dimension settings Y | ObservableMap<DimensionSettingsState> | undefined |
focusTemplate | -- | Focus template custom function. Can be used to render custom focus layer. | ((createElement: HyperFunc<VNode>, detail: FocusRenderEvent) => any) | null | null |
rowType (required) | row-type | Row type | "rgRow" | "rowPinEnd" | "rowPinStart" | undefined |
selectionStore (required) | -- | Selection, range, focus for selection | ObservableMap<SelectionStoreState> | undefined |
Events
| Event | Description | Type |
|---|---|---|
afterfocus | Used to setup properties after focus was rendered | CustomEvent<FocusAfterRenderEvent> |
beforefocusrender | Before focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered. | CustomEvent<FocusRenderEvent> |
beforescrollintoview | Before focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault() | CustomEvent<{ el: HTMLElement; }> |
Slots
| Slot | Description |
|---|---|
"focus-${view.type}-${data.type}." |
Dependencies
Used by
Graph
Built with ❤️ by Revolist OU