@vertesia/ui 0.82.1 → 0.82.3

package/lib/esm/widgets/form/Form.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FormItem } from "@vertesia/ui/core";
+import clsx from "clsx";
+import { Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { FormContext, FormContextProvider, useForm } from "./FormContext.js";
+import { Input } from "./inputs.js";
+export function Form({ object, components, onSubmit, children, onChange, disabled }) {
+    const _onSubmit = (evt) => {
+        evt.stopPropagation();
+        evt.preventDefault();
+        onSubmit && onSubmit(object.value);
+    };
+    object.observer = onChange;
+    return (_jsx(FormContextProvider, { value: new FormContext(object, components || {}, disabled ?? false), children: _jsx("form", { className: "w-full", onSubmit: _onSubmit, children: children }) }));
+}
+function GeneratedFormFields() {
+    const ctx = useForm();
+    return (_jsx("div", { className: 'flex flex-col gap-4 w-full', children: ctx.object.properties.map(renderProperty) }));
+}
+export function GeneratedForm({ children, ...props }) {
+    return (_jsxs(Form, { ...props, children: [_jsx(GeneratedFormFields, {}), children] }));
+}
+function renderProperty(prop) {
+    if (prop.isList) {
+        return _jsx(ListField, { object: prop }, prop.name);
+    }
+    else if (prop.isObject) {
+        return _jsx(CompositeField, { object: prop }, prop.name);
+    }
+    else {
+        return _jsx(ScalarField, { object: prop }, prop.name);
+    }
+}
+function renderItemProperty(prop, editor) {
+    if (prop.isList) {
+        return _jsx(ListField, { object: prop });
+    }
+    else if (prop.isObject) {
+        return _jsx(CompositeField, { object: prop });
+    }
+    else {
+        return _jsx(ScalarField, { object: prop, editor: editor });
+    }
+}
+export function ScalarField({ object, editor, inline = false }) {
+    if (!editor) {
+        editor = object.schema.editor;
+    }
+    const { components, disabled } = useForm();
+    const Component = (editor && components[editor]) || Input;
+    const inputType = object.getInputType();
+    if (inputType === 'checkbox') {
+        inline = true;
+    }
+    const handleOnChange = (event) => {
+        if (disabled)
+            return;
+        if (object.schema.isBoolean) {
+            object.value = event.target.checked;
+        }
+        else if (object.schema.isNumber) {
+            object.value = parseFloat(event.target.value);
+        }
+        else {
+            object.value = event.target.value;
+        }
+    };
+    if (object.isListItem) {
+        // List items don't need the FormItem wrapper (no label, description, etc.)
+        return _jsx(Component, { object: object, type: inputType, onChange: handleOnChange, disabled: disabled });
+    }
+    return (_jsx(FormItem, { label: object.title, required: object.schema.isRequired, description: object.schema.description, className: clsx('flex', inline ? 'flex-row items-center' : 'flex-col'), children: _jsx(Component, { object: object, type: inputType, onChange: handleOnChange, disabled: disabled }) }));
+}
+function CompositeField({ object }) {
+    return (_jsxs("div", { className: "flex flex-col gap-4 my-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-slate-600", children: [!object.isListItem && _jsx("div", { className: 'text-gray-900 dark:text-gray-200 font-semibold', children: object.title }), object.properties.map(renderProperty)] }));
+}
+function ListField({ object }) {
+    const [value, setValue] = useState(object.value || []);
+    const { disabled } = useForm();
+    const addItem = () => {
+        if (disabled)
+            return;
+        object.add();
+        setValue([...object.value]);
+    };
+    const deleteItem = (index) => {
+        if (disabled)
+            return;
+        object.remove(index);
+        setValue([...object.value]);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4 my-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 darK:border-l-slate-600", children: [!object.isListItem && _jsx("div", { className: 'text-gray-900 dark:text-gray-200 font-semibold', children: object.title }), object.items.map((item, index) => {
+                return _jsx(ListItem, { object: item, list: object, onDelete: () => deleteItem(index), disabled: disabled }, `${index}-${value[index] ?? ''}`);
+            }), _jsx("div", { children: _jsxs(Button, { variant: 'secondary', onClick: addItem, disabled: disabled, children: [_jsx(Plus, { className: "size-6" }), " Add"] }) })] }));
+}
+function ListItem({ list, object, onDelete, disabled }) {
+    return (_jsxs("div", { className: 'flex gap-2 w-full', children: [_jsx("div", { className: "flex-1", children: renderItemProperty(object, list.schema.arraySchema.editor) }), _jsx(Button, { variant: 'secondary', onClick: onDelete, disabled: disabled, children: _jsx(Trash2, { className: 'size-4' }) })] }));
+}
+//# sourceMappingURL=Form.js.map

