@kgdiff/viewer 0.5.0 → 0.6.0

package/dist/ui/sidebar.js

@@ -2,16 +2,57 @@
  * The default layout's sidebar (RFC 0001 §4): the change list with the search and the family
  * filters in its head, the search results in the list's place, and the detail panel below.
  * Below 760 px it is a resizable bottom sheet. The regions in it are bound to the root on their
- * own; the sidebar only places them, opens and closes, and resizes as a sheet.
+ * own; the sidebar places them and follows their panel states: a collapsed region folds to the
+ * control that opens it again (the list to its title, the detail panel to its bar, the search
+ * and the filters to a button), and the sidebar folds away when all four are collapsed. It has
+ * a draggable width, and a draggable split between the list and the detail panel; both
+ * separators also move with the arrow keys.
  */
-import { attr, h } from '../dom.js';
+import { attr, h, icon, iconButton, moveFocusOut, relabel } from '../dom.js';
+import { SIDEBAR_REGIONS } from '../panel-levels.js';
+import { frameOrTimeout } from '../schedule.js';
 export { HEADER_SLOT, ROW_SLOT } from './change-list.js';
+/** The sidebar's default width and the range it can be dragged in, px. */
+export const SIDEBAR_WIDTH = 360;
+export const SIDEBAR_MIN = 280;
+const SIDEBAR_MAX = 720;
+/** The canvas keeps at least this much width next to the sidebar, px. */
+const STAGE_MIN = 320;
+/** Keyboard steps of the width (px) and of the split (share of the height). */
+const WIDTH_STEP = 16;
+const WIDTH_STEP_LARGE = 64;
+const SPLIT_STEP = 0.05;
+/** The change list keeps this much height, the detail panel this much, px. */
+const LIST_MIN = 96;
+const DETAIL_MIN = 64;
 export class Sidebar {
     el;
+    #inner;
     #handle;
-    #tr;
-    constructor(tr, list, search, filters, detail) {
-        this.#tr = tr;
+    #resize;
+    #split;
+    #head;
+    #listHead;
+    #listWrap;
+    #listToggle;
+    #searchWrap;
+    #searchButton;
+    #filtersWrap;
+    #filtersButton;
+    #detailWrap;
+    #detailBar;
+    #detail;
+    #ctx;
+    #host;
+    #states = null;
+    #width = SIDEBAR_WIDTH;
+    #share = null;
+    /** The sizes last reported as done (or applied as remembered): a gesture that ends there is not reported. */
+    #reported = { width: SIDEBAR_WIDTH, share: null };
+    constructor(ctx, host, list, search, filters, detail) {
+        this.#ctx = ctx;
+        this.#host = host;
+        this.#detail = detail;
         this.#handle = h('div', {
             class: 'sheet-handle',
             role: 'separator',
@@ -19,18 +60,302 @@ export class Sidebar {
             tabindex: '0',
         });
         this.#bindSheet();
-        this.el = h('aside', { class: 'sidebar', 'data-open': 'true' }, h('div', { class: 'sidebar-inner' }, this.#handle, h('div', { class: 'sb-head' }, list.head, search.box, filters.el), h('div', { class: 'list-wrap' }, list.sticky, list.list, search.results, list.phases), detail.el));
+        const toggle = (region) => () => {
+            const open = this.#states?.[region] === 'open';
+            host.setPanel(region, open ? 'collapsed' : 'open');
+        };
+        this.#listToggle = iconButton('chevron-up', '', toggle('list'), {
+            class: 'icon-btn sm list-toggle',
+            'aria-expanded': 'true',
+            'aria-controls': 'kg-list-wrap',
+        });
+        this.#searchButton = iconButton('search', '', () => host.setPanel('search', 'open'), {
+            class: 'icon-btn sm',
+            hidden: true,
+        });
+        this.#filtersButton = iconButton('filter', '', () => host.setPanel('filters', 'open'), {
+            class: 'icon-btn sm filters-btn',
+            hidden: true,
+        });
+        this.#listHead = list.head;
+        this.#head = h('div', { class: 'sb-row' }, list.head, this.#searchButton, this.#filtersButton, this.#listToggle);
+        this.#searchWrap = h('div', { class: 'search-wrap' }, search.box);
+        this.#filtersWrap = h('div', { class: 'filters-wrap', id: 'kg-filters' }, filters.el);
+        this.#listWrap = h('div', { class: 'list-wrap', id: 'kg-list-wrap' }, list.sticky, list.list, search.results, list.phases);
+        this.#split = h('div', {
+            class: 'sb-split',
+            role: 'separator',
+            'aria-orientation': 'horizontal',
+            'aria-valuemin': '0',
+            'aria-valuemax': '100',
+            tabindex: '0',
+        });
+        this.#detailBar = h('button', {
+            type: 'button',
+            class: 'detail-bar',
+            'aria-expanded': 'true',
+            'aria-controls': 'kg-detail',
+            onclick: toggle('detail'),
+        }, h('span', { class: 'lbl' }), icon('chevron-down'));
+        attr(detail.el, 'id', 'kg-detail');
+        this.#detailWrap = h('div', { class: 'detail-wrap' }, this.#detailBar, detail.el);
+        this.#inner = h('div', { class: 'sidebar-inner' }, this.#handle, h('div', { class: 'sb-head' }, this.#head, this.#searchWrap, this.#filtersWrap), this.#listWrap, this.#split, this.#detailWrap);
+        this.#resize = h('div', {
+            class: 'sb-resize',
+            role: 'separator',
+            'aria-orientation': 'vertical',
+            'aria-valuemin': String(SIDEBAR_MIN),
+            tabindex: '0',
+        });
+        this.el = h('aside', { class: 'sidebar', 'data-open': 'true' }, this.#resize, this.#inner);
+        this.#bindResize();
+        this.#bindSplit();
+    }
+    get width() {
+        return this.#width;
+    }
+    get detailShare() {
+        return this.#share;
     }
