@lo-tek/interfaces 0.0.0 → 0.37.0

package/dist/vocabulary/types.d.ts

@@ -0,0 +1,175 @@
+/**
+ * The shape of the vocabulary: the elements and classes LO-TEK has.
+ *
+ * `elements.ts` and `classes.ts` next to this file are generated by
+ * `scripts/generate-vocabulary.ts`, and are the source the manifest is
+ * written from (`scripts/generate-manifest.ts`). The core and all the tools
+ * read the manifest, not these files, so they are not part of the package's
+ * API.
+ */
+export type Attribute = ({
+    type: "flag" | "text" | "number";
+} | {
+    type: "values";
+    values: readonly string[];
+}) & {
+    description?: string;
+};
+/**
+ * A part of an element, such as the control in `<lt-field>`. `selector` is
+ * the one the component finds the part with, relative to the element.
+ * `content` is what the part takes: `text` is text and phrasing without
+ * interactive elements, `free` free content, `parts` only the other parts,
+ * and `none` no text: the part is a control, such as a `<select>` with its
+ * `<option>` elements, or an element the component fills. Without `multiple`
+ * the first one applies, and with `unique` another part of the same kind is
+ * an error, not ordinary content. Without `optional` the element needs the
+ * part.
+ */
+export type Part = {
+    selector: string;
+    description: string;
+    content: "text" | "free" | "parts" | "none";
+    multiple?: true;
+    /** Another part of the same kind is an error, not ordinary content. */
+    unique?: true;
+    optional?: true;
+    /** The part must have an id from the server; the component never writes one. */
+    stableId?: true;
+};
+/**
+ * An event an element dispatches, such as `dialog-toggle`. `detail` is the
+ * fields in `event.detail` with their types, and is absent when the event
+ * has none.
+ */
+export type ElementEvent = {
+    detail?: Record<string, "boolean" | "string" | "number">;
+};
+export type Element = {
+    link: string;
+    description?: string;
+    attributes: Record<string, Attribute>;
+    /** Empty for the elements that create all of their content themselves. */
+    parts?: Record<string, Part>;
+    events?: Record<string, ElementEvent>;
+    /** Attributes that have been removed, with what applies instead. */
+    removed?: Record<string, string>;
+};
+/** The content of `elements.ts`: tag to element. */
+export type Elements = Record<string, Element>;
+/**
+ * An attribute a class takes, such as `data-variant` on `lt-button`.
+ *
+ * `flag` is an attribute that works by being present, such as
+ * `data-interactive` on `lt-card`. The stylesheet only asks whether it
+ * exists, so it has no values.
+ */
+export type ClassAttribute = {
+    values: readonly string[];
+    default?: string;
+    flag?: true;
+};
+export type ClassInfo = {
+    /** The path of the component page, such as `button`. */
+    component: string;
+    title: string;
+    description: string;
+    link: string;
+    /** What the element with the class takes as content, in the same words as the parts. */
+    content: Part["content"];
+    /**
+     * The class this one is part of, when it is only part of another
+     * component's markup, such as `lt-card__title` in `lt-card`. The parent has
+     * a part that matches it.
+     */
+    partOf?: string;
+    /** The parts the markup consists of, for the classes with a fixed structure. */
+    parts?: Record<string, Part>;
+    attributes: Record<string, ClassAttribute>;
+};
+/** The content of `classes.ts`: class name to class. */
+export type Classes = Record<string, ClassInfo>;
+/**
+ * The tokens in the manifest: what a stylesheet outside the package can
+ * build on. The colours are listed as axes with what they are for, not as
+ * values, since a theme can have values other than LO-TEK's defaults.
+ * `components` is the component variables per component, with the fallback
+ * in the stylesheet as the value.
+ */
+export type ManifestTokens = {
+    /** The spacing scale, name to value. */
+    spacing: Record<string, string>;
+    breakpoints: Record<string, string>;
+    containers: Record<string, string>;
+    colors: {
+        /** The families, with what each is for. */
+        families: Record<string, string>;
+        /** The roles as they are written in CSS, with what each is for. */
+        roles: Record<string, string>;
+        /** The layers only the neutral family has. */
+        layers: Record<string, string>;
+        /** Every `--lt-color-*` name the package ships. */
+        tokens: readonly string[];
+    };
+    /** Component to variable name to default value. */
+    components: Record<string, Record<string, string>>;
+};
+/** What an option of a builder function takes. */
+export type BuilderOptionType = {
+    kind: "values";
+    values: readonly string[];
+} | {
+    kind: "flag" | "text" | "number" | "textList";
+};
+/** The shape of what a builder function returns. */
+export type BuilderReturns = {
+    optional?: boolean;
+} & ({
+    kind: "attributes" | "text";
+} | {
+    kind: "values";
+    values: readonly string[];
+} | {
+    kind: "list";
+    of: BuilderReturns;
+} | {
+    kind: "group";
+    fields: Record<string, BuilderReturns>;
+});
+/**
+ * A builder function in `lt`, such as `button`, with its options and the
+ * shape of its result. `table`, which the generator behind the Kotlin
+ * version uses, is left out here.
+ */
+export type Builder = {
+    name: string;
+    options: {
+        name: string;
+        required: boolean;
+        type: BuilderOptionType;
+        description?: string;
+    }[];
+    returns: BuilderReturns;
+};
+/**
+ * The shape of `manifest.json`, as `manifest.schema.json` describes it. The
+ * elements are the same as in `elements.ts`. A class attribute in the
+ * manifest is either a list of values or a flag, and a flag has no values,
+ * unlike `classes.ts`, where the flag has an empty list.
+ */
+export type Manifest = {
+    schemaVersion: number;
+    version: string;
+    elements: Elements;
+    tokens: ManifestTokens;
+    builders: Builder[];
+    classes: Record<string, Omit<ClassInfo, "attributes"> & {
+        attributes: Record<string, {
+            values?: readonly string[];
+            default?: string;
+            flag?: true;
+            description?: string;
+        }>;
+    }>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/vocabulary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vocabulary/types.ts"],"names":[],"mappings":"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"}

package/dist/vocabulary/types.js

@@ -0,0 +1,11 @@
+/**
+ * The shape of the vocabulary: the elements and classes LO-TEK has.
+ *
+ * `elements.ts` and `classes.ts` next to this file are generated by
+ * `scripts/generate-vocabulary.ts`, and are the source the manifest is
+ * written from (`scripts/generate-manifest.ts`). The core and all the tools
+ * read the manifest, not these files, so they are not part of the package's
+ * API.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/vocabulary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/vocabulary/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/dist/wasi-host.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The host for the command line in Node: runs the WASI module `lotek.wasm`
+ * with Node's own `node:wasi`. Used by `cli.ts`, and by the VS Code
+ * extension, which starts the language server, `lotek lsp`, this way.
+ *
+ * The commands are written once, in Rust (`cli/`). The same code is the
+ * executable from `cargo install` and what `java -jar` runs, so the answers
+ * are the same everywhere. The host does only what WASI cannot:
+ *
+ * - opens the folders the module reads and writes in, the working directory
+ *   and the rest of the file system, so both relative and absolute paths work;
+ * - fetches the addresses `lotek check` gets, since WASI has no network, and
+ *   gives the page to the module as a file (see `cli/src/fetch.rs`);
+ * - says when standard input is a terminal, which WASI cannot see.
+ */
+/**
+ * Runs one command, like `["check", "form.html"]`, and gives the exit code.
+ * `module` is the path to `lotek.wasm`, and `packageDir` the folder with the
+ * package's files: the manifest, the colour contract, the rulebooks and the
+ * components. The command line carries none of them, and gets the folder as
+ * `LOTEK_PACKAGE`.
+ */
+export declare function runCommandLine(module: string | URL, args: string[], packageDir: string | URL): Promise<number>;
+//# sourceMappingURL=wasi-host.d.ts.map

package/dist/wasi-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wasi-host.d.ts","sourceRoot":"","sources":["../src/wasi-host.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;GAcG;AAoCH;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,MAAM,EAAE,MAAM,GAAG,GAAG,EACpB,IAAI,EAAE,MAAM,EAAE,EACd,UAAU,EAAE,MAAM,GAAG,GAAG,GACvB,OAAO,CAAC,MAAM,CAAC,CA4FjB"}

package/dist/wasi-host.js

@@ -0,0 +1,140 @@
+/// <reference types="node" />
+/**
+ * The host for the command line in Node: runs the WASI module `lotek.wasm`
+ * with Node's own `node:wasi`. Used by `cli.ts`, and by the VS Code
+ * extension, which starts the language server, `lotek lsp`, this way.
+ *
+ * The commands are written once, in Rust (`cli/`). The same code is the
+ * executable from `cargo install` and what `java -jar` runs, so the answers
+ * are the same everywhere. The host does only what WASI cannot:
+ *
+ * - opens the folders the module reads and writes in, the working directory
+ *   and the rest of the file system, so both relative and absolute paths work;
+ * - fetches the addresses `lotek check` gets, since WASI has no network, and
+ *   gives the page to the module as a file (see `cli/src/fetch.rs`);
+ * - says when standard input is a terminal, which WASI cannot see.
+ */
+import { existsSync, mkdtempSync, readFileSync, rmSync, writeFileSync, } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { isatty } from "node:tty";
+import { fileURLToPath } from "node:url";
+const windows = process.platform === "win32";
+/**
+ * A path as the WASI module sees it.
+ *
+ * On Windows every drive is opened as its own folder, `C:\` as `/c`, and
+ * the backslashes become slashes. Elsewhere the path is the same.
+ */
+function forWasi(path) {
+    if (!windows)
+        return path;
+    const absolute = /^([A-Za-z]):[\\/](.*)$/.exec(path);
+    if (absolute)
+        return `/${absolute[1].toLowerCase()}/${absolute[2].replace(/\\/g, "/")}`;
+    return path.replace(/\\/g, "/");
+}
+/** An argument for the WASI module: the path in a file or in a `--flag=value`. */
+function toModule(part) {
+    const flag = /^(--[^=]+=)(.*)$/s.exec(part);
+    return flag ? flag[1] + forWasi(flag[2]) : forWasi(part);
+}
+/**
+ * Runs one command, like `["check", "form.html"]`, and gives the exit code.
+ * `module` is the path to `lotek.wasm`, and `packageDir` the folder with the
+ * package's files: the manifest, the colour contract, the rulebooks and the
+ * components. The command line carries none of them, and gets the folder as
+ * `LOTEK_PACKAGE`.
+ */
+export async function runCommandLine(module, args, packageDir) {
+    /*
+     * The whole file system is opened, and the module is told where the working
+     * directory is and goes there itself. A WASI module otherwise starts in `/`,
+     * and a relative path was read from the root.
+     */
+    const preopens = {};
+    if (windows) {
+        // Only the drives that exist. A folder that cannot be opened stops
+        // `node:wasi` before the module starts, and most machines have only C:.
+        for (const letter of "abcdefghijklmnopqrstuvwxyz") {
+            const drive = `${letter.toUpperCase()}:\\`;
+            if (existsSync(drive))
+                preopens[`/${letter}`] = drive;
+        }
+    }
+    else
+        preopens["/"] = "/";
+    /*
+     * The addresses are fetched here and given to the module as files.
+     *
+     * The file has the address, the status code (0 when nobody answered), the
+     * content type or the reason, and the page, in that order. The module
+     * judges the answer: whether it is a page and whether the status code is
+     * fine.
+     */
+    let fetchedDir;
+    const warn = process.emitWarning;
+    try {
+        const address = /^https?:\/\//i;
+        const moduleArgs = [];
+        for (const [index, part] of args.entries()) {
+            if (args[0] !== "check" || index === 0 || !address.test(part)) {
+                moduleArgs.push(toModule(part));
+                continue;
+            }
+            fetchedDir ??= mkdtempSync(join(tmpdir(), "lotek-"));
+            let answer;
+            try {
+                // As in the executable: a server that never answers must not hang a
+                // CI job until it is killed.
+                const response = await fetch(part, {
+                    signal: AbortSignal.timeout(30_000),
+                });
+                const type = response.headers.get("content-type") ?? "";
+                answer = `${part}\n${response.status}\n${type}\n${await response.text()}`;
+            }
+            catch (error) {
+                const reason = error instanceof Error ? error.message : String(error);
+                answer = `${part}\n0\n${reason.replace(/\n/g, " ")}\n`;
+            }
+            const file = join(fetchedDir, `${index}.txt`);
+            writeFileSync(file, answer);
+            moduleArgs.push(`--fetched=${forWasi(file)}`);
+        }
+        // `node:wasi` is marked experimental, and says so in the console. That is
+        // nothing the user of the command line can do anything about.
+        process.emitWarning = ((warning, ...rest) => {
+            if (String(warning).includes("WASI"))
+                return;
+            warn.call(process, warning, ...rest);
+        });
+        const { WASI } = await import("node:wasi");
+        const wasi = new WASI({
+            version: "preview1",
+            args: ["lotek", ...moduleArgs],
+            env: {
+                LOTEK_WORKDIR: forWasi(process.cwd()),
+                LOTEK_PACKAGE: forWasi(packageDir instanceof URL ? fileURLToPath(packageDir) : packageDir),
+                // So the messages show the paths as `C:\\…`, not as `/c/…`.
+                ...(windows ? { LOTEK_WINDOWS: "1" } : {}),
+                // `isatty(0)`, not `process.stdin.isTTY`: touching `process.stdin`
+                // puts a pipe in non-blocking mode, and the module then gave up
+                // reading before the writer was done, as in `curl … | lotek check`.
+                ...(isatty(0) ? { LOTEK_TERMINAL: "1" } : {}),
+            },
+            preopens,
+            returnOnExit: true,
+        });
+        const compiled = await WebAssembly.compile(readFileSync(module));
+        const instance = await WebAssembly.instantiate(compiled, wasi.getImportObject());
+        return wasi.start(instance);
+    }
+    finally {
+        // Also when the module crashes: the fetched pages must not be left
+        // behind, and the warnings come back for the rest of the process.
+        process.emitWarning = warn;
+        if (fetchedDir)
+            rmSync(fetchedDir, { recursive: true, force: true });
+    }
+}
+//# sourceMappingURL=wasi-host.js.map

package/dist/wasi-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wasi-host.js","sourceRoot":"","sources":["../src/wasi-host.ts"],"names":[],"mappings":"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"}

package/live-templates.xml

@@ -0,0 +1,62 @@
+<!-- Generated by interfaces/scripts/generate-vocabulary.ts. Do not edit. -->
+<templateSet group="LO-TEK">
+  <template name="lt-field" value="&lt;!-- novalidate: otherwise the browser stops an empty required field before&#10;     the submit event, and the error text below is never shown. --&gt;&#10;&lt;form id=&quot;$contact_form$&quot; novalidate&gt;&#10;  &lt;lt-field&gt;&#10;    &lt;label class=&quot;lt-label&quot; for=&quot;$name$&quot; data-required=&quot;symbol&quot;&gt;Full name&lt;/label&gt;&#10;    &lt;input class=&quot;lt-input&quot; id=&quot;$name$&quot; type=&quot;text&quot; name=&quot;name&quot; required /&gt;&#10;    &lt;p class=&quot;lt-error-text&quot; hidden&gt;Enter your name.&lt;/p&gt;&#10;  &lt;/lt-field&gt;&#10;&#10;  &lt;button class=&quot;lt-button&quot; type=&quot;submit&quot;&gt;Send&lt;/button&gt;&#10;&lt;/form&gt;" description="Wires label, field, help text and error text together: sets `aria-describedby` and `aria-invalid` on the control and an id on the help text and the error text. Never writes an id on the control: the template writes `for` and `id`, or wraps the field in the label. The field is invalid when the error text is there without `hidden`. Exists for markup produced without JavaScript. When the markup is produced with JavaScript, use `lt.field()` instead." toReformat="false" toShortenFQNames="false">
+    <variable name="contact_form" expression="" defaultValue="&quot;contact-form&quot;" alwaysStopAt="true" />
+    <variable name="name" expression="" defaultValue="&quot;name&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-tabs" value="&lt;!-- The links point to the panels. The component writes the roles, the&#10;     selection and `hidden`. Without JavaScript this is a table of contents. --&gt;&#10;&lt;lt-tabs id=&quot;$case_tabs$&quot;&gt;&#10;  &lt;ul class=&quot;lt-tabs__list&quot; aria-label=&quot;Parts of the case&quot;&gt;&#10;    &lt;li&gt;&lt;a href=&quot;#$application$&quot;&gt;Application&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;a href=&quot;#$attachments$&quot;&gt;Attachments&lt;/a&gt;&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;  &lt;section class=&quot;lt-tabs__panel&quot; id=&quot;$application$&quot;&gt;&#10;    &lt;h2&gt;Application&lt;/h2&gt;&#10;    &lt;p&gt;The application was sent on 4 March 2026.&lt;/p&gt;&#10;  &lt;/section&gt;&#10;  &lt;section class=&quot;lt-tabs__panel&quot; id=&quot;$attachments$&quot;&gt;&#10;    &lt;h2&gt;Attachments&lt;/h2&gt;&#10;    &lt;p&gt;Three attachments have been uploaded.&lt;/p&gt;&#10;  &lt;/section&gt;&#10;&lt;/lt-tabs&gt;" description="Tab list. The tabs are links to the panels in an `.lt-tabs__list`, so without JavaScript the list is a table of contents; `role=&quot;tab&quot;` on anything other than a link is not a tab. The component adds keyboard and focus handling, sets roles and wiring, gives each panel its tab's name, makes only the selected panel a tab stop, and hides the rest with `hidden=&quot;until-found&quot;`, so find in page and links into a panel reach them. Each selection is written to the URL. It never writes an id on a tab or a panel. When the page loads, the selected tab is the one with `aria-selected` from the server, otherwise the one the URL points to, otherwise the first one not hidden with `hidden`. Under `server-controlled` the URL never selects." toReformat="false" toShortenFQNames="false">
+    <variable name="case_tabs" expression="" defaultValue="&quot;case-tabs&quot;" alwaysStopAt="true" />
+    <variable name="application" expression="" defaultValue="&quot;application&quot;" alwaysStopAt="true" />
+    <variable name="attachments" expression="" defaultValue="&quot;attachments&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-error-summary" value="&lt;form novalidate&gt;&#10;  &lt;!-- The component sets the class, role=&quot;alert&quot; and tabindex=&quot;-1&quot;. --&gt;&#10;  &lt;lt-error-summary id=&quot;$errors$&quot; hidden&gt;&#10;    &lt;h2&gt;&lt;/h2&gt;&#10;    &lt;ul class=&quot;lt-list&quot;&gt;&lt;/ul&gt;&#10;  &lt;/lt-error-summary&gt;&#10;&#10;  &lt;label class=&quot;lt-label&quot; for=&quot;$email$&quot;&gt;Email address&lt;/label&gt;&#10;  &lt;input class=&quot;lt-input&quot; id=&quot;$email$&quot; type=&quot;email&quot; /&gt;&#10;  &lt;button class=&quot;lt-button&quot;&gt;Send application&lt;/button&gt;&#10;&lt;/form&gt;" description="Error summary. Moves focus to the box when it appears, and to the control when a link in the list is followed." toReformat="false" toShortenFQNames="false">
+    <variable name="errors" expression="" defaultValue="&quot;errors&quot;" alwaysStopAt="true" />
+    <variable name="email" expression="" defaultValue="&quot;email&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-popover" value="&lt;!-- The component sets `popover` and `aria-controls`. You write the id on&#10;     the panel: that is what the button points to. --&gt;&#10;&lt;lt-popover id=&quot;$menu$&quot; placement=&quot;bottom-end&quot;&gt;&#10;  &lt;button class=&quot;lt-button&quot; data-variant=&quot;secondary&quot; type=&quot;button&quot;&gt;Actions&lt;/button&gt;&#10;&#10;  &lt;ul class=&quot;lt-popover&quot; id=&quot;$actions$&quot;&gt;&#10;    &lt;li&gt;&lt;button class=&quot;lt-button&quot; data-variant=&quot;ghost&quot; type=&quot;button&quot;&gt;Archive the case&lt;/button&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;button class=&quot;lt-button&quot; data-variant=&quot;ghost&quot; type=&quot;button&quot;&gt;Download as PDF&lt;/button&gt;&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;&lt;/lt-popover&gt;" description="A panel that hangs from a button and closes itself. A button and a panel with the class `lt-popover` and an id from the template; the component sets `popover` and `aria-controls` where the markup came without them, but never the id." toReformat="false" toShortenFQNames="false">
+    <variable name="menu" expression="" defaultValue="&quot;menu&quot;" alwaysStopAt="true" />
+    <variable name="actions" expression="" defaultValue="&quot;actions&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-suggestion" value="&lt;!-- You write for and id, so the field has a name without JavaScript. The&#10;     component sets the roles and the wiring to the list. You write the&#10;     status element: that is where the number of matches is announced. --&gt;&#10;&lt;lt-suggestion id=&quot;$airport_search$&quot;&gt;&#10;  &lt;label class=&quot;lt-label&quot; for=&quot;$airport$&quot;&gt;Airport&lt;/label&gt;&#10;  &lt;input class=&quot;lt-input&quot; id=&quot;$airport$&quot; name=&quot;airport&quot; type=&quot;text&quot;&gt;&#10;  &lt;ul class=&quot;lt-suggestion__list&quot;&gt;&#10;    &lt;li&gt;Bergen&lt;/li&gt;&#10;    &lt;li&gt;Malmö&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;  &lt;p class=&quot;lt-suggestion__empty&quot;&gt;No matches&lt;/p&gt;&#10;  &lt;span class=&quot;lt-sr-only&quot; role=&quot;status&quot;&gt;&lt;/span&gt;&#10;&lt;/lt-suggestion&gt;" description="Field with a suggestion list. A `&lt;label for&gt;`, an `&lt;input id&gt;`, an `.lt-suggestion__list` with `&lt;li&gt;` items and a `[role=status]` are enough; the component sets the roles and the wiring where the markup came without them, and gives the list and the options ids. The field never gets an id from the component. Filters as the user types, moves the highlight with the arrow keys and announces the number of matches." toReformat="false" toShortenFQNames="false">
+    <variable name="airport_search" expression="" defaultValue="&quot;airport-search&quot;" alwaysStopAt="true" />
+    <variable name="airport" expression="" defaultValue="&quot;airport&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-dialog" value="&lt;lt-dialog open&gt;&#10;  &lt;dialog class=&quot;lt-dialog&quot; open&gt;&#10;    &lt;h2&gt;The decision is registered&lt;/h2&gt;&#10;    &lt;div class=&quot;lt-dialog__body&quot;&gt;&#10;      &lt;p&gt;The case is closed and has been sent to the archive.&lt;/p&gt;&#10;    &lt;/div&gt;&#10;    &lt;form method=&quot;dialog&quot; class=&quot;lt-dialog__footer&quot;&gt;&#10;      &lt;button class=&quot;lt-button&quot; value=&quot;close&quot;&gt;Close&lt;/button&gt;&#10;    &lt;/form&gt;&#10;  &lt;/dialog&gt;&#10;&lt;/lt-dialog&gt;" description="Makes a `&lt;dialog class=&quot;lt-dialog&quot;&gt;` modal with `showModal()`, for servers that cannot call it themselves. The host around the dialog. Gives the dialog its name from the first heading outside `lt-dialog__body` when neither `aria-labelledby` nor `aria-label` is there." toReformat="false" toShortenFQNames="false">
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-toast" value="&lt;lt-toast id=&quot;$messages$&quot; class=&quot;lt-toast&quot; role=&quot;status&quot; aria-live=&quot;polite&quot;&#10;          aria-atomic=&quot;false&quot;&#10;          aria-label=&quot;Messages&quot; data-ignore-morph&gt;&lt;/lt-toast&gt;&#10;&#10;&lt;button class=&quot;lt-button&quot; id=&quot;$save$&quot; type=&quot;button&quot;&gt;Save application&lt;/button&gt;" description="A queue of short messages in the corner of the screen. The messages are created from script with `show(text, { color, duration })`." toReformat="false" toShortenFQNames="false">
+    <variable name="messages" expression="" defaultValue="&quot;messages&quot;" alwaysStopAt="true" />
+    <variable name="save" expression="" defaultValue="&quot;save&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-session-timeout" value="&lt;lt-session-timeout class=&quot;lt-session-timeout&quot; warn-at=&quot;1500&quot; expires-at=&quot;1800&quot;&#10;                    data-ignore-morph&gt;&#10;  &lt;dialog class=&quot;lt-session-timeout__dialog&quot; role=&quot;alertdialog&quot; aria-labelledby=&quot;$session_title$&quot;&gt;&#10;    &lt;h2 class=&quot;lt-session-timeout__title&quot; id=&quot;$session_title$&quot;&gt;You will soon be logged out&lt;/h2&gt;&#10;    &lt;p class=&quot;lt-session-timeout__text&quot;&gt;&#10;      We will log you out in &lt;span class=&quot;lt-session-timeout__count&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;&#10;      to protect your information.&#10;    &lt;/p&gt;&#10;    &lt;span class=&quot;lt-sr-only&quot; role=&quot;status&quot;&gt;&lt;/span&gt;&#10;    &lt;form method=&quot;dialog&quot; class=&quot;lt-session-timeout__actions&quot;&gt;&#10;      &lt;button class=&quot;lt-button&quot; value=&quot;extend&quot;&gt;Stay logged in&lt;/button&gt;&#10;      &lt;button class=&quot;lt-button&quot; data-variant=&quot;secondary&quot; value=&quot;logout&quot;&gt;Log out now&lt;/button&gt;&#10;    &lt;/form&gt;&#10;  &lt;/dialog&gt;&#10;&lt;/lt-session-timeout&gt;" description="Warns before a signed-in session expires, and counts down. The renderer writes the dialog and the text inside the element: a `&lt;dialog&gt;` with `.lt-session-timeout__count` for the number, `[role=status]` for the announcement and the buttons in a `&lt;form method=&quot;dialog&quot;&gt;`. Dispatches `session-warn` when the dialog opens, `session-extend` when the user wants to continue, `session-logout` when the user logs out, `session-expired` when time is up, and `session-activity` at most once per `activity-interval` while the user is active, so the app can keep the server session alive." toReformat="false" toShortenFQNames="false">
+    <variable name="session_title" expression="" defaultValue="&quot;session-title&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+  <template name="lt-connection-status" value="&lt;lt-connection-status class=&quot;lt-connection-status&quot; data-ignore-morph&gt;&lt;/lt-connection-status&gt;" description="Tells the user when the connection to the server is lost. The app reports with `reportFailure()` and `reportSuccess()`." toReformat="false" toShortenFQNames="false">
+    <context>
+      <option name="HTML" value="true" />
+    </context>
+  </template>
+</templateSet>