juxscript 1.1.403 → 1.1.408

package/dist/components/widgets/calendar.js

@@ -0,0 +1,308 @@
+import { pageState } from '../../state/pageState.js';
+import generateId from '../../utils/idgen.js';
+const MONTH_NAMES = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const DAY_NAMES_SUN = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+const DAY_NAMES_MON = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+let calendarStylesInjected = false;
+class Calendar {
+    constructor(id, options = {}) {
+        this._el = null;
+        this._onChange = null;
+        this.id = id || generateId('cal');
+        this._opts = {
+            showHeader: options.showHeader ?? true,
+            showWeekNumbers: options.showWeekNumbers ?? false,
+            firstDayOfWeek: options.firstDayOfWeek ?? 0,
+            disabled: options.disabled ?? false,
+            ...options,
+        };
+        const now = options.value ? new Date(options.value) : new Date();
+        this._viewYear = now.getFullYear();
+        this._viewMonth = now.getMonth();
+        this._selectedDate = options.value || null;
+        if (options.onChange)
+            this._onChange = options.onChange;
+    }
+    // ═══════════════════════════════════════════════════════════
+    // FLUENT API
+    // ═══════════════════════════════════════════════════════════
+    title(val) { this._opts.title = val; return this; }
+    subtitle(val) { this._opts.subtitle = val; return this; }
+    value(val) { this._selectedDate = val; const d = new Date(val); this._viewYear = d.getFullYear(); this._viewMonth = d.getMonth(); this._rebuild(); return this; }
+    min(val) { this._opts.min = val; this._rebuild(); return this; }
+    max(val) { this._opts.max = val; this._rebuild(); return this; }
+    disabled(val = true) { this._opts.disabled = val; this._rebuild(); return this; }
+    style(val) { this._opts.style = val; if (this._el)
+        this._el.setAttribute('style', val); return this; }
+    class(val) { this._opts.class = val; return this; }
+    onChange(fn) { this._onChange = fn; return this; }
+    // ═══════════════════════════════════════════════════════════
+    // PAGESTATE
+    // ═══════════════════════════════════════════════════════════
+    getValue() { return this._selectedDate; }
+    setValue(val) { return this.value(val); }
+    getElement() { return this._el; }
+    getTitle() { return this._opts.title || ''; }
+    getSubtitle() { return this._opts.subtitle || ''; }
+    getDisabled() { return this._opts.disabled; }
+    getMin() { return this._opts.min || ''; }
+    getMax() { return this._opts.max || ''; }
+    getClass() { return this._opts.class || ''; }
+    getStyle() { return this._opts.style || ''; }
+    setTitle(val) { return this.title(val); }
+    setSubtitle(val) { return this.subtitle(val); }
+    setDisabled(val) { return this.disabled(val); }
+    setMin(val) { return this.min(val); }
+    setMax(val) { return this.max(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    setContent(val) { return this.value(val); }
+    get state() { return pageState[this.id]; }
+    // ═══════════════════════════════════════════════════════════
+    // NAVIGATION
+    // ═══════════════════════════════════════════════════════════
+    prevMonth() { this._viewMonth--; if (this._viewMonth < 0) {
+        this._viewMonth = 11;
+        this._viewYear--;
+    } this._rebuild(); return this; }
+    nextMonth() { this._viewMonth++; if (this._viewMonth > 11) {
+        this._viewMonth = 0;
+        this._viewYear++;
+    } this._rebuild(); return this; }
+    prevYear() { this._viewYear--; this._rebuild(); return this; }
+    nextYear() { this._viewYear++; this._rebuild(); return this; }
+    today() { const now = new Date(); return this.value(this._toISO(now)); }
+    // ═══════════════════════════════════════════════════════════
+    // RENDER
+    // ═══════════════════════════════════════════════════════════
+    render(target) {
+        this._injectStyles();
+        this._el = this._buildDOM();
+        let container = null;
+        if (target && typeof target === 'object' && 'element' in target)
+            container = target.element;
+        else if (target instanceof HTMLElement)
+            container = target;
+        else if (typeof target === 'string')
+            container = document.getElementById(target) || document.querySelector(target);
+        else
+            container = document.getElementById('app');
+        container?.appendChild(this._el);
+        return this;
+    }
+    into(target) { return this.render(target); }
+    destroy() {
+        pageState.__unregister(this.id);
+        this._el?.remove();
+    }
+    // ═══════════════════════════════════════════════════════════
+    // INTERNAL
+    // ═══════════════════════════════════════════════════════════
+    _rebuild() {
+        if (!this._el)
+            return;
+        const parent = this._el.parentElement;
+        if (!parent)
+            return;
+        const newEl = this._buildDOM();
+        parent.replaceChild(newEl, this._el);
+        this._el = newEl;
+    }
+    _toISO(d) {
+        return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+    }
+    _isDisabledDate(iso) {
+        if (this._opts.disabled)
+            return true;
+        if (this._opts.min && iso < this._opts.min)
+            return true;
+        if (this._opts.max && iso > this._opts.max)
+            return true;
+        return false;
+    }
+    _getWeekNumber(d) {
+        const oneJan = new Date(d.getFullYear(), 0, 1);
+        const days = Math.floor((d.getTime() - oneJan.getTime()) / 86400000);
+        return Math.ceil((days + oneJan.getDay() + 1) / 7);
+    }
+    _buildDOM() {
+        const { title, subtitle, showHeader, showWeekNumbers, firstDayOfWeek, disabled } = this._opts;
+        const id = this.id;
+        const wrapper = document.createElement('div');
+        wrapper.id = id;
+        wrapper.className = `jux-calendar${this._opts.class ? ' ' + this._opts.class : ''}`;
+        if (this._opts.style)
+            wrapper.setAttribute('style', this._opts.style);
+        if (disabled)
+            wrapper.setAttribute('data-disabled', 'true');
+        // Title/subtitle
+        if (title) {
+            const t = document.createElement('div');
+            t.className = 'jux-calendar-title';
+            t.textContent = title;
+            wrapper.appendChild(t);
+        }
+        if (subtitle) {
+            const s = document.createElement('div');
+            s.className = 'jux-calendar-subtitle';
+            s.textContent = subtitle;
+            wrapper.appendChild(s);
+        }
+        // Month nav
+        if (showHeader) {
+            const nav = document.createElement('div');
+            nav.className = 'jux-calendar-nav';
+            const prevBtn = document.createElement('button');
+            prevBtn.className = 'jux-calendar-nav-btn';
+            prevBtn.textContent = '‹';
+            prevBtn.addEventListener('click', () => this.prevMonth());
+            const label = document.createElement('span');
+            label.className = 'jux-calendar-nav-label';
+            label.textContent = `${MONTH_NAMES[this._viewMonth]} ${this._viewYear}`;
+            const nextBtn = document.createElement('button');
+            nextBtn.className = 'jux-calendar-nav-btn';
+            nextBtn.textContent = '›';
+            nextBtn.addEventListener('click', () => this.nextMonth());
+            nav.appendChild(prevBtn);
+            nav.appendChild(label);
+            nav.appendChild(nextBtn);
+            wrapper.appendChild(nav);
+        }
+        // Grid
+        const grid = document.createElement('div');
+        grid.className = 'jux-calendar-grid';
+        const cols = showWeekNumbers ? 8 : 7;
+        grid.style.gridTemplateColumns = showWeekNumbers ? 'auto repeat(7, 1fr)' : 'repeat(7, 1fr)';
+        // Day headers
+        const dayNames = firstDayOfWeek === 1 ? DAY_NAMES_MON : DAY_NAMES_SUN;
+        if (showWeekNumbers) {
+            const wk = document.createElement('div');
+            wk.className = 'jux-calendar-wk-header';
+            wk.textContent = 'Wk';
+            grid.appendChild(wk);
+        }
+        for (const dn of dayNames) {
+            const dh = document.createElement('div');
+            dh.className = 'jux-calendar-day-header';
+            dh.textContent = dn;
+            grid.appendChild(dh);
+        }
+        // Calculate days
+        const firstOfMonth = new Date(this._viewYear, this._viewMonth, 1);
+        const lastOfMonth = new Date(this._viewYear, this._viewMonth + 1, 0);
+        let startDay = firstOfMonth.getDay() - firstDayOfWeek;
+        if (startDay < 0)
+            startDay += 7;
+        const totalDays = lastOfMonth.getDate();
+        const todayISO = this._toISO(new Date());
+        const prevMonthLast = new Date(this._viewYear, this._viewMonth, 0).getDate();
+        let dayNum = 1;
+        let nextMonthDay = 1;
+        const totalCells = Math.ceil((startDay + totalDays) / 7) * 7;
+        for (let i = 0; i < totalCells; i++) {
+            // Week number at start of row
+            if (showWeekNumbers && i % 7 === 0) {
+                let refDate;
+                if (i < startDay)
+                    refDate = new Date(this._viewYear, this._viewMonth, 1);
+                else if (dayNum <= totalDays)
+                    refDate = new Date(this._viewYear, this._viewMonth, dayNum);
+                else
+                    refDate = new Date(this._viewYear, this._viewMonth + 1, nextMonthDay);
+                const wk = document.createElement('div');
+                wk.className = 'jux-calendar-wk';
+                wk.textContent = String(this._getWeekNumber(refDate));
+                grid.appendChild(wk);
+            }
+            const cell = document.createElement('button');
+            cell.className = 'jux-calendar-day';
+            if (i < startDay) {
+                // Previous month
+                const d = prevMonthLast - startDay + i + 1;
+                cell.textContent = String(d);
+                cell.classList.add('jux-calendar-day--outside');
+                cell.disabled = true;
+            }
+            else if (dayNum > totalDays) {
+                // Next month
+                cell.textContent = String(nextMonthDay);
+                cell.classList.add('jux-calendar-day--outside');
+                cell.disabled = true;
+                nextMonthDay++;
+            }
+            else {
+                const iso = this._toISO(new Date(this._viewYear, this._viewMonth, dayNum));
+                cell.textContent = String(dayNum);
+                if (iso === todayISO)
+                    cell.classList.add('jux-calendar-day--today');
+                if (iso === this._selectedDate)
+                    cell.classList.add('jux-calendar-day--selected');
+                if (this._isDisabledDate(iso)) {
+                    cell.disabled = true;
+                    cell.classList.add('jux-calendar-day--disabled');
+                }
+                else {
+                    const capturedISO = iso;
+                    cell.addEventListener('click', () => {
+                        this._selectedDate = capturedISO;
+                        if (this._onChange)
+                            this._onChange(capturedISO);
+                        this._el?.dispatchEvent(new Event('change', { bubbles: false }));
+                        this._rebuild();
+                    });
+                }
+                dayNum++;
+            }
+            grid.appendChild(cell);
+        }
+        wrapper.appendChild(grid);
+        // Today button
+        const todayBtn = document.createElement('button');
+        todayBtn.className = 'jux-calendar-today-btn';
+        todayBtn.textContent = 'Today';
+        todayBtn.addEventListener('click', () => this.today());
+        wrapper.appendChild(todayBtn);
+        return wrapper;
+    }
+    _injectStyles() {
+        if (calendarStylesInjected)
+            return;
+        calendarStylesInjected = true;
+        const s = document.createElement('style');
+        s.id = 'jux-calendar-styles';
+        s.textContent = `
+.jux-calendar{background:hsl(var(--card,0 0% 100%));border:1px solid hsl(var(--border,220 13% 91%));border-radius:var(--radius,12px);padding:16px;font-family:var(--font-sans,'Google Sans','Inter',system-ui,sans-serif);width:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.04)}
+.jux-calendar-title{font-size:15px;font-weight:600;color:hsl(var(--card-foreground,220 13% 18%));margin-bottom:2px}
+.jux-calendar-subtitle{font-size:12px;color:hsl(var(--muted-foreground,220 9% 46%));margin-bottom:12px}
+.jux-calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
+.jux-calendar-nav-btn{background:none;border:1px solid hsl(var(--border,220 13% 91%));border-radius:var(--radius,12px);width:28px;height:28px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground,220 13% 18%));transition:background .15s}
+.jux-calendar-nav-btn:hover{background:hsl(var(--accent,217 91% 97%))}
+.jux-calendar-nav-label{font-size:13px;font-weight:600;color:hsl(var(--foreground,220 13% 18%))}
+.jux-calendar-grid{display:grid;gap:2px}
+.jux-calendar-day-header{text-align:center;font-size:11px;font-weight:500;color:hsl(var(--muted-foreground,220 9% 46%));padding:4px 0}
+.jux-calendar-wk-header{text-align:center;font-size:10px;font-weight:500;color:hsl(var(--muted-foreground,220 9% 46%));padding:4px 2px}
+.jux-calendar-wk{text-align:center;font-size:10px;color:hsl(var(--muted-foreground,220 9% 46%));padding:4px 2px;display:flex;align-items:center;justify-content:center}
+.jux-calendar-day{background:none;border:none;border-radius:var(--radius,12px);width:32px;height:32px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground,220 13% 18%));transition:background .15s,color .15s}
+.jux-calendar-day:hover:not(:disabled){background:hsl(var(--accent,217 91% 97%))}
+.jux-calendar-day--outside{color:hsl(var(--muted-foreground,220 9% 46%));opacity:.4;cursor:default}
+.jux-calendar-day--today{font-weight:700;outline:1px solid hsl(var(--primary,217 89% 51%));outline-offset:-1px}
+.jux-calendar-day--selected{background:hsl(var(--primary,217 89% 51%))!important;color:hsl(var(--primary-foreground,0 0% 100%))!important;font-weight:600}
+.jux-calendar-day--disabled{opacity:.3;cursor:not-allowed}
+.jux-calendar-today-btn{display:block;width:100%;margin-top:8px;padding:6px;background:none;border:1px solid hsl(var(--border,220 13% 91%));border-radius:var(--radius,12px);cursor:pointer;font-size:12px;font-weight:500;color:hsl(var(--foreground,220 13% 18%));transition:background .15s}
+.jux-calendar-today-btn:hover{background:hsl(var(--accent,217 91% 97%))}
+[data-disabled=true] .jux-calendar-day{opacity:.4;pointer-events:none}
+`;
+        document.head.appendChild(s);
+    }
+}
+// ═══════════════════════════════════════════════════════════
+// FACTORY
+// ═══════════════════════════════════════════════════════════
+export function calendar(id, options = {}) {
+    const c = new Calendar(id, options);
+    pageState.__register(c);
+    return c;
+}
+export { Calendar };
+export default calendar;
+//# sourceMappingURL=calendar.js.map

package/dist/components/widgets/calendar.js.map

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

package/dist/components/widgets/canvas-ai.d.ts

@@ -0,0 +1,12 @@
+export interface AiSuggestRequest {
+    prompt: string;
+    code: string;
+    cursorLine?: number;
+}
+export interface AiSuggestResponse {
+    suggestion: string;
+    error?: string;
+}
+export declare function getSystemPrompt(): string;
+export declare function aiSuggest(req: AiSuggestRequest): Promise<AiSuggestResponse>;
+//# sourceMappingURL=canvas-ai.d.ts.map

package/dist/components/widgets/canvas-ai.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-ai.d.ts","sourceRoot":"","sources":["../../../lib/components/widgets/canvas-ai.ts"],"names":[],"mappings":"AAgFA,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,wBAAgB,eAAe,IAAI,MAAM,CAGxC;AAED,wBAAsB,SAAS,CAAC,GAAG,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAuBjF"}

package/dist/components/widgets/canvas-ai.js

@@ -0,0 +1,97 @@
+import { COMPONENT_REGISTRY, UTILITY_REGISTRY, LAYOUT_REGISTRY, METHOD_SIGNATURES, LAYOUT_METHODS, } from './canvas-registry.js';
+// ── Build system prompt from live registry data ─────────────────────────
+function buildSystemPrompt() {
+    const components = Object.entries(COMPONENT_REGISTRY)
+        .map(([name, entry]) => `  jux.${name}${entry.detail}  methods: ${entry.methods.join(', ')}`)
+        .join('\n');
+    const utilities = Object.entries(UTILITY_REGISTRY)
+        .map(([name, entry]) => `  jux.${name} — ${entry.detail}  methods: ${entry.methods.join(', ')}`)
+        .join('\n');
+    const layouts = Object.entries(LAYOUT_REGISTRY)
+        .map(([name, entry]) => `  ${name}${entry.detail}`)
+        .join('\n');
+    const methods = Object.entries(METHOD_SIGNATURES)
+        .map(([name, sig]) => `  .${sig}`)
+        .join('\n');
+    const layoutMethods = Object.entries(LAYOUT_METHODS)
+        .map(([name, meths]) => `  ${name}: ${meths.join(', ')}`)
+        .join('\n');
+    return `You are an expert code assistant for the JUX framework — a headless, JavaScript-first UI framework.
+
+RULES:
+- All UI is created via jux.* function calls — NO HTML, JSX, or templates.
+- Components render in the order they are called (procedural).
+- Every component supports fluent chaining: jux.comp(id, opts).method().method().render()
+- Reactive state lives in pageState['component-id'].property
+- .render() or .into('target') appends to the DOM.
+- File extension is .jux (plain JavaScript with auto-imported jux and pageState).
+- Return ONLY valid JUX code. No HTML.
+
+COMPONENTS:
+${components}
+
+UTILITIES:
+${utilities}
+
+LAYOUT HELPERS (called without jux. prefix inside .jux files):
+${layouts}
+
+LAYOUT METHODS:
+${layoutMethods}
+
+METHOD SIGNATURES:
+${methods}
+
+PAGESTATE PROPERTIES (pageState['id'].prop):
+  value, content, visible, disabled, click, change, focus, hover, class, style
+
+EXAMPLE — Form with validation:
+  const nameInput = jux.input('name', { label: 'Name' })
+    .placeholder('Enter name')
+    .onChange((val) => { pageState['save-btn'].disabled = val.length === 0; })
+    .render();
+  const saveBtn = jux.button('save-btn', { content: 'Save', disabled: true })
+    .onClick(() => { console.log(pageState['name'].value); })
+    .render();
+
+EXAMPLE — Flex layout:
+  jux.flexRow('16px').padding('24px').append(
+    jux.div('col-a', { content: 'Left' }),
+    jux.div('col-b', { content: 'Right' })
+  ).render();
+
+EXAMPLE — Data table:
+  jux.table('t', { columns: ['Name','Role'], rows: [['Alice','Admin']] }).render();
+
+Respond with concise, valid JUX code. Include brief comments only when helpful.`;
+}
+let _systemPrompt = null;
+export function getSystemPrompt() {
+    if (!_systemPrompt)
+        _systemPrompt = buildSystemPrompt();
+    return _systemPrompt;
+}
+export async function aiSuggest(req) {
+    try {
+        const res = await fetch('/api/ai/suggest', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                prompt: req.prompt,
+                code: req.code,
+                cursorLine: req.cursorLine,
+                systemPrompt: getSystemPrompt(),
+            }),
+        });
+        if (!res.ok) {
+            const body = await res.json().catch(() => ({ error: res.statusText }));
+            return { suggestion: '', error: body.error || `HTTP ${res.status}` };
+        }
+        const body = await res.json();
+        return { suggestion: body.suggestion || '', error: body.error };
+    }
+    catch (err) {
+        return { suggestion: '', error: err.message || 'Network error' };
+    }
+}
+//# sourceMappingURL=canvas-ai.js.map

