@kgdiff/viewer 0.4.0 → 0.6.0

package/dist/elements/change-list.js

@@ -0,0 +1,29 @@
+import { h } from '../dom.js';
+import { ChangeList } from '../ui/change-list.js';
+import { BoundElement, define } from './bound.js';
+/**
+ * The "Changes" title with the count and review progress, and the changes grouped by phase (a
+ * virtualized listbox; `j` / `k` / `x`, Enter, Home / End). A labelled region. While a search is
+ * active (the session's query is not blank) its rows step aside. Registers itself as the root's
+ * `list` focus target (choosing a search result moves focus here).
+ *
+ * @tagname kgdiff-change-list
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffChangeList extends BoundElement {
+    name = 'change-list';
+    build(ui, _ctx, release) {
+        const list = new ChangeList(ui);
+        const rows = h('div', { class: 'list-wrap' }, list.sticky, list.list, list.phases);
+        this.shadow.append(h('section', { class: 'change-list', 'aria-labelledby': 'kg-changes-title' }, h('div', { class: 'sb-head' }, list.head), rows));
+        if (typeof ResizeObserver === 'function') {
+            // The list draws the rows in view: it needs its height.
+            const ro = new ResizeObserver(() => list.renderWindow());
+            ro.observe(rows);
+            release(() => ro.disconnect());
+        }
+        return list;
+    }
+}
+define('kgdiff-change-list', KgdiffChangeList);
+//# sourceMappingURL=change-list.js.map

package/dist/elements/change-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-list.js","sourceRoot":"","sources":["../../src/elements/change-list.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;;;GAQG;AACH,MAAM,OAAO,gBAAiB,SAAQ,YAAY;IAC7B,IAAI,GAAG,aAAa,CAAC;IAE9B,KAAK,CAAC,EAAa,EAAE,IAAa,EAAE,OAAiC;QAC7E,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC,EAAE,CAAC,CAAC;QAChC,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACnF,IAAI,CAAC,MAAM,CAAC,MAAM,CAChB,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,EAC/D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACzC,IAAI,CACL,CACF,CAAC;QACF,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,wDAAwD;YACxD,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;YACzD,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAED,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/elements/filters.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `<kgdiff-filters>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { Region } from '../bind.js';
+import type { KgdiffBoundElement } from '../index.js';
+import type { UiContext } from '../ui/context.js';
+import { BoundElement } from './bound.js';
+/**
+ * One chip per kind of change the diff has, with its count and the legend's swatch, toggling the
+ * session's family filter, and "Show all" while a filter is on.
+ *
+ * @tagname kgdiff-filters
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffFilters extends BoundElement implements KgdiffBoundElement {
+    protected readonly name = "filters";
+    protected build(ui: UiContext): Region;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-filters': KgdiffBoundElement;
+    }
+}
+//# sourceMappingURL=filters.d.ts.map

package/dist/elements/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/elements/filters.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAU,MAAM,YAAY,CAAC;AAElD;;;;;;GAMG;AACH,qBAAa,aAAc,SAAQ,YAAa,YAAW,kBAAkB;IAC3E,SAAS,CAAC,QAAQ,CAAC,IAAI,aAAa;IAEpC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,GAAG,MAAM,CAIrC;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,gBAAgB,EAAE,kBAAkB,CAAC;KACtC;CACF"}

package/dist/elements/filters.js

@@ -0,0 +1,19 @@
+import { Filters } from '../ui/filters.js';
+import { BoundElement, define } from './bound.js';
+/**
+ * One chip per kind of change the diff has, with its count and the legend's swatch, toggling the
+ * session's family filter, and "Show all" while a filter is on.
+ *
+ * @tagname kgdiff-filters
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffFilters extends BoundElement {
+    name = 'filters';
+    build(ui) {
+        const filters = new Filters(ui);
+        this.shadow.append(filters.el);
+        return filters;
+    }
+}
+define('kgdiff-filters', KgdiffFilters);
+//# sourceMappingURL=filters.js.map

package/dist/elements/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../src/elements/filters.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,OAAO,aAAc,SAAQ,YAAY;IAC1B,IAAI,GAAG,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAa;QAC3B,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/B,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAED,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}

package/dist/elements/legend.d.ts

@@ -0,0 +1,40 @@
+/**
+ * `<kgdiff-legend>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { Region } from '../bind.js';
+import type { KgdiffLegendElement, LegendVariant } from '../index.js';
+import type { UiContext } from '../ui/context.js';
+import { BoundElement } from './bound.js';
+/**
+ * What the colors mean. `variant="full"` (the default): a card of every family's swatch and name,
+ * folded to its head until opened; `open` reflects whether it is (the user's toggle included, as on
+ * `<details>`). `variant="mini"`: one line of dots for the families the root's diff has, then the
+ * unchanged context. Binds to a root (`for`, `htmlFor`, `rootElement`). Slotted into a
+ * `<kgdiff-stage>` it replaces the stage's built-in legend; placed anywhere else it is not kept
+ * clear of fits and flights unless registered.
+ *
+ * @tagname kgdiff-legend
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffLegend extends BoundElement implements KgdiffLegendElement {
+    #private;
+    static get observedAttributes(): readonly string[];
+    protected readonly name = "legend";
+    /** `full` (the card) or `mini` (one line), reflected to `variant`; another value reads `full`. */
+    get variant(): LegendVariant;
+    set variant(value: LegendVariant);
+    /** Whether the card is open, reflected to the boolean `open` attribute (the user's toggle too). */
+    get open(): boolean;
+    set open(value: boolean);
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+    protected upgradedProperties(): readonly string[];
+    protected build(ui: UiContext): Region;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-legend': KgdiffLegendElement;
+    }
+}
+//# sourceMappingURL=legend.d.ts.map

