@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/json-view.js

@@ -0,0 +1,235 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsonView = jsonView;
+const icons_1 = require("./icons");
+const json_checks_1 = require("./json-checks");
+const json_code_1 = require("./json-code");
+/** How long typing rests before the text is checked, in milliseconds. */
+const REST = 250;
+/** A problem the page's format found, in the format's own words: one that stops the text being applied, at a path in the page. */
+const formatted = (row) => row.severity === 'error' && row.path !== undefined;
+let count = 0;
+/** `<>`: code, drawn as the designer's other icons are. */
+function codeIcon(doc) {
+    const icon = (0, icons_1.designerIcon)(doc, 'edit');
+    icon.innerHTML = '<path d="M8.5 7L3.5 12l5 5M15.5 7l5 5-5 5"/>';
+    return icon;
+}
+function jsonView({ el, doc, designer, trial, body }) {
+    const id = `fd-json-${++count}`;
+    const mac = /Mac|iPhone|iPad/.test(doc.defaultView?.navigator.platform ?? '');
+    const chord = mac ? '⌘' : 'Ctrl+';
+    const w = designer.words.json;
+    const toggle = el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': 'json', 'aria-pressed': 'false', title: w.pageAsJson }, codeIcon(doc), 'JSON');
+    trial.toggle.append(toggle);
+    const mode = (name) => trial.toggle.querySelector(`[data-mode="${name}"]`);
+    const state = el('p', { class: 'fd-json-state', id: `${id}-state`, role: 'status' });
+    const hint = el('p', { class: 'fd-json-hint', id: `${id}-hint` }, w.hint(chord));
+    const code = (0, json_code_1.codeBox)(el, doc, { label: w.pageAsJson, describedBy: `${id}-state ${id}-hint`, onApply: () => applyNow() });
+    const input = code.input;
+    const copyButton = el('button', { type: 'button', class: 'fd-button' }, w.copyJson);
+    const applyButton = el('button', { type: 'button', class: 'fd-button fd-button-primary', hidden: '' }, w.apply);
+    const bar = el('div', { class: 'fd-json-bar' }, el('div', { class: 'fd-json-title' }, el('h2', { class: 'fd-json-heading' }, w.pageAsJson), state), el('div', { class: 'fd-json-actions' }, copyButton, applyButton));
+    // Leaving with changes not applied: asked here, in the page.
+    const askApply = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, w.apply);
+    const askDiscard = el('button', { type: 'button', class: 'fd-button' }, w.discard);
+    const askKeep = el('button', { type: 'button', class: 'fd-button' }, w.keepEditing);
+    const question = el('div', { class: 'fd-json-leave', role: 'alertdialog', 'aria-labelledby': `${id}-leave`, hidden: '' }, el('p', { class: 'fd-json-leave-text', id: `${id}-leave` }, w.notApplied), el('div', { class: 'fd-json-actions' }, askApply, askDiscard, askKeep));
+    const list = el('ul', { class: 'fd-json-problems', 'aria-label': w.problems });
+    const element = el('section', { class: 'fd-json', 'aria-label': w.pageAsJson, hidden: '' }, bar, question, code.element, hint, list);
+    let open = false;
+    /** The page as the text last matched it: untouched text follows the page as it changes. */
+    let synced = '';
+    let rows = [];
+    let errors = 0;
+    /** What was just done, said until the text changes again. */
+    let said = null;
+    let timer = null;
+    /** Where to go once the question about changes not applied is answered. */
+    let then = null;
+    const dirty = () => input.value !== designer.pageJson();
+    function check() {
+        if (timer !== null)
+            clearTimeout(timer);
+        timer = null;
+        ({ rows, errors } = (0, json_checks_1.checkJson)(input.value, designer.words));
+        draw();
+    }
+    function draw() {
+        code.refresh();
+        code.mark(rows);
+        drawState();
+        list.replaceChildren(...rows.map((row) => {
+            const at = el('button', { type: 'button', class: 'fd-json-at', 'aria-label': w.goToLine(row.line, row.column) }, w.line(row.line));
+            at.addEventListener('click', () => code.goTo(row));
+            const item = el('li', { class: 'fd-json-problem', 'data-severity': row.severity }, at, el('span', { class: 'fd-json-severity' }, w.severity[row.severity]), el('span', { class: 'fd-json-message' }, formatted(row) ? w.formatProblem(row.message) : row.message));
+            if (row.fix) {
+                const fix = el('button', { type: 'button', class: 'fd-button fd-button-link fd-json-fix' }, row.fix.label);
+                fix.addEventListener('click', () => fixRow(row));
+                item.append(fix);
+            }
+            return item;
+        }));
+    }
+    /** Apply, and the line saying what there is to apply: kept current as each key is typed, the checks catching up once typing rests. */
+    function drawState() {
+        const changed = dirty();
+        // Apply shows only when there is something it can do; otherwise the line says why not.
+        applyButton.hidden = !changed || errors > 0;
+        state.textContent =
+            said ??
+                (errors > 0 ? w.toPutRight(errors) : changed ? w.changed(chord) : w.nothingToApply);
+    }
+    function fixRow(row) {
+        const fixed = (0, json_checks_1.fixJson)(input.value, row.fix?.check ?? null);
+        said = fixed === null ? w.cannotFix : w.fixed;
+        if (fixed !== null)
+            code.replace(fixed);
+        check();
+    }
+    /** Make the text the page. False, with its problems listed, when it cannot be. */
+    function applyNow() {
+        if (!dirty()) {
+            said = null;
+            check();
+            return true;
+        }
+        const result = designer.setPageJson(input.value);
+        if (result.ok) {
+            synced = designer.pageJson();
+            code.replace(synced);
+            said = w.applied;
+        }
+        else
+            said = null;
+        check();
+        return result.ok;
+    }
+    function pressed() {
+        toggle.setAttribute('aria-pressed', String(open));
+        mode('design')?.setAttribute('aria-pressed', String(!open && !trial.trying));
+        mode('try')?.setAttribute('aria-pressed', String(!open && trial.trying));
+    }
+    function show() {
+        if (open)
+            return;
+        if (trial.trying)
+            mode('design')?.click();
+        open = true;
+        synced = designer.pageJson();
+        code.replace(synced);
+        input.setSelectionRange(0, 0);
+        said = null;
+        check();
+        body.hidden = true;
+        element.hidden = false;
+        pressed();
+        input.focus({ preventScroll: true });
+    }
+    function close() {
+        open = false;
+        then = null;
+        question.hidden = true;
+        element.hidden = true;
+        body.hidden = false;
+        pressed();
+    }
+    /** Leave, then go on: at once when nothing is left unapplied, after asking when something is. */
+    function leave(next) {
+        if (!dirty()) {
+            close();
+            return false;
+        }
+        then = next;
+        question.hidden = false;
+        askApply.focus();
+        return true;
+    }
+    const answered = (go) => {
+        const next = then;
+        close();
+        go();
+        next?.();
+    };
+    askApply.addEventListener('click', () => {
+        if (applyNow())
+            answered(() => undefined);
+        else {
+            // Problems stop it: the question goes, and the first of them takes the keyboard.
+            question.hidden = true;
+            then = null;
+            list.querySelector('.fd-json-at')?.focus();
+        }
+    });
+    askDiscard.addEventListener('click', () => answered(() => code.replace(designer.pageJson())));
+    askKeep.addEventListener('click', () => {
+        question.hidden = true;
+        then = null;
+        input.focus();
+    });
+    // Design and Try it leave the JSON: asked first when something typed is not applied yet.
+    const onMode = (event) => {
+        const button = event.target.closest('[data-mode]');
+        if (!open || !button || button === toggle)
+            return;
+        if (leave(() => button.click())) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    };
+    trial.toggle.addEventListener('click', onMode, true);
+    toggle.addEventListener('click', show);
+    input.addEventListener('input', () => {
+        said = null;
+        drawState();
+        if (timer !== null)
+            clearTimeout(timer);
+        timer = setTimeout(check, REST);
+    });
+    async function copy() {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(input.value);
+            said = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the text selected, for the person to copy.
+            input.focus({ preventScroll: true });
+            input.setSelectionRange(0, input.value.length);
+            said = w.selected(chord);
+        }
+        draw();
+    }
+    copyButton.addEventListener('click', () => void copy());
+    applyButton.addEventListener('click', () => applyNow());
+    // Undo, redo or any edit elsewhere: text not typed in follows the page.
+    const stop = designer.subscribe(() => {
+        if (!open)
+            return;
+        const now = designer.pageJson();
+        if (input.value === synced && now !== synced) {
+            code.replace(now);
+            said = null;
+        }
+        synced = now;
+        check();
+    });
+    return {
+        element,
+        get open() {
+            return open;
+        },
+        items() {
+            if (open)
+                return [{ label: w.backToDesigning, hint: designer.words.tryIt.design, run: () => mode('design')?.click() }];
+            return [{ label: w.editAsJson, hint: 'JSON', run: () => toggle.click() }];
+        },
+        destroy() {
+            if (timer !== null)
+                clearTimeout(timer);
+            stop();
+            trial.toggle.removeEventListener('click', onMode, true);
+            toggle.remove();
+        },
+    };
+}
+//# sourceMappingURL=json-view.js.map

