@zentto/studio 0.1.0

package/dist/zentto-studio-renderer.js

@@ -0,0 +1,636 @@
+// @zentto/studio — Main renderer web component
+// <zentto-studio-renderer> takes a StudioSchema + data and renders a full form
+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';
+import { studioTokens, fieldBaseStyles } from './styles/tokens.js';
+import { DataModel, EventBus, evaluateRules, applyRulesToModel, validateField, getFieldTag, getFieldMeta, isActionEnabled, executeAction, evaluateExpression, } from '@zentto/studio-core';
+// Import field components (side-effect: registers custom elements)
+import './fields/zs-field-text.js';
+import './fields/zs-field-number.js';
+import './fields/zs-field-select.js';
+import './fields/zs-field-date.js';
+import './fields/zs-field-checkbox.js';
+import './fields/zs-field-switch.js';
+import './fields/zs-field-file.js';
+import './fields/zs-field-lookup.js';
+import './fields/zs-field-separator.js';
+import './fields/zs-field-heading.js';
+import './fields/zs-field-html.js';
+import './fields/zs-field-signature.js';
+import './fields/zs-field-address.js';
+import './fields/zs-field-chart.js';
+import './fields/zs-field-media.js';
+import './fields/zs-field-treeview.js';
+import './fields/zs-field-chips.js';
+let ZenttoStudioRenderer = class ZenttoStudioRenderer extends LitElement {
+    constructor() {
+        super(...arguments);
+        // ─── Properties ──────────────────────────────────────────────
+        this.schema = null;
+        this.data = {};
+        this.themeMode = 'light';
+        // ─── Internal State ──────────────────────────────────────────
+        this.model = null;
+        this.eventBus = new EventBus();
+        this.activeSection = 0;
+        this.renderCounter = 0; // force re-renders
+    }
+    static { this.styles = [studioTokens, fieldBaseStyles, css `
+    :host {
+      display: block;
+      font-family: var(--zs-font-family);
+      color: var(--zs-text);
+    }
+    .zs-renderer { background: var(--zs-bg); border-radius: var(--zs-radius-lg); }
+    .zs-header {
+      padding: var(--zs-spacing-md);
+      border-bottom: 1px solid var(--zs-border);
+    }
+    .zs-title {
+      margin: 0; font-size: var(--zs-font-size-xl); font-weight: 600;
+      color: var(--zs-text);
+    }
+    .zs-description {
+      margin: 4px 0 0; font-size: var(--zs-font-size); color: var(--zs-text-secondary);
+    }
+    .zs-body { padding: var(--zs-spacing-md); }
+    .zs-section {
+      margin-bottom: var(--zs-spacing-lg);
+    }
+    .zs-section-title {
+      font-size: var(--zs-font-size-lg); font-weight: 600;
+      margin: 0 0 var(--zs-spacing-sm) 0; color: var(--zs-text);
+      padding-bottom: var(--zs-spacing-xs);
+      border-bottom: 2px solid var(--zs-primary-light);
+    }
+    .zs-section-description {
+      font-size: var(--zs-font-size-sm); color: var(--zs-text-secondary);
+      margin: 0 0 var(--zs-spacing-sm) 0;
+    }
+    .zs-section-grid {
+      display: grid;
+      gap: var(--zs-spacing-md);
+    }
+    .zs-actions {
+      display: flex; gap: var(--zs-spacing-sm);
+      padding: var(--zs-spacing-md);
+      border-top: 1px solid var(--zs-border);
+      justify-content: flex-end;
+    }
+    .zs-btn {
+      padding: 8px 20px; border-radius: var(--zs-radius);
+      font-family: var(--zs-font-family); font-size: var(--zs-font-size);
+      font-weight: 500; cursor: pointer; border: 1px solid transparent;
+      transition: all var(--zs-transition);
+    }
+    .zs-btn--primary {
+      background: var(--zs-primary); color: white; border-color: var(--zs-primary);
+    }
+    .zs-btn--primary:hover { background: var(--zs-primary-hover); }
+    .zs-btn--secondary {
+      background: var(--zs-bg); color: var(--zs-text); border-color: var(--zs-border);
+    }
+    .zs-btn--secondary:hover { background: var(--zs-bg-hover); }
+    .zs-btn--danger {
+      background: var(--zs-danger); color: white; border-color: var(--zs-danger);
+    }
+    .zs-btn--ghost {
+      background: transparent; color: var(--zs-text-secondary); border-color: transparent;
+    }
+    .zs-btn--ghost:hover { color: var(--zs-text); background: var(--zs-bg-hover); }
+    .zs-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .zs-field-hidden { display: none; }
+
+    /* Tabs */
+    .zs-tabs { display: flex; gap: 0; border-bottom: 2px solid var(--zs-border); margin-bottom: var(--zs-spacing-md); }
+    .zs-tab {
+      padding: 8px 16px; cursor: pointer; border: none; background: none;
+      font-family: var(--zs-font-family); font-size: var(--zs-font-size);
+      color: var(--zs-text-secondary); border-bottom: 2px solid transparent;
+      margin-bottom: -2px; transition: all var(--zs-transition);
+    }
+    .zs-tab:hover { color: var(--zs-text); }
+    .zs-tab--active { color: var(--zs-primary); border-bottom-color: var(--zs-primary); font-weight: 500; }
+
+    /* Wizard */
+    .zs-wizard-steps {
+      display: flex; align-items: center; gap: 8px;
+      margin-bottom: var(--zs-spacing-lg); padding: 0 var(--zs-spacing-md);
+    }
+    .zs-wizard-step {
+      display: flex; align-items: center; gap: 8px;
+    }
+    .zs-wizard-circle {
+      width: 32px; height: 32px; border-radius: 50%;
+      display: flex; align-items: center; justify-content: center;
+      font-size: var(--zs-font-size-sm); font-weight: 600;
+      background: var(--zs-bg-secondary); color: var(--zs-text-secondary);
+      border: 2px solid var(--zs-border);
+    }
+    .zs-wizard-circle--active { background: var(--zs-primary); color: white; border-color: var(--zs-primary); }
+    .zs-wizard-circle--done { background: var(--zs-success); color: white; border-color: var(--zs-success); }
+    .zs-wizard-label { font-size: var(--zs-font-size-sm); color: var(--zs-text-secondary); }
+    .zs-wizard-label--active { color: var(--zs-text); font-weight: 500; }
+    .zs-wizard-line { flex: 1; height: 2px; background: var(--zs-border); }
+    .zs-wizard-line--done { background: var(--zs-success); }
+    .zs-wizard-nav { display: flex; justify-content: space-between; padding: var(--zs-spacing-md); }
+  `]; }
+    // ─── Lifecycle ───────────────────────────────────────────────
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.themeMode === 'dark') {
+            this.setAttribute('theme', 'dark');
+        }
+    }
+    updated(changed) {
+        if (changed.has('schema') || changed.has('data')) {
+            this.initializeModel();
+        }
+    }
+    initializeModel() {
+        if (!this.schema)
+            return;
+        this.eventBus = new EventBus();
+        this.model = new DataModel(this.data, this.eventBus);
+        this.model.initializeFromSchema(this.schema);
+        this.activeSection = 0;
+        // Run initial rules
+        this.runRules();
+    }
+    // ─── Event Handlers ──────────────────────────────────────────
+    handleFieldChange(e) {
+        if (!this.model || !this.schema)
+            return;
+        const { fieldId, value } = e.detail;
+        const field = this.findField(fieldId);
+        if (!field)
+            return;
+        // Update model
+        this.model.setValue(fieldId, field.field, value);
+        // Run validation
+        const ctx = this.buildContext();
+        const result = validateField(field, value, ctx);
+        this.model.setFieldErrors(fieldId, result.errors);
+        // Re-evaluate rules
+        this.runRules();
+        // Emit event to host app
+        this.dispatchEvent(new CustomEvent('studio-change', {
+            detail: { fieldId, field: field.field, value, data: this.model.getData() },
+            bubbles: true, composed: true,
+        }));
+        this.renderCounter++;
+    }
+    async handleAction(actionId) {
+        if (!this.model || !this.schema)
+            return;
+        const action = this.schema.actions?.find(a => a.id === actionId);
+        if (!action)
+            return;
+        const ctx = this.buildContext();
+        if (!isActionEnabled(action, ctx))
+            return;
+        // Confirm if needed
+        if (action.confirmMessage) {
+            const confirmed = confirm(action.confirmMessage);
+            if (!confirmed)
+                return;
+        }
+        const formData = this.model.getData();
+        if (action.type === 'submit') {
+            // Validate all fields first
+            let hasErrors = false;
+            for (const section of this.schema.sections) {
+                for (const field of section.fields) {
+                    const value = this.model.getValue(field.field);
+                    const result = validateField(field, value, ctx);
+                    this.model.setFieldErrors(field.id, result.errors);
+                    if (!result.valid)
+                        hasErrors = true;
+                }
+            }
+            if (hasErrors) {
+                this.renderCounter++;
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('studio-submit', {
+                detail: { actionId, data: formData },
+                bubbles: true, composed: true,
+            }));
+        }
+        if (action.type === 'reset') {
+            this.model.reset();
+            this.runRules();
+            this.renderCounter++;
+            return;
+        }
+        const result = await executeAction(action, formData, ctx, this.eventBus);
+        this.dispatchEvent(new CustomEvent('studio-action', {
+            detail: { actionId, type: action.type, result, data: formData },
+            bubbles: true, composed: true,
+        }));
+        this.renderCounter++;
+    }
+    // ─── Helpers ─────────────────────────────────────────────────
+    buildContext() {
+        return {
+            formData: this.model?.getRawData() ?? {},
+            dataSources: {},
+        };
+    }
+    findField(fieldId) {
+        if (!this.schema)
+            return undefined;
+        for (const section of this.schema.sections) {
+            const f = section.fields.find(f => f.id === fieldId);
+            if (f)
+                return f;
+        }
+        return undefined;
+    }
+    runRules() {
+        if (!this.schema?.rules || !this.model)
+            return;
+        const ctx = this.buildContext();
+        const result = evaluateRules(this.schema.rules, ctx);
+        // Build field map for applyRulesToModel
+        const fieldMap = new Map();
+        for (const section of this.schema.sections) {
+            for (const field of section.fields) {
+                fieldMap.set(field.id, { id: field.id, field: field.field });
+            }
+        }
+        applyRulesToModel(result, this.model, fieldMap);
+    }
+    // ─── Render ──────────────────────────────────────────────────
+    render() {
+        if (!this.schema || !this.model) {
+            return html `<div class="zs-renderer" style="padding:24px;color:var(--zs-text-muted)">No schema loaded</div>`;
+        }
+        const layoutType = this.schema.layout.type;
+        return html `
+      <div class="zs-renderer">
+        ${this.schema.title ? html `
+          <div class="zs-header">
+            <h2 class="zs-title">${this.schema.title}</h2>
+            ${this.schema.description ? html `<p class="zs-description">${this.schema.description}</p>` : ''}
+          </div>
+        ` : ''}
+
+        ${layoutType === 'tabs' ? this.renderTabs() :
+            layoutType === 'wizard' ? this.renderWizard() :
+                this.renderSections()}
+
+        ${this.renderActions('bottom')}
+      </div>
+    `;
+    }
+    renderSections() {
+        if (!this.schema || !this.model)
+            return nothing;
+        return html `
+      <div class="zs-body">
+        ${this.schema.sections.map(section => this.renderSection(section))}
+      </div>
+    `;
+    }
+    renderTabs() {
+        if (!this.schema || !this.model)
+            return nothing;
+        const sections = this.schema.sections;
+        return html `
+      <div class="zs-tabs">
+        ${sections.map((s, i) => html `
+          <button
+            class="zs-tab ${i === this.activeSection ? 'zs-tab--active' : ''}"
+            @click="${() => { this.activeSection = i; }}"
+          >${s.title ?? `Tab ${i + 1}`}</button>
+        `)}
+      </div>
+      <div class="zs-body">
+        ${this.renderSection(sections[this.activeSection])}
+      </div>
+    `;
+    }
+    renderWizard() {
+        if (!this.schema || !this.model)
+            return nothing;
+        const sections = this.schema.sections;
+        const total = sections.length;
+        return html `
+      <div class="zs-wizard-steps">
+        ${sections.map((s, i) => html `
+          ${i > 0 ? html `<div class="zs-wizard-line ${i <= this.activeSection ? 'zs-wizard-line--done' : ''}"></div>` : ''}
+          <div class="zs-wizard-step">
+            <div class="zs-wizard-circle ${i === this.activeSection ? 'zs-wizard-circle--active' : i < this.activeSection ? 'zs-wizard-circle--done' : ''}">
+              ${i < this.activeSection ? '✓' : i + 1}
+            </div>
+            <span class="zs-wizard-label ${i === this.activeSection ? 'zs-wizard-label--active' : ''}">${s.title ?? `Paso ${i + 1}`}</span>
+          </div>
+        `)}
+      </div>
+      <div class="zs-body">
+        ${this.renderSection(sections[this.activeSection])}
+      </div>
+      <div class="zs-wizard-nav">
+        <button
+          class="zs-btn zs-btn--secondary"
+          ?disabled="${this.activeSection === 0}"
+          @click="${() => { this.activeSection = Math.max(0, this.activeSection - 1); }}"
+        >Anterior</button>
+        ${this.activeSection < total - 1
+            ? html `<button class="zs-btn zs-btn--primary" @click="${() => { this.activeSection = Math.min(total - 1, this.activeSection + 1); }}">Siguiente</button>`
+            : html `<button class="zs-btn zs-btn--primary" @click="${() => this.handleAction('__wizard_finish__')}">Finalizar</button>`}
+      </div>
+    `;
+    }
+    renderSection(section) {
+        if (!this.model)
+            return html ``;
+        // Check section visibility
+        if (section.visibilityRule) {
+            const ctx = this.buildContext();
+            const visible = evaluateExpression(section.visibilityRule, ctx);
+            if (!visible)
+                return html ``;
+        }
+        const columns = section.columns ?? this.schema?.layout.columns ?? 1;
+        const gap = this.schema?.layout.gap ?? 16;
+        return html `
+      <div class="zs-section">
+        ${section.title ? html `<h3 class="zs-section-title">${section.title}</h3>` : ''}
+        ${section.description ? html `<p class="zs-section-description">${section.description}</p>` : ''}
+        <div class="zs-section-grid" style="grid-template-columns: repeat(${columns}, 1fr); gap: ${gap}px;">
+          ${section.fields.map(field => this.renderField(field))}
+        </div>
+      </div>
+    `;
+    }
+    renderField(field) {
+        if (!this.model)
+            return html ``;
+        const fieldState = this.model.getFieldState(field.id);
+        // Visibility
+        if (field.hidden || !fieldState.visible) {
+            return html `<div class="zs-field-hidden"></div>`;
+        }
+        // Computed value
+        if (field.computedValue) {
+            try {
+                const ctx = this.buildContext();
+                const computed = evaluateExpression(field.computedValue, ctx);
+                if (computed !== undefined) {
+                    this.model.setValue(field.id, field.field, computed);
+                }
+            }
+            catch { /* ignore */ }
+        }
+        const value = this.model.getValue(field.field);
+        const errors = fieldState.errors;
+        const disabled = field.disabled || !fieldState.enabled;
+        const readOnly = field.readOnly || fieldState.readOnly;
+        const required = field.required || fieldState.required;
+        const meta = getFieldMeta(field.type);
+        const mergedProps = { ...meta?.defaultProps, ...field.props };
+        // Column span
+        const colSpan = field.colSpan ?? 1;
+        const fullWidth = ['separator', 'heading', 'html', 'datagrid', 'report'].includes(field.type);
+        const gridStyle = fullWidth ? 'grid-column: 1 / -1' : colSpan > 1 ? `grid-column: span ${colSpan}` : '';
+        // Render based on tag name
+        const tag = getFieldTag(field.type);
+        return html `
+      <div style="${gridStyle}" @field-change="${this.handleFieldChange}">
+        ${this.renderFieldByTag(tag, field, value, errors, disabled, readOnly, required, mergedProps)}
+      </div>
+    `;
+    }
+    renderFieldByTag(tag, field, value, errors, disabled, readOnly, required, props) {
+        const baseAttrs = {
+            fieldId: field.id,
+            label: field.label ?? '',
+            placeholder: field.placeholder ?? '',
+            helpText: field.helpText ?? '',
+            required, disabled, readOnly, errors,
+        };
+        switch (tag) {
+            case 'zs-field-text':
+                return html `<zs-field-text
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value != null ? String(value) : ''}"
+          .placeholder="${baseAttrs.placeholder}" .helpText="${baseAttrs.helpText}"
+          .inputType="${props.inputType ?? 'text'}"
+          .multiline="${field.type === 'textarea'}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}" ?readOnly="${baseAttrs.readOnly}"
+        ></zs-field-text>`;
+            case 'zs-field-number':
+                return html `<zs-field-number
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value != null ? Number(value) : null}"
+          .placeholder="${baseAttrs.placeholder}" .helpText="${baseAttrs.helpText}"
+          .isCurrency="${!!props.isCurrency}" .isPercentage="${!!props.isPercentage}"
+          .currencySymbol="${props.currencySymbol ?? '$'}"
+          .mode="${props.mode ?? 'input'}"
+          .min="${props.min ?? 0}" .max="${props.max ?? 100}"
+          .step="${props.step ?? 1}"
+          .maxRating="${props.maxRating ?? 5}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}" ?readOnly="${baseAttrs.readOnly}"
+        ></zs-field-number>`;
+            case 'zs-field-select':
+                return html `<zs-field-select
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value ?? ''}"
+          .placeholder="${baseAttrs.placeholder}" .helpText="${baseAttrs.helpText}"
+          .options="${props.options ?? []}"
+          .multiple="${!!props.multiple}"
+          .mode="${props.mode ?? 'select'}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-select>`;
+            case 'zs-field-date':
+                return html `<zs-field-date
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value != null ? String(value) : ''}"
+          .helpText="${baseAttrs.helpText}"
+          .mode="${props.mode ?? 'date'}"
+          .min="${props.min ?? ''}" .max="${props.max ?? ''}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}" ?readOnly="${baseAttrs.readOnly}"
+        ></zs-field-date>`;
+            case 'zs-field-checkbox':
+                return html `<zs-field-checkbox
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value ?? false}"
+          .helpText="${baseAttrs.helpText}"
+          .mode="${props.mode ?? 'checkbox'}"
+          .options="${props.options ?? []}"
+          .horizontal="${!!props.horizontal}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-checkbox>`;
+            case 'zs-field-switch':
+                return html `<zs-field-switch
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${!!value}"
+          .helpText="${baseAttrs.helpText}"
+          .errors="${baseAttrs.errors}"
+          ?disabled="${baseAttrs.disabled}"
+        ></zs-field-switch>`;
+            case 'zs-field-file':
+                return html `<zs-field-file
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .helpText="${baseAttrs.helpText}"
+          .accept="${props.accept ?? ''}"
+          .multiple="${!!props.multiple}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-file>`;
+            case 'zs-field-lookup':
+                return html `<zs-field-lookup
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value ?? ''}" .displayValue="${props.displayValue ?? ''}"
+          .placeholder="${baseAttrs.placeholder}" .helpText="${baseAttrs.helpText}"
+          .options="${props.lookupOptions ?? []}"
+          .minChars="${props.minChars ?? 2}"
+          .debounceMs="${props.debounceMs ?? 300}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-lookup>`;
+            case 'zs-field-separator':
+                return html `<zs-field-separator
+          .variant="${props.variant ?? 'thin'}"
+        ></zs-field-separator>`;
+            case 'zs-field-heading':
+                return html `<zs-field-heading
+          .label="${baseAttrs.label}" .helpText="${baseAttrs.helpText}"
+          .level="${props.level ?? 'h2'}"
+        ></zs-field-heading>`;
+            case 'zs-field-html':
+                return html `<zs-field-html
+          .content="${props.content ?? String(value ?? '')}"
+        ></zs-field-html>`;
+            case 'zs-field-signature':
+                return html `<zs-field-signature
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value != null ? String(value) : ''}"
+          .helpText="${baseAttrs.helpText}"
+          .penWidth="${props.penWidth ?? 2}"
+          .penColor="${props.penColor ?? '#000000'}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-signature>`;
+            case 'zs-field-address':
+                return html `<zs-field-address
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value ?? {}}" .helpText="${baseAttrs.helpText}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}" ?readOnly="${baseAttrs.readOnly}"
+        ></zs-field-address>`;
+            case 'zs-field-chart':
+                return html `<zs-field-chart
+          .label="${baseAttrs.label}"
+          .chartType="${props.chartType ?? 'bar'}"
+          .data="${props.chartData ?? []}"
+          .width="${props.width ?? 400}"
+          .height="${props.height ?? 250}"
+        ></zs-field-chart>`;
+            case 'zs-field-media':
+                return html `<zs-field-media
+          .label="${baseAttrs.label}"
+          .src="${value != null ? String(value) : props.src ?? ''}"
+          .mediaType="${props.mediaType ?? 'image'}"
+          .alt="${props.alt ?? ''}"
+        ></zs-field-media>`;
+            case 'zs-field-treeview':
+                return html `<zs-field-treeview
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${Array.isArray(value) ? value : (value ? [value] : [])}"
+          .helpText="${baseAttrs.helpText}"
+          .nodes="${props.nodes ?? []}"
+          .multiSelect="${!!props.multiSelect}"
+          .showCheckboxes="${!!props.showCheckboxes}"
+          .searchable="${!!props.searchable}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-treeview>`;
+            case 'zs-field-chips':
+                return html `<zs-field-chips
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${Array.isArray(value) ? value : []}"
+          .placeholder="${baseAttrs.placeholder}" .helpText="${baseAttrs.helpText}"
+          .options="${props.options ?? []}"
+          .allowCustom="${props.allowCustom !== false}"
+          .maxChips="${props.maxChips ?? 0}"
+          .colorMode="${props.colorMode ?? 'default'}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-chips>`;
+            default:
+                return html `<zs-field-text
+          .fieldId="${baseAttrs.fieldId}" .label="${baseAttrs.label}"
+          .value="${value != null ? String(value) : ''}"
+          .placeholder="${baseAttrs.placeholder}"
+          .errors="${baseAttrs.errors}"
+          ?required="${baseAttrs.required}" ?disabled="${baseAttrs.disabled}"
+        ></zs-field-text>`;
+        }
+    }
+    renderActions(position) {
+        if (!this.schema?.actions)
+            return nothing;
+        const actions = this.schema.actions.filter(a => (a.position ?? 'bottom') === position);
+        if (actions.length === 0)
+            return nothing;
+        const ctx = this.buildContext();
+        return html `
+      <div class="zs-actions">
+        ${actions.map(action => {
+            const enabled = isActionEnabled(action, ctx);
+            const variant = action.variant ?? 'secondary';
+            return html `
+            <button
+              class="zs-btn zs-btn--${variant}"
+              ?disabled="${!enabled}"
+              @click="${() => this.handleAction(action.id)}"
+            >${action.label}</button>
+          `;
+        })}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], ZenttoStudioRenderer.prototype, "schema", void 0);
+__decorate([
+    property({ type: Object })
+], ZenttoStudioRenderer.prototype, "data", void 0);
+__decorate([
+    property({ attribute: 'theme' })
+], ZenttoStudioRenderer.prototype, "themeMode", void 0);
+__decorate([
+    state()
+], ZenttoStudioRenderer.prototype, "model", void 0);
+__decorate([
+    state()
+], ZenttoStudioRenderer.prototype, "eventBus", void 0);
+__decorate([
+    state()
+], ZenttoStudioRenderer.prototype, "activeSection", void 0);
+__decorate([
+    state()
+], ZenttoStudioRenderer.prototype, "renderCounter", void 0);
+ZenttoStudioRenderer = __decorate([
+    customElement('zentto-studio-renderer')
+], ZenttoStudioRenderer);
+export { ZenttoStudioRenderer };
+// Re-export app and designer components so a single import registers everything
+export { ZenttoStudioApp } from './zentto-studio-app.js';
+export { ZenttoStudioDesigner } from './zentto-studio-designer.js';
+//# sourceMappingURL=zentto-studio-renderer.js.map

package/dist/zentto-studio-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zentto-studio-renderer.js","sourceRoot":"","sources":["../src/zentto-studio-renderer.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,+EAA+E;;;;;;;AAE/E,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAEL,SAAS,EAAE,QAAQ,EACnB,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAEb,WAAW,EAAE,YAAY,EACzB,eAAe,EAAE,aAAa,EAC9B,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAE7B,mEAAmE;AACnE,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AAG7B,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAsGL,gEAAgE;QAEpC,WAAM,GAAwB,IAAI,CAAC;QACnC,SAAI,GAA4B,EAAE,CAAC;QAC7B,cAAS,GAAqB,OAAO,CAAC;QAExE,gEAAgE;QAE/C,UAAK,GAAqB,IAAI,CAAC;QAC/B,aAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,kBAAa,GAAG,CAAC,CAAC;QAClB,kBAAa,GAAG,CAAC,CAAC,CAAC,mBAAmB;IAmhBzD,CAAC;aAnoBQ,WAAM,GAAG,CAAC,YAAY,EAAE,eAAe,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGlD,CAAC,AAnGW,CAmGV;IAeH,gEAAgE;IAEhE,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACjD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEzB,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAEvB,oBAAoB;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,gEAAgE;IAExD,iBAAiB,CAAC,CAAc;QACtC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAExC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACpC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,eAAe;QACf,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAEjD,iBAAiB;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;QAElD,oBAAoB;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,yBAAyB;QACzB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;YAClD,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE;YAC1E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,QAAgB;QACzC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAExC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC;YAAE,OAAO;QAE1C,oBAAoB;QACpB,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;YAC1B,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACjD,IAAI,CAAC,SAAS;gBAAE,OAAO;QACzB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAEtC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,4BAA4B;YAC5B,IAAI,SAAS,GAAG,KAAK,CAAC;YACtB,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAC3C,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACnC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC/C,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;oBAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;oBACnD,IAAI,CAAC,MAAM,CAAC,KAAK;wBAAE,SAAS,GAAG,IAAI,CAAC;gBACtC,CAAC;YACH,CAAC;YACD,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;gBAClD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;gBACpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;aAC9B,CAAC,CAAC,CAAC;QACN,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEzE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;YAClD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC/D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,gEAAgE;IAExD,YAAY;QAClB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE;YACxC,WAAW,EAAE,EAAE;SAChB,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,OAAe;QAC/B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QACnC,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAC3C,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;YACrD,IAAI,CAAC;gBAAE,OAAO,CAAC,CAAC;QAClB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QAE/C,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAErD,wCAAwC;QACxC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAyC,CAAC;QAClE,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAC3C,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACnC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC;QAED,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,gEAAgE;IAEhE,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChC,OAAO,IAAI,CAAA,iGAAiG,CAAC;QAC/G,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QAE3C,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;;mCAEC,IAAI,CAAC,MAAM,CAAC,KAAK;cACtC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM,CAAC,WAAW,MAAM,CAAC,CAAC,CAAC,EAAE;;SAElG,CAAC,CAAC,CAAC,EAAE;;UAEJ,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YAC3C,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;gBAC/C,IAAI,CAAC,cAAc,EAAE;;UAErB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;;KAEjC,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,OAAO,CAAC;QAEhD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;;KAErE,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,OAAO,CAAC;QAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;QAEtC,OAAO,IAAI,CAAA;;UAEL,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;4BAET,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;sBACtD,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC;aAC1C,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;SAC7B,CAAC;;;UAGA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;KAErD,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,OAAO,CAAC;QAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;QACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAE9B,OAAO,IAAI,CAAA;;UAEL,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;YACzB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE;;2CAE/E,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;gBACzI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;2CAET,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;;SAE1H,CAAC;;;UAGA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;;;;uBAKnC,IAAI,CAAC,aAAa,KAAK,CAAC;oBAC3B,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;;UAE7E,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA,kDAAkD,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB;YACzJ,CAAC,CAAC,IAAI,CAAA,kDAAkD,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,sBACtG;;KAEH,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,OAAgB;QACpC,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,2BAA2B;QAC3B,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;YAChE,IAAI,CAAC,OAAO;gBAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAC9B,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;QACpE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QAE1C,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE;UAC7E,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,OAAO,CAAC,WAAW,MAAM,CAAC,CAAC,CAAC,EAAE;4EAC3B,OAAO,gBAAgB,GAAG;YAC1F,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;KAG3D,CAAC;IACJ,CAAC;IAEO,WAAW,CAAC,KAAkB;QACpC,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAEtD,aAAa;QACb,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA,qCAAqC,CAAC;QACnD,CAAC;QAED,iBAAiB;QACjB,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;YACxB,IAAI,CAAC;gBACH,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;gBAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;gBAC9D,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;oBAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;YAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC;QACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC;QACvD,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAE9D,cAAc;QACd,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC;QACnC,MAAM,SAAS,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9F,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAExG,2BAA2B;QAC3B,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEpC,OAAO,IAAI,CAAA;oBACK,SAAS,oBAAoB,IAAI,CAAC,iBAAiB;UAC7D,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC;;KAEhG,CAAC;IACJ,CAAC;IAEO,gBAAgB,CACtB,GAAW,EACX,KAAkB,EAClB,KAAc,EACd,MAAgB,EAChB,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,KAA8B;QAE9B,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,KAAK,CAAC,EAAE;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE;YACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE;YAC9B,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM;SACrC,CAAC;QAEF,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;0BAC5B,SAAS,CAAC,WAAW,gBAAgB,SAAS,CAAC,QAAQ;wBACxD,KAAK,CAAC,SAAoB,IAAI,MAAM;wBACrC,KAAK,CAAC,IAAI,KAAK,UAAU;qBAC5B,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;0BACnF,CAAC;YAErB,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;0BAC9B,SAAS,CAAC,WAAW,gBAAgB,SAAS,CAAC,QAAQ;yBACxD,CAAC,CAAC,KAAK,CAAC,UAAU,oBAAoB,CAAC,CAAC,KAAK,CAAC,YAAY;6BACrD,KAAK,CAAC,cAAyB,IAAI,GAAG;mBAChD,KAAK,CAAC,IAAe,IAAI,OAAO;kBACjC,KAAK,CAAC,GAAc,IAAI,CAAC,WAAY,KAAK,CAAC,GAAc,IAAI,GAAG;mBAC/D,KAAK,CAAC,IAAe,IAAI,CAAC;wBACrB,KAAK,CAAC,SAAoB,IAAI,CAAC;qBACnC,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;4BACjF,CAAC;YAEvB,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,EAAE;0BACL,SAAS,CAAC,WAAW,gBAAgB,SAAS,CAAC,QAAQ;sBAC1D,KAAK,CAAC,OAAqB,IAAI,EAAE;uBACjC,CAAC,CAAC,KAAK,CAAC,QAAQ;mBACnB,KAAK,CAAC,IAAe,IAAI,QAAQ;qBAChC,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;4BAC/C,CAAC;YAEvB,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;uBAC/B,SAAS,CAAC,QAAQ;mBACrB,KAAK,CAAC,IAAe,IAAI,MAAM;kBAChC,KAAK,CAAC,GAAc,IAAI,EAAE,WAAY,KAAK,CAAC,GAAc,IAAI,EAAE;qBAC9D,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;0BACnF,CAAC;YAErB,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,KAAK;uBACX,SAAS,CAAC,QAAQ;mBACrB,KAAK,CAAC,IAAe,IAAI,UAAU;sBAChC,KAAK,CAAC,OAAqB,IAAI,EAAE;yBAC/B,CAAC,CAAC,KAAK,CAAC,UAAU;qBACtB,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;8BAC7C,CAAC;YAEzB,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,CAAC,CAAC,KAAK;uBACJ,SAAS,CAAC,QAAQ;qBACpB,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ;4BACb,CAAC;YAEvB,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;uBAC5C,SAAS,CAAC,QAAQ;qBACnB,KAAK,CAAC,MAAiB,IAAI,EAAE;uBAC5B,CAAC,CAAC,KAAK,CAAC,QAAQ;qBAClB,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;0BACjD,CAAC;YAErB,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,EAAE,oBAAqB,KAAK,CAAC,YAAuB,IAAI,EAAE;0BAC7D,SAAS,CAAC,WAAW,gBAAgB,SAAS,CAAC,QAAQ;sBAC1D,KAAK,CAAC,aAA2B,IAAI,EAAE;uBACtC,KAAK,CAAC,QAAmB,IAAI,CAAC;yBAC5B,KAAK,CAAC,UAAqB,IAAI,GAAG;qBACvC,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;4BAC/C,CAAC;YAEvB,KAAK,oBAAoB;gBACvB,OAAO,IAAI,CAAA;sBACI,KAAK,CAAC,OAAkB,IAAI,MAAM;+BAC1B,CAAC;YAE1B,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA;oBACC,SAAS,CAAC,KAAK,gBAAgB,SAAS,CAAC,QAAQ;oBAChD,KAAK,CAAC,KAAgB,IAAI,IAAI;6BACtB,CAAC;YAExB,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA;sBACI,KAAK,CAAC,OAAkB,IAAI,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;0BAC5C,CAAC;YAErB,KAAK,oBAAoB;gBACvB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;uBAC/B,SAAS,CAAC,QAAQ;uBACjB,KAAK,CAAC,QAAmB,IAAI,CAAC;uBAC9B,KAAK,CAAC,QAAmB,IAAI,SAAS;qBACzC,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;+BAC5C,CAAC;YAE1B,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,EAAE,gBAAgB,SAAS,CAAC,QAAQ;qBAC5C,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;6BAChF,CAAC;YAExB,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA;oBACC,SAAS,CAAC,KAAK;wBACV,KAAK,CAAC,SAAoB,IAAI,KAAK;mBACxC,KAAK,CAAC,SAAuB,IAAI,EAAE;oBAClC,KAAK,CAAC,KAAgB,IAAI,GAAG;qBAC5B,KAAK,CAAC,MAAiB,IAAI,GAAG;2BACzB,CAAC;YAEtB,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA;oBACC,SAAS,CAAC,KAAK;kBACjB,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,GAAc,IAAI,EAAE;wBACpD,KAAK,CAAC,SAAoB,IAAI,OAAO;kBAC3C,KAAK,CAAC,GAAc,IAAI,EAAE;2BAClB,CAAC;YAEtB,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;uBAClD,SAAS,CAAC,QAAQ;oBACpB,KAAK,CAAC,KAAmB,IAAI,EAAE;0BAC1B,CAAC,CAAC,KAAK,CAAC,WAAW;6BAChB,CAAC,CAAC,KAAK,CAAC,cAAc;yBAC1B,CAAC,CAAC,KAAK,CAAC,UAAU;qBACtB,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;8BAC7C,CAAC;YAEzB,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;0BAC3B,SAAS,CAAC,WAAW,gBAAgB,SAAS,CAAC,QAAQ;sBAC1D,KAAK,CAAC,OAAqB,IAAI,EAAE;0BAC9B,KAAK,CAAC,WAAW,KAAK,KAAK;uBAC7B,KAAK,CAAC,QAAmB,IAAI,CAAC;wBAC7B,KAAK,CAAC,SAAoB,IAAI,SAAS;qBAC3C,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;2BAChD,CAAC;YAEtB;gBACE,OAAO,IAAI,CAAA;sBACG,SAAS,CAAC,OAAO,aAAa,SAAS,CAAC,KAAK;oBAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;0BAC5B,SAAS,CAAC,WAAW;qBAC1B,SAAS,CAAC,MAAM;uBACd,SAAS,CAAC,QAAQ,gBAAgB,SAAS,CAAC,QAAQ;0BACjD,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,aAAa,CAAC,QAA0B;QAC9C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO;YAAE,OAAO,OAAO,CAAC;QAE1C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,QAAQ,CAAC,CAAC;QACvF,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,OAAO,CAAC;QAEzC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEhC,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACrB,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC;YAC9C,OAAO,IAAI,CAAA;;sCAEiB,OAAO;2BAClB,CAAC,OAAO;wBACX,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;eAC3C,MAAM,CAAC,KAAK;WAChB,CAAC;QACJ,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;;AA3hB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAoC;AACnC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAoC;AAC7B;IAAjC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;uDAAuC;AAIvD;IAAhB,KAAK,EAAE;mDAAwC;AAC/B;IAAhB,KAAK,EAAE;sDAAmC;AAC1B;IAAhB,KAAK,EAAE;2DAA2B;AAClB;IAAhB,KAAK,EAAE;2DAA2B;AAjHxB,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAooBhC;;AAED,gFAAgF;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}