package/dist/elements/legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/elements/legend.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAU,MAAM,YAAY,CAAC;AAIlD;;;;;;;;;;GAUG;AACH,qBAAa,YAAa,SAAQ,YAAa,YAAW,mBAAmB;;IAC3E,WAAoB,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAE1D;IAED,SAAS,CAAC,QAAQ,CAAC,IAAI,YAAY;IAInC,kGAAkG;IAClG,IAAI,OAAO,IAAI,aAAa,CAG3B;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,aAAa,EAG/B;IAED,mGAAmG;IACnG,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAEQ,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAI9F;IAED,UAAmB,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEzD;IAED,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,GAAG,MAAM,CAkBrC;IAUQ,oBAAoB,IAAI,IAAI,CAGpC;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}

package/dist/elements/legend.js

@@ -0,0 +1,87 @@
+import { Legend } from '../ui/legend.js';
+import { BoundElement, define } from './bound.js';
+const VARIANTS = ['full', 'mini'];
+/**
+ * What the colors mean. `variant="full"` (the default): a card of every family's swatch and name,
+ * folded to its head until opened; `open` reflects whether it is (the user's toggle included, as on
+ * `<details>`). `variant="mini"`: one line of dots for the families the root's diff has, then the
+ * unchanged context. Binds to a root (`for`, `htmlFor`, `rootElement`). Slotted into a
+ * `<kgdiff-stage>` it replaces the stage's built-in legend; placed anywhere else it is not kept
+ * clear of fits and flights unless registered.
+ *
+ * @tagname kgdiff-legend
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffLegend extends BoundElement {
+    static get observedAttributes() {
+        return ['for', 'variant', 'open'];
+    }
+    name = 'legend';
+    #legend = null;
+    #reflecting = false;
+    /** `full` (the card) or `mini` (one line), reflected to `variant`; another value reads `full`. */
+    get variant() {
+        const v = this.getAttribute('variant');
+        return v !== null && VARIANTS.includes(v) ? v : 'full';
+    }
+    set variant(value) {
+        if (VARIANTS.includes(value) && value !== 'full')
+            this.setAttribute('variant', value);
+        else
+            this.removeAttribute('variant');
+    }
+    /** Whether the card is open, reflected to the boolean `open` attribute (the user's toggle too). */
+    get open() {
+        return this.hasAttribute('open');
+    }
+    set open(value) {
+        this.toggleAttribute('open', Boolean(value));
+    }
+    attributeChangedCallback(name, old, value) {
+        if (name === 'for')
+            super.attributeChangedCallback(name, old, value);
+        else if (name === 'open' && !this.#reflecting)
+            this.#legend?.setOpen(this.open);
+        else if (name === 'variant')
+            this.#place();
+    }
+    upgradedProperties() {
+        return [...super.upgradedProperties(), 'variant', 'open'];
+    }
+    build(ui) {
+        const legend = new Legend(ui, (open) => {
+            // The user's toggle, reflected as <details> does.
+            this.#reflecting = true;
+            try {
+                this.toggleAttribute('open', open);
+            }
+            finally {
+                this.#reflecting = false;
+            }
+        });
+        this.#legend = legend;
+        legend.setOpen(this.open);
+        this.#place();
+        return {
+            update: (topics) => {
+                if (this.#legend === legend)
+                    legend.update(topics);
+            },
+        };
+    }
+    /** Show the variant asked for. */
+    #place() {
+        const legend = this.#legend;
+        if (!legend || !this.isConnected)
+            return;
+        const shown = this.variant === 'mini' ? legend.mini : legend.card;
+        if (this.shadow.firstElementChild !== shown)
+            this.shadow.replaceChildren(shown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#legend = null;
+    }
+}
+define('kgdiff-legend', KgdiffLegend);
+//# sourceMappingURL=legend.js.map

package/dist/elements/legend.js.map

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

package/dist/elements/minimap.d.ts

@@ -0,0 +1,38 @@
+/**
+ * `<kgdiff-minimap>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { Region } from '../bind.js';
+import type { KgdiffMinimapElement } from '../index.js';
+import type { UiContext } from '../ui/context.js';
+import type { StageView } from '../view.js';
+import { ViewBoundElement } from './view-bound.js';
+/**
+ * An overview of one stage's view, with the part in view outlined. While the whole graph is in view
+ * it has nothing to add: it is in the custom state `overview` then (`:state(overview)`, and the
+ * read-only `overview` property). A minimap the page places stays shown
+ * (`kgdiff-minimap:state(overview) { visibility: hidden }` hides it without moving the layout); one
+ * slotted into a stage replaces the stage's own and hides as it did. Binds to the nearest
+ * `<kgdiff-stage>` around it, or to the one `stage="<id>"` names (`stage`, `stageElement`,
+ * `rootElement`). Slotted into a stage it replaces the stage's built-in minimap; placed anywhere
+ * else it is not kept clear of fits and flights unless registered.
+ *
+ * @tagname kgdiff-minimap
+ * @cssstate overview - While the whole graph is in view. A minimap the page places stays
+ *   shown; `kgdiff-minimap:state(overview) { visibility: hidden }` hides it in place.
+ *   Slotted into a stage it hides then, as the stage's own does.
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffMinimap extends ViewBoundElement implements KgdiffMinimapElement {
+    #private;
+    protected readonly name = "minimap";
+    /** Whether the whole graph is in view: the custom state `overview` (`:state(overview)`). */
+    get overview(): boolean;
+    protected build(ui: UiContext, view: StageView, release: (fn: () => void) => void): Region;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-minimap': KgdiffMinimapElement;
+    }
+}
+//# sourceMappingURL=minimap.d.ts.map