package/src/lib/json-view.js.map

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

package/src/lib/json-view.mjs

@@ -0,0 +1,232 @@
+import { designerIcon } from './icons.mjs';
+import { checkJson, fixJson } from './json-checks.mjs';
+import { codeBox } from './json-code.mjs';
+/** How long typing rests before the text is checked, in milliseconds. */
+const REST = 250;
+/** A problem the page's format found, in the format's own words: one that stops the text being applied, at a path in the page. */
+const formatted = (row) => row.severity === 'error' && row.path !== undefined;
+let count = 0;
+/** `<>`: code, drawn as the designer's other icons are. */
+function codeIcon(doc) {
+    const icon = designerIcon(doc, 'edit');
+    icon.innerHTML = '<path d="M8.5 7L3.5 12l5 5M15.5 7l5 5-5 5"/>';
+    return icon;
+}
+export function jsonView({ el, doc, designer, trial, body }) {
+    const id = `fd-json-${++count}`;
+    const mac = /Mac|iPhone|iPad/.test(doc.defaultView?.navigator.platform ?? '');
+    const chord = mac ? '⌘' : 'Ctrl+';
+    const w = designer.words.json;
+    const toggle = el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': 'json', 'aria-pressed': 'false', title: w.pageAsJson }, codeIcon(doc), 'JSON');
+    trial.toggle.append(toggle);
+    const mode = (name) => trial.toggle.querySelector(`[data-mode="${name}"]`);
+    const state = el('p', { class: 'fd-json-state', id: `${id}-state`, role: 'status' });
+    const hint = el('p', { class: 'fd-json-hint', id: `${id}-hint` }, w.hint(chord));
+    const code = codeBox(el, doc, { label: w.pageAsJson, describedBy: `${id}-state ${id}-hint`, onApply: () => applyNow() });
+    const input = code.input;
+    const copyButton = el('button', { type: 'button', class: 'fd-button' }, w.copyJson);
+    const applyButton = el('button', { type: 'button', class: 'fd-button fd-button-primary', hidden: '' }, w.apply);
+    const bar = el('div', { class: 'fd-json-bar' }, el('div', { class: 'fd-json-title' }, el('h2', { class: 'fd-json-heading' }, w.pageAsJson), state), el('div', { class: 'fd-json-actions' }, copyButton, applyButton));
+    // Leaving with changes not applied: asked here, in the page.
+    const askApply = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, w.apply);
+    const askDiscard = el('button', { type: 'button', class: 'fd-button' }, w.discard);
+    const askKeep = el('button', { type: 'button', class: 'fd-button' }, w.keepEditing);
+    const question = el('div', { class: 'fd-json-leave', role: 'alertdialog', 'aria-labelledby': `${id}-leave`, hidden: '' }, el('p', { class: 'fd-json-leave-text', id: `${id}-leave` }, w.notApplied), el('div', { class: 'fd-json-actions' }, askApply, askDiscard, askKeep));
+    const list = el('ul', { class: 'fd-json-problems', 'aria-label': w.problems });
+    const element = el('section', { class: 'fd-json', 'aria-label': w.pageAsJson, hidden: '' }, bar, question, code.element, hint, list);
+    let open = false;
+    /** The page as the text last matched it: untouched text follows the page as it changes. */
+    let synced = '';
+    let rows = [];
+    let errors = 0;
+    /** What was just done, said until the text changes again. */
+    let said = null;
+    let timer = null;
+    /** Where to go once the question about changes not applied is answered. */
+    let then = null;
+    const dirty = () => input.value !== designer.pageJson();
+    function check() {
+        if (timer !== null)
+            clearTimeout(timer);
+        timer = null;
+        ({ rows, errors } = checkJson(input.value, designer.words));
+        draw();
+    }
+    function draw() {
+        code.refresh();
+        code.mark(rows);
+        drawState();
+        list.replaceChildren(...rows.map((row) => {
+            const at = el('button', { type: 'button', class: 'fd-json-at', 'aria-label': w.goToLine(row.line, row.column) }, w.line(row.line));
+            at.addEventListener('click', () => code.goTo(row));
+            const item = el('li', { class: 'fd-json-problem', 'data-severity': row.severity }, at, el('span', { class: 'fd-json-severity' }, w.severity[row.severity]), el('span', { class: 'fd-json-message' }, formatted(row) ? w.formatProblem(row.message) : row.message));
+            if (row.fix) {
+                const fix = el('button', { type: 'button', class: 'fd-button fd-button-link fd-json-fix' }, row.fix.label);
+                fix.addEventListener('click', () => fixRow(row));
+                item.append(fix);
+            }
+            return item;
+        }));
+    }
+    /** Apply, and the line saying what there is to apply: kept current as each key is typed, the checks catching up once typing rests. */
+    function drawState() {
+        const changed = dirty();
+        // Apply shows only when there is something it can do; otherwise the line says why not.
+        applyButton.hidden = !changed || errors > 0;
+        state.textContent =
+            said ??
+                (errors > 0 ? w.toPutRight(errors) : changed ? w.changed(chord) : w.nothingToApply);
+    }
+    function fixRow(row) {
+        const fixed = fixJson(input.value, row.fix?.check ?? null);
+        said = fixed === null ? w.cannotFix : w.fixed;
+        if (fixed !== null)
+            code.replace(fixed);
+        check();
+    }
+    /** Make the text the page. False, with its problems listed, when it cannot be. */
+    function applyNow() {
+        if (!dirty()) {
+            said = null;
+            check();
+            return true;
+        }
+        const result = designer.setPageJson(input.value);
+        if (result.ok) {
+            synced = designer.pageJson();
+            code.replace(synced);
+            said = w.applied;
+        }
+        else
+            said = null;
+        check();
+        return result.ok;
+    }
+    function pressed() {
+        toggle.setAttribute('aria-pressed', String(open));
+        mode('design')?.setAttribute('aria-pressed', String(!open && !trial.trying));
+        mode('try')?.setAttribute('aria-pressed', String(!open && trial.trying));
+    }
+    function show() {
+        if (open)
+            return;
+        if (trial.trying)
+            mode('design')?.click();
+        open = true;
+        synced = designer.pageJson();
+        code.replace(synced);
+        input.setSelectionRange(0, 0);
+        said = null;
+        check();
+        body.hidden = true;
+        element.hidden = false;
+        pressed();
+        input.focus({ preventScroll: true });
+    }
+    function close() {
+        open = false;
+        then = null;
+        question.hidden = true;
+        element.hidden = true;
+        body.hidden = false;
+        pressed();
+    }
+    /** Leave, then go on: at once when nothing is left unapplied, after asking when something is. */
+    function leave(next) {
+        if (!dirty()) {
+            close();
+            return false;
+        }
+        then = next;
+        question.hidden = false;
+        askApply.focus();
+        return true;
+    }
+    const answered = (go) => {
+        const next = then;
+        close();
+        go();
+        next?.();
+    };
+    askApply.addEventListener('click', () => {
+        if (applyNow())
+            answered(() => undefined);
+        else {
+            // Problems stop it: the question goes, and the first of them takes the keyboard.
+            question.hidden = true;
+            then = null;
+            list.querySelector('.fd-json-at')?.focus();
+        }
+    });
+    askDiscard.addEventListener('click', () => answered(() => code.replace(designer.pageJson())));
+    askKeep.addEventListener('click', () => {
+        question.hidden = true;
+        then = null;
+        input.focus();
+    });
+    // Design and Try it leave the JSON: asked first when something typed is not applied yet.
+    const onMode = (event) => {
+        const button = event.target.closest('[data-mode]');
+        if (!open || !button || button === toggle)
+            return;
+        if (leave(() => button.click())) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    };
+    trial.toggle.addEventListener('click', onMode, true);
+    toggle.addEventListener('click', show);
+    input.addEventListener('input', () => {
+        said = null;
+        drawState();
+        if (timer !== null)
+            clearTimeout(timer);
+        timer = setTimeout(check, REST);
+    });
+    async function copy() {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(input.value);
+            said = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the text selected, for the person to copy.
+            input.focus({ preventScroll: true });
+            input.setSelectionRange(0, input.value.length);
+            said = w.selected(chord);
+        }
+        draw();
+    }
+    copyButton.addEventListener('click', () => void copy());
+    applyButton.addEventListener('click', () => applyNow());
+    // Undo, redo or any edit elsewhere: text not typed in follows the page.
+    const stop = designer.subscribe(() => {
+        if (!open)
+            return;
+        const now = designer.pageJson();
+        if (input.value === synced && now !== synced) {
+            code.replace(now);
+            said = null;
+        }
+        synced = now;
+        check();
+    });
+    return {
+        element,
+        get open() {
+            return open;
+        },
+        items() {
+            if (open)
+                return [{ label: w.backToDesigning, hint: designer.words.tryIt.design, run: () => mode('design')?.click() }];
+            return [{ label: w.editAsJson, hint: 'JSON', run: () => toggle.click() }];
+        },
+        destroy() {
+            if (timer !== null)
+                clearTimeout(timer);
+            stop();
+            trial.toggle.removeEventListener('click', onMode, true);
+            toggle.remove();
+        },
+    };
+}
+//# sourceMappingURL=json-view.mjs.map