-    setOpen(open) {
+    /** Follow the panel states of the four regions (the sidebar folds when none is open). */
+    setPanels(states) {
+        this.#states = states;
+        const shown = SIDEBAR_REGIONS.filter((r) => states[r] !== 'hidden');
+        const open = shown.some((r) => states[r] === 'open');
+        const root = this.#ctx.root;
+        if (!open)
+            moveFocusOut(root, this.el, () => this.#host.focusOutside());
+        const fold = (el, state, to) => {
+            if (state !== 'open')
+                moveFocusOut(root, el, to);
+            el.hidden = state !== 'open';
+            el.inert = state !== 'open';
+        };
+        fold(this.#searchWrap, states.search, () => this.#searchButton);
+        fold(this.#filtersWrap, states.filters, () => this.#filtersButton);
+        this.#searchButton.hidden = states.search !== 'collapsed';
+        this.#filtersButton.hidden = states.filters !== 'collapsed';
+        this.#listHead.hidden = states.list === 'hidden';
+        this.#listToggle.hidden = states.list === 'hidden';
+        attr(this.#listToggle, 'aria-expanded', String(states.list === 'open'));
+        attr(this.#detailWrap, 'data-state', states.detail);
+        this.#detailWrap.hidden = states.detail === 'hidden';
+        if (states.detail !== 'open')
+            moveFocusOut(root, this.#detail.el, () => this.#detailBar);
+        this.#detail.el.inert = states.detail !== 'open';
+        attr(this.#detailBar, 'aria-expanded', String(states.detail === 'open'));
+        this.#placeList(this.#ctx.controller.query.trim() !== '');
+        this.el.hidden = shown.length === 0;
         attr(this.el, 'data-open', String(open));
         this.el.inert = !open;
+        this.#relabel();
+    }
+    /**
+     * Apply sizes (after a drag, or `instant`: remembered ones, which must not animate in on
+     * load); the width is clamped when the layout is known.
+     */
+    setSizes(width, detailShare, instant = false) {
+        if (instant) {
+            this.el.classList.add('dragging');
+            frameOrTimeout(() => this.el.classList.remove('dragging'));
+        }
+        this.#width = Math.max(SIDEBAR_MIN, Math.min(SIDEBAR_MAX, Math.round(width)));
+        this.#share = detailShare === null ? null : Math.max(0, Math.min(1, detailShare));
+        if (instant)
+            this.#reported = { width: this.#width, share: this.#share };
+        this.el.style.setProperty('--sidebar-w', `${this.#width}px`);
+        if (this.#share === null) {
+            this.el.removeAttribute('data-split');
+            this.el.style.removeProperty('--detail-share');
+        }
+        else {
+            attr(this.el, 'data-split', 'true');
+            this.el.style.setProperty('--detail-share', String(this.#share));
+        }
+        this.#syncSeparators();
     }
     update(topics) {
-        if (topics.has('status') || topics.has('data') || topics.has('locale')) {
-            const tr = this.#tr();
-            attr(this.el, 'aria-label', tr.t('sidebar.label'));
-            attr(this.#handle, 'aria-label', tr.t('sidebar.sheet'));
+        if (topics.has('status') || topics.has('data') || topics.has('locale'))
+            this.#relabel();
+        if (topics.has('search') || topics.has('status')) {
+            this.#placeList(this.#ctx.controller.query.trim() !== '');
         }
+        if (topics.has('filters') || topics.has('status')) {
+            attr(this.#filtersButton, 'data-active', String(this.#ctx.controller.families.size > 0));
+        }
+    }
+    /**
+     * The list's place shows the rows while the list is open and the search results while a
+     * search is active, whatever the list's state (the results take its place).
+     */
+    #placeList(searching) {
+        const state = this.#states?.list ?? 'open';
+        const shown = state === 'open' || searching;
+        if (!shown)
+            moveFocusOut(this.#ctx.root, this.#listWrap, () => this.#listToggle);
+        this.#listWrap.hidden = !shown;
+        this.#listWrap.inert = !shown;
+        const detailOpen = (this.#states?.detail ?? 'open') === 'open';
+        this.#split.hidden = !(shown && detailOpen);
+        attr(this.el, 'data-list', shown ? 'open' : 'folded');
+    }
+    #relabel() {
+        const tr = this.#ctx.tr();
+        attr(this.el, 'aria-label', tr.t('sidebar.label'));
+        attr(this.#handle, 'aria-label', tr.t('sidebar.sheet'));
+        attr(this.#resize, 'aria-label', tr.t('sidebar.resize'));
+        attr(this.#split, 'aria-label', tr.t('sidebar.split'));
+        const listOpen = this.#states?.list !== 'collapsed';
+        relabel(this.#listToggle, tr.t(listOpen ? 'sidebar.hideList' : 'sidebar.showList'));
+        relabel(this.#searchButton, `${tr.t('sidebar.search')} (/)`);
+        relabel(this.#filtersButton, tr.t('sidebar.filters'));
+        const bar = this.#detailBar.querySelector('.lbl');
+        if (bar)
+            bar.textContent = tr.t('detail.label');
+        attr(this.#detailBar, 'title', tr.t(this.#states?.detail === 'collapsed' ? 'detail.show' : 'detail.hide'));
+    }
+    /** A drag or key press ended: report the sizes, unless they are where they were. */
+    #done() {
+        const { width, share } = this.#reported;
+        if (width === this.#width && share === this.#share)
+            return;
+        this.#reported = { width: this.#width, share: this.#share };
+        this.#host.resized(this.#width, this.#share);
+    }
+    // ─── Width ───────────────────────────────────────────────────────────────
+    /** The widest the sidebar may be next to the canvas, px. */
+    #maxWidth() {
+        const total = this.el.parentElement?.clientWidth ?? 0;
+        return total > 0
+            ? Math.max(SIDEBAR_MIN, Math.min(SIDEBAR_MAX, total - STAGE_MIN))
+            : SIDEBAR_MAX;
+    }
+    #syncSeparators() {
+        const max = this.#maxWidth();
+        attr(this.#resize, 'aria-valuemax', String(max));
+        const now = Math.min(this.#width, max);
+        attr(this.#resize, 'aria-valuenow', String(now));
+        attr(this.#resize, 'aria-valuetext', `${now} px`);
+        const list = Math.round(100 * (1 - (this.#share ?? this.#measuredShare())));
+        attr(this.#split, 'aria-valuenow', String(list));
+        attr(this.#split, 'aria-valuetext', this.#ctx.tr().t('sidebar.splitValue', { p: `${list}%` }));
+    }
+    #bindResize() {
+        let start = null;
+        const set = (px, done) => {
+            const width = Math.max(SIDEBAR_MIN, Math.min(this.#maxWidth(), px));
+            this.setSizes(width, this.#share);
+            if (done)
+                this.#done();
+        };
+        this.#resize.addEventListener('pointerdown', (e) => {
+            e.preventDefault();
+            start = { x: e.clientX, w: this.el.getBoundingClientRect().width, id: e.pointerId };
+            this.#resize.setPointerCapture?.(e.pointerId);
+            this.el.classList.add('dragging');
+        });
+        this.#resize.addEventListener('pointermove', (e) => {
+            // The sidebar is on the right: dragging its edge left widens it.
+            if (start && e.pointerId === start.id)
+                set(start.w + (start.x - e.clientX), false);
+        });
+        const end = (e) => {
+            if (!start || e.pointerId !== start.id)
+                return;
+            start = null;
+            this.el.classList.remove('dragging');
+            this.#done();
+        };
+        this.#resize.addEventListener('pointerup', end);
+        this.#resize.addEventListener('pointercancel', end);
+        this.#resize.addEventListener('dblclick', () => set(SIDEBAR_WIDTH, true));
+        this.#resize.addEventListener('keydown', (e) => {
+            const step = e.shiftKey ? WIDTH_STEP_LARGE : WIDTH_STEP;
+            // From the width shown (a narrow layout holds the sidebar below the stored width).
+            const shown = Math.min(this.#width, this.#maxWidth());
+            const to = {
+                ArrowLeft: shown + step,
+                ArrowRight: shown - step,
+                PageUp: shown + WIDTH_STEP_LARGE,
+                PageDown: shown - WIDTH_STEP_LARGE,
+                Home: SIDEBAR_MIN,
+                End: this.#maxWidth(),
+            };
+            const next = to[e.key];
+            if (next === undefined)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            set(next, true);
+        });
+    }
+    // ─── Split between the list and the detail panel ────────────────────────
+    /** The detail panel's share of the sidebar's height as laid out now (0 before layout). */
+    #measuredShare() {
+        const total = this.#inner.clientHeight;
+        return total > 0 ? this.#detailWrap.getBoundingClientRect().height / total : 0;
+    }
+    /** Clamp a share so that the list and the detail panel keep their minimum heights. */
+    #clampShare(share) {
+        const total = this.#inner.clientHeight;
+        if (total <= 0)
+            return Math.max(0.1, Math.min(0.9, share));
+        const above = this.#head.parentElement?.getBoundingClientRect().height ?? 0;
+        const max = Math.max(DETAIL_MIN, total - above - LIST_MIN) / total;
+        return Math.max(DETAIL_MIN / total, Math.min(max, share));
+    }
+    #bindSplit() {
+        let start = null;
+        const set = (share, done) => {
+            this.setSizes(this.#width, this.#clampShare(share));
+            if (done)
+                this.#done();
+        };
+        this.#split.addEventListener('pointerdown', (e) => {
+            e.preventDefault();
+            start = { y: e.clientY, share: this.#share ?? this.#measuredShare(), id: e.pointerId };
+            this.#split.setPointerCapture?.(e.pointerId);
+            this.el.classList.add('dragging');
+        });
+        this.#split.addEventListener('pointermove', (e) => {
+            if (!start || e.pointerId !== start.id)
+                return;
+            const total = this.#inner.clientHeight;
+            if (total > 0)
+                set(start.share + (start.y - e.clientY) / total, false);
+        });
+        const end = (e) => {
+            if (!start || e.pointerId !== start.id)
+                return;
+            start = null;
+            this.el.classList.remove('dragging');
+            this.#done();
+        };
+        this.#split.addEventListener('pointerup', end);
+        this.#split.addEventListener('pointercancel', end);
+        // Back to the content's height.
+        this.#split.addEventListener('dblclick', () => {
+            this.setSizes(this.#width, null);
+            this.#done();
+        });
+        this.#split.addEventListener('keydown', (e) => {
+            const current = this.#share ?? this.#measuredShare();
+            // Up moves the split up: the detail panel grows.
+            const to = {
+                ArrowUp: current + SPLIT_STEP,
+                ArrowDown: current - SPLIT_STEP,
+                PageUp: current + 2 * SPLIT_STEP,
+                PageDown: current - 2 * SPLIT_STEP,
+                Home: 1,
+                End: 0,
+            };
+            const next = to[e.key];
+            if (next === undefined)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            set(next, true);
+        });
     }
     // ─── Bottom sheet ────────────────────────────────────────────────────────
     /** Separator semantics: the sheet's height as a percentage of the available height. */
@@ -39,7 +364,7 @@ export class Sidebar {
         attr(this.#handle, 'aria-valuemin', String(pct(120)));
         attr(this.#handle, 'aria-valuemax', String(pct(total - 96)));
         attr(this.#handle, 'aria-valuenow', String(pct(px)));
-        attr(this.#handle, 'aria-valuetext', this.#tr().t('sidebar.sheetValue', { p: `${pct(px)}%` }));
+        attr(this.#handle, 'aria-valuetext', this.#ctx.tr().t('sidebar.sheetValue', { p: `${pct(px)}%` }));
     }
     /** Refresh the separator values (layout changes). */
     syncSheet() {
@@ -47,6 +372,13 @@ export class Sidebar {
         if (total > 0)
             this.#sheetValue(this.el.getBoundingClientRect().height, total);
     }
+    /** The layout changed size: keep the width within what fits, refresh the separators. */
+    layout(compact) {
+        if (compact)
+            this.syncSheet();
+        else
+            this.#syncSeparators();
+    }
     #bindSheet() {
         let start = null;
         const host = () => this.el.parentElement;

package/dist/ui/sidebar.js.map

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

package/dist/ui/stage.d.ts

@@ -1,26 +1,81 @@
 import type { Topic } from '../controller.js';
 import type { ChromeLayout } from '../framing.js';
+import type { PanelStates, StageRegion, StageVersion } from '../index.js';
+import type { StageView } from '../view.js';
 import { type UiContext } from './context.js';
 import { Dock } from './dock.js';
+import { Legend } from './legend.js';
+import { Transport } from './transport.js';
+import { ZoomBar } from './zoom.js';
 /** How the legend shows: the card, one line of dots, or not at all. */
 export type LegendStyle = 'full' | 'mini' | 'none';
+/** The named slots of `<kgdiff-stage>`, where the page puts its own content over the canvas. */
+export declare const STAGE_SLOTS: readonly ['top-start', 'top-end', 'bottom-start', 'bottom-center', 'bottom-end'];
+/** The chrome over a canvas: the stage's regions, and the viewer's title and actions. */
+export type ChromeRegion = StageRegion | 'title' | 'actions';
+type ChromeStates = Pick<PanelStates, StageRegion>;
 export declare class Stage {
     #private;
     readonly el: HTMLElement;
     readonly canvasHost: HTMLElement;
     readonly minimapHost: HTMLElement;
+    /** The view drawing this stage's canvas (its camera, minimap, framing), once attached. */
+    get view(): StageView | null;
+    set view(view: StageView | null);
+    readonly transport: Transport;
     readonly dock: Dock;
+    readonly legend: Legend;
+    readonly zoom: ZoomBar;
     readonly tooltip: HTMLElement;
-    constructor(ctx: UiContext);
+    /**
+     * Called when the regions slotted elements replace change: the layout that draws the title
+     * and the actions (`<kgdiff-viewer>`) applies its panels again.
+     */
+    onReplaced: (() => void) | null;
+    /**
+     * `slots`: the stage has named slots for the page's content (stacked with the built-in chrome
+     * in its corner).
+     */
+    constructor(ctx: UiContext, slots?: boolean);
     /**
      * The canvas size and the floating chrome currently drawn over it (canvas-relative rects),
      * for framing fits and flights around it.
      */
     chromeLayout(): ChromeLayout;
+    /**
+     * Keep `el` clear of fits and flights, as the chrome is (content over the canvas the stage
+     * does not place itself); returns the function that stops it.
+     */
+    registerObstacle(el: Element): () => void;
     /** Re-measure what depends on rendered sizes (fonts, resizes). */
     layout(): void;
+    /**
+     * The page's slotted content changed (and once the stage is in its shadow root): a chrome
+     * element replaces the built-in one.
+     */
+    slotted(): void;
+    /** Whether a chrome element slotted into the stage replaces `region`. */
+    replaces(region: ChromeRegion): boolean;
+    /**
+     * Follow the panel states of the chrome over the canvas: the dock, the replay transport, the
+     * legend (collapsed: folded to its head), the zoom buttons and the minimap. A region that is
+     * not open is not shown (and inert); focus inside it moves to the canvas first. A region a
+     * slotted chrome element replaces is not shown either, whatever its state.
+     */
+    setPanels(states: ChromeStates): void;
+    /**
+     * The version a stage pinned to it draws (`<kgdiff-stage version>`): no swipe divider or
+     * replay caption then, and a chip naming the version; null follows the mode.
+     */
+    setVersion(version: StageVersion | null): void;
+    /**
+     * A region named after the graph (and its version), not the page's main landmark: for a
+     * `<kgdiff-stage>`, one of several on a page that has its own.
+     */
+    asRegion(): void;
     /** Legend style, and whether clicks select (the tooltip only hints at clicking then). */
     setChrome(legend: LegendStyle, selectable: boolean): void;
     update(topics: ReadonlySet<Topic>): void;
 }
+export {};
 //# sourceMappingURL=stage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../src/ui/stage.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAW9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAKjC,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,qBAAa,KAAK;;IAChB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAuBlC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IAYpB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAU9B,YAAY,GAAG,EAAE,SAAS,EAqKzB;IAED;;;OAGG;IACH,YAAY,IAAI,YAAY,CAwB3B;IAED,kEAAkE;IAClE,MAAM,IAAI,IAAI,CAEb;IAQD,yFAAyF;IACzF,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAGxD;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAwBvC;CA8fF"}
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../src/ui/stage.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,KAAK,EAAc,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,gGAAgG;AAChG,eAAO,MAAM,WAAW,YACtB,WAAW,EACX,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,CACJ,CAAC;AAEX,yFAAyF;AACzF,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC;AAa7D,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAEnD,qBAAa,KAAK;;IAChB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAKlC,0FAA0F;IAC1F,IAAI,IAAI,IAAI,SAAS,GAAG,IAAI,CAE3B;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,EAM9B;IAmBD,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAO9B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IAGpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAa9B;;;OAGG;IACH,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;IAQvC;;;OAGG;IACH,YAAY,GAAG,EAAE,SAAS,EAAE,KAAK,UAAQ,EA2HxC;IAED;;;OAGG;IACH,YAAY,IAAI,YAAY,CA4B3B;IAED;;;OAGG;IACH,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,IAAI,CAKxC;IAED,kEAAkE;IAClE,MAAM,IAAI,IAAI,CAEb;IAED;;;OAGG;IACH,OAAO,IAAI,IAAI,CAkBd;IAED,yEAAyE;IACzE,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAEtC;IAED;;;;;OAKG;IACH,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAGpC;IA6BD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAM7C;IAYD;;;OAGG;IACH,QAAQ,IAAI,IAAI,CAIf;IAED,yFAAyF;IACzF,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAGxD;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAyBvC;CAsUF"}