1ch 0.4.0 → 0.5.0

package/README.md

@@ -33,8 +33,8 @@ function DeployPanel() {
     <term-ui width="60" mode="dark">
       <section gap="1">
         <article title="deploy v2.4.1">
-          <progress data-label="build" value={build} max="100"></progress>
-          <progress data-label="tests" value="94" max="100"></progress>
+          <progress label="build" value={build} max="100"></progress>
+          <progress label="tests" value="94" max="100"></progress>
         </article>
         <figure height="4" fill>
           {metrics.map(v => <data value={v} />)}
@@ -67,7 +67,7 @@ Zero dependencies. Also does markdown and JSON (`source-format="markdown"` on th
 | Element | Becomes |
 |---------|---------|
 | `<article title="X">` | box |
-| `<figure>` | chart (text content, `<data>` children, or `data-values`) |
+| `<figure>` | chart (text content, `<data>` children, or `values`) |
 | `<footer left="X" right="Y">` | status bar |
 | `<nav>` | horizontal stack |
 | `<progress>` | bar |
@@ -76,7 +76,7 @@ Zero dependencies. Also does markdown and JSON (`source-format="markdown"` on th
 | `<table>` | table |
 | `<section>`, `<div>` | container (layout from CSS) |
 
-`data-term="..."` and `term-*` tags available when you need to be explicit. Custom tag compilers via `registerHtmlTagCompiler()`. Full details in the [docs](https://1ch.app/docs).
+Need custom behavior? Register your own compiler via `registerHtmlTagCompiler()`. Full details in the [docs](https://1ch.app/docs).
 
 ## License
 

package/dist/index.d.ts

@@ -6,6 +6,7 @@ type Style = {
     dim?: boolean;
     inverted?: boolean;
     blink?: boolean;
+    interactionId?: string;
     onClick?: () => void;
     noSelect?: boolean;
     cell?: number;
@@ -208,6 +209,7 @@ declare function tabs(names: string[], active: number, opts?: {
     separatorColor?: string;
     onSelect?: (index: number) => void;
     onClicks?: ((() => void) | undefined)[];
+    interactionIds?: (string | undefined)[];
     theme?: Theme;
 }): LayoutFn;
 declare function badge(label: string, opts?: {
@@ -360,6 +362,7 @@ type MarkdownThemeOverrides = Partial<ThemeMarkdown>;
 
 type TermAction = {
     type: "action";
+    key: string;
     id?: string;
     text: string;
     tag: string;
@@ -367,6 +370,7 @@ type TermAction = {
     sourceElement?: Element;
 } | {
     type: "link";
+    key: string;
     href?: string;
     text: string;
     tag: string;
@@ -584,9 +588,11 @@ declare class TermUIElement extends HTMLElement {
     private layoutOverride?;
     private resizeObserver?;
     private mutationObserver?;
+    private observedShadowRoots;
     private mediaQuery?;
     private mediaQueryListener?;
-    private scheduled;
+    private renderQueued;
+    private renderFrameId;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -595,6 +601,7 @@ declare class TermUIElement extends HTMLElement {
     get layout(): LayoutFn | undefined;
     set layout(next: LayoutFn | null | undefined);
     private queueRender;
+    private observeOpenShadowRoots;
     private onAction;
     private measureCharacterWidth;
     private resolveColumns;