package/src/lib/json-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-view.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/json-view.ts"],"names":[],"mappings":"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"}

package/src/lib/keep-unchanged.d.mts

@@ -0,0 +1,12 @@
+/**
+ * The page an edit made, with every part the edit left as it was taken from
+ * the page before: equal parts keep their identity, so the views can skip
+ * what did not change by comparing objects, and the pages kept for undo share
+ * what they have in common. The result is equal to `next`, its keys in
+ * `next`'s order; `before` itself when nothing changed.
+ *
+ * Parts of a list are matched by their id when they have one — a field put in
+ * before others leaves the others as they were — and by place otherwise.
+ * Pages are JSON, so plain objects, arrays and plain values are all it meets.
+ */
+export declare function keepUnchanged<T>(before: unknown, next: T): T;

package/src/lib/keep-unchanged.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The page an edit made, with every part the edit left as it was taken from
+ * the page before: equal parts keep their identity, so the views can skip
+ * what did not change by comparing objects, and the pages kept for undo share
+ * what they have in common. The result is equal to `next`, its keys in
+ * `next`'s order; `before` itself when nothing changed.
+ *
+ * Parts of a list are matched by their id when they have one — a field put in
+ * before others leaves the others as they were — and by place otherwise.
+ * Pages are JSON, so plain objects, arrays and plain values are all it meets.
+ */
+export declare function keepUnchanged<T>(before: unknown, next: T): T;

