@zentto/report-designer 1.6.2 → 1.6.3

package/dist/data-panel/code-editor.d.ts

@@ -0,0 +1,29 @@
+import { LitElement, nothing } from 'lit';
+import type { ReportLayout } from '@zentto/report-core';
+export declare class CodeEditor extends LitElement {
+    layout: ReportLayout | null;
+    open: boolean;
+    private _editMode;
+    private _editText;
+    private _error;
+    private _copied;
+    private _search;
+    private _collapsed;
+    static styles: import("lit").CSSResult;
+    private _getJson;
+    private _getLineCount;
+    private _getSize;
+    private _startEdit;
+    private _cancelEdit;
+    private _applyEdit;
+    private _copyToClipboard;
+    private _formatJson;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    private _renderHighlightedLines;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zrd-code-editor': CodeEditor;
+    }
+}
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/data-panel/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../src/data-panel/code-editor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAyBxD,qBACa,UAAW,SAAQ,UAAU;IACZ,MAAM,EAAE,YAAY,GAAG,IAAI,CAAQ;IAClC,IAAI,UAAS;IAEjC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,UAAU,CAAqB;IAEhD,OAAgB,MAAM,0BAoKpB;IAIF,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;YAmBJ,gBAAgB;IAQ9B,OAAO,CAAC,WAAW;IAcV,MAAM;IAyEf,OAAO,CAAC,uBAAuB;CAUhC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAC;KAC/B;CACF"}

package/dist/data-panel/code-editor.js

