import { Grid, type GridOptions } from './grid-types.js'; import LibraryBaseElement from '../../internal/library-base-element.js'; import type { CSSResultGroup } from 'lit'; import type { GridLayoutType } from './grid-definitions.js'; /** * @summary This component is a wrapper for the Tabulator library. * * @documentation /components/grid * @status beta * @since 1.6 * * @event {{ grid: Grid, options: GridOptions }} o-grid-init - Emitted after the grid has been initialized. The event detail contains the grid instance and the grid full options used to initialize the Grid. * @event o-grid-destroy - Emitted after the grid has been destroyed. * * @csspart base - The component's base wrapper. * * @cssproperty [--grid-border-width=0] - Grid CSS custom property * @cssproperty [--grid-border-style=solid] - Grid CSS custom property * @cssproperty [--grid-border-color=var(--o-color-neutral-200)] - Grid CSS custom property * @cssproperty [--grid-border-radius=var(--o-border-radius-large)] - Grid CSS custom property * @cssproperty [--grid-background-color=var(--o-panel-background-color)] - Grid CSS custom property * @cssproperty [--grid-font-size=var(--o-font-size-small)] - Grid CSS custom property * @cssproperty [--grid-font-color=var(--o-color-neutral-1000)] - Grid CSS custom property * @cssproperty [--grid-text-align=left] - Grid CSS custom property * @cssproperty [--grid-padding=0] - Grid CSS custom property * @cssproperty [--grid-shadow=none] - Grid CSS custom property * @cssproperty [--grid-header-background-color=var(--o-color-canvas-50)] - Grid CSS custom property * @cssproperty [--grid-header-background-color-col-moving=var(--o-color-neutral-200)] - Grid CSS custom property * @cssproperty [--grid-header-border-width=1px] - Grid CSS custom property * @cssproperty [--grid-header-border-style=solid] - Grid CSS custom property * @cssproperty [--grid-header-border-color=var(--grid-header-background-color)] - Grid CSS custom property * @cssproperty [--grid-header-font-color=var(--o-color-neutral-1000)] - Grid CSS custom property * @cssproperty [--grid-header-font-size=var(--grid-font-size)] - Grid CSS custom property * @cssproperty [--grid-header-font-weight=var(--o-font-weight-medium)] - Grid CSS custom property * @cssproperty [--grid-header-content-padding=var(--o-spacing-x-small)] - Grid CSS custom property * @cssproperty [--grid-header-title-editor-background-color=var(--grid-background-color)] - Grid CSS custom property * @cssproperty [--grid-header-title-editor-padding=1px] - Grid CSS custom property * @cssproperty [--grid-header-separator-width=0 0 0 1px] - Grid CSS custom property * @cssproperty [--grid-header-separator-style=solid] - Grid CSS custom property * @cssproperty [--grid-header-separator-color=var(--o-color-neutral-100)] - Grid CSS custom property * @cssproperty [--grid-header-separator-margin=var(--o-spacing-2x-small)] - Grid CSS custom property * @cssproperty [--grid-row-height=var(--o-input-height-medium)] - Grid CSS custom property * @cssproperty [--grid-row-background-color=var(--o-color-neutral-0)] - Grid CSS custom property * @cssproperty [--grid-row-background-color-even=var(--o-color-neutral-50)] - Grid CSS custom property * @cssproperty [--grid-row-border-width=0] - Grid CSS custom property * @cssproperty [--grid-row-border-style=solid] - Grid CSS custom property * @cssproperty [--grid-row-border-color=var(--grid-header-background-color)] - Grid CSS custom property * @cssproperty [--grid-row-layout-margin=0 0 var(--o-spacing-x-small) 0] - Grid CSS custom property * @cssproperty [--grid-cell-padding=var(--o-spacing-x-small)] - Grid CSS custom property * @cssproperty [--grid-cell-border-width=0] - Grid CSS custom property * @cssproperty [--grid-cell-border-style=solid] - Grid CSS custom property * @cssproperty [--grid-cell-border-color=var(--o-color-neutral-100)] - Grid CSS custom property * @cssproperty [--grid-cell-separator-width=0 0 0 1px] - Grid CSS custom property * @cssproperty [--grid-cell-separator-style=solid] - Grid CSS custom property * @cssproperty [--grid-cell-separator-color=var(--o-color-neutral-100)] - Grid CSS custom property * @cssproperty [--grid-cell-separator-margin=var(--o-spacing-2x-small)] - Grid CSS custom property */ export default class OGrid extends LibraryBaseElement { static styles: CSSResultGroup; gridContainer: HTMLDivElement; /** Grid options */ options: GridOptions | undefined; /** Grid options */ layout: GridLayoutType; /** Custom styles */ customStyles: string; private gridInstance; private gridInitTimerId; get grid(): Grid | undefined; constructor(); gridInit(): void; private gridDestroy; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'o-grid': OGrid; } }