package/lib/esm/widgets/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/widgets/form/Form.tsx"],"names":[],"mappings":"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"}

package/lib/esm/widgets/form/FormContext.js

@@ -0,0 +1,31 @@
+import { createContext, useContext } from "react";
+const FieldSetContext = createContext(undefined);
+const FieldSetContextProvider = FieldSetContext.Provider;
+export function useFieldSet() {
+    const ctx = useContext(FieldSetContext);
+    if (!ctx) {
+        throw new Error('useFieldSet must be used within a Form or FieldSet element');
+    }
+    return ctx;
+}
+export class FormContext {
+    object;
+    components;
+    disabled;
+    constructor(object, components = {}, disabled = false) {
+        this.object = object;
+        this.components = components;
+        this.disabled = disabled;
+    }
+}
+const _FormContext = createContext(undefined);
+export function useForm() {
+    const ctx = useContext(_FormContext);
+    if (!ctx) {
+        throw new Error('useForm must be used within a Form element');
+    }
+    return ctx;
+}
+const FormContextProvider = _FormContext.Provider;
+export { FieldSetContextProvider, FormContextProvider };
+//# sourceMappingURL=FormContext.js.map

package/lib/esm/widgets/form/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../../src/widgets/form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,eAAe,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAChF,MAAM,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC;AAEzD,MAAM,UAAU,WAAW;IACvB,MAAM,GAAG,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAClF,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAQD,MAAM,OAAO,WAAW;IACD;IACR;IACA;IAFX,YAAmB,MAAqB,EAC7B,aAAiE,EAAE,EACnE,WAAoB,KAAK;QAFjB,WAAM,GAAN,MAAM,CAAe;QAC7B,eAAU,GAAV,UAAU,CAAyD;QACnE,aAAQ,GAAR,QAAQ,CAAiB;IACpC,CAAC;CAEJ;AAED,MAAM,YAAY,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAEvE,MAAM,UAAU,OAAO;IACnB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/widgets/form/ManagedObject.js

