@wavemaker/react-codegen 11.14.1-rc.236

package/src/transpile/components/data/form/form-action.transformer.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../../transpile");
+exports.imports = [
+    {
+        name: "WmFormAction",
+        from: "@wavemaker/react-runtime/components/data/form/form-action",
+    },
+];
+const getFormActionExpr = (action) => {
+    return `($event) => {
+        ${action}
+    }`;
+};
+exports.default = {
+    pre: (element, context) => {
+        var _a;
+        const listName = context.data.listname;
+        const key = element.getAttribute("key");
+        element.setAttribute("displayName", element.attrs["display-name"]);
+        element.removeAttribute("display-name");
+        element.removeAttribute("key");
+        const updateMode = (_a = element.attrs["update-mode"]) !== null && _a !== void 0 ? _a : "true";
+        element.setAttribute("updateMode", updateMode);
+        element.removeAttribute("update-mode");
+        const widgetType = element.getAttribute("widget-type") || "button";
+        element.removeAttribute("widget-type");
+        const formName = element.getAttribute("formKey") || element.attrs["key"] || element.attrs["name"];
+        const actionType = element.getAttribute("type");
+        const name = element.getAttribute("name");
+        let action = element.getAttribute("action");
+        let btnClass = "btn-default";
+        if (actionType === "submit") {
+            btnClass = "btn-primary";
+            action = listName
+                ? (action = `list.itemWidgets[$index].${formName}.submit();` + (action || ""))
+                : `Widgets.${formName}.submit();` + (action || "");
+        }
+        if (actionType === "reset") {
+            action = listName
+                ? `list.itemWidgets[$index].${formName}.formreset()` + (action || "")
+                : `Widgets.${formName}.formreset();` + (action || "");
+        }
+        if (action) {
+            action = action.endsWith(";") ? action.substring(0, action.length - 1) : action;
+            action = action
+                .split(";")
+                .map(s => {
+                if (s === "reset()") {
+                    return listName
+                        ? `list.itemWidgets[$index].${formName}.formreset()`
+                        : `fragment.Widgets.${formName}.formreset()`;
+                }
+                else if (s === "edit()" || s === "new()" || s === "cancel()" || s === "delete()") {
+                    return listName
+                        ? `list.itemWidgets[$index].${formName}.` + s
+                        : `fragment.Widgets.${formName}.` + s;
+                }
+                else if (s === "filter()") {
+                    return listName
+                        ? `list.itemWidgets[$index].${formName}.filter()`
+                        : `fragment.Widgets.${formName}.filter()`;
+                }
+                else if (s === "clearFilter()") {
+                    return listName
+                        ? `list.itemWidgets[$index].${formName}.clearFilter()`
+                        : `fragment.Widgets.${formName}.clearFilter()`;
+                }
+                else {
+                    return listName ? s : "fragment." + s;
+                }
+            })
+                .join(";");
+        }
+        element.setAttribute("btnClass", btnClass);
+        element.removeAttribute("formKey");
+        element.removeAttribute("action");
+        element.removeAttribute("type");
+        element.setAttribute("name", name || key || formName);
+        return `<WmFormAction formRef={fragment?.Widgets?.${formName}?.ref}  ${(0, transpile_1.transformAttrs)(element, context)}
+            ${action && actionType ? `onClick={${getFormActionExpr(action)}} widgettype="${widgetType}"` : ""} `;
+    },
+    post: (element, context) => "/>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=form-action.transformer.js.map

package/src/transpile/components/data/form/form-action.transformer.js.map

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

package/src/transpile/components/data/form/form-body.transformer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../../transpile");
+exports.imports = [
+    {
+        name: "WmFormBody",
+        from: "@wavemaker/react-runtime/components/data/form/form-body",
+    },
+];
+exports.default = {
+    pre: (element, context) => `<WmFormBody ${(0, transpile_1.transformAttrs)(element, context)}>`,
+    post: (element, context) => "</WmFormBody>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=form-body.transformer.js.map

package/src/transpile/components/data/form/form-body.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-body.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/form/form-body.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,yDAAyD;KAChE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,eAAe,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IACpD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAe;IAC9E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/data/form/form-field.transformer.js

@@ -0,0 +1,379 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const node_html_parser_1 = require("node-html-parser");
+const transpile_1 = require("../../../transpile");
+const util_1 = require("./util");
+const utils_1 = require("../../utils");
+exports.imports = [
+    {
+        name: "WmFormField",
+        from: "@wavemaker/react-runtime/components/data/form/form-field",
+    },
+];
+const getAttribute = (element, attrName) => {
+    const value = element.getAttribute(attrName);
+    return value === null || value === void 0 ? void 0 : value.replace(/"/g, """);
+};
+const getStyleProps = (element) => {
+    const attributes = [
+        "fontsize",
+        "fontweight",
+        "color",
+        "textalign",
+        "fontfamily",
+        "textdecoration",
+        "fontstyle",
+    ];
+    return attributes.reduce((propsString, attr) => {
+        const value = getAttribute(element, attr);
+        if (value !== undefined) {
+            propsString += `${attr}=${value} `;
+        }
+        return propsString;
+    }, "");
+};
+const extractField = (element, context, formElement) => {
+    const widgetType = getAttribute(element, "widget") || "text";
+    const widgetName = getAttribute(element, "key") || getAttribute(element, "name") || "text" + "_formWidget";
+    return getFormWidgetTemplate(widgetType, widgetName, element, formElement ? getAttribute(formElement, "formdata") : undefined);
+};
+const getFormWidgetTemplate = (widgetType, widgetName, element, formDataVariable) => {
+    var _a, _b;
+    widgetName = widgetName.replace(".", "_");
+    const inputName = (_b = (_a = getAttribute(element, "key")) === null || _a === void 0 ? void 0 : _a.split(".")) === null || _b === void 0 ? void 0 : _b.at(-1);
+    const formfieldName = getAttribute(element, "name");
+    var labelMarkup = getAttribute(element, "displayname")
+        ? `<wm-label 
+    required="bind:$formField.required"
+    htmlFor="${formfieldName}_formWidget"
+    caption="bind:$formField.displayname"
+    class="app-label control-label formfield-label"
+    conditionalclass="bind:$formField.captionCls"
+    name="${widgetName}_formLabel"></wm-label>`
+        : "";
+    const onFocus = getAttribute(element, "on-focus");
+    if (onFocus) {
+        element.removeAttribute("on-focus");
+    }
+    const onBlur = getAttribute(element, "on-blur");
+    if (onBlur) {
+        element.removeAttribute("on-blur");
+    }
+    const onTap = getAttribute(element, "on-tap");
+    if (onTap) {
+        element.removeAttribute("on-tap");
+    }
+    const placeholder = getAttribute(element, "placeholder");
+    if (placeholder) {
+        element.removeAttribute("placeholder");
+    }
+    var commonFields = `name="${formfieldName}_formWidget"
+                      formfield="true"
+                      datavalue="bind:$formField.datavalue || $formField.defaultvalue"
+                      conditionalclass=""
+                      ${placeholder ? 'placeholder="' + placeholder + '"' : ""}
+                      ${onFocus ? "on-focus=" + onFocus : ""}
+                      ${onBlur ? "on-blur=" + onBlur : ""}`;
+    var widgetMarkup = getWidgetMarkup(widgetType, widgetName, commonFields, element);
+    let currentNode = element.parentNode;
+    while (currentNode) {
+        if (currentNode.rawTagName === "wm-form" ||
+            currentNode.rawTagName === "wm-liveform" ||
+            currentNode.getAttribute("type") === "dynamic") {
+            break;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    return {
+        label: labelMarkup ? (0, node_html_parser_1.parse)(labelMarkup).firstChild : null,
+        field: (0, node_html_parser_1.parse)(widgetMarkup).firstChild,
+    };
+};
+const getDisplayExpression = (displayExpr) => {
+    //if the expression is "Label ' location' sample" then it should be as it is. but failing
+    //that is why if there is bind display expression should be with single quote else double quote
+    if (displayExpr.includes("bind:")) {
+        return `displayexpression='${displayExpr}'`;
+    }
+    return `displayexpression="${displayExpr}"`;
+};
+const getWidgetMarkup = (widgetType, widgetName, commonFields, element) => {
+    let tmpl = "";
+    const getDisplayExpr = element.getAttribute("displayexpression") || element.getAttribute("displaylabel");
+    const displayExp = getDisplayExpr ? getDisplayExpression(getDisplayExpr) : "";
+    const formFieldTags = ["text", "password", "number", "currency", "textarea"];
+    let currentNode = element.parentNode;
+    while (currentNode) {
+        if (currentNode.rawTagName === "wm-form" ||
+            currentNode.rawTagName === "wm-liveform" ||
+            currentNode.getAttribute("type") === "dynamic") {
+            break;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    const isFloatingForm = (currentNode === null || currentNode === void 0 ? void 0 : currentNode.getAttribute("captionposition")) === "floating";
+    const floatinglabel = formFieldTags.includes(widgetType) && isFloatingForm
+        ? `floatinglabel='${element.getAttribute("displayname")}'`
+        : "";
+    const dateTimeDialogTags = ["date", "time", "datetime"];
+    const isDateTimeTag = dateTimeDialogTags.includes(widgetType);
+    // * date picker modal customization
+    const dateheadertitle = isDateTimeTag && element.getAttribute("dateheadertitle")
+        ? `dateheadertitle='${element.getAttribute("dateheadertitle")}'`
+        : "";
+    const dateconfirmationtitle = isDateTimeTag && element.getAttribute("dateconfirmationtitle")
+        ? `dateconfirmationtitle='${element.getAttribute("dateconfirmationtitle")}'`
+        : "";
+    const datecanceltitle = isDateTimeTag && element.getAttribute("datecanceltitle")
+        ? `datecanceltitle='${element.getAttribute("datecanceltitle")}'`
+        : "";
+    // * time picker modal customization
+    const timeheadertitle = isDateTimeTag && element.getAttribute("timeheadertitle")
+        ? `timeheadertitle='${element.getAttribute("timeheadertitle")}'`
+        : "";
+    const timeconfirmationtitle = isDateTimeTag && element.getAttribute("timeconfirmationtitle")
+        ? `timeconfirmationtitle='${element.getAttribute("timeconfirmationtitle")}'`
+        : "";
+    const timecanceltitle = isDateTimeTag && element.getAttribute("timecanceltitle")
+        ? `timecanceltitle='${element.getAttribute("timecanceltitle")}'`
+        : "";
+    const outputformat = element.getAttribute("outputformat")
+        ? `outputformat='${element.getAttribute("outputformat")}'`
+        : ``;
+    switch (widgetType) {
+        case "text":
+        case "password":
+            let inputtype = widgetType === "password" ? "password" : getAttribute(element, "inputtype");
+            inputtype = inputtype ? `type=${inputtype}` : "";
+            tmpl = `<wm-text ${inputtype} ${commonFields} 
+                updateon="bind:$formField.updateon"
+                maxchars="bind:$formField.maxchars"
+                ></wm-text>`;
+            break;
+        case "textarea":
+            tmpl = `<wm-textarea ${commonFields}
+                updateon="bind:$formField.updateon || 'blur'"
+                maxchars="bind:$formField.maxchars"
+                ${floatinglabel}>
+              </wm-textarea>`;
+            break;
+        case "number":
+            tmpl = `<wm-number ${commonFields}
+                updateon="bind:$formField.updateon || 'blur'"
+                minvalue="bind:$formField.minvalue"
+                maxvalue="bind:$formField.maxvalue"
+                displayValue="bind:$formField.displayValue"
+                ${floatinglabel}>
+              </wm-number>`;
+            break;
+        case "currency":
+            tmpl = `<wm-currency ${commonFields}
+                  updateon="bind:$formField.updateon || 'blur'"
+                  minvalue="bind:$formField.minvalue"
+                  maxvalue="bind:$formField.maxvalue"
+                  ${floatinglabel}>
+                </wm-currency>`;
+            break;
+        case "select":
+            tmpl = `<wm-select ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+                class="form-widget-select"
+              ></wm-select>`;
+            break;
+        case "autocomplete":
+            tmpl = `<wm-search ${commonFields} ${displayExp}
+                type="autocomplete"
+                limit="bind:$formField.limit"
+                displayimagesrc="bind:$formField.displayimagesrc"
+                searchkey="bind:$formField.searchkey"
+                showclear="bind:$formField.showclear || false"
+                dataset="bind:$formField.dataset"
+                displayfield="bind:$formField.displaylabel"
+                datafield="bind:$formField.datafield"
+                ></wm-search>`;
+            break;
+        case "chips":
+            tmpl = `<wm-chips ${commonFields} ${displayExp}
+                minchars="bind:$formField.minchars || 1"
+                maxsize="bind:$formField.maxsize"
+                displayimagesrc="bind:$formField.displayimagesrc"
+                searchkey="bind:$formField.searchkey"
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+                ></wm-chips>`;
+            break;
+        case "checkbox":
+            tmpl = `<wm-checkbox ${commonFields}
+                  caption="bind:$formField.caption"
+                  checkedvalue="bind:$formField.checkedvalue || true"
+                  uncheckedvalue="bind:$formField.uncheckedvalue || false">
+              </wm-checkbox>`;
+            break;
+        case "checkboxset":
+            tmpl = `<wm-checkboxset ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-checkboxset>`;
+            break;
+        case "toggle":
+            tmpl = `<wm-checkbox ${commonFields}
+                type="toggle"
+                checkedvalue="bind:$formField.checkedvalue || true"
+                uncheckedvalue="bind:$formField.uncheckedvalue || false">
+              </wm-checkbox>`;
+            break;
+        case "switch":
+            tmpl = `<wm-switch ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'yes, no, maybe'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-switch>`;
+            break;
+        case "radioset":
+            tmpl = `<wm-radioset ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-radioset>`;
+            break;
+        case "date":
+            tmpl += `<wm-date ${commonFields}
+                mindate="bind:$formField.mindate"
+                maxdate="bind:$formField.maxdate"
+                datepattern="bind:$formField.datepattern"
+                ${outputformat}
+                ${dateheadertitle}
+                ${dateconfirmationtitle}
+                ${datecanceltitle}
+                ></wm-date>`;
+            break;
+        case "datetime":
+        case "timestamp":
+            tmpl = `<wm-datetime ${commonFields}
+                mindate="bind:$formField.mindate"
+                maxdate="bind:$formField.maxdate"
+                datepattern="bind:$formField.datepattern"
+                ${outputformat}
+                ${dateheadertitle}
+                ${dateconfirmationtitle}
+                ${datecanceltitle}
+                ${timeheadertitle}
+                ${timeconfirmationtitle}
+                ${timecanceltitle}
+                ></wm-datetime>`;
+            break;
+        case "time":
+            tmpl += `<wm-time ${commonFields} 
+                timepattern="bind:$formField.timepattern"
+                ${outputformat}
+                ${timeheadertitle}
+                ${timeconfirmationtitle}
+                ${timecanceltitle}
+                ></wm-time>`;
+            break;
+        case "slider":
+            tmpl += `<wm-slider ${commonFields} 
+                minvalue="bind:$formField.minvalue || 0"
+                maxvalue="bind:$formField.maxvalue || 100"
+                step="bind:$formField.step || 1"
+                ></wm-slider>`;
+            break;
+        case "rating":
+            let showcaptions = getAttribute(element, "showcaptions");
+            showcaptions = showcaptions ? `showcaptions="bind:$formField.showcaptions"` : "";
+            tmpl += `<wm-rating ${commonFields} ${displayExp}
+                ${getAttribute(element, "dataset") ? 'dataset="bind:$formField.dataset"' : ""}
+                displayfield="bind:$formField.displayfield || 'value'"
+                datafield="bind:$formField.datafield || 'key'"
+                ${showcaptions}
+                maxvalue="bind:$formField.maxvalue || 5"
+                ></wm-rating>`;
+            break;
+        case "fileupload":
+            const onSelect = getAttribute(element, "on-select");
+            const onDelete = getAttribute(element, "on-delete");
+            tmpl = `<wm-fileupload ${commonFields} 
+                ${onSelect ? 'on-select="onSelect"' : ""}
+                ${onDelete ? 'on-delete="onDelete"' : ""}
+      ></wm-fileupload>`;
+            break;
+    }
+    return tmpl;
+};
+exports.default = {
+    pre: (element, context) => {
+        const widgetType = getAttribute(element, "widget") || util_1.FormWidgetType.TEXT;
+        const listName = context.data.listname;
+        let currentNode = element.parentNode;
+        while (currentNode) {
+            if (currentNode.rawTagName === "wm-form" ||
+                currentNode.rawTagName === "wm-liveform" ||
+                (currentNode === null || currentNode === void 0 ? void 0 : currentNode.getAttribute("type")) === "dynamic") {
+                break;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        let formName, formScope, control;
+        if ((currentNode === null || currentNode === void 0 ? void 0 : currentNode.getAttribute("type")) === "dynamic") {
+            formName = currentNode.getAttribute("dynamicForm");
+            formScope = `formScope={() => fragment.Widgets.${formName}}`;
+        }
+        else {
+            formName = currentNode === null || currentNode === void 0 ? void 0 : currentNode.getAttribute("name");
+        }
+        // @ts-ignore
+        // element.setAttribute("formRef", formName);
+        if (element.attrs["primary-key"]) {
+            element.setAttribute("primaryKey", element.attrs["primary-key"]);
+        }
+        element.removeAttribute("primary-key");
+        if (element.attrs["is-related"]) {
+            element.setAttribute("isRelated", element.attrs["is-related"]);
+        }
+        element.removeAttribute("is-related");
+        if (element.getAttribute("dataset")) {
+            element.setAttribute("isDataSetBound", "true");
+        }
+        // const validate = `widget.validateFormField.call(widget);`;
+        // let onChange = element.getAttribute("on-change") || "";
+        // onChange = listName
+        //   ? `list.itemWidgets[$index].${currentNode.getAttribute("name")} && list.itemWidgets[$index].${currentNode.getAttribute("name")}.props.onChange && list.itemWidgets[$index].${currentNode.getAttribute("name")}.props.onChange($event, widget, newVal, oldVal);` +
+        //     onChange
+        //   : `fragment.Widgets.${currentNode.getAttribute("name")} && fragment.Widgets.${currentNode.getAttribute("name")}.props.onChange && fragment.Widgets.${currentNode.getAttribute("name")}.props.onChange($event, widget, newVal, oldVal);` +
+        //     onChange;
+        // element.setAttribute("on-change", onChange);
+        const formField = extractField(element, context, currentNode);
+        if (formField.label) {
+            element.childNodes.push(formField.label);
+        }
+        element.childNodes.push(formField.field);
+        element.removeAttribute("datavalue");
+        element.removeAttribute("height");
+        // element.setAttribute("on-validate", validate);
+        const childDatasetNode = currentNode === null || currentNode === void 0 ? void 0 : currentNode.getAttribute("childdatasetnode");
+        if (childDatasetNode) {
+            element.setAttribute("formKey", childDatasetNode + "." + element.attrs["name"]);
+        }
+        else {
+            element.setAttribute("formKey", element.attrs["key"] || element.attrs["name"]);
+        }
+        element.removeAttribute("key");
+        if (element.getAttribute("is-range") === "true") {
+            (0, util_1.setDefaultPlaceholder)(element, widgetType, 0);
+            (0, util_1.setDefaultPlaceholder)(element, widgetType, 1);
+        }
+        else {
+            (0, util_1.setDefaultPlaceholder)(element, widgetType, 2);
+        }
+        return `<WmFormField ${formScope || ""} field="true" formName="${formName}"  ${(0, utils_1.extractDatasetInfo)(element)}  ${(0, transpile_1.transformAttrs)(element, context)} renderFormFields={($formField) => (<>`;
+    },
+    post: (element, context) => "    </>)}></WmFormField>",
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+};
+//# sourceMappingURL=form-field.transformer.js.map

package/src/transpile/components/data/form/form-field.transformer.js.map

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

package/src/transpile/components/data/form/form-footer.transformer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../../transpile");
+exports.imports = [
+    {
+        name: "WmFormFooter",
+        from: "@wavemaker/react-runtime/components/data/form/form-footer",
+    },
+];
+exports.default = {
+    pre: (element, context) => `<WmFormFooter ${(0, transpile_1.transformAttrs)(element, context)}>`,
+    post: (element, context) => "</WmFormFooter>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=form-footer.transformer.js.map

package/src/transpile/components/data/form/form-footer.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-footer.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/form/form-footer.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,2DAA2D;KAClE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,iBAAiB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IACtD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,iBAAiB;IAChF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}