@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/try-drawer.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryDrawer = tryDrawer;
+const en_1 = require("./locales/en");
+/** Which tab is open and whether the drawer is folded, kept while the same Try it draws the page again. */
+const kept = new WeakMap();
+let drawers = 0;
+/** The step a field is asked on, for a survey of several pages. */
+function stepOf(page, field) {
+    if (page.layout.type !== 'wizard')
+        return null;
+    const holds = (nodes) => nodes.some((node) => (node.type === 'field' && node.field === field) || ('children' in node && holds(node.children)));
+    return page.layout.children.find((step) => holds(step.children))?.id ?? null;
+}
+/** The fields the page shows, each once, in the order it shows them. */
+function shownFields(page) {
+    const names = [];
+    const walk = (value) => {
+        if (value === null || typeof value !== 'object')
+            return;
+        if (Array.isArray(value))
+            return value.forEach(walk);
+        const node = value;
+        if (node.type === 'field' && typeof node.field === 'string' && !names.includes(node.field))
+            names.push(node.field);
+        Object.values(value).forEach(walk);
+    };
+    walk(page.layout);
+    return names;
+}
+function tryDrawer(el, frame, viewer, words = en_1.en) {
+    const w = words.tryIt;
+    const doc = frame.ownerDocument;
+    const form = viewer.form;
+    const page = form.page;
+    const mine = kept.get(frame) ?? { tab: 'data', folded: true };
+    kept.set(frame, mine);
+    frame.parentElement?.querySelector(':scope > .fd-try-drawer')?.remove();
+    // A list holds no answers of its own to show.
+    if (page.layout.type === 'list')
+        return null;
+    // Ids of its own: two editors on one page may each be tried.
+    const id = `fd-try-drawer-${++drawers}`;
+    // Two buttons that each open their part of the drawer, the open one folding it: no tabs, so the page tried keeps the only tabs here.
+    const tab = (name, words) => el('button', { type: 'button', class: 'fd-try-tab', id: `${id}-${name}`, 'aria-controls': `${id}-${name}-panel` }, words);
+    const tabs = { data: tab('data', w.data), problems: tab('problems', w.problems) };
+    const count = el('span', { class: 'fd-try-count' });
+    tabs.problems.append(' ', count);
+    const said = el('span', { class: 'fd-try-said', role: 'status' });
+    const copy = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-copy' }, w.copyData);
+    const fold = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-fold', 'aria-controls': `${id}-panels` });
+    const data = el('pre', { class: 'fd-try-data', tabindex: '0', 'aria-label': w.answersAsJson });
+    const list = el('ul', { class: 'fd-try-problems' });
+    const none = el('p', { class: 'fd-try-none' }, w.nothingInTheWay);
+    const panels = {
+        data: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-data-panel`, 'aria-labelledby': `${id}-data` }, data),
+        problems: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-problems-panel`, 'aria-labelledby': `${id}-problems` }, list, none),
+    };
+    const drawer = el('section', { class: 'fd-try-drawer', 'aria-label': w.drawer }, el('div', { class: 'fd-try-drawer-bar' }, el('div', { class: 'fd-try-tabs' }, tabs.data, tabs.problems), said, copy, fold), el('div', { class: 'fd-try-panels', id: `${id}-panels` }, panels.data, panels.problems));
+    function show() {
+        for (const name of ['data', 'problems']) {
+            tabs[name].setAttribute('aria-expanded', String(name === mine.tab && !mine.folded));
+            panels[name].hidden = name !== mine.tab;
+        }
+        drawer.querySelector('.fd-try-panels').hidden = mine.folded;
+        fold.textContent = mine.folded ? w.show : w.hide;
+        fold.setAttribute('aria-expanded', String(!mine.folded));
+    }
+    /** The question a field is asked by, as the page shows it. */
+    const labelOf = (name) => viewer.element.querySelector(`.fd-field[data-field="${name}"] .fd-label`)?.firstChild?.textContent?.trim() || page.fields[name]?.label || name;
+    /** Put the cursor in a field: on its page first, for a survey of several. */
+    function goTo(name) {
+        const box = () => viewer.element.querySelector(`.fd-field[data-field="${name}"]:not([hidden])`);
+        const step = stepOf(page, name);
+        if ((!box() || box()?.closest('[hidden]')) && step)
+            form.goTo(step);
+        box()?.querySelector('input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])')?.focus();
+    }
+    function draw(state) {
+        const open = (tab) => !mine.folded && mine.tab === tab;
+        data.textContent = open('data') ? JSON.stringify(state.values, null, 2) : '';
+        const rows = [];
+        for (const name of shownFields(page)) {
+            const problem = form.problem(name);
+            if (problem)
+                rows.push({ name, message: problem, warning: false });
+            const warning = state.warnings[name] ?? (state.warningField === name ? state.warning : null);
+            if (warning)
+                rows.push({ name, message: warning, warning: true });
+        }
+        const problems = rows.filter((row) => !row.warning).length;
+        count.textContent = problems ? String(problems) : '';
+        count.hidden = !problems;
+        none.hidden = rows.length > 0;
+        list.replaceChildren(...rows.filter(() => open('problems')).map((row) => {
+            const button = el('button', { type: 'button', class: 'fd-try-problem', 'data-field': row.name, 'data-warning': row.warning ? '' : undefined }, el('strong', {}, labelOf(row.name)), el('span', {}, row.message));
+            button.addEventListener('click', () => goTo(row.name));
+            return el('li', {}, button);
+        }));
+    }
+    for (const name of ['data', 'problems']) {
+        tabs[name].addEventListener('click', () => {
+            // The open tab, pressed again, folds the drawer.
+            mine.folded = mine.tab === name && !mine.folded;
+            mine.tab = name;
+            show();
+            draw(form.getState());
+        });
+    }
+    fold.addEventListener('click', () => {
+        mine.folded = !mine.folded;
+        show();
+        draw(form.getState());
+    });
+    copy.addEventListener('click', async () => {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(JSON.stringify(form.getState().values, null, 2));
+            said.textContent = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the data selected, for the person to copy.
+            mine.tab = 'data';
+            mine.folded = false;
+            show();
+            draw(form.getState());
+            doc.getSelection()?.selectAllChildren(data);
+            said.textContent = w.selected;
+        }
+    });
+    show();
+    draw(form.getState());
+    form.subscribe((state) => {
+        said.textContent = '';
+        draw(state);
+    });
+    frame.after(drawer);
+    return drawer;
+}
+//# sourceMappingURL=try-drawer.js.map

