@0001-labs/design-system-1 0.3.0-alpha.28 → 0.3.1

package/dist/3-unit/ds-carousel.d.ts

@@ -130,6 +130,8 @@ export declare class Carousel extends LitElement {
     paused: boolean;
     /** The strip's drive: the bleed's measures, the loop's copies and autoplay. */
     private drive;
+    /** Stops the strip's drag (dragTrack); started with the track, again when the element comes back to a page. */
+    private undrag;
     /** Attributes this element wrote, so what the page wrote is left alone. */
     private readonly own;
     /** A slide asked for by `current`, a dot or a button, kept until its scroll stops. */
@@ -149,6 +151,7 @@ export declare class Carousel extends LitElement {
     private get track();
     /** The slide in view, inside the count. */
     private get index();
+    private startDrag;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private words;

package/dist/3-unit/ds-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-carousel.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-carousel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAO/B,uEAAuE;AACvE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCASU,MAAM,GAAG,IAAI;qCACf,MAAM,GAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUlD;IAEF,MAAM,CAAC,MAAM,4BAAqF;IAE1F,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,KAAK,CAA8B;IAE3C,2EAA2E;IAC3E,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAmC;IACvD,sFAAsF;IACtF,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,MAAM,CAA4C;IAC1D,OAAO,CAAC,KAAK,CAAK;IAClB,+EAA+E;IAC/E,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuD;;IAkB/E,+EAA+E;IAC/E,IAAI,MAAM,IAAI,WAAW,EAAE,CAE1B;IAED,uDAAuD;IACvD,OAAO,KAAK,KAAK,GAEhB;IAED,0CAA0C;IAC1C,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,2CAA2C;IAC3C,OAAO,KAAK,KAAK,GAGhB;IAED,iBAAiB;IAMjB,oBAAoB;IAUpB,OAAO,CAAC,KAAK;IAKb,wFAAwF;IACxF,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,WAAW;IAWnB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAgBlD,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAa/C,+FAA+F;IAC/F,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,uDAAuD;IACvD,IAAI,IAAI,IAAI;IAKZ,+DAA+D;IAC/D,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,MAAM;IASd,qEAAqE;IACrE,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAcvB;IAEF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAuC;IAE7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAKrB;IAEF,MAAM;CAwCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,QAAQ,CAAC;KACzB;CACF"}
+{"version":3,"file":"ds-carousel.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-carousel.ts"],"names":[],"mappings":"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"}

package/dist/3-unit/ds-carousel.js

@@ -8,7 +8,7 @@
 import { LitElement, html, nothing, unsafeCSS } from "lit";
 import { getText } from "../0-face/i18n";
 import { define } from "../0-face/define";
-import { COPY, autoplayInterval, bleedOf, driveCarousel, nearestSlide, prefersReducedMotion, scrollToSlide } from "../0-face/carousel";
+import { COPY, autoplayInterval, bleedOf, dragTrack, driveCarousel, nearestSlide, prefersReducedMotion, scrollToSlide } from "../0-face/carousel";
 import "../2-core/ds-icon";
 import "../2-core/ds-progress";
 import metrics from "../1-root/component-metrics.css?inline";
@@ -128,8 +128,16 @@ export class Carousel extends LitElement {
         const current = Number.isFinite(this.current) ? Math.floor(this.current) : 0;
         return Math.max(0, Math.min(this.count - 1, current));
     }
+    startDrag() {
+        const track = this.track;
+        if (track && !this.undrag)
+            this.undrag = dragTrack(track, () => { if (!this.loop)
+                this.move(nearestSlide(track, this.slides, this.index)); });
+    }
     connectedCallback() {
         super.connectedCallback();
+        if (this.hasUpdated)
+            this.startDrag();
         window.addEventListener("language-changed", this.relabel);
         window.addEventListener("translations-loaded", this.relabel);
     }
@@ -140,6 +148,8 @@ export class Carousel extends LitElement {
         clearTimeout(this.settle);
         this.drive?.stop();
         this.drive = null;
+        this.undrag?.();
+        this.undrag = undefined;
         super.disconnectedCallback();
     }
     words(value, fallback, params) {
@@ -192,6 +202,8 @@ export class Carousel extends LitElement {
     firstUpdated() {
         // The strip's drive starts once, from the options the element was given.
         const track = this.track;
+        // A mouse drags the strip, and a press that ends a drag or a swipe chooses nothing (dragTrack).
+        this.startDrag();
         const bleed = bleedOf(this.bleed);
         if (track && (bleed !== "none" || this.loop || this.every > 0)) {
             this.drive = driveCarousel(this, track, this, { bleed, loop: this.loop, autoplay: this.every });

package/dist/3-unit/ds-context.d.ts

@@ -1,5 +1,5 @@
 import { type PropertyValues } from "lit";
-import { Menu, type MenuCloseReason } from "./ds-menu";
+import { Menu, type MenuAnchor, type MenuCloseReason } from "./ds-menu";
 /**
  * Context: the menu that opens where the pointer is. A right click, the
  * ContextMenu key or Shift+F10, or a touch held half a second on the element
@@ -17,6 +17,13 @@ import { Menu, type MenuCloseReason } from "./ds-menu";
  * says `data-keep-open` or its click was prevented. `pending` holds every row
  * and the menu open while an answer is awaited; `refuse(row)` shows a refused
  * change on its row.
+ *
+ * `bar` lays the same rows side by side, the context bar over what is
+ * selected: one row high, the cells a pixel apart and groups two, a cell
+ * holding only an icon one square, a cell with words 4px in. It stands half a
+ * square above its anchor (below when there is no room), its start at the
+ * anchor's, and opens without taking the focus, so the writing keeps the
+ * caret: `openOver(rect)`. ← and → move along it.
  */
 export declare class Context extends Menu {
     static properties: {
@@ -24,6 +31,10 @@ export declare class Context extends Menu {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        bar: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         compact: {
             type: BooleanConstructor;
             reflect: boolean;
@@ -80,6 +91,8 @@ export declare class Context extends Menu {
     static styles: import("lit").CSSResult[];
     /** Hold every row and keep the menu open while a chosen change is awaited. */
     pending: boolean;
+    /** The context bar: the rows side by side, over what is selected. */
+    bar: boolean;
     private quietObserver;
     constructor();
     connectedCallback(): void;
@@ -92,6 +105,10 @@ export declare class Context extends Menu {
     select(): void;
     /** Show that a chosen change was refused: its row turns red a moment. */
     refuse(row: HTMLElement): void;
+    /** Open the bar over what is selected (a rectangle, or an element), keeping the focus where it is. */
+    openOver(anchor: MenuAnchor): void;
+    /** In a bar, a cell holding only an icon is one square. */
+    private markIcons;
     /** Groups without rows leave no gap: a separator first, last or after another is quiet. */
     private quietSeparators;
 }

package/dist/3-unit/ds-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-context.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,IAAI,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMvD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,OAAQ,SAAQ,IAAI;IAC/B,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGf;IACF,MAAM,CAAC,MAAM,4BAA8C;IAC3D,8EAA8E;IACtE,OAAO,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,aAAa,CAAsD;;IAS3E,iBAAiB;IAMjB,oBAAoB;IAIpB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc;IAO5C,OAAO;IAUP,iEAAiE;IACjE,YAAY,CAAC,MAAM,EAAE,eAAe;IAIpC,4DAA4D;IAC5D,MAAM;IAEN,yEAAyE;IACzE,MAAM,CAAC,GAAG,EAAE,WAAW;IAKvB,2FAA2F;IAC3F,OAAO,CAAC,eAAe;CAWxB;AAGD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,YAAY,EAAE,OAAO,CAAA;KAAE;CAAE"}
+{"version":3,"file":"ds-context.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMxE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,OAAQ,SAAQ,IAAI;IAC/B,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAIf;IACF,MAAM,CAAC,MAAM,4BAA8C;IAC3D,8EAA8E;IACtE,OAAO,EAAE,OAAO,CAAC;IACzB,qEAAqE;IAC7D,GAAG,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,aAAa,CAAsD;;IAU3E,iBAAiB;IAMjB,oBAAoB;IAIpB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc;IAkB5C,OAAO;IAWP,iEAAiE;IACjE,YAAY,CAAC,MAAM,EAAE,eAAe;IAIpC,4DAA4D;IAC5D,MAAM;IAEN,yEAAyE;IACzE,MAAM,CAAC,GAAG,EAAE,WAAW;IAKvB,sGAAsG;IACtG,QAAQ,CAAC,MAAM,EAAE,UAAU;IAK3B,2DAA2D;IAC3D,OAAO,CAAC,SAAS;IAOjB,2FAA2F;IAC3F,OAAO,CAAC,eAAe;CAYxB;AAGD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,YAAY,EAAE,OAAO,CAAA;KAAE;CAAE"}

package/dist/3-unit/ds-context.js

@@ -23,12 +23,20 @@ const REFUSED = 1400;
  * says `data-keep-open` or its click was prevented. `pending` holds every row
  * and the menu open while an answer is awaited; `refuse(row)` shows a refused
  * change on its row.
+ *
+ * `bar` lays the same rows side by side, the context bar over what is
+ * selected: one row high, the cells a pixel apart and groups two, a cell
+ * holding only an icon one square, a cell with words 4px in. It stands half a
+ * square above its anchor (below when there is no room), its start at the
+ * anchor's, and opens without taking the focus, so the writing keeps the
+ * caret: `openOver(rect)`. ← and → move along it.
  */
 export class Context extends Menu {
     constructor() {
         super();
         this.quietObserver = new MutationObserver(() => this.quietSeparators());
         this.pending = false;
+        this.bar = false;
         this.triggerMode = "context";
         this.floating = true;
         this.closesOnChoice = true;
@@ -48,11 +56,24 @@ export class Context extends Menu {
         // Always a context menu, always floating.
         this.triggerMode = "context";
         this.floating = true;
-        this.toggleAttribute("data-ds-hug", true);
+        // A menu hugs its words in whole squares; a bar is as long as its cells.
+        this.toggleAttribute("data-ds-hug", !this.bar);
+        if (this.bar) {
+            this.setAttribute("aria-orientation", "horizontal");
+            this.placement = "top";
+            // The writing under a bar keeps the caret; the page moves the focus in with a key of its own.
+            this.focusOnOpen = false;
+        }
+        else if (changed.has("bar")) {
+            this.removeAttribute("aria-orientation");
+            this.placement = "bottom";
+            this.focusOnOpen = true;
+        }
         super.willUpdate(changed);
     }
     updated() {
         super.updated();
+        this.markIcons();
         // Pending holds the rows that were free, and frees only those again.
         for (const row of this.querySelectorAll(ROW)) {
             if (this.pending && row.getAttribute("aria-disabled") !== "true") {
@@ -80,8 +101,22 @@ export class Context extends Menu {
         row.setAttribute("data-ds-refused", "");
         setTimeout(() => row.removeAttribute("data-ds-refused"), REFUSED);
     }
+    /** Open the bar over what is selected (a rectangle, or an element), keeping the focus where it is. */
+    openOver(anchor) {
+        this.anchor = anchor;
+        this.open = true;
+    }
+    /** In a bar, a cell holding only an icon is one square. */
+    markIcons() {
+        for (const row of this.querySelectorAll(ROW)) {
+            if (row.closest("ds-context") !== this)
+                continue;
+            row.toggleAttribute("data-ds-context-icon", this.bar && !(row.textContent ?? "").trim() && !!row.querySelector("ds-icon, svg, img"));
+        }
+    }
     /** Groups without rows leave no gap: a separator first, last or after another is quiet. */
     quietSeparators() {
+        this.markIcons();
         let previousWasGap = true;
         const children = [...this.children];
         const visible = children.filter(child => !child.hidden);
@@ -99,6 +134,7 @@ export class Context extends Menu {
 Context.properties = {
     ...Menu.properties,
     pending: { type: Boolean, reflect: true },
+    bar: { type: Boolean, reflect: true },
 };
 Context.styles = [unsafeCSS(menuStyles), unsafeCSS(styles)];
 define("ds-context", Context);

package/dist/3-unit/ds-form.d.ts

@@ -59,6 +59,15 @@ export declare class Form extends LitElement {
      */
     submit(): Promise<void>;
     private _handleSubmit;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * The form is drawn in this element's shadow, so a submit or reset button
+     * put inside it belongs to no form of its own. Its click does what it would
+     * in a form: a native button (bare or in `ds-button control="slotted"`), or
+     * `<ds-button type="submit">`. A button in a real <form> is left to that form.
+     */
+    private _handleButtonClick;
     private _handleKeydown;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/3-unit/ds-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-form.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-form.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;;IAY/B,MAAM,CAAC,MAAM,0BAyBX;IAEF;;OAEG;IACH,WAAW,IAAI,QAAQ;IAYvB,OAAO,CAAC,gBAAgB;IA8BxB;;OAEG;IACH,QAAQ,IAAI,oBAAoB;IAoBhC,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IA0BrB;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAyD7B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;IAWtB,MAAM;CAeP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
+{"version":3,"file":"ds-form.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-form.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC;AAKD,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;;IAY/B,MAAM,CAAC,MAAM,0BAyBX;IAEF;;OAEG;IACH,WAAW,IAAI,QAAQ;IAYvB,OAAO,CAAC,gBAAgB;IA8BxB;;OAEG;IACH,QAAQ,IAAI,oBAAoB;IAoBhC,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IA0BrB;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAyD7B,OAAO,CAAC,aAAa;IAMrB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAcxB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,MAAM;CAcP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/3-unit/ds-form.js

@@ -1,9 +1,51 @@
+import { define } from "../0-face/define";
 // ds-form.ts
 // Form component for handling form submissions and validation
 import { LitElement, html, css } from "lit";
+/** Inputs Enter does not submit from: it presses or toggles them instead. */
+const IMPLICIT_SUBMIT_SKIPS = new Set(["button", "submit", "reset", "image", "checkbox", "radio", "file", "color", "range"]);
 export class Form extends LitElement {
     constructor() {
         super();
+        /**
+         * The form is drawn in this element's shadow, so a submit or reset button
+         * put inside it belongs to no form of its own. Its click does what it would
+         * in a form: a native button (bare or in `ds-button control="slotted"`), or
+         * `<ds-button type="submit">`. A button in a real <form> is left to that form.
+         */
+        this._handleButtonClick = (e) => {
+            if (e.defaultPrevented)
+                return;
+            const control = e.target?.closest?.("button, input, ds-button[type]");
+            if (!control || !this.contains(control))
+                return;
+            let type;
+            if (control instanceof HTMLButtonElement || control instanceof HTMLInputElement) {
+                if (control.form || control.disabled)
+                    return;
+                type = control.type;
+            }
+            else {
+                if (control.hasAttribute("disabled") || control.hasAttribute("href"))
+                    return;
+                type = control.getAttribute("type");
+            }
+            if (type === "submit")
+                void this.submit();
+            else if (type === "reset")
+                this.reset();
+        };
+        this._handleKeydown = (e) => {
+            if (e.key !== "Enter" || e.shiftKey || e.defaultPrevented)
+                return;
+            // Enter submits from a field, as in a form: on a button it presses that
+            // button, and in a textarea (a multiline ds-input's too) it starts a line.
+            const origin = e.composedPath()[0];
+            if (!(origin instanceof HTMLInputElement) || origin.form || IMPLICIT_SUBMIT_SKIPS.has(origin.type))
+                return;
+            e.preventDefault();
+            void this.submit();
+        };
         this.action = "";
         this.method = "post";
         this.name = "";
@@ -179,15 +221,15 @@ export class Form extends LitElement {
         // submit() reports a failed request itself, as form-error.
         void this.submit();
     }
-    _handleKeydown(e) {
-        if (e.key === "Enter" && !e.shiftKey) {
-            const target = e.target;
-            // Don't submit if in a textarea
-            if (target.tagName.toLowerCase() !== "textarea") {
-                e.preventDefault();
-                void this.submit();
-            }
-        }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("click", this._handleButtonClick);
+        this.addEventListener("keydown", this._handleKeydown);
+    }
+    disconnectedCallback() {
+        this.removeEventListener("click", this._handleButtonClick);
+        this.removeEventListener("keydown", this._handleKeydown);
+        super.disconnectedCallback();
     }
     render() {
         return html `
@@ -198,7 +240,6 @@ export class Form extends LitElement {
         ?novalidate=${this.novalidate}
         autocomplete=${this.autocomplete}
         @submit=${this._handleSubmit}
-        @keydown=${this._handleKeydown}
       >
         <slot></slot>
       </form>
@@ -239,4 +280,4 @@ Form.styles = css `
       pointer-events: none;
     }
   `;
-customElements.define("ds-form", Form);
+define("ds-form", Form);

package/dist/3-unit/ds-list.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+import { CutFades } from "../0-face/cut-fade";
 /**
  * A vertical stack of rows.
  *
@@ -7,8 +8,15 @@ import { LitElement } from "lit";
  * A link, button or other control directly inside keeps its own role: wrap it
  * in a row (or another element) to make it an item.
  *
+ * `heading` names the group on the square above its rows (a day, a month),
+ * the words in the muted ink: the list takes it as its accessible name, so
+ * the drawn words are hidden from assistive technology and a page that
+ * writes its own `aria-label` keeps it.
+ *
  * @element ds-list
  * @attr columns - Lay the items out in this many equal columns.
+ * @attr heading - The group's name, drawn on the square above the rows and given to the list as its name.
+ * @csspart heading - The heading's line.
  */
 export declare class List extends LitElement {
     static properties: {
@@ -16,17 +24,28 @@ export declare class List extends LitElement {
             type: NumberConstructor;
             reflect: boolean;
         };
+        heading: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
     };
     columns: number | undefined;
+    heading: string | undefined;
     static styles: import("lit").CSSResult;
+    /** Words cut short fade over their last square, never an ellipsis: marks them `data-cut="end"` while they do not fit. */
+    protected readonly cuts: CutFades;
     /** The items this element gave a role, so roles the page wrote are left alone. */
     private ownItems;
     private ownRole;
+    /** Whether the list's `aria-label` is its heading, so the page's own name is never replaced. */
+    private ownLabel;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private syncItems;
     firstUpdated(): void;
-    updated(): void;
+    updated(changed: Map<string, unknown>): void;
+    /** The heading names the list, unless the page wrote a name of its own. */
+    private nameByHeading;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/3-unit/ds-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-list.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AASlD;;;;;;;;;;GAUG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,MAAM,CAAC,MAAM,0BAAqB;IAElC,kFAAkF;IAClF,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAS;IAExB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,SAAS,CAgBf;IAEF,YAAY,IAAI,IAAI;IAIpB,OAAO,IAAI,IAAI;IAKf,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
+{"version":3,"file":"ds-list.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAG3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAO9C;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;MAGf;IAEM,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,MAAM,CAAC,MAAM,0BAAqB;IAClC,yHAAyH;IACzH,SAAS,CAAC,QAAQ,CAAC,IAAI,WAAgD;IAEvE,kFAAkF;IAClF,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAS;IACxB,gGAAgG;IAChG,OAAO,CAAC,QAAQ,CAAS;IAEzB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,SAAS,CAgBf;IAEF,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM5C,2EAA2E;IAC3E,OAAO,CAAC,aAAa;IAWrB,MAAM;CAIP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/3-unit/ds-list.js

@@ -1,6 +1,7 @@
-import { LitElement, html, unsafeCSS } from "lit";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
 import styles from "./styles/ds-list.css?inline";
 import { define } from "../0-face/define";
+import { CutFades } from "../0-face/cut-fade";
 /** Children that are never items of the list. */
 const NOT_ITEMS = new Set(["template", "script", "style", "slot"]);
 /** Controls keep their own role: a link or a button that became a list item would no longer be announced as one. */
@@ -13,15 +14,26 @@ const CONTROLS = new Set(["a", "button", "input", "select", "textarea", "summary
  * A link, button or other control directly inside keeps its own role: wrap it
  * in a row (or another element) to make it an item.
  *
+ * `heading` names the group on the square above its rows (a day, a month),
+ * the words in the muted ink: the list takes it as its accessible name, so
+ * the drawn words are hidden from assistive technology and a page that
+ * writes its own `aria-label` keeps it.
+ *
  * @element ds-list
  * @attr columns - Lay the items out in this many equal columns.
+ * @attr heading - The group's name, drawn on the square above the rows and given to the list as its name.
+ * @csspart heading - The heading's line.
  */
 export class List extends LitElement {
     constructor() {
         super(...arguments);
+        /** Words cut short fade over their last square, never an ellipsis: marks them `data-cut="end"` while they do not fit. */
+        this.cuts = new CutFades(this, { selector: ".heading" });
         /** The items this element gave a role, so roles the page wrote are left alone. */
         this.ownItems = new Set();
         this.ownRole = false;
+        /** Whether the list's `aria-label` is its heading, so the page's own name is never replaced. */
+        this.ownLabel = false;
         this.syncItems = () => {
             const slot = this.shadowRoot?.querySelector("slot");
             // Items only where the element is a list: a listbox or a page's own role
@@ -59,18 +71,34 @@ export class List extends LitElement {
     firstUpdated() {
         this.syncItems();
     }
-    updated() {
+    updated(changed) {
         if (typeof this.columns === "number" && Number.isInteger(this.columns) && this.columns > 0)
             this.style.setProperty("--ds-list-columns", String(this.columns));
         else
             this.style.removeProperty("--ds-list-columns");
+        if (changed.has("heading"))
+            this.nameByHeading();
+    }
+    /** The heading names the list, unless the page wrote a name of its own. */
+    nameByHeading() {
+        const heading = this.heading?.trim();
+        if (heading && (this.ownLabel || !this.hasAttribute("aria-label"))) {
+            this.setAttribute("aria-label", heading);
+            this.ownLabel = true;
+        }
+        else if (!heading && this.ownLabel) {
+            this.removeAttribute("aria-label");
+            this.ownLabel = false;
+        }
     }
     render() {
-        return html `<slot @slotchange=${this.syncItems}></slot>`;
+        const heading = this.heading?.trim();
+        return html `${heading ? html `<span class="heading" part="heading" aria-hidden="true">${heading}</span>` : nothing}<slot @slotchange=${this.syncItems}></slot>`;
     }
 }
 List.properties = {
     columns: { type: Number, reflect: true },
+    heading: { type: String, reflect: true },
 };
 List.styles = unsafeCSS(styles);
 define("ds-list", List);

package/dist/3-unit/ds-matrix.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, type PropertyValues } from "lit";
+import { CutFades } from "../0-face/cut-fade";
 /** How a square is drawn. */
 export type MatrixMarkKind = "fill" | "outline" | "stripes" | "dot" | "triangle" | "dash";
 /** A row or a column. A column may stand in a group. */
@@ -102,6 +103,8 @@ export declare class Matrix extends LitElement {
         };
     };
     static styles: import("lit").CSSResult[];
+    /** Words cut short fade over their last square, never an ellipsis: marks them `data-cut="end"` while they do not fit. */
+    protected readonly cuts: CutFades;
     rows: MatrixAxis[];
     columns: MatrixAxis[];
     groups: MatrixGroup[];

package/dist/3-unit/ds-matrix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-matrix.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-matrix.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMhF,6BAA6B;AAC7B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1F,wDAAwD;AACxD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2FAA2F;AAC3F,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wDAAwD;AACxD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,uEAAuE;AACvE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAOD,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,WAAW,EAAE;YAGhE,UAAU;YAAU,WAAW;IAOzD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAaf;IAEF,MAAM,CAAC,MAAM,4BAA2C;IAEhD,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACzB,yFAAyF;IACjF,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACzD,2CAA2C;IACnC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAEjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA8B;;IActD,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAKlD,OAAO,CAAC,KAAK;IAKb,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,CAAC,SAAS;YAIH,IAAI;IASlB,OAAO,CAAC,SAAS,CAqBf;IAEF,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,OAAO,CAOb;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,IAAI;IAIZ,MAAM;CAgFP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}
+{"version":3,"file":"ds-matrix.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-matrix.ts"],"names":[],"mappings":"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"}

package/dist/3-unit/ds-matrix.js

@@ -6,6 +6,7 @@
 // and column meet, and the legend below names the marks.
 import { LitElement, html, nothing, unsafeCSS } from "lit";
 import { define } from "../0-face/define";
+import { CutFades } from "../0-face/cut-fade";
 import { getText } from "../0-face/i18n";
 import metrics from "../1-root/component-metrics.css?inline";
 import styles from "./styles/ds-matrix.css?inline";
@@ -49,6 +50,8 @@ export function orderColumns(columns, groups) {
 export class Matrix extends LitElement {
     constructor() {
         super();
+        /** Words cut short fade over their last square, never an ellipsis: marks them `data-cut="end"` while they do not fit. */
+        this.cuts = new CutFades(this, { selector: ".name" });
         this.relabel = () => this.requestUpdate();
         this.onKeyDown = (event) => {
             const cell = event.composedPath()[0].closest?.(".cell[data-row]");

package/dist/3-unit/ds-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-menu.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-menu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ds-menu.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-menu.ts"],"names":[],"mappings":"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"}

package/dist/3-unit/ds-menu.js

@@ -57,7 +57,8 @@ export class Menu extends LitElement {
         this.onTriggerClick = (event) => {
             if (this.triggerMode === "context" || this.triggerMode === "manual" || event.defaultPrevented)
                 return;
-            if (this.hover && this.trigger?.matches("a[href]"))
+            // A hover menu's trigger that is a link (`a href`, `ds-button href`) follows its link when pressed.
+            if (this.hover && this.trigger?.matches("a[href], ds-button[href]"))
                 return;
             this.focusOnOpen = true;
             this.openingEdge = "first";
@@ -529,20 +530,35 @@ export class Menu extends LitElement {
             return;
         const current = external ? items.findIndex(item => item.id === this.activeId) : items.findIndex(item => event.composedPath().includes(item));
         const columns = Math.max(1, Math.floor(this.columns || 1));
+        // A menu laid out in one line (Context's bar) steps sideways, in the reading direction.
+        const across = this.getAttribute("aria-orientation") === "horizontal";
+        const forward = this.ownerDocument.defaultView?.getComputedStyle(this).direction === "rtl" ? -1 : 1;
         let next;
         switch (event.key) {
             case "ArrowDown":
+                if (across)
+                    return;
                 next = columns > 1 ? this.gridStep(items, current, columns, 1) : this.step(items, current, 1, 1);
                 break;
             case "ArrowUp":
+                if (across)
+                    return;
                 next = columns > 1 ? this.gridStep(items, current, columns, -1) : this.step(items, current, 1, -1);
                 break;
             case "ArrowRight":
+                if (across) {
+                    next = this.step(items, current, 1, forward);
+                    break;
+                }
                 if (columns === 1 || external)
                     return;
                 next = this.step(items, current, 1, 1);
                 break;
             case "ArrowLeft":
+                if (across) {
+                    next = this.step(items, current, 1, -forward);
+                    break;
+                }
                 if (columns === 1 || external)
                     return;
                 next = this.step(items, current, 1, -1);

package/dist/3-unit/ds-row.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+import { CutFades } from "../0-face/cut-fade";
 /**
  * A horizontal run of elements one row (`--ds-row-height`) tall.
  *
@@ -23,6 +24,14 @@ import { LitElement } from "lit";
  * @attr label - The accessible name, when the row's words do not say it.
  * @attr target - Where a link opens (`_blank`, …).
  * @attr rel - The link's relationship (`noopener`, …).
+ * A record's row puts its parts in classes: `ds-row__name` for the words,
+ * which hug and give way first, and `ds-row__value` for the figure or date at
+ * the row's end; a 16px picture (an avatar tile, a large icon) before the
+ * name stands on its square with the row's gap putting the words on the next.
+ * The element measures each name and marks it `data-cut="end"` while its
+ * words do not fit, so the stylesheet fades them over the last square, never
+ * an ellipsis; a `ds-text literal` name fades the same way.
+ *
  * @slot - The row's content, inside its press target.
  * @slot end - Controls of their own after the content, outside the press target.
  * @fires ds-row-press - `{ href }`: the row was pressed. Cancel it to route a link yourself; a modified click on a link is left to the browser.
@@ -100,6 +109,10 @@ export declare class Row extends LitElement {
     rel: string | undefined;
     constructor();
     static styles: import("lit").CSSResult;
+    /** Marks each `.ds-row__name` `data-cut="end"` while its words are wider than its box, measured again as they resize or change. */
+    protected readonly cuts: CutFades;
+    /** Measures the names again, as when the slotted content changes. */
+    private measureNames;
     /** The `aria-current` value, or none. */
     private get currentValue();
     /** Focuses the press target, so `row.focus()` lands on the link or button. */

package/dist/3-unit/ds-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-row.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAQlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAef;IAEM,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;;IAoBhC,MAAM,CAAC,MAAM,0BAAqB;IAElC,yCAAyC;IACzC,OAAO,KAAK,YAAY,GAIvB;IAED,8EAA8E;IAC9E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAM5B,OAAO,CAAC,KAAK;IAQb,MAAM;CAcP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}
+{"version":3,"file":"ds-row.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAef;IAEM,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;;IAoBhC,MAAM,CAAC,MAAM,0BAAqB;IAElC,mIAAmI;IACnI,SAAS,CAAC,QAAQ,CAAC,IAAI,WAAsG;IAE7H,qEAAqE;IACrE,OAAO,CAAC,YAAY,CAA6B;IAEjD,yCAAyC;IACzC,OAAO,KAAK,YAAY,GAIvB;IAED,8EAA8E;IAC9E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAM5B,OAAO,CAAC,KAAK;IAQb,MAAM;CAcP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}