package/src/lib/keep-unchanged.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keepUnchanged = keepUnchanged;
+/**
+ * The page an edit made, with every part the edit left as it was taken from
+ * the page before: equal parts keep their identity, so the views can skip
+ * what did not change by comparing objects, and the pages kept for undo share
+ * what they have in common. The result is equal to `next`, its keys in
+ * `next`'s order; `before` itself when nothing changed.
+ *
+ * Parts of a list are matched by their id when they have one — a field put in
+ * before others leaves the others as they were — and by place otherwise.
+ * Pages are JSON, so plain objects, arrays and plain values are all it meets.
+ */
+function keepUnchanged(before, next) {
+    return keep(before, next);
+}
+const isObject = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+const idOf = (value) => (isObject(value) && typeof value['id'] === 'string' ? value['id'] : undefined);
+function keep(before, next) {
+    if (before === next)
+        return before;
+    if (Array.isArray(next))
+        return Array.isArray(before) ? keepList(before, next) : next;
+    if (isObject(next))
+        return isObject(before) ? keepObject(before, next) : next;
+    return next;
+}
+function keepList(before, next) {
+    // By id, when every part has one of its own.
+    let byId = new Map();
+    for (const item of before) {
+        const id = idOf(item);
+        if (id === undefined || byId.has(id)) {
+            byId = null;
+            break;
+        }
+        byId.set(id, item);
+    }
+    let same = before.length === next.length;
+    const out = next.map((item, i) => {
+        const id = idOf(item);
+        const was = byId ? (id === undefined ? undefined : byId.get(id)) : before[i];
+        const kept = keep(was, item);
+        if (kept !== before[i])
+            same = false;
+        return kept;
+    });
+    return same ? before : out;
+}
+function keepObject(before, next) {
+    const keys = Object.keys(next);
+    const beforeKeys = Object.keys(before);
+    // Made only once something differs: most of a page is as it was.
+    let out = keys.length === beforeKeys.length ? null : {};
+    keys.forEach((key, i) => {
+        const kept = keep(before[key], next[key]);
+        if (!out && (beforeKeys[i] !== key || kept !== before[key])) {
+            out = {};
+            for (const earlier of keys.slice(0, i))
+                out[earlier] = before[earlier];
+        }
+        if (out)
+            out[key] = kept;
+    });
+    return out ?? before;
+}
+//# sourceMappingURL=keep-unchanged.js.map