package/src/lib/try-drawer.js.map

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

package/src/lib/try-drawer.mjs

@@ -0,0 +1,136 @@
+import { en } from './locales/en/index.mjs';
+/** Which tab is open and whether the drawer is folded, kept while the same Try it draws the page again. */
+const kept = new WeakMap();
+let drawers = 0;
+/** The step a field is asked on, for a survey of several pages. */
+function stepOf(page, field) {
+    if (page.layout.type !== 'wizard')
+        return null;
+    const holds = (nodes) => nodes.some((node) => (node.type === 'field' && node.field === field) || ('children' in node && holds(node.children)));
+    return page.layout.children.find((step) => holds(step.children))?.id ?? null;
+}
+/** The fields the page shows, each once, in the order it shows them. */
+function shownFields(page) {
+    const names = [];
+    const walk = (value) => {
+        if (value === null || typeof value !== 'object')
+            return;
+        if (Array.isArray(value))
+            return value.forEach(walk);
+        const node = value;
+        if (node.type === 'field' && typeof node.field === 'string' && !names.includes(node.field))
+            names.push(node.field);
+        Object.values(value).forEach(walk);
+    };
+    walk(page.layout);
+    return names;
+}
+export function tryDrawer(el, frame, viewer, words = en) {
+    const w = words.tryIt;
+    const doc = frame.ownerDocument;
+    const form = viewer.form;
+    const page = form.page;
+    const mine = kept.get(frame) ?? { tab: 'data', folded: true };
+    kept.set(frame, mine);
+    frame.parentElement?.querySelector(':scope > .fd-try-drawer')?.remove();
+    // A list holds no answers of its own to show.
+    if (page.layout.type === 'list')
+        return null;
+    // Ids of its own: two editors on one page may each be tried.
+    const id = `fd-try-drawer-${++drawers}`;
+    // Two buttons that each open their part of the drawer, the open one folding it: no tabs, so the page tried keeps the only tabs here.
+    const tab = (name, words) => el('button', { type: 'button', class: 'fd-try-tab', id: `${id}-${name}`, 'aria-controls': `${id}-${name}-panel` }, words);
+    const tabs = { data: tab('data', w.data), problems: tab('problems', w.problems) };
+    const count = el('span', { class: 'fd-try-count' });
+    tabs.problems.append(' ', count);
+    const said = el('span', { class: 'fd-try-said', role: 'status' });
+    const copy = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-copy' }, w.copyData);
+    const fold = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-fold', 'aria-controls': `${id}-panels` });
+    const data = el('pre', { class: 'fd-try-data', tabindex: '0', 'aria-label': w.answersAsJson });
+    const list = el('ul', { class: 'fd-try-problems' });
+    const none = el('p', { class: 'fd-try-none' }, w.nothingInTheWay);
+    const panels = {
+        data: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-data-panel`, 'aria-labelledby': `${id}-data` }, data),
+        problems: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-problems-panel`, 'aria-labelledby': `${id}-problems` }, list, none),
+    };
+    const drawer = el('section', { class: 'fd-try-drawer', 'aria-label': w.drawer }, el('div', { class: 'fd-try-drawer-bar' }, el('div', { class: 'fd-try-tabs' }, tabs.data, tabs.problems), said, copy, fold), el('div', { class: 'fd-try-panels', id: `${id}-panels` }, panels.data, panels.problems));
+    function show() {
+        for (const name of ['data', 'problems']) {
+            tabs[name].setAttribute('aria-expanded', String(name === mine.tab && !mine.folded));
+            panels[name].hidden = name !== mine.tab;
+        }
+        drawer.querySelector('.fd-try-panels').hidden = mine.folded;
+        fold.textContent = mine.folded ? w.show : w.hide;
+        fold.setAttribute('aria-expanded', String(!mine.folded));
+    }
+    /** The question a field is asked by, as the page shows it. */
+    const labelOf = (name) => viewer.element.querySelector(`.fd-field[data-field="${name}"] .fd-label`)?.firstChild?.textContent?.trim() || page.fields[name]?.label || name;
+    /** Put the cursor in a field: on its page first, for a survey of several. */
+    function goTo(name) {
+        const box = () => viewer.element.querySelector(`.fd-field[data-field="${name}"]:not([hidden])`);
+        const step = stepOf(page, name);
+        if ((!box() || box()?.closest('[hidden]')) && step)
+            form.goTo(step);
+        box()?.querySelector('input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])')?.focus();
+    }
+    function draw(state) {
+        const open = (tab) => !mine.folded && mine.tab === tab;
+        data.textContent = open('data') ? JSON.stringify(state.values, null, 2) : '';
+        const rows = [];
+        for (const name of shownFields(page)) {
+            const problem = form.problem(name);
+            if (problem)
+                rows.push({ name, message: problem, warning: false });
+            const warning = state.warnings[name] ?? (state.warningField === name ? state.warning : null);
+            if (warning)
+                rows.push({ name, message: warning, warning: true });
+        }
+        const problems = rows.filter((row) => !row.warning).length;
+        count.textContent = problems ? String(problems) : '';
+        count.hidden = !problems;
+        none.hidden = rows.length > 0;
+        list.replaceChildren(...rows.filter(() => open('problems')).map((row) => {
+            const button = el('button', { type: 'button', class: 'fd-try-problem', 'data-field': row.name, 'data-warning': row.warning ? '' : undefined }, el('strong', {}, labelOf(row.name)), el('span', {}, row.message));
+            button.addEventListener('click', () => goTo(row.name));
+            return el('li', {}, button);
+        }));
+    }
+    for (const name of ['data', 'problems']) {
+        tabs[name].addEventListener('click', () => {
+            // The open tab, pressed again, folds the drawer.
+            mine.folded = mine.tab === name && !mine.folded;
+            mine.tab = name;
+            show();
+            draw(form.getState());
+        });
+    }
+    fold.addEventListener('click', () => {
+        mine.folded = !mine.folded;
+        show();
+        draw(form.getState());
+    });
+    copy.addEventListener('click', async () => {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(JSON.stringify(form.getState().values, null, 2));
+            said.textContent = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the data selected, for the person to copy.
+            mine.tab = 'data';
+            mine.folded = false;
+            show();
+            draw(form.getState());
+            doc.getSelection()?.selectAllChildren(data);
+            said.textContent = w.selected;
+        }
+    });
+    show();
+    draw(form.getState());
+    form.subscribe((state) => {
+        said.textContent = '';
+        draw(state);
+    });
+    frame.after(drawer);
+    return drawer;
+}
+//# sourceMappingURL=try-drawer.mjs.map

