rodydavis
b9e42c3ef4
Build and Deploy / build-and-deploy (push) Has been cancelled
- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes. - lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode. - lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.
34 lines
708 B
TypeScript
34 lines
708 B
TypeScript
import { html, css, LitElement } from "lit";
|
|
import { customElement, property } from "lit/decorators.js";
|
|
|
|
export async function loader(
|
|
route: string,
|
|
args: { [key: string]: any }
|
|
): Promise<AccountData> {
|
|
await new Promise((resolve) => setTimeout(resolve, 1000));
|
|
const id = args["id"]!;
|
|
return {
|
|
id,
|
|
route,
|
|
name: "Name: " + id,
|
|
};
|
|
}
|
|
|
|
@customElement("account-details")
|
|
export class AccountDetails extends LitElement {
|
|
static styles = css``;
|
|
|
|
@property({ type: String }) id = "";
|
|
@property({ type: Object }) data!: AccountData;
|
|
|
|
render() {
|
|
return html`<section>${this.data.name}</section>`;
|
|
}
|
|
}
|
|
|
|
interface AccountData {
|
|
id: string;
|
|
route: string;
|
|
name: string;
|
|
}
|