@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/esm/index-CjznEY4w.js

@@ -0,0 +1,167 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { inject, computed, unref, defineComponent, watch, ref, createVNode, isVNode } from "vue";
+import { a8 as DATA_FORM_ITEM_CONTEXT_KEY, z as MKPageContainer, a9 as DataForm, A as MKDataTable } from "./index-D2Qngjos.js";
+import { FormDetailColumn, FormColumn, Messager } from "@maketribe/dm";
+import { ElEmpty, ElDrawer } from "element-plus";
+const formDetailProps = buildProps({
+  modelValue: {
+    type: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  column: { type: FormDetailColumn, required: true },
+  formWidth: {
+    type: String,
+    default: "400px"
+  }
+});
+const formDetailEmits = {
+  "update:model-value": (v) => true
+};
+buildProps({
+  column: { type: FormColumn, required: true }
+});
+function useFormItem() {
+  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);
+  const column = computed(() => {
+    var _a;
+    return ((_a = unref(dataFormItemContext)) == null ? void 0 : _a.column) ?? null;
+  });
+  const value = computed({
+    get: () => {
+      const _column = unref(column);
+      if (!_column) {
+        return;
+      }
+      return _column.getValue();
+    },
+    set: (v) => {
+      const _column = unref(column);
+      if (!_column) {
+        return;
+      }
+      _column.setValue(v);
+    }
+  });
+  const disabled = computed(() => {
+    var _a;
+    return ((_a = unref(column)) == null ? void 0 : _a.disabled) ?? false;
+  });
+  return { column, value, disabled };
+}
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const FormDetail = /* @__PURE__ */ defineComponent({
+  name: "MKFormDetail",
+  props: formDetailProps,
+  emits: formDetailEmits,
+  setup(props) {
+    const detailTable = computed(() => props.column.detailTable);
+    const detailForm = computed(() => props.column.detailForm);
+    const {
+      value
+    } = useFormItem();
+    watch(computed(() => unref(value)), (value2) => {
+      const _detailTable = unref(detailTable);
+      value2 = Array.isArray(value2) ? value2 : [];
+      _detailTable.setList(value2.map((item) => _detailTable.formatItem(item)));
+    });
+    const isShowDataForm = ref(false);
+    watch(detailTable, (dataTable, _, onCleanup) => {
+      const addRecordDisposable = dataTable.addRecordEvent.on(async ({
+        item
+      }) => {
+        const _dataForm = unref(detailForm);
+        if (!_dataForm) {
+          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
+          return;
+        }
+        isShowDataForm.value = true;
+        _dataForm.addRecord(item);
+      });
+      const editRecordDisposable = dataTable.editRecordEvent.on(async ({
+        item
+      }) => {
+        const _dataForm = unref(detailForm);
+        if (!_dataForm) {
+          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
+          return;
+        }
+        isShowDataForm.value = true;
+        try {
+          const response = await _dataForm.editRecord(item);
+          if (response.data.code !== 200) {
+            Messager.error({
+              message: response.data.msg
+            });
+            isShowDataForm.value = false;
+            return;
+          }
+        } catch (e) {
+          console.error(e);
+          isShowDataForm.value = false;
+        }
+      });
+      onCleanup(() => {
+        addRecordDisposable.dispose();
+        editRecordDisposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    watch(detailForm, (dataForm, _, onCleanup) => {
+      const submittedDisposable = dataForm.submittedEvent.on(() => {
+        var _a;
+        isShowDataForm.value = false;
+        (_a = unref(detailTable)) == null ? void 0 : _a.load();
+      });
+      const cancelDisposable = dataForm.cancelEvent.on(() => {
+        isShowDataForm.value = false;
+      });
+      onCleanup(() => {
+        submittedDisposable.dispose();
+        cancelDisposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    return () => {
+      const dataForm = unref(isShowDataForm) ? createVNode(MKPageContainer, null, {
+        default: () => [createVNode(DataForm, {
+          "dataForm": unref(detailForm),
+          "autoLoad": false
+        }, null)]
+      }) : null;
+      return createVNode("div", {
+        "class": "mk-form-detail"
+      }, [createVNode(MKDataTable, {
+        "dataTable": unref(detailTable),
+        "autoLoad": false
+      }, {
+        empty: () => createVNode(ElEmpty, {
+          "image-size": 100
+        }, null)
+      }), createVNode(ElDrawer, {
+        "class": "mk-form-detail__drawer",
+        "modelValue": unref(isShowDataForm),
+        "onUpdate:modelValue": (v) => isShowDataForm.value = v,
+        "appendToBody": true,
+        "withHeader": false,
+        "width": "50%"
+      }, _isSlot(dataForm) ? dataForm : {
+        default: () => [dataForm]
+      })]);
+    };
+  }
+});
+const MKFormDetail = withInstall(FormDetail);
+export {
+  MKFormDetail,
+  MKFormDetail as default,
+  formDetailEmits,
+  formDetailProps
+};
+//# sourceMappingURL=index-CjznEY4w.js.map

package/dist/esm/index-CjznEY4w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CjznEY4w.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.tsx","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n  const value = computed({\n    get: () => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      return _column.getValue();\n    },\n    set: (v: any) => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      _column.setValue(v);\n    },\n  });\n\n  const disabled = computed(() => unref(column)?.disabled ?? false);\n\n  return { column, value, disabled };\n}\n","import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form.vue\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord(item);\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(item);\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

package/dist/esm/index-CxJWRK6N.js

@@ -0,0 +1,51 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, createVNode, unref } from "vue";
+import { DataTable } from "@maketribe/dm";
+import { d as dataFilterConditionProps } from "./use-condition-CM-TzG8I.js";
+import { a1 as MKDataSelect } from "./index-D2Qngjos.js";
+const conditionSelectProps = buildProps({
+  ...dataFilterConditionProps,
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  options: {
+    type: Array
+  },
+  dataTable: {
+    type: DataTable
+  }
+});
+const conditionSelectEmits = {
+  "update:model-value": (modelValue) => true
+};
+const ConditionSelect = /* @__PURE__ */ defineComponent({
+  name: "MKConditionSelect",
+  props: conditionSelectProps,
+  emits: conditionSelectEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      return createVNode(MKDataSelect, {
+        "modelValue": unref(modelValue),
+        "dataTable": props.dataTable,
+        "options": props.options,
+        "multiple": props.multiple,
+        "onUpdate:model-value": (v) => modelValue.value = v
+      }, null);
+    };
+  }
+});
+const MKConditionSelect = withInstall(ConditionSelect);
+export {
+  MKConditionSelect,
+  conditionSelectEmits,
+  conditionSelectProps,
+  MKConditionSelect as default
+};
+//# sourceMappingURL=index-CxJWRK6N.js.map

package/dist/esm/index-CxJWRK6N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CxJWRK6N.js","sources":["../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts","../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx","../../src/components/data-model/data-filter-form/components/condition-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n","import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionSelect from \"./condition-select\";\r\n\r\nexport const MKConditionSelect = withInstall(ConditionSelect);\r\nexport default MKConditionSelect;\r\n\r\nexport * from \"./condition-select-options\";\r\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;ACjBA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;AC3BY,MAAA,oBAAoB,YAAY,eAAe;"}

package/dist/esm/index-Cxm5T6s8.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, createVNode, mergeProps, unref } from "vue";
+import { dayjs } from "element-plus";
+import { columnTextProps, MKColumnText } from "./index-BO00Hh-s.js";
+import { buildProps } from "@maketribe/utils";
+const dateTypes = ["date", "year", "month", "datetime"];
+const columnDateProps = buildProps({
+  ...columnTextProps,
+  type: { default: "date", values: dateTypes }
+});
+const ColumnDate = /* @__PURE__ */ defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps2 = computed(() => {
+      const {
+        type: type2,
+        ...columnTextProps3
+      } = props;
+      return columnTextProps3;
+    });
+    const type = computed(() => props.type);
+    const formatValue = (value) => {
+      const dayInstance = dayjs(value ?? null);
+      if (!dayInstance.isValid()) {
+        return;
+      }
+      switch (unref(type)) {
+        case "datetime":
+          return dayInstance.format("YYYY-MM-DD HH:mm:ss");
+        case "date":
+          return dayInstance.format("YYYY-MM-DD");
+        case "month":
+          return dayInstance.format("YYYY-MM");
+        case "year":
+          return dayInstance.format("YYYY");
+        default:
+          return props.formatValue(value);
+      }
+    };
+    return () => {
+      return createVNode(MKColumnText, mergeProps(unref(columnTextProps2), {
+        "formatValue": formatValue
+      }), null);
+    };
+  }
+});
+const MKColumnDate = ColumnDate;
+export {
+  MKColumnDate,
+  columnDateProps,
+  dateTypes,
+  MKColumnDate as default
+};
+//# sourceMappingURL=index-Cxm5T6s8.js.map

package/dist/esm/index-Cxm5T6s8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cxm5T6s8.js","sources":["../../src/components/data-model/data-table/components/column-date/column-date-options.ts","../../src/components/data-model/data-table/components/column-date/column-date.tsx","../../src/components/data-model/data-table/components/column-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnTextProps } from \"../column-text\";\r\n\r\nexport const dateTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\r\n\r\nexport const columnDateProps = buildProps({\r\n  ...columnTextProps,\r\n  type: { default: \"date\", values: dateTypes },\r\n});\r\n\r\nexport type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;\r\n","import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n","import ColumnDate from \"./column-date\";\r\n\r\nexport const MKColumnDate = ColumnDate;\r\nexport default MKColumnDate;\r\n\r\nexport * from \"./column-date-options\";\r\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAU;AAC7C,CAAC;ACHD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,gBAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;AC1CM,MAAM,eAAe;"}