package/src/lib/keep-unchanged.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keep-unchanged.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/keep-unchanged.ts"],"names":[],"mappings":";;AAWA,sCAEC;AAbD;;;;;;;;;;GAUG;AACH,SAAgB,aAAa,CAAI,MAAe,EAAE,IAAO;IACvD,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,CAAM,CAAC;AACjC,CAAC;AAID,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAiB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AACzH,MAAM,IAAI,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAEhH,SAAS,IAAI,CAAC,MAAe,EAAE,IAAa;IAC1C,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACnC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtF,IAAI,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,QAAQ,CAAC,MAAiB,EAAE,IAAe;IAClD,6CAA6C;IAC7C,IAAI,IAAI,GAAgC,IAAI,GAAG,EAAE,CAAC;IAClD,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;QAC1B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACrC,IAAI,GAAG,IAAI,CAAC;YACZ,MAAM;QACR,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACrB,CAAC;IACD,IAAI,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC7E,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC7B,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;YAAE,IAAI,GAAG,KAAK,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CAAC,MAAY,EAAE,IAAU;IAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,iEAAiE;IACjE,IAAI,GAAG,GAAgB,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,IAAI,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5D,GAAG,GAAG,EAAE,CAAC;YACT,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,GAAG;YAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,IAAI,MAAM,CAAC;AACvB,CAAC"}