@@ -0,0 +1,287 @@
+import { Schema } from "./schema.js";
+export function computeTitleFromName(name) {
+    name = name.replace(/_/g, ' ').replace(/([a-z0-9])&([A-Z])/g, "$1 $2");
+    return name[0].toUpperCase() + name.slice(1);
+}
+function getInputType(_name, schema) {
+    if (schema.editor) {
+        return schema.editor;
+    }
+    // Check format as fallback (e.g., "document", "media", "date", etc.)
+    if (schema.schema.format) {
+        return schema.schema.format;
+    }
+    switch (schema.type) {
+        case 'number':
+        case 'integer':
+            return 'number';
+        case 'boolean':
+            return 'checkbox';
+        case 'string':
+            return "text";
+        default:
+            return 'text';
+    }
+}
+export class Node {
+    parent;
+    schema;
+    name;
+    // change observer
+    observer; // return false to stop bubbling
+    constructor(parent, schema, name) {
+        this.parent = parent;
+        this.schema = schema;
+        this.name = name;
+    }
+    get isRoot() {
+        return !this.parent;
+    }
+    get root() {
+        return this.parent ? this.parent.root : this;
+    }
+    get path() {
+        return this.parent ? this.parent.path.concat(this.name) : [];
+    }
+    get isScalar() {
+        return false;
+    }
+    get isListItem() {
+        return false;
+    }
+    get isObject() {
+        return false;
+    }
+    get isList() {
+        return false;
+    }
+    get title() {
+        return this.schema.title || computeTitleFromName(this.name);
+    }
+    onChange(node) {
+        if (this.observer) {
+            if (this.observer(this) === false) {
+                return;
+            }
+            ;
+        }
+        this.parent && this.parent.onChange(node);
+    }
+}
+export class ManagedObjectBase extends Node {
+    constructor(parent, schema, name) {
+        super(parent, schema, name);
+    }
+    get isObject() {
+        return true;
+    }
+    getProperty(name) {
+        const schema = this.schema.properties[name];
+        if (schema.isMulti) {
+            return new ManagedListProperty(this, schema, this.getOrInitArrayProperty(name));
+        }
+        else if (schema.isObject) {
+            return new ManagedObjectProperty(this, schema, schema.name, this.getOrInitObjectProperty(name));
+        }
+        else {
+            return new ManagedProperty(this, schema);
+        }
+    }
+    getOrInitObjectProperty(name) {
+        let value = this.value[name];
+        if (!value) {
+            this.value[name] = value = {};
+        }
+        return value;
+    }
+    getOrInitArrayProperty(name) {
+        let value = this.value[name];
+        if (!value) {
+            this.value[name] = value = [];
+        }
+        return value;
+    }
+    setPropertyValue(name, value) {
+        if (this.value[name] !== value) {
+            this.value[name] = value;
+            return true;
+        }
+        return false;
+    }
+    getPropertyValue(name) {
+        return this.value[name];
+    }
+    get properties() {
+        const out = [];
+        for (const schema of Object.values(this.schema.properties)) {
+            if (schema.isMulti) {
+                out.push(new ManagedListProperty(this, schema, this.getOrInitArrayProperty(schema.name)));
+            }
+            else if (schema.isObject) {
+                out.push(new ManagedObjectProperty(this, schema, schema.name, this.getOrInitObjectProperty(schema.name)));
+            }
+            else {
+                out.push(new ManagedProperty(this, schema));
+            }
+        }
+        return out;
+    }
+    [Symbol.iterator]() {
+        return this.properties[Symbol.iterator]();
+    }
+}
+export class ManagedObject extends ManagedObjectBase {
+    value;
+    constructor(schema, value = {}) {
+        super(null, schema instanceof Schema ? schema : new Schema(schema), '#root');
+        this.value = value;
+    }
+}
+export class ManagedObjectProperty extends ManagedObjectBase {
+    value;
+    constructor(parent, schema, name, value) {
+        super(parent, schema, name);
+        this.value = value;
+    }
+}
+export class ManagedProperty extends Node {
+    constructor(parent, schema) {
+        super(parent, schema, schema.name);
+        if (parent.value[this.name] === undefined && schema.defaultValue !== undefined) {
+            parent.value[this.name] = schema.defaultValue;
+        }
+    }
+    get isScalar() {
+        return true;
+    }
+    set value(value) {
+        const changed = this.parent.setPropertyValue(this.name, value);
+        if (changed) {
+            this.onChange(this);
+        }
+    }
+    get value() {
+        return this.parent.getPropertyValue(this.name);
+    }
+    getInputType() {
+        return getInputType(this.name, this.schema);
+    }
+}
+export class ManagedListProperty extends Node {
+    value;
+    items = [];
+    constructor(parent, schema, value) {
+        super(parent, schema, schema.name);
+        this.value = value;
+        for (const _v of this.value) {
+            this.add();
+        }
+    }
+    get isList() {
+        return true;
+    }
+    newItem(index) {
+        if (this.schema.isObject) {
+            return new ManageObjectEntry(this, index);
+        }
+        else {
+            return new ManagedScalarEntry(this, index);
+        }
+    }
+    add() {
+        const item = this.newItem(this.items.length);
+        this.items.push(item);
+        return item;
+    }
+    //TODO change is fired even if the removed item is transient
+    // how to mark an item as transient (an added item not yet set by the user)
+    remove(index) {
+        const value = this.value;
+        if (index >= 0 && index < this.items.length) {
+            this.items.splice(index, 1);
+            // update indexes
+            for (let i = 0, l = this.items.length; i < l; i++) {
+                const item = this.items[i];
+                item.index = i;
+                item.name = String(i);
+            }
+        }
+        if (Array.isArray(value) && index >= 0 && index < value.length) {
+            value.splice(index, 1);
+            // TODO trigger onChange only if this item isn't transient
+            this.onChange(this);
+        }
+    }
+    [Symbol.iterator]() {
+        return this.items[Symbol.iterator]();
+    }
+    item(index) {
+        if (index < 0 || index >= this.value.length) {
+            return undefined;
+        }
+        const item = this.value[index];
+        if (this.schema.isObject) {
+            return new ManagedObjectProperty(this, this.schema, String(index), item);
+        }
+        else {
+            return new ManagedScalarEntry(this, index);
+        }
+    }
+    /**
+     * remove undefined items from the end of the list if any
+     */
+    trim() {
+        while (this.items[this.items.length - 1] === undefined) {
+            this.items.pop();
+        }
+    }
+}
+export class ManageObjectEntry extends ManagedObjectBase {
+    index;
+    key;
+    constructor(parent, index) {
+        super(parent, parent.schema, String(index));
+        this.index = index;
+        if (parent.value[index] === undefined) {
+            parent.value[index] = {};
+        }
+        this.key = this.name + '@' + Date.now();
+    }
+    get isListItem() {
+        return true;
+    }
+    set value(value) {
+        this.parent.value[this.index] = value;
+    }
+    get value() {
+        return this.parent.value[this.index];
+    }
+}
+export class ManagedScalarEntry extends Node {
+    index;
+    key;
+    constructor(parent, index) {
+        super(parent, parent.schema, String(index));
+        this.index = index;
+        if (parent.value[index] === undefined && parent.schema.defaultValue !== undefined) {
+            parent.value[index] = parent.schema.defaultValue;
+        }
+        this.key = this.name + '@' + Date.now();
+    }
+    get isScalar() {
+        return true;
+    }
+    get isListItem() {
+        return true;
+    }
+    set value(value) {
+        this.parent.value[this.index] = value;
+    }
+    get value() {
+        return this.parent.value[this.index];
+    }
+    getInputType() {
+        return getInputType(this.name, this.schema);
+    }
+}
+//# sourceMappingURL=ManagedObject.js.map

