@zentto/studio 0.1.0

package/dist/fields/zs-field-chart.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+interface ChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+}
+export declare class ZsFieldChart extends LitElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    chartType: 'bar' | 'line' | 'pie' | 'donut';
+    data: ChartDataPoint[];
+    width: number;
+    height: number;
+    render(): import("lit-html").TemplateResult<1>;
+    private color;
+    private renderBar;
+    private renderLine;
+    private renderPie;
+    private renderLegend;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-chart': ZsFieldChart;
+    }
+}
+export {};
+//# sourceMappingURL=zs-field-chart.d.ts.map

package/dist/fields/zs-field-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-chart.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-chart.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAoBX;IAEU,KAAK,SAAM;IACX,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAS;IACrC,IAAI,EAAE,cAAc,EAAE,CAAM;IAC3B,KAAK,SAAO;IACZ,MAAM,SAAO;IAEzC,MAAM;IAaN,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,UAAU;IAgClB,OAAO,CAAC,SAAS;IA6CjB,OAAO,CAAC,YAAY;CAarB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,YAAY,CAAC;KAAE;CAAE"}

package/dist/fields/zs-field-chart.js

@@ -0,0 +1,192 @@
+// @zentto/studio — Inline SVG chart field
+// Renders bar, line, pie, donut charts from data
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+const DEFAULT_COLORS = [
+    '#e67e22', '#3498db', '#27ae60', '#e74c3c', '#9b59b6',
+    '#f39c12', '#1abc9c', '#34495e', '#e91e63', '#00bcd4',
+];
+let ZsFieldChart = class ZsFieldChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.chartType = 'bar';
+        this.data = [];
+        this.width = 400;
+        this.height = 250;
+    }
+    static { this.styles = css `
+    :host { display: block; }
+    .zs-chart-wrapper {
+      font-family: var(--zs-font-family, sans-serif);
+    }
+    .zs-chart-title {
+      font-size: var(--zs-font-size, 14px);
+      font-weight: 600; margin-bottom: 8px;
+      color: var(--zs-text, #212529);
+    }
+    svg { width: 100%; height: auto; }
+    .zs-chart-legend {
+      display: flex; flex-wrap: wrap; gap: 12px;
+      margin-top: 8px; font-size: 12px;
+    }
+    .zs-chart-legend-item { display: flex; align-items: center; gap: 4px; }
+    .zs-chart-legend-dot {
+      width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
+    }
+    .zs-chart-legend-label { color: var(--zs-text-secondary, #6c757d); }
+  `; }
+    render() {
+        return html `
+      <div class="zs-chart-wrapper">
+        ${this.label ? html `<div class="zs-chart-title">${this.label}</div>` : ''}
+        ${this.chartType === 'bar' ? this.renderBar() :
+            this.chartType === 'line' ? this.renderLine() :
+                this.chartType === 'pie' || this.chartType === 'donut' ? this.renderPie() :
+                    this.renderBar()}
+        ${this.renderLegend()}
+      </div>
+    `;
+    }
+    color(i) {
+        return this.data[i]?.color ?? DEFAULT_COLORS[i % DEFAULT_COLORS.length];
+    }
+    renderBar() {
+        if (this.data.length === 0)
+            return html ``;
+        const maxVal = Math.max(...this.data.map(d => d.value), 1);
+        const barW = Math.max(20, (this.width - 60) / this.data.length - 8);
+        const chartH = this.height - 40;
+        return html `
+      <svg viewBox="0 0 ${this.width} ${this.height}" xmlns="http://www.w3.org/2000/svg">
+        <!-- Axis -->
+        <line x1="40" y1="10" x2="40" y2="${chartH + 10}" stroke="#dee2e6" stroke-width="1"/>
+        <line x1="40" y1="${chartH + 10}" x2="${this.width - 10}" y2="${chartH + 10}" stroke="#dee2e6" stroke-width="1"/>
+        ${this.data.map((d, i) => {
+            const barH = (d.value / maxVal) * chartH;
+            const x = 50 + i * (barW + 8);
+            const y = chartH + 10 - barH;
+            return html `
+            <rect x="${x}" y="${y}" width="${barW}" height="${barH}"
+              fill="${this.color(i)}" rx="3" opacity="0.85">
+              <title>${d.label}: ${d.value}</title>
+            </rect>
+            <text x="${x + barW / 2}" y="${chartH + 25}" text-anchor="middle"
+              font-size="10" fill="#6c757d">${d.label.slice(0, 8)}</text>
+          `;
+        })}
+      </svg>
+    `;
+    }
+    renderLine() {
+        if (this.data.length === 0)
+            return html ``;
+        const maxVal = Math.max(...this.data.map(d => d.value), 1);
+        const chartH = this.height - 40;
+        const chartW = this.width - 60;
+        const step = chartW / Math.max(this.data.length - 1, 1);
+        const points = this.data.map((d, i) => {
+            const x = 50 + i * step;
+            const y = chartH + 10 - (d.value / maxVal) * chartH;
+            return `${x},${y}`;
+        }).join(' ');
+        return html `
+      <svg viewBox="0 0 ${this.width} ${this.height}" xmlns="http://www.w3.org/2000/svg">
+        <line x1="40" y1="10" x2="40" y2="${chartH + 10}" stroke="#dee2e6" stroke-width="1"/>
+        <line x1="40" y1="${chartH + 10}" x2="${this.width - 10}" y2="${chartH + 10}" stroke="#dee2e6" stroke-width="1"/>
+        <polyline points="${points}" fill="none" stroke="${this.color(0)}" stroke-width="2.5" stroke-linejoin="round"/>
+        ${this.data.map((d, i) => {
+            const x = 50 + i * step;
+            const y = chartH + 10 - (d.value / maxVal) * chartH;
+            return html `
+            <circle cx="${x}" cy="${y}" r="4" fill="${this.color(0)}" stroke="white" stroke-width="2">
+              <title>${d.label}: ${d.value}</title>
+            </circle>
+            <text x="${x}" y="${chartH + 25}" text-anchor="middle" font-size="10" fill="#6c757d">${d.label.slice(0, 8)}</text>
+          `;
+        })}
+      </svg>
+    `;
+    }
+    renderPie() {
+        const total = this.data.reduce((sum, d) => sum + d.value, 0);
+        if (total === 0)
+            return html ``;
+        const cx = this.width / 2;
+        const cy = this.height / 2;
+        const r = Math.min(cx, cy) - 20;
+        const innerR = this.chartType === 'donut' ? r * 0.55 : 0;
+        let startAngle = -Math.PI / 2;
+        const slices = this.data.map((d, i) => {
+            const angle = (d.value / total) * Math.PI * 2;
+            const endAngle = startAngle + angle;
+            const largeArc = angle > Math.PI ? 1 : 0;
+            const x1 = cx + r * Math.cos(startAngle);
+            const y1 = cy + r * Math.sin(startAngle);
+            const x2 = cx + r * Math.cos(endAngle);
+            const y2 = cy + r * Math.sin(endAngle);
+            let path;
+            if (innerR > 0) {
+                const ix1 = cx + innerR * Math.cos(startAngle);
+                const iy1 = cy + innerR * Math.sin(startAngle);
+                const ix2 = cx + innerR * Math.cos(endAngle);
+                const iy2 = cy + innerR * Math.sin(endAngle);
+                path = `M ${x1} ${y1} A ${r} ${r} 0 ${largeArc} 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerR} ${innerR} 0 ${largeArc} 0 ${ix1} ${iy1} Z`;
+            }
+            else {
+                path = `M ${cx} ${cy} L ${x1} ${y1} A ${r} ${r} 0 ${largeArc} 1 ${x2} ${y2} Z`;
+            }
+            startAngle = endAngle;
+            return html `
+        <path d="${path}" fill="${this.color(i)}" opacity="0.85">
+          <title>${d.label}: ${d.value} (${((d.value / total) * 100).toFixed(1)}%)</title>
+        </path>
+      `;
+        });
+        return html `
+      <svg viewBox="0 0 ${this.width} ${this.height}" xmlns="http://www.w3.org/2000/svg">
+        ${slices}
+      </svg>
+    `;
+    }
+    renderLegend() {
+        if (this.data.length === 0)
+            return html ``;
+        return html `
+      <div class="zs-chart-legend">
+        ${this.data.map((d, i) => html `
+          <div class="zs-chart-legend-item">
+            <span class="zs-chart-legend-dot" style="background:${this.color(i)}"></span>
+            <span class="zs-chart-legend-label">${d.label}</span>
+          </div>
+        `)}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldChart.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldChart.prototype, "chartType", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldChart.prototype, "data", void 0);
+__decorate([
+    property({ type: Number })
+], ZsFieldChart.prototype, "width", void 0);
+__decorate([
+    property({ type: Number })
+], ZsFieldChart.prototype, "height", void 0);
+ZsFieldChart = __decorate([
+    customElement('zs-field-chart')
+], ZsFieldChart);
+export { ZsFieldChart };
+//# sourceMappingURL=zs-field-chart.js.map

package/dist/fields/zs-field-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-chart.js","sourceRoot":"","sources":["../../src/fields/zs-field-chart.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-field-checkbox.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+interface CheckboxOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export declare class ZsFieldCheckbox extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    value: boolean | string | number | (string | number)[];
+    helpText: string;
+    mode: 'checkbox' | 'radio';
+    required: boolean;
+    disabled: boolean;
+    horizontal: boolean;
+    options: CheckboxOption[];
+    errors: string[];
+    private handleSingleChange;
+    private handleRadioChange;
+    private handleCheckboxGroupChange;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderSingle;
+    private renderRadioGroup;
+    private renderCheckboxGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-checkbox': ZsFieldCheckbox;
+    }
+}
+export {};
+//# sourceMappingURL=zs-field-checkbox.d.ts.map

package/dist/fields/zs-field-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-checkbox.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-checkbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,4BAmBV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACX,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAS;IAC/D,QAAQ,SAAM;IACd,IAAI,EAAE,UAAU,GAAG,OAAO,CAAc;IACvB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACrB,OAAO,EAAE,cAAc,EAAE,CAAM;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,yBAAyB;IAWjC,MAAM;IAiBN,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,mBAAmB;CAmB5B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/fields/zs-field-checkbox.js

@@ -0,0 +1,172 @@
+// @zentto/studio — Checkbox/Radio field web component
+// Handles: checkbox (single + group), radio
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { fieldBaseStyles } from '../styles/tokens.js';
+let ZsFieldCheckbox = class ZsFieldCheckbox extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fieldId = '';
+        this.label = '';
+        this.value = false;
+        this.helpText = '';
+        this.mode = 'checkbox';
+        this.required = false;
+        this.disabled = false;
+        this.horizontal = false;
+        this.options = [];
+        this.errors = [];
+    }
+    static { this.styles = [fieldBaseStyles, css `
+    :host { display: block; }
+    .zs-check-group { display: flex; flex-direction: column; gap: 6px; }
+    .zs-check-group--horizontal { flex-direction: row; flex-wrap: wrap; gap: 12px; }
+    .zs-check-item {
+      display: flex; align-items: center; gap: 8px; cursor: pointer;
+      font-size: var(--zs-font-size); color: var(--zs-text);
+    }
+    .zs-check-item input {
+      accent-color: var(--zs-primary); width: 16px; height: 16px; cursor: pointer;
+    }
+    .zs-check-item--disabled { opacity: 0.6; cursor: not-allowed; }
+    .zs-check-single {
+      display: flex; align-items: center; gap: 8px; cursor: pointer;
+      font-size: var(--zs-font-size);
+    }
+    .zs-check-single input {
+      accent-color: var(--zs-primary); width: 18px; height: 18px; cursor: pointer;
+    }
+  `]; }
+    handleSingleChange(e) {
+        const input = e.target;
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: input.checked },
+            bubbles: true, composed: true,
+        }));
+    }
+    handleRadioChange(e) {
+        const input = e.target;
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: input.value },
+            bubbles: true, composed: true,
+        }));
+    }
+    handleCheckboxGroupChange(optValue, checked) {
+        const currentValues = Array.isArray(this.value) ? [...this.value] : [];
+        const newValues = checked
+            ? [...currentValues, optValue]
+            : currentValues.filter(v => v !== optValue);
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: newValues },
+            bubbles: true, composed: true,
+        }));
+    }
+    render() {
+        const hasError = this.errors.length > 0;
+        const labelClass = `zs-label ${this.required ? 'zs-label--required' : ''}`;
+        const isSingle = this.options.length === 0 && this.mode === 'checkbox';
+        return html `
+      <div class="zs-field">
+        ${this.label && !isSingle ? html `<label class="${labelClass}">${this.label}</label>` : ''}
+        ${isSingle ? this.renderSingle() :
+            this.mode === 'radio' ? this.renderRadioGroup() :
+                this.renderCheckboxGroup()}
+        ${hasError ? html `<span class="zs-error">${this.errors[0]}</span>` : ''}
+        ${this.helpText && !hasError ? html `<span class="zs-help">${this.helpText}</span>` : ''}
+      </div>
+    `;
+    }
+    renderSingle() {
+        return html `
+      <label class="zs-check-single ${this.disabled ? 'zs-check-item--disabled' : ''}">
+        <input
+          type="checkbox"
+          .checked="${this.value === true}"
+          ?disabled="${this.disabled}"
+          @change="${this.handleSingleChange}"
+        />
+        ${this.label}
+      </label>
+    `;
+    }
+    renderRadioGroup() {
+        const groupClass = `zs-check-group ${this.horizontal ? 'zs-check-group--horizontal' : ''}`;
+        return html `
+      <div class="${groupClass}">
+        ${this.options.map(opt => html `
+          <label class="zs-check-item ${opt.disabled || this.disabled ? 'zs-check-item--disabled' : ''}">
+            <input
+              type="radio"
+              name="${this.fieldId}"
+              value="${opt.value}"
+              .checked="${String(this.value) === String(opt.value)}"
+              ?disabled="${opt.disabled || this.disabled}"
+              @change="${this.handleRadioChange}"
+            />
+            ${opt.label}
+          </label>
+        `)}
+      </div>
+    `;
+    }
+    renderCheckboxGroup() {
+        const selectedValues = Array.isArray(this.value) ? this.value.map(String) : [];
+        const groupClass = `zs-check-group ${this.horizontal ? 'zs-check-group--horizontal' : ''}`;
+        return html `
+      <div class="${groupClass}">
+        ${this.options.map(opt => html `
+          <label class="zs-check-item ${opt.disabled || this.disabled ? 'zs-check-item--disabled' : ''}">
+            <input
+              type="checkbox"
+              .checked="${selectedValues.includes(String(opt.value))}"
+              ?disabled="${opt.disabled || this.disabled}"
+              @change="${(e) => this.handleCheckboxGroupChange(opt.value, e.target.checked)}"
+            />
+            ${opt.label}
+          </label>
+        `)}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldCheckbox.prototype, "fieldId", void 0);
+__decorate([
+    property()
+], ZsFieldCheckbox.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldCheckbox.prototype, "value", void 0);
+__decorate([
+    property()
+], ZsFieldCheckbox.prototype, "helpText", void 0);
+__decorate([
+    property()
+], ZsFieldCheckbox.prototype, "mode", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldCheckbox.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldCheckbox.prototype, "horizontal", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldCheckbox.prototype, "options", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldCheckbox.prototype, "errors", void 0);
+ZsFieldCheckbox = __decorate([
+    customElement('zs-field-checkbox')
+], ZsFieldCheckbox);
+export { ZsFieldCheckbox };
+//# sourceMappingURL=zs-field-checkbox.js.map

