Table

1import { adoptStyles, html, LitElement, unsafeCSS } from "lit";
2import { customElement } from "lit/decorators.js";
3import { tailwind } from "@/registry/lib/tailwindMixin";
4import tableSlottedCss from "./table.css?inline";
5 
6const tableStyles = unsafeCSS(tableSlottedCss);
7 
8@customElement("ui-table")
9export class Table extends LitElement {
10  override connectedCallback() {
11    super.connectedCallback();
12    if (this.shadowRoot) {
13      adoptStyles(this.shadowRoot, [tailwind, tableStyles]);
14    }
15  }
16 
17  override render() {
18    return html`<slot></slot>`;
19  }
20}
21 
22declare global {
23  interface HTMLElementTagNameMap {
24    "ui-table": Table;
25  }
26}