package/dist/elements/minimap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../src/elements/minimap.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,aAAc,SAAQ,gBAAiB,YAAW,oBAAoB;;IACjF,SAAS,CAAC,QAAQ,CAAC,IAAI,aAAa;IAOpC,4FAA4F;IAC5F,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAWD,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,MAAM,CAezF;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/dist/elements/minimap.js

@@ -0,0 +1,59 @@
+import { attr, h } from '../dom.js';
+import { define } from './bound.js';
+import { ViewBoundElement } from './view-bound.js';
+/**
+ * An overview of one stage's view, with the part in view outlined. While the whole graph is in view
+ * it has nothing to add: it is in the custom state `overview` then (`:state(overview)`, and the
+ * read-only `overview` property). A minimap the page places stays shown
+ * (`kgdiff-minimap:state(overview) { visibility: hidden }` hides it without moving the layout); one
+ * slotted into a stage replaces the stage's own and hides as it did. Binds to the nearest
+ * `<kgdiff-stage>` around it, or to the one `stage="<id>"` names (`stage`, `stageElement`,
+ * `rootElement`). Slotted into a stage it replaces the stage's built-in minimap; placed anywhere
+ * else it is not kept clear of fits and flights unless registered.
+ *
+ * @tagname kgdiff-minimap
+ * @cssstate overview - While the whole graph is in view. A minimap the page places stays
+ *   shown; `kgdiff-minimap:state(overview) { visibility: hidden }` hides it in place.
+ *   Slotted into a stage it hides then, as the stage's own does.
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffMinimap extends ViewBoundElement {
+    name = 'minimap';
+    /** The custom states (`:state(overview)`); null where `ElementInternals` is missing. */
+    #internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null;
+    #overview = false;
+    /** Whether the whole graph is in view: the custom state `overview` (`:state(overview)`). */
+    get overview() {
+        return this.#overview;
+    }
+    #setOverview(overview) {
+        if (overview === this.#overview)
+            return;
+        this.#overview = overview;
+        const states = this.#internals?.states;
+        if (!states)
+            return;
+        if (overview)
+            states.add('overview');
+        else
+            states.delete('overview');
+    }
+    build(ui, view, release) {
+        const host = h('div', { class: 'minimap-host' });
+        this.shadow.append(host);
+        release(view.addMinimap(host));
+        release(() => this.#setOverview(false));
+        return {
+            update: (topics) => {
+                if (topics.has('status') || topics.has('data') || topics.has('locale')) {
+                    const label = ui.tr().t('minimap.label');
+                    attr(host, 'aria-label', label);
+                    attr(host, 'title', label);
+                }
+                this.#setOverview(view.overview);
+            },
+        };
+    }
+}
+define('kgdiff-minimap', KgdiffMinimap);
+//# sourceMappingURL=minimap.js.map