package/dist/fields/zs-field-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-checkbox.js","sourceRoot":"","sources":["../../src/fields/zs-field-checkbox.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-field-chips.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+interface ChipOption {
+    value: string;
+    label: string;
+    color?: string;
+    icon?: string;
+}
+export declare class ZsFieldChips extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    placeholder: string;
+    helpText: string;
+    value: string[];
+    options: ChipOption[];
+    required: boolean;
+    disabled: boolean;
+    allowCustom: boolean;
+    maxChips: number;
+    colorMode: 'default' | 'primary' | 'success' | 'danger' | 'info' | 'auto';
+    errors: string[];
+    private inputValue;
+    private showSuggestions;
+    private get filteredOptions();
+    private addChip;
+    private removeChip;
+    private handleKeydown;
+    private getChipClass;
+    private getChipLabel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-chips': ZsFieldChips;
+    }
+}
+export {};
+//# sourceMappingURL=zs-field-chips.d.ts.map

package/dist/fields/zs-field-chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-chips.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-chips.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BA6EV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACX,WAAW,SAAiC;IAC5C,QAAQ,SAAM;IACC,KAAK,EAAE,MAAM,EAAE,CAAM;IACrB,OAAO,EAAE,UAAU,EAAE,CAAM;IACzB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,WAAW,UAAQ;IACpB,QAAQ,SAAK;IAC7B,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAa;IACvE,MAAM,EAAE,MAAM,EAAE,CAAM;IAExC,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,KAAK,eAAe,GAK1B;IAED,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAIpB,MAAM;CA6CP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,YAAY,CAAC;KAAE;CAAE"}