package/src/lib/try-drawer.mjs.map

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

package/src/lib/try-it.d.mts

@@ -0,0 +1,37 @@
+import { type DataSource } from '@fieldia/core';
+import { type Skin } from '@fieldia/viewer';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { FindItem } from './find-anything.mjs';
+/**
+ * Try it: the page working as people will use it, in place of the editor —
+ * at a desktop's, a tablet's or a phone's width, left to right or right to
+ * left in Arabic. Nothing typed here is kept: each time it is tried, the page
+ * is drawn afresh from the draft. A quiz, once sent, says its score.
+ */
+export interface TryItOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin: Skin;
+    /** Trying began or ended: the editor hides or shows itself. */
+    onChange(trying: boolean): void;
+    /** The app's own data source: the choices of the app's lists come from it. Nothing is read or saved through it besides. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`, as the viewer takes them. */
+    widgets?: Record<string, WidgetFactory>;
+}
+export interface TryIt {
+    /** Design or Try it, for the bar. */
+    toggle: HTMLElement;
+    /** Where the page is tried. */
+    element: HTMLElement;
+    readonly trying: boolean;
+    /** Try the page, as Try it in the bar does. */
+    start(): void;
+    /** For Find anything: trying it, at a phone's width, in Arabic; or back to designing. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function tryIt(options: TryItOptions): TryIt;

package/src/lib/try-it.d.ts

@@ -0,0 +1,37 @@
+import { type DataSource } from '@fieldia/core';
+import { type Skin } from '@fieldia/viewer';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { FindItem } from './find-anything';
+/**
+ * Try it: the page working as people will use it, in place of the editor —
+ * at a desktop's, a tablet's or a phone's width, left to right or right to
+ * left in Arabic. Nothing typed here is kept: each time it is tried, the page
+ * is drawn afresh from the draft. A quiz, once sent, says its score.
+ */
+export interface TryItOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin: Skin;
+    /** Trying began or ended: the editor hides or shows itself. */
+    onChange(trying: boolean): void;
+    /** The app's own data source: the choices of the app's lists come from it. Nothing is read or saved through it besides. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`, as the viewer takes them. */
+    widgets?: Record<string, WidgetFactory>;
+}
+export interface TryIt {
+    /** Design or Try it, for the bar. */
+    toggle: HTMLElement;
+    /** Where the page is tried. */
+    element: HTMLElement;
+    readonly trying: boolean;
+    /** Try the page, as Try it in the bar does. */
+    start(): void;
+    /** For Find anything: trying it, at a phone's width, in Arabic; or back to designing. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function tryIt(options: TryItOptions): TryIt;

package/src/lib/try-it.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryIt = tryIt;
+const core_1 = require("@fieldia/core");
+const viewer_1 = require("@fieldia/viewer");
+const icons_1 = require("./icons");
+const samples_1 = require("./samples");
+const translations_1 = require("./translations");
+const try_language_1 = require("./try-language");
+const try_drawer_1 = require("./try-drawer");
+/** A list's records to try it with: made up, enough for a few pages. */
+function madeUp(page) {
+    if (page.layout.type !== 'list' || page.data.kind !== 'record')
+        return {};
+    const rows = (0, samples_1.sampleRows)(page.fields, Object.keys(page.fields), 36);
+    return { [page.data.model]: Object.fromEntries(rows.map((values, i) => [String(i + 1), values])) };
+}
+function tryIt(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.tryIt;
+    const modeButton = (mode, words, icon) => el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': mode, 'aria-pressed': 'false' }, (0, icons_1.designerIcon)(doc, icon), words);
+    const design = modeButton('design', w.design, 'edit');
+    const tryButton = modeButton('try', w.tryIt, 'play');
+    const toggle = el('div', { class: 'fd-mode', role: 'group', 'aria-label': w.modes }, design, tryButton);
+    const control = (name, words, icon) => el('button', { type: 'button', class: 'fd-try-button', 'data-try': name, 'aria-pressed': 'false', title: words, ...(icon ? { 'aria-label': words } : {}) }, ...(icon ? [(0, icons_1.designerIcon)(doc, icon)] : [words]));
+    const widths = { desktop: control('desktop', w.sizes.desktop, 'desktop'), tablet: control('tablet', w.sizes.tablet, 'tablet'), phone: control('phone', w.sizes.phone, 'device') };
+    const directions = { ltr: control('ltr', 'English'), rtl: control('rtl', 'العربية') };
+    // Each language by its own name, in its own language: a person finds theirs whatever the designer speaks.
+    directions.ltr.setAttribute('lang', 'en');
+    directions.rtl.setAttribute('lang', 'ar');
+    const frame = el('div', { class: 'fd-try-frame', 'data-width': 'desktop' });
+    const element = el('section', { class: 'fd-try', 'aria-label': w.tryThePage, hidden: '' }, el('div', { class: 'fd-try-bar' }, el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.width }, ...Object.values(widths)), el('p', { class: 'fd-try-note' }, w.note), el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.language }, ...Object.values(directions))), frame);
+    const language = (0, try_language_1.tryLanguage)({ el, designer, bar: element.querySelector('.fd-try-bar'), redraw: () => draw() });
+    let trying = false;
+    let width = 'desktop';
+    let direction = 'ltr';
+    /** Whether a direction was pressed: until one is, the page is tried the way its own language runs. */
+    let pressed = false;
+    let viewer = null;
+    function draw() {
+        viewer?.destroy();
+        viewer = null;
+        frame.replaceChildren();
+        if (!trying)
+            return;
+        frame.dataset['width'] = width;
+        const page = designer.getPage();
+        const dataSource = (0, core_1.createMemoryDataSource)({ records: madeUp(page) });
+        const app = options.dataSource;
+        if (app?.options)
+            dataSource.options = app.options.bind(app);
+        // Sent: the answers' score, under the viewer's thanks, when the page gives points.
+        const send = dataSource.submit.bind(dataSource);
+        dataSource.submit = async (request) => {
+            const result = await send(request);
+            showScore(page, request.values);
+            return result;
+        };
+        viewer = (0, viewer_1.mountViewer)(frame, {
+            page,
+            dataSource,
+            skin: options.skin,
+            widgets: options.widgets,
+            ...language.viewerOptions(direction),
+        });
+        (0, try_drawer_1.tryDrawer)(el, frame, viewer, designer.words);
+    }
+    /** "Score: 3 of 5": the points of the questions that were asked, out of the most they could earn. */
+    function showScore(page, values) {
+        const asked = Object.fromEntries(Object.entries(page.fields).filter(([name]) => name in values));
+        const result = (0, core_1.scoreOf)({ ...page, fields: asked }, values);
+        const done = frame.querySelector('.fd-done');
+        done?.querySelector('.fd-try-score')?.remove();
+        if (!result || !done)
+            return;
+        const words = direction === 'rtl' ? `النتيجة: ${result.score} من ${result.max}` : `Score: ${result.score} of ${result.max}`;
+        done.insertBefore(el('p', { class: 'fd-try-score', role: 'status' }, words), done.querySelector('button'));
+    }
+    function show() {
+        design.setAttribute('aria-pressed', String(!trying));
+        tryButton.setAttribute('aria-pressed', String(trying));
+        for (const [name, button] of Object.entries(widths))
+            button.setAttribute('aria-pressed', String(name === width));
+        for (const [name, button] of Object.entries(directions))
+            button.setAttribute('aria-pressed', String(name === direction));
+        element.hidden = !trying;
+    }
+    function set(next) {
+        if (next === trying)
+            return;
+        trying = next;
+        if (trying && !pressed)
+            direction = (0, core_1.isRightToLeft)((0, translations_1.pageLanguage)(designer.getPage())) ? 'rtl' : 'ltr';
+        show();
+        draw();
+        options.onChange(trying);
+    }
+    design.addEventListener('click', () => set(false));
+    tryButton.addEventListener('click', () => set(true));
+    for (const [name, button] of Object.entries(widths)) {
+        button.addEventListener('click', () => {
+            width = name;
+            frame.dataset['width'] = width;
+            show();
+        });
+    }
+    for (const [name, button] of Object.entries(directions)) {
+        button.addEventListener('click', () => {
+            direction = name;
+            pressed = true;
+            show();
+            draw();
+        });
+    }
+    show();
+    return {
+        toggle,
+        element,
+        get trying() {
+            return trying;
+        },
+        start: () => set(true),
+        items() {
+            if (trying)
+                return [{ label: w.backToDesigning, hint: w.design, run: () => design.click() }];
+            return [
+                { label: w.tryIt, hint: w.asPeopleWillUseIt, run: () => tryButton.click() },
+                {
+                    label: w.atPhoneWidth,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        widths.phone.click();
+                    },
+                },
+                {
+                    label: w.inArabic,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        directions.rtl.click();
+                    },
+                },
+            ];
+        },
+        destroy() {
+            viewer?.destroy();
+            viewer = null;
+            frame.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=try-it.js.map

package/src/lib/try-it.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"try-it.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-it.ts"],"names":[],"mappings":";;AAuDA,sBA+IC;AAtMD,wCAAwH;AACxH,4CAA4E;AAK5E,mCAAuC;AACvC,uCAAuC;AACvC,iDAA8C;AAC9C,iDAA6C;AAC7C,6CAAyC;AAsCzC,wEAAwE;AACxE,SAAS,MAAM,CAAC,IAAU;IACxB,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,EAAE,CAAC;IAC1E,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/G,CAAC;AAED,SAAgB,KAAK,CAAC,OAAqB;IACzC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACtC,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,EAAE,CAC/D,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACxI,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAExG,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAa,EAAE,EAAE,CAC7D,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/M,MAAM,MAAM,GAAqC,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;IACpN,MAAM,UAAU,GAAyC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5H,0GAA0G;IAC1G,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1C,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5E,MAAM,OAAO,GAAG,EAAE,CAChB,SAAS,EACT,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,EAC3D,EAAE,CACA,KAAK,EACL,EAAE,KAAK,EAAE,YAAY,EAAE,EACvB,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EACpG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACzC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAC5G,EACD,KAAK,CACN,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,0BAAW,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE/H,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,KAAK,GAAU,SAAS,CAAC;IAC7B,IAAI,SAAS,GAAc,KAAK,CAAC;IACjC,sGAAsG;IACtG,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,SAAS,IAAI;QACX,MAAM,EAAE,OAAO,EAAE,CAAC;QAClB,MAAM,GAAG,IAAI,CAAC;QACd,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,IAAA,6BAAsB,EAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrE,MAAM,GAAG,GAAG,OAAO,CAAC,UAAU,CAAC;QAC/B,IAAI,GAAG,EAAE,OAAO;YAAE,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7D,mFAAmF;QACnF,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAChD,UAAU,CAAC,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,GAAG,IAAA,oBAAW,EAAC,KAAK,EAAE;YAC1B,IAAI;YACJ,UAAU;YACV,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;SACrC,CAAC,CAAC;QACH,IAAA,sBAAS,EAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IACD,qGAAqG;IACrG,SAAS,SAAS,CAAC,IAAU,EAAE,MAAc;QAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC;QACjG,MAAM,MAAM,GAAG,IAAA,cAAO,EAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;YAAE,OAAO;QAC7B,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,KAAK,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,KAAK,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC;QAC5H,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7G,CAAC;IACD,SAAS,IAAI;QACX,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC;QACjH,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;YAAE,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;QACzH,OAAO,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC;IAC3B,CAAC;IACD,SAAS,GAAG,CAAC,IAAa;QACxB,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO;QAC5B,MAAM,GAAG,IAAI,CAAC;QACd,IAAI,MAAM,IAAI,CAAC,OAAO;YAAE,SAAS,GAAG,IAAA,oBAAa,EAAC,IAAA,2BAAY,EAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACpG,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACrD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,KAAK,GAAG,IAAa,CAAC;YACtB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;YAC/B,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC;IACD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,SAAS,GAAG,IAAiB,CAAC;YAC9B,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC;IACD,IAAI,EAAE,CAAC;IAEP,OAAO;QACL,MAAM;QACN,OAAO;QACP,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;QACtB,KAAK;YACH,IAAI,MAAM;gBAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC7F,OAAO;gBACL,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE;gBAC3E;oBACE,KAAK,EAAE,CAAC,CAAC,YAAY;oBACrB,IAAI,EAAE,CAAC,CAAC,KAAK;oBACb,GAAG,EAAE,GAAG,EAAE;wBACR,SAAS,CAAC,KAAK,EAAE,CAAC;wBAClB,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;oBACvB,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,CAAC,CAAC,QAAQ;oBACjB,IAAI,EAAE,CAAC,CAAC,KAAK;oBACb,GAAG,EAAE,GAAG,EAAE;wBACR,SAAS,CAAC,KAAK,EAAE,CAAC;wBAClB,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;oBACzB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,OAAO;YACL,MAAM,EAAE,OAAO,EAAE,CAAC;YAClB,MAAM,GAAG,IAAI,CAAC;YACd,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC"}