package/dist/components/widgets/canvas-ai.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-ai.js","sourceRoot":"","sources":["../../../lib/components/widgets/canvas-ai.ts"],"names":[],"mappings":"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"}

package/dist/components/widgets/canvas-compile.d.ts

@@ -0,0 +1,36 @@
+export interface CompileResult {
+    success: boolean;
+    componentCount: number;
+    error?: string;
+    errorLine?: number;
+    errorContext?: string[];
+}
+export interface CanvasRegionTargets {
+    sidebarTarget?: HTMLElement;
+    sidebarRightTarget?: HTMLElement;
+    headerTarget?: HTMLElement;
+    footerTarget?: HTMLElement;
+    toolbarTarget?: HTMLElement;
+    statusbarTarget?: HTMLElement;
+    toastTarget?: HTMLElement;
+    modalTarget?: HTMLElement;
+    drawerTarget?: HTMLElement;
+}
+export declare function splitIntoStatements(lines: string[]): Array<{
+    code: string;
+    startLine: number;
+}>;
+export declare function runtimeAutowrap(codeStr: string): string;
+/**
+ * Convert duplicate const/let declarations in the same scope to plain assignments.
+ * Tracks brace depth so block scopes are handled correctly.
+ */
+export declare function deduplicateDeclarations(codeStr: string): string;
+export declare function compileAndRender(codeStr: string, previewEl: HTMLElement, canvasNavigate?: (path: string) => void, contentTarget?: HTMLElement, canvasTabs?: Array<{
+    id: string;
+    label: string;
+    code: string;
+    isLayout: boolean;
+    route: string;
+}>, regionTargets?: CanvasRegionTargets): CompileResult;
+//# sourceMappingURL=canvas-compile.d.ts.map

package/dist/components/widgets/canvas-compile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-compile.d.ts","sourceRoot":"","sources":["../../../lib/components/widgets/canvas-compile.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAChC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAuB/F;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAyCvD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA4B/D;AAED,wBAAgB,gBAAgB,CAC5B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,WAAW,EACtB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACvC,aAAa,CAAC,EAAE,WAAW,EAC3B,UAAU,CAAC,EAAE,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EACjG,aAAa,CAAC,EAAE,mBAAmB,GACpC,aAAa,CAmQf"}