package/dist/elements/minimap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimap.js","sourceRoot":"","sources":["../../src/elements/minimap.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,WAAW,CAAC;AAIpC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,aAAc,SAAQ,gBAAgB;IAC9B,IAAI,GAAG,SAAS,CAAC;IAEpC,wFAAwF;IAC/E,UAAU,GACjB,OAAO,IAAI,CAAC,eAAe,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,SAAS,GAAG,KAAK,CAAC;IAElB,4FAA4F;IAC5F,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,YAAY,CAAC,QAAiB;QAC5B,IAAI,QAAQ,KAAK,IAAI,CAAC,SAAS;YAAE,OAAO;QACxC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;QACvC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,QAAQ;YAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;;YAChC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAES,KAAK,CAAC,EAAa,EAAE,IAAe,EAAE,OAAiC;QAC/E,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/B,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,OAAO;YACL,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;gBACjB,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvE,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;oBACzC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;oBAChC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;gBAC7B,CAAC;gBACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;SACF,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}

package/dist/elements/root.d.ts

@@ -0,0 +1,40 @@
+/**
+ * `<kgdiff-root>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { KgdiffRootElement } from '../index.js';
+import { RootElement } from '../root-element.js';
+import { DiffSession, type SessionDeps, type SessionHost } from '../session.js';
+import type { UiActions } from '../ui/context.js';
+/**
+ * A root without visuals. It owns the session and provides it to the elements inside it
+ * (`<kgdiff-stage>`, `<kgdiff-change-list>`, …) or naming it with `for`, and owns what they share:
+ * the keyboard map, the live region announcing navigation, the events and the theme tokens. It has
+ * the attributes, properties, methods and events of `<kgdiff-viewer>` except the layout's
+ * (`panels`, `sidebar`, `header`, `chrome`, `legend`, `persist`): the page lays the elements out,
+ * and nothing is remembered.
+ *
+ * It renders as `display: contents`, so its children are laid out by the page as if it were not
+ * there.
+ *
+ * @tagname kgdiff-root
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffRoot extends RootElement implements KgdiffRootElement {
+    #private;
+    static get observedAttributes(): readonly string[];
+    constructor();
+    protected sheets(doc: Document): readonly CSSStyleSheet[];
+    /** A session without a canvas of its own: each `<kgdiff-stage>` brings its view. */
+    protected createSession(host: SessionHost, deps: SessionDeps): DiffSession;
+    /** No layout of its own: `\` does nothing, `?` and `/` go to the elements registered last. */
+    protected actions(): UiActions;
+    protected connected(): void;
+    protected disconnected(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-root': KgdiffRootElement;
+    }
+}
+//# sourceMappingURL=root.d.ts.map

package/dist/elements/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/elements/root.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAmB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;;;;;;;;;;;;GAaG;AACH,qBAAa,UAAW,SAAQ,WAAY,YAAW,iBAAiB;;IACtE,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAID,cAUC;IAED,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS,aAAa,EAAE,CAExD;IAED,oFAAoF;IACpF,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,WAAW,CAEzE;IAED,8FAA8F;IAC9F,SAAS,CAAC,OAAO,IAAI,SAAS,CAc7B;IAED,SAAS,CAAC,SAAS,IAAI,IAAI,CAI1B;IAED,SAAS,CAAC,YAAY,IAAI,IAAI,CAAG;CAClC;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/dist/elements/root.js