@@ -0,0 +1,368 @@
+// @zentto/report-designer — Layout Code Editor
+// Shows the ReportLayout JSON with syntax highlighting, editable.
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+// ─── Simple JSON Syntax Highlighter ──────────────────────────────
+function highlightJson(json) {
+    return json.replace(/("(?:\\.|[^"\\])*")\s*:/g, '<span class="json-key">$1</span>:').replace(/:\s*("(?:\\.|[^"\\])*")/g, ': <span class="json-string">$1</span>').replace(/:\s*(\d+\.?\d*)/g, ': <span class="json-number">$1</span>').replace(/:\s*(true|false)/g, ': <span class="json-bool">$1</span>').replace(/:\s*(null)/g, ': <span class="json-null">$1</span>');
+}
+// ─── Component ────────────────────────────────────────────────────
+let CodeEditor = class CodeEditor extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.layout = null;
+        this.open = false;
+        this._editMode = false;
+        this._editText = '';
+        this._error = '';
+        this._copied = false;
+        this._search = '';
+        this._collapsed = new Set();
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      height: 100%;
+      font-family: 'Consolas', 'Monaco', 'Fira Code', monospace;
+      font-size: 12px;
+      overflow: hidden;
+    }
+
+    .container {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      background: #1e1e1e;
+      color: #d4d4d4;
+    }
+
+    /* ─── Toolbar ─────────────────────────────── */
+    .toolbar {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 10px;
+      background: #252526;
+      border-bottom: 1px solid #3c3c3c;
+      flex-shrink: 0;
+    }
+    .toolbar-btn {
+      padding: 4px 10px;
+      border: 1px solid #555;
+      border-radius: 4px;
+      background: #2d2d2d;
+      color: #ccc;
+      cursor: pointer;
+      font-size: 11px;
+      font-family: 'Segoe UI', sans-serif;
+    }
+    .toolbar-btn:hover { background: #3c3c3c; }
+    .toolbar-btn.active { background: #0e639c; border-color: #0e639c; color: #fff; }
+    .toolbar-btn.success { background: #2e7d32; border-color: #2e7d32; color: #fff; }
+    .toolbar-btn.danger { background: #c62828; border-color: #c62828; color: #fff; }
+
+    .toolbar-spacer { flex: 1; }
+
+    .toolbar-info {
+      font-size: 10px;
+      color: #888;
+      font-family: 'Segoe UI', sans-serif;
+    }
+
+    .search-input {
+      padding: 3px 8px;
+      border: 1px solid #555;
+      border-radius: 4px;
+      background: #3c3c3c;
+      color: #d4d4d4;
+      font-size: 11px;
+      width: 140px;
+      font-family: 'Segoe UI', sans-serif;
+    }
+    .search-input:focus { outline: none; border-color: #0e639c; }
+    .search-input::placeholder { color: #888; }
+
+    /* ─── Code View (read-only highlighted) ──── */
+    .code-view {
+      flex: 1;
+      overflow: auto;
+      padding: 0;
+      counter-reset: line;
+    }
+    .code-view pre {
+      margin: 0;
+      padding: 12px 12px 12px 50px;
+      line-height: 1.6;
+      white-space: pre;
+      min-height: 100%;
+    }
+
+    /* Line numbers via CSS counter */
+    .code-line {
+      display: block;
+      position: relative;
+    }
+    .code-line::before {
+      counter-increment: line;
+      content: counter(line);
+      position: absolute;
+      left: -42px;
+      width: 32px;
+      text-align: right;
+      color: #555;
+      font-size: 11px;
+      user-select: none;
+    }
+    .code-line.highlight {
+      background: rgba(255, 255, 0, 0.1);
+    }
+
+    /* Syntax colors */
+    .json-key { color: #9cdcfe; }
+    .json-string { color: #ce9178; }
+    .json-number { color: #b5cea8; }
+    .json-bool { color: #569cd6; }
+    .json-null { color: #569cd6; font-style: italic; }
+
+    /* ─── Edit Mode (textarea) ────────────────── */
+    .code-edit {
+      flex: 1;
+      overflow: hidden;
+    }
+    .code-edit textarea {
+      width: 100%;
+      height: 100%;
+      background: #1e1e1e;
+      color: #d4d4d4;
+      border: none;
+      padding: 12px;
+      font-family: 'Consolas', 'Monaco', 'Fira Code', monospace;
+      font-size: 12px;
+      line-height: 1.6;
+      resize: none;
+      tab-size: 2;
+      box-sizing: border-box;
+    }
+    .code-edit textarea:focus { outline: none; }
+
+    /* ─── Error Bar ───────────────────────────── */
+    .error-bar {
+      padding: 6px 12px;
+      background: #5a1d1d;
+      color: #f48771;
+      font-size: 11px;
+      font-family: 'Segoe UI', sans-serif;
+      border-top: 1px solid #862e2e;
+    }
+
+    /* ─── Status Bar ──────────────────────────── */
+    .status-bar {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 3px 12px;
+      background: #007acc;
+      color: #fff;
+      font-size: 10px;
+      font-family: 'Segoe UI', sans-serif;
+      flex-shrink: 0;
+    }
+    .status-bar.edit-mode { background: #c27800; }
+
+    .copied-toast {
+      position: absolute;
+      top: 40px;
+      right: 12px;
+      background: #2e7d32;
+      color: #fff;
+      padding: 6px 14px;
+      border-radius: 6px;
+      font-size: 11px;
+      font-family: 'Segoe UI', sans-serif;
+      animation: fadeIn 0.2s ease;
+      z-index: 10;
+    }
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(-4px); } }
+  `; }
+    // ─── Helpers ──────────────────────────────────────────────────
+    _getJson() {
+        if (!this.layout)
+            return '{}';
+        return JSON.stringify(this.layout, null, 2);
+    }
+    _getLineCount() {
+        return this._getJson().split('\n').length;
+    }
+    _getSize() {
+        const bytes = new Blob([this._getJson()]).size;
+        if (bytes < 1024)
+            return `${bytes} B`;
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    }
+    // ─── Actions ──────────────────────────────────────────────────
+    _startEdit() {
+        this._editText = this._getJson();
+        this._editMode = true;
+        this._error = '';
+    }
+    _cancelEdit() {
+        this._editMode = false;
+        this._error = '';
+    }
+    _applyEdit() {
+        try {
+            const parsed = JSON.parse(this._editText);
+            // Basic validation
+            if (!parsed.version || !parsed.bands || !Array.isArray(parsed.bands)) {
+                this._error = 'Invalid layout: missing "version" or "bands" array';
+                return;
+            }
+            this._editMode = false;
+            this._error = '';
+            this.dispatchEvent(new CustomEvent('layout-update', {
+                detail: { layout: parsed },
+                bubbles: true, composed: true,
+            }));
+        }
+        catch (err) {
+            this._error = `JSON Error: ${err.message}`;
+        }
+    }
+    async _copyToClipboard() {
+        try {
+            await navigator.clipboard.writeText(this._getJson());
+            this._copied = true;
+            setTimeout(() => { this._copied = false; }, 2000);
+        }
+        catch { /* fallback */ }
+    }
+    _formatJson() {
+        if (this._editMode) {
+            try {
+                const parsed = JSON.parse(this._editText);
+                this._editText = JSON.stringify(parsed, null, 2);
+                this._error = '';
+            }
+            catch (err) {
+                this._error = `JSON Error: ${err.message}`;
+            }
+        }
+    }
+    // ─── Render ───────────────────────────────────────────────────
+    render() {
+        if (!this.open)
+            return nothing;
+        const json = this._getJson();
+        return html `
+      <div class="container" style="position:relative">
+        <!-- Toolbar -->
+        <div class="toolbar">
+          ${this._editMode ? html `
+            <button class="toolbar-btn success" @click=${this._applyEdit}>\u2713 Apply</button>
+            <button class="toolbar-btn" @click=${this._formatJson}>{ } Format</button>
+            <button class="toolbar-btn danger" @click=${this._cancelEdit}>\u2715 Cancel</button>
+          ` : html `
+            <button class="toolbar-btn" @click=${this._startEdit}>\u270E Edit</button>
+            <button class="toolbar-btn" @click=${this._copyToClipboard}>\u{1F4CB} Copy</button>
+          `}
+          <div class="toolbar-spacer"></div>
+          ${!this._editMode ? html `
+            <input class="search-input" type="text" placeholder="Search..."
+                   .value=${this._search}
+                   @input=${(e) => { this._search = e.target.value; }} />
+          ` : nothing}
+        </div>
+
+        ${this._copied ? html `<div class="copied-toast">\u2705 Copied!</div>` : nothing}
+
+        <!-- Code Content -->
+        ${this._editMode
+            ? html `
+            <div class="code-edit">
+              <textarea
+                .value=${this._editText}
+                @input=${(e) => { this._editText = e.target.value; }}
+                @keydown=${(e) => {
+                // Tab support
+                if (e.key === 'Tab') {
+                    e.preventDefault();
+                    const ta = e.target;
+                    const start = ta.selectionStart;
+                    const end = ta.selectionEnd;
+                    this._editText = this._editText.substring(0, start) + '  ' + this._editText.substring(end);
+                    requestAnimationFrame(() => { ta.selectionStart = ta.selectionEnd = start + 2; });
+                }
+                // Ctrl+Enter to apply
+                if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
+                    this._applyEdit();
+                }
+            }}
+                spellcheck="false"
+              ></textarea>
+            </div>
+          `
+            : html `
+            <div class="code-view">
+              <pre>${this._renderHighlightedLines(json)}</pre>
+            </div>
+          `}
+
+        <!-- Error Bar -->
+        ${this._error ? html `<div class="error-bar">\u26A0 ${this._error}</div>` : nothing}
+
+        <!-- Status Bar -->
+        <div class="status-bar ${this._editMode ? 'edit-mode' : ''}">
+          <span>${this._editMode ? 'EDITING' : 'READ-ONLY'}</span>
+          <span>${this._getLineCount()} lines</span>
+          <span>${this._getSize()}</span>
+          <span>JSON</span>
+          ${this._editMode ? html `<span style="margin-left:auto">Ctrl+Enter to apply</span>` : nothing}
+        </div>
+      </div>
+    `;
+    }
+    _renderHighlightedLines(json) {
+        const lines = json.split('\n');
+        const searchLower = this._search.toLowerCase();
+        return html `${lines.map((line, i) => {
+            const highlighted = highlightJson(line);
+            const isMatch = searchLower && line.toLowerCase().includes(searchLower);
+            return html `<span class="code-line ${isMatch ? 'highlight' : ''}" .innerHTML=${highlighted}></span>\n`;
+        })}`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], CodeEditor.prototype, "layout", void 0);
+__decorate([
+    property({ type: Boolean })
+], CodeEditor.prototype, "open", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_editMode", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_editText", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_error", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_copied", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_search", void 0);
+__decorate([
+    state()
+], CodeEditor.prototype, "_collapsed", void 0);
+CodeEditor = __decorate([
+    customElement('zrd-code-editor')
+], CodeEditor);
+export { CodeEditor };
+//# sourceMappingURL=code-editor.js.map

package/dist/data-panel/code-editor.js.map

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

package/dist/data-panel/data-source-tree.d.ts

@@ -1,42 +1,45 @@
-import { LitElement, type PropertyValues } from 'lit';
-import type { DataSourceDef, FieldDef, RelationDef } from '@zentto/report-core';
+import { LitElement } from 'lit';
+import type { DataSourceDef, FieldDef, RelationDef, ReportLayout } from '@zentto/report-core';
 export interface DbTableInfo {
     schema: string;
     name: string;
     type: 'table' | 'view';
 }
 export interface DataPanelProvider {
-    /** Lazy-load tables for a connection */
     getTables?(connectionId: string): Promise<DbTableInfo[]>;
-    /** Lazy-load columns for a table */
     getColumns?(connectionId: string, schema: string, table: string): Promise<FieldDef[]>;
-    /** Preview data (first N rows) */
     previewData?(connectionId: string, schema: string, table: string, limit?: number): Promise<Record<string, unknown>[]>;
 }
 export declare class DataSourceTree extends LitElement {
     dataSources: DataSourceDef[];
     relations: RelationDef[];
+    layout: ReportLayout | null;
     dataProvider: DataPanelProvider | null;
-    private _tree;
     private _expandedIds;
     private _searchQuery;
     private _contextMenu;
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    updated(changed: PropertyValues): void;
-    private _buildTree;
-    private _matchesSearch;
-    private _toggleNode;
-    private _onFieldDragStart;
-    private _onFieldDoubleClick;
+    private _toggle;
+    private _onFieldDrag;
+    private _onSpecialDrag;
+    private _onFieldDblClick;
     private _onContextMenu;
     private _closeContextMenu;
     private _contextAction;
-    private _getRelationsForDs;
-    private _renderNode;
-    private _renderContextMenu;
+    private _matches;
+    private _relCount;
     render(): import("lit-html").TemplateResult<1>;
+    private _renderDatabaseFields;
+    private _renderDataSource;
+    private _renderField;
+    private _renderFormulaFields;
+    private _renderParameterFields;
+    private _renderRunningTotals;
+    private _renderGroupFields;
+    private _renderSpecialFields;
+    private _renderContextMenu;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/data-panel/data-source-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-source-tree.d.ts","sourceRoot":"","sources":["../../src/data-panel/data-source-tree.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIhF,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,SAAS,CAAC,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACzD,oCAAoC;IACpC,UAAU,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtF,kCAAkC;IAClC,WAAW,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;CACvH;AA6CD,qBACa,cAAe,SAAQ,UAAU;IACjB,WAAW,EAAE,aAAa,EAAE,CAAM;IAClC,SAAS,EAAE,WAAW,EAAE,CAAM;IACzB,YAAY,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAErE,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,YAAY,CAAyD;IAEtF,OAAgB,MAAM,0BA0LpB;IAIO,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,cAAc;IAQxC,OAAO,CAAC,UAAU;IA8ElB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAmDnB,OAAO,CAAC,kBAAkB;IAwBjB,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,cAAc,CAAC;KACxC;CACF"}
+{"version":3,"file":"data-source-tree.d.ts","sourceRoot":"","sources":["../../src/data-panel/data-source-tree.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAA2C,MAAM,KAAK,CAAC;AAE1E,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,YAAY,EAGb,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtF,WAAW,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;CACvH;AAsBD,qBACa,cAAe,SAAQ,UAAU;IACjB,WAAW,EAAE,aAAa,EAAE,CAAM;IAClC,SAAS,EAAE,WAAW,EAAE,CAAM;IAC7B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAQ;IAC/B,YAAY,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAErE,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,YAAY,CAA2E;IAExG,OAAgB,MAAM,0BAoIpB;IAIO,iBAAiB;IAOjB,oBAAoB;IAO7B,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB,CAAuC;IAChE,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAMR,MAAM;IAqCf,OAAO,CAAC,qBAAqB;IAuB7B,OAAO,CAAC,iBAAiB;IAwBzB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,oBAAoB;IA4B5B,OAAO,CAAC,sBAAsB;IA6B9B,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,oBAAoB;IAmC5B,OAAO,CAAC,kBAAkB;CAuB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,cAAc,CAAC;KACxC;CACF"}