@cds/core
Version:
Clarity Design System - common components, themes, and utilties
60 lines (59 loc) • 1.69 kB
TypeScript
import { LitElement, PropertyValues } from 'lit';
import { ClosableController, ResponsiveController } from '@cds/core/internal';
/**
* Grid Detail
*
* ```typescript
* import '@cds/core/grid/register.js';
* ```
*
* @internal
* @element cds-grid-detail
* @event closeChange
* @csspart close
* @cssprop --width
* @cssprop --inset-inline-start
* @cssprop --inset-inline-end
* @cssprop --backdrop-background
*/
export declare class CdsGridDetail extends LitElement {
anchor: HTMLElement | string;
position: string;
i18n: {
resizeColumn: string;
closeDetails: string;
noData: string;
rowDetailStart: string;
rowDetailEnd: string;
footerEnd: string;
action: string;
dropTarget: string;
pagination: {
label: string;
firstPage: string;
previousPage: string;
nextPage: string;
lastPage: string;
pageSize: string;
page: string;
};
};
protected overlay: '' | 'full';
protected closableController: ClosableController<this>;
protected responsiveController: ResponsiveController<this>;
private observer;
private get grid();
get trigger(): HTMLElement;
static styles: import("lit").CSSResultGroup[];
private get closeButton();
private get triggerRow();
render(): import("lit-html").TemplateResult<1>;
connectedCallback(): void;
updated(props: PropertyValues): Promise<void>;
disconnectedCallback(): void;
private toggleAnchorHover;
private setAnchorPointer;
private setDetailWidthAlignment;
private alignToBottom;
private alignToSide;
}