package/lib/esm/widgets/form/ManagedObject.js.map

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

package/lib/esm/widgets/form/fields.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormItem } from "@vertesia/ui/core";
+export function FormLabel({ label, required, children }) {
+    return (_jsx(FormItem, { label: label, required: required, children: children }));
+}
+export function FormHelper({ children }) {
+    return (_jsx("p", { className: "mt-2 text-sm text-gray-500", children: children }));
+}
+export function FormError({ children }) {
+    return (_jsx("p", { className: "mt-2 text-sm text-red-600", children: children }));
+}
+//# sourceMappingURL=fields.js.map

package/lib/esm/widgets/form/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../../../src/widgets/form/fields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAO7C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAkB;IACnE,OAAO,CACH,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACrC,QAAQ,GACF,CACd,CAAC;AACN,CAAC;AAKD,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,OAAO,CACH,YAAG,SAAS,EAAC,4BAA4B,YACpC,QAAQ,GACT,CACP,CAAA;AACL,CAAC;AAKD,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAClD,OAAO,CACH,YAAG,SAAS,EAAC,2BAA2B,YACnC,QAAQ,GACT,CACP,CAAA;AACL,CAAC"}

package/lib/esm/widgets/form/index.js

@@ -0,0 +1,7 @@
+export * from "./Form.js";
+export * from "./FormContext.js";
+export * from "./ManagedObject.js";
+export * from "./fields.js";
+export * from "./inputs.js";
+export * from "./schema.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/widgets/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/lib/esm/widgets/form/inputs.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useState } from "react";
+import { Styles } from "@vertesia/ui/core";
+const Input = React.forwardRef(({ object, type = 'text', onChange, ...props }, ref) => {
+    const [actualValue, setValue] = useState(object.value != null ? String(object.value) : '');
+    const [booleanValue, setBooleanValue] = useState(object.schema.isBoolean && object.value === true);
+    if (props.className) {
+        props.className = clsx(Styles.INPUT, props.className);
+    }
+    else {
+        props.className = Styles.INPUT;
+    }
+    const _onChange = (ev) => {
+        if (props.disabled)
+            return;
+        setValue(ev.target.value);
+        if (object.schema.isBoolean) {
+            object.value = ev.target.checked;
+            setBooleanValue(object.value);
+        }
+        else {
+            object.value = ev.target.value;
+        }
+        onChange && onChange(ev);
+    };
+    if (type === 'textarea') {
+        return (_jsx("textarea", { ref: ref, ...props, value: actualValue, onChange: _onChange }));
+    }
+    else if (type === 'checkbox') {
+        return (_jsx("input", { ref: ref, ...props, type: "checkbox", checked: booleanValue, onChange: _onChange, className: "form-check-input" }));
+    }
+    else {
+        return (_jsx("input", { ref: ref, ...props, type: type, value: actualValue, onChange: _onChange }));
+    }
+});
+export { Input };
+//# sourceMappingURL=inputs.js.map

package/lib/esm/widgets/form/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../../../src/widgets/form/inputs.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAoC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAK3C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAqD,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtI,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC;IAEnG,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACJ,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;IACnC,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,EAAuD,EAAE,EAAE;QAC1E,IAAI,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,GAAI,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC;YACvD,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACnC,CAAC;QACD,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAA;IACD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACtB,OAAO,CACH,mBAAU,GAAG,EAAE,GAA8C,KAAM,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CACxH,CAAA;IACL,CAAC;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACH,gBAAO,GAAG,EAAE,GAA2C,KAAM,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAClK,CAAA;IACL,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,gBAAO,GAAG,EAAE,GAA2C,KAAM,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CAC9H,CAAA;IACL,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}