@@ -0,0 +1,67 @@
+import { ROOT_ATTRIBUTES, RootElement } from '../root-element.js';
+import { DiffSession } from '../session.js';
+import { elementSheet } from '../styles.js';
+import { define } from './bound.js';
+/**
+ * A root without visuals. It owns the session and provides it to the elements inside it
+ * (`<kgdiff-stage>`, `<kgdiff-change-list>`, …) or naming it with `for`, and owns what they share:
+ * the keyboard map, the live region announcing navigation, the events and the theme tokens. It has
+ * the attributes, properties, methods and events of `<kgdiff-viewer>` except the layout's
+ * (`panels`, `sidebar`, `header`, `chrome`, `legend`, `persist`): the page lays the elements out,
+ * and nothing is remembered.
+ *
+ * It renders as `display: contents`, so its children are laid out by the page as if it were not
+ * there.
+ *
+ * @tagname kgdiff-root
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffRoot extends RootElement {
+    static get observedAttributes() {
+        return ROOT_ATTRIBUTES;
+    }
+    #built = false;
+    constructor() {
+        super();
+        this.root.attach({
+            update: (topics) => {
+                this.reflectSession(topics);
+                if (topics.has('locale') || topics.has('status')) {
+                    this.root.live.setAttribute('lang', this.controller.locale);
+                }
+            },
+        });
+    }
+    sheets(doc) {
+        return [elementSheet(doc, 'root')];
+    }
+    /** A session without a canvas of its own: each `<kgdiff-stage>` brings its view. */
+    createSession(host, deps) {
+        return new DiffSession(host, deps);
+    }
+    /** No layout of its own: `\` does nothing, `?` and `/` go to the elements registered last. */
+    actions() {
+        return {
+            ...this.baseActions(),
+            toggleSidebar: () => undefined,
+            sidebarOpen: () => false,
+            toggleMenu: () => undefined,
+            // `?` opens the dialog of a `<kgdiff-actions>` bound to this root, if there is one.
+            openHelp: () => {
+                this.root.focus('help');
+            },
+            focusSearch: () => {
+                this.root.focus('search');
+            },
+        };
+    }
+    connected() {
+        if (this.#built)
+            return;
+        this.#built = true;
+        this.shadow.append(document.createElement('slot'), this.root.live);
+    }
+    disconnected() { }
+}
+define('kgdiff-root', KgdiffRoot);
+//# sourceMappingURL=root.js.map

package/dist/elements/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/elements/root.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,WAAW,EAAsC,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,MAAM,GAAG,KAAK,CAAC;IAEf;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;gBACjB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAC5B,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;gBAC9D,CAAC;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,MAAM,CAAC,GAAa;QAC5B,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,oFAAoF;IAC1E,aAAa,CAAC,IAAiB,EAAE,IAAiB;QAC1D,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,8FAA8F;IACpF,OAAO;QACf,OAAO;YACL,GAAG,IAAI,CAAC,WAAW,EAAE;YACrB,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;YAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK;YACxB,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS;YAC3B,oFAAoF;YACpF,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;YACD,WAAW,EAAE,GAAG,EAAE;gBAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;SACF,CAAC;IACJ,CAAC;IAES,SAAS;QACjB,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC;IAES,YAAY,KAAU,CAAC;CAClC;AAED,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/dist/elements/search.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `<kgdiff-search>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { Region } from '../bind.js';
+import type { KgdiffBoundElement } from '../index.js';
+import type { UiContext } from '../ui/context.js';
+import { BoundElement } from './bound.js';
+/**
+ * Node search, a combobox and the results list it owns (its `aria-controls` and
+ * `aria-activedescendant` stay inside the element). The results open below the box while the query
+ * is not blank; ↑ / ↓ move through them, Enter chooses one (its node and change are selected, and
+ * focus moves to the change list), Esc clears. The query lives in the session, so a change list
+ * bound to the same root steps aside meanwhile. Registers itself as the root's `search` focus
+ * target: `/` focuses the one registered last that is shown.
+ *
+ * @tagname kgdiff-search
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffSearch extends BoundElement implements KgdiffBoundElement {
+    protected readonly name = "search";
+    protected build(ui: UiContext): Region;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-search': KgdiffBoundElement;
+    }
+}
+//# sourceMappingURL=search.d.ts.map

package/dist/elements/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/elements/search.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAU,MAAM,YAAY,CAAC;AAElD;;;;;;;;;;GAUG;AACH,qBAAa,YAAa,SAAQ,YAAa,YAAW,kBAAkB;IAC1E,SAAS,CAAC,QAAQ,CAAC,IAAI,YAAY;IAEnC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,GAAG,MAAM,CAIrC;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/dist/elements/search.js

@@ -0,0 +1,23 @@
+import { Search } from '../ui/search.js';
+import { BoundElement, define } from './bound.js';
+/**
+ * Node search, a combobox and the results list it owns (its `aria-controls` and
+ * `aria-activedescendant` stay inside the element). The results open below the box while the query
+ * is not blank; ↑ / ↓ move through them, Enter chooses one (its node and change are selected, and
+ * focus moves to the change list), Esc clears. The query lives in the session, so a change list
+ * bound to the same root steps aside meanwhile. Registers itself as the root's `search` focus
+ * target: `/` focuses the one registered last that is shown.
+ *
+ * @tagname kgdiff-search
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export class KgdiffSearch extends BoundElement {
+    name = 'search';
+    build(ui) {
+        const search = new Search(ui);
+        this.shadow.append(search.box, search.results);
+        return search;
+    }
+}
+define('kgdiff-search', KgdiffSearch);
+//# sourceMappingURL=search.js.map

package/dist/elements/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/elements/search.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IACzB,IAAI,GAAG,QAAQ,CAAC;IAEzB,KAAK,CAAC,EAAa;QAC3B,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAC/C,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AAED,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC"}

package/dist/elements/stage-context.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The view-level context a `<kgdiff-stage>` provides to its descendants (`kgdiff.stage/1`), in a
+ * module of its own: the chrome that acts on a view finds its stage through it without pulling
+ * the stage (and the renderer) into its subpath.
+ */
+import type { ViewerContext } from '../bind.js';
+import type { KgdiffStageElement, KgdiffViewerElement } from '../index.js';
+import type { StageView } from '../view.js';
+/**
+ * What a stage provides to its descendants (the view-level context).
+ *
+ * @experimental Like the stage, in 0.6.
+ */
+export interface StageContext {
+    /** Keep `element` clear of fits and flights; returns the function that stops it. */
+    registerObstacle(element: Element): () => void;
+}
+/** @internal What the chrome that acts on a view (`<kgdiff-zoom>`, `<kgdiff-minimap>`) gets. */
+export interface StageViewContext extends StageContext {
+    /** The stage element, or the viewer (its built-in stage). */
+    readonly stage: KgdiffStageElement | KgdiffViewerElement;
+    /** The root the stage is bound to now, or null while it waits for one. */
+    readonly root: ViewerContext | null;
+    /** The stage's view now, or null while the stage waits for its root. */
+    readonly view: StageView | null;
+    /** Call `listener` with the view now and whenever it changes; returns the stop. */
+    watchView(listener: (view: StageView | null) => void): () => void;
+}
+/** @experimental The stage context's key (`Symbol.for('kgdiff.stage/1')`). */
+export declare const stageContext: import("../context.js").Context<StageContext>;
+//# sourceMappingURL=stage-context.d.ts.map

package/dist/elements/stage-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage-context.d.ts","sourceRoot":"","sources":["../../src/elements/stage-context.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,oFAAoF;IACpF,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,IAAI,CAAC;CAChD;AAED,gGAAgG;AAChG,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAAC;IACzD,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,mFAAmF;IACnF,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACnE;AAED,8EAA8E;AAC9E,eAAO,MAAM,YAAY,+CAAgD,CAAC"}

package/dist/elements/stage-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../context.js';
+/** @experimental The stage context's key (`Symbol.for('kgdiff.stage/1')`). */
+export const stageContext = createContext('kgdiff.stage/1');
+//# sourceMappingURL=stage-context.js.map

package/dist/elements/stage-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage-context.js","sourceRoot":"","sources":["../../src/elements/stage-context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA0B9C,8EAA8E;AAC9E,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAe,gBAAgB,CAAC,CAAC"}

package/dist/elements/stage.d.ts

@@ -0,0 +1,65 @@
+/**
+ * `<kgdiff-stage>` (RFC 0001 §3), documented on its class. Importing this module defines it.
+ */
+import type { Region, ViewerContext } from '../bind.js';
+import type { KgdiffStageElement, StagePanels, StageRegion, StageVersion } from '../index.js';
+import type { UiContext } from '../ui/context.js';
+import { StageView } from '../view.js';
+import { BoundElement } from './bound.js';
+export type { StageContext } from './stage-context.js';
+export { stageContext } from './stage-context.js';
+/**
+ * The regions of the built-in chrome a stage has.
+ *
+ * @experimental Like the stage, in 0.6.
+ */
+export declare const STAGE_REGIONS: readonly StageRegion[];
+/**
+ * The canvas of the root it is bound to: the graph, the hover tooltip, the swipe divider, the
+ * replay caption and the canvas chrome (view dock, replay transport, legend, zoom buttons and
+ * minimap). Each stage is a view of its own: a root draws every stage bound to it, each with its
+ * own camera, sharing the selection, the hover, the filters and the search; `version` pins one
+ * to a version.
+ *
+ * Five named slots take the page's content over the canvas. The stage positions it (12–16 px
+ * from the edges, stacked further from the corner than the chrome there), and every slotted
+ * element is an obstacle: fits and flights frame the graph in the free part of the canvas. A
+ * chrome element slotted in replaces the built-in region of its kind; `panels` keeps applying
+ * to the rest. Content positioned some other way registers itself with `registerObstacle`, on
+ * the element or on the stage context (`kgdiff.stage/1`) it provides to its descendants.
+ *
+ * @tagname kgdiff-stage
+ * @slot top-start - The page's content in the top left corner, below the version chip.
+ * @slot top-end - The page's content in the top right corner.
+ * @slot bottom-start - The page's content in the bottom left corner, above the legend.
+ * @slot bottom-center - The page's content above the view dock and the transport.
+ * @slot bottom-end - The page's content in the bottom right corner, above the zoom buttons and the minimap.
+ * @experimental In 0.6; stable from 0.7 (RFC 0001, decision 7).
+ */
+export declare class KgdiffStage extends BoundElement implements KgdiffStageElement {
+    #private;
+    static get observedAttributes(): readonly string[];
+    protected readonly name = "stage";
+    get panels(): StagePanels;
+    set panels(value: StagePanels | string | null);
+    /**
+     * The version this stage draws whatever the mode, reflected to the `version` attribute:
+     * `before` or `after` (side by side with another stage of the same root), or null to follow
+     * the root's mode (overlay, swipe, replay).
+     */
+    get version(): StageVersion | null;
+    set version(value: StageVersion | null);
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+    protected upgradedProperties(): readonly string[];
+    /** @internal This stage's view (its camera), for the dev harness and tests. */
+    get view(): StageView | null;
+    registerObstacle(element: Element): () => void;
+    protected build(ui: UiContext, ctx: ViewerContext, release: (fn: () => void) => void): Region;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        /** @experimental In 0.6. */
+        'kgdiff-stage': KgdiffStageElement;
+    }
+}
+//# sourceMappingURL=stage.d.ts.map

package/dist/elements/stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../src/elements/stage.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EACV,kBAAkB,EAElB,WAAW,EACX,WAAW,EACX,YAAY,EACb,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,YAAY,EAAU,MAAM,YAAY,CAAC;AAGlD,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAM/C,CAAC;AA4BF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,WAAY,SAAQ,YAAa,YAAW,kBAAkB;;IACzE,WAAoB,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAE1D;IAED,SAAS,CAAC,QAAQ,CAAC,IAAI,WAAW;IAYlC,IAAI,MAAM,IAAI,WAAW,CAExB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,EAW5C;IAED;;;;OAIG;IACH,IAAI,OAAO,IAAI,YAAY,GAAG,IAAI,CAEjC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,EAUrC;IAEQ,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAK9F;IAED,UAAmB,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEzD;IAED,+EAA+E;IAC/E,IAAI,IAAI,IAAI,SAAS,GAAG,IAAI,CAE3B;IA0BD,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,IAAI,CAQ7C;IAED,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,MAAM,CAsF5F;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B;QAC5B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}