@opendesign-plus-test/components 0.0.1-rc.152 → 0.0.1-rc.154

package/dist/treeshaking/components/meeting/OMeetingMinutes.vue2.mjs

@@ -0,0 +1,356 @@
+import { defineComponent, ref, watch, onMounted, openBlock, createBlock, unref, withCtx, createElementBlock, createElementVNode, createVNode, toDisplayString, Fragment, createTextVNode, createCommentVNode, normalizeClass, withDirectives, renderList, vShow, renderSlot } from "vue";
+import { useMessage, OScroller, OTextarea, OTag, ODivider, OLink, OIcon, OButton, ODialog, OIconChevronDown } from "@opensig/opendesign";
+import IconEdit from "../../_virtual/icon-edit.mjs";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import OMeetingSendMinutesDialog from "./components/OMeetingSendMinutesDialog.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-meeting-minutes-main o-meeting-minutes-card"
+};
+const _hoisted_2 = { class: "o-meeting-minutes-loading" };
+const _hoisted_3 = { class: "loading-tip" };
+const _hoisted_4 = { class: "o-meeting-minutes-main o-meeting-minutes-card" };
+const _hoisted_5 = { class: "o-meeting-minutes-head" };
+const _hoisted_6 = { class: "o-meeting-minutes-head-left" };
+const _hoisted_7 = { class: "o-meeting-minutes-title-wrap" };
+const _hoisted_8 = { class: "minutes-title" };
+const _hoisted_9 = { class: "minutes-meta" };
+const _hoisted_10 = { class: "o-meeting-minutes-head-right" };
+const _hoisted_11 = { class: "o-meeting-minutes-body-wrap" };
+const _hoisted_12 = {
+  key: 0,
+  class: "minutes-preview"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "o-meeting-minutes-copy-detail"
+};
+const _hoisted_14 = { class: "o-meeting-minutes-copy-meta" };
+const _hoisted_15 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_16 = { class: "copy-label" };
+const _hoisted_17 = { class: "copy-value" };
+const _hoisted_18 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_19 = { class: "copy-label" };
+const _hoisted_20 = { class: "copy-value" };
+const _hoisted_21 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_22 = { class: "copy-label" };
+const _hoisted_23 = { class: "copy-value copy-subject" };
+const _hoisted_24 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_25 = { class: "copy-label" };
+const _hoisted_26 = { class: "copy-value" };
+const _hoisted_27 = { class: "o-meeting-minutes-copy-body-card" };
+const _hoisted_28 = { class: "copy-body" };
+const _hoisted_29 = { class: "o-meeting-minutes-log-card o-meeting-minutes-card" };
+const _hoisted_30 = { class: "o-meeting-minutes-log-block" };
+const _hoisted_31 = { class: "o-meeting-minutes-log-head-left" };
+const _hoisted_32 = { class: "block-title" };
+const _hoisted_33 = { class: "block-count" };
+const _hoisted_34 = { class: "o-meeting-minutes-log-body" };
+const _hoisted_35 = {
+  key: 0,
+  class: "o-meeting-minutes-timeline"
+};
+const _hoisted_36 = { class: "o-meeting-minutes-timeline-content" };
+const _hoisted_37 = { class: "o-meeting-minutes-timeline-summary" };
+const _hoisted_38 = { class: "timeline-time" };
+const _hoisted_39 = { class: "timeline-desc" };
+const _hoisted_40 = {
+  key: 1,
+  class: "log-empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingMinutes",
+  props: {
+    mid: {},
+    getMinutesDetailRequest: {},
+    saveMinutesRequest: {},
+    getSendLogsRequest: {},
+    sendMinutesRequest: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const message = useMessage(null);
+    const { t } = useMeetingConfig();
+    const meeting = ref(null);
+    const loading = ref(false);
+    const mode = ref("preview");
+    const draft = ref("");
+    const saving = ref(false);
+    const logs = ref([]);
+    const sendVisible = ref(false);
+    const detailVisible = ref(false);
+    const detailLog = ref(null);
+    const logExpanded = ref(true);
+    watch(() => mode.value, (val) => {
+      logExpanded.value = val !== "edit";
+    });
+    const toggleLogExpanded = () => {
+      logExpanded.value = !logExpanded.value;
+    };
+    const sortLogs = (list) => {
+      return [...list].sort((a, b) => new Date(b.send_time).getTime() - new Date(a.send_time).getTime());
+    };
+    const loadMeeting = async () => {
+      var _a;
+      const mid = props.mid;
+      if (!mid || !props.getMinutesDetailRequest) return;
+      loading.value = true;
+      try {
+        const res = await props.getMinutesDetailRequest(mid);
+        const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) ?? (res == null ? void 0 : res.data) ?? res ?? null;
+        meeting.value = data;
+        if (meeting.value) {
+          mode.value = "preview";
+          draft.value = meeting.value.minutes || "";
+          if (props.getSendLogsRequest) {
+            logs.value = sortLogs(await props.getSendLogsRequest(meeting.value.id));
+          }
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+    onMounted(loadMeeting);
+    const enterEdit = () => {
+      var _a;
+      draft.value = ((_a = meeting.value) == null ? void 0 : _a.minutes) || "";
+      mode.value = "edit";
+    };
+    const cancelEdit = () => {
+      var _a;
+      mode.value = "preview";
+      draft.value = ((_a = meeting.value) == null ? void 0 : _a.minutes) || "";
+    };
+    const save = async () => {
+      if (!meeting.value || !props.saveMinutesRequest) return;
+      try {
+        saving.value = true;
+        await props.saveMinutesRequest(meeting.value.id, draft.value);
+        if (meeting.value) meeting.value.minutes = draft.value;
+        mode.value = "preview";
+        message.success({ content: t("meeting.minutesSaved") });
+      } finally {
+        saving.value = false;
+      }
+    };
+    const openSend = () => {
+      sendVisible.value = true;
+    };
+    const openDetail = (log) => {
+      detailLog.value = log;
+      detailVisible.value = true;
+    };
+    const onSent = async () => {
+      if (meeting.value && props.getSendLogsRequest) {
+        logs.value = sortLogs(await props.getSendLogsRequest(meeting.value.id));
+      }
+    };
+    __expose({ refresh: loadMeeting });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OScroller), {
+        class: "o-meeting-minutes",
+        "disabled-x": "",
+        "show-type": "auto"
+      }, {
+        default: withCtx(() => [
+          loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(OTextarea), {
+                "model-value": "",
+                readonly: "",
+                rows: 3
+              }),
+              createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("meeting.minutesLoading")), 1)
+            ])
+          ])) : meeting.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_7, [
+                    createElementVNode("span", _hoisted_8, toDisplayString(meeting.value.topic), 1),
+                    createVNode(unref(OTag), {
+                      variant: "outline",
+                      color: "primary"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesExpired")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  createElementVNode("div", _hoisted_9, [
+                    createElementVNode("span", null, toDisplayString(unref(t)("meeting.minutesSigGroup")) + toDisplayString(meeting.value.group_name), 1),
+                    createVNode(unref(ODivider), { direction: "v" }),
+                    createElementVNode("span", null, toDisplayString(meeting.value.date) + " " + toDisplayString(meeting.value.time), 1)
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_10, [
+                  mode.value === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(unref(OLink), {
+                      color: "primary",
+                      "hover-underline": false,
+                      onClick: enterEdit
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(OIcon), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(IconEdit))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" " + toDisplayString(unref(t)("meeting.minutesEdit")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(OButton), {
+                      color: "primary",
+                      variant: "solid",
+                      round: "pill",
+                      onClick: openSend
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesSend")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(unref(OLink), {
+                      "hover-underline": false,
+                      onClick: cancelEdit
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesCancel")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(OButton), {
+                      color: "primary",
+                      variant: "solid",
+                      round: "pill",
+                      loading: saving.value,
+                      onClick: save
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesSave")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ], 64))
+                ])
+              ]),
+              createVNode(unref(ODivider)),
+              createElementVNode("div", _hoisted_11, [
+                mode.value === "preview" ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(meeting.value.minutes), 1)) : (openBlock(), createBlock(unref(OTextarea), {
+                  key: 1,
+                  modelValue: draft.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+                  rows: 22,
+                  class: "minutes-editor"
+                }, null, 8, ["modelValue"]))
+              ]),
+              createVNode(OMeetingSendMinutesDialog, {
+                visible: sendVisible.value,
+                "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => sendVisible.value = $event),
+                meeting: meeting.value,
+                "send-minutes-request": __props.sendMinutesRequest,
+                onSent
+              }, null, 8, ["visible", "meeting", "send-minutes-request"]),
+              createVNode(unref(ODialog), {
+                visible: detailVisible.value,
+                "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => detailVisible.value = $event),
+                width: 640
+              }, {
+                header: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("meeting.minutesCopyTitle")), 1)
+                ]),
+                default: withCtx(() => [
+                  detailLog.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                    createElementVNode("div", _hoisted_14, [
+                      createElementVNode("div", _hoisted_15, [
+                        createElementVNode("span", _hoisted_16, toDisplayString(unref(t)("meeting.minutesCopySender")), 1),
+                        createElementVNode("span", _hoisted_17, toDisplayString(detailLog.value.sender), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_18, [
+                        createElementVNode("span", _hoisted_19, toDisplayString(unref(t)("meeting.minutesCopyRecipient")), 1),
+                        createElementVNode("span", _hoisted_20, toDisplayString((detailLog.value.recipients || []).join("、")), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_21, [
+                        createElementVNode("span", _hoisted_22, toDisplayString(unref(t)("meeting.minutesCopySubject")), 1),
+                        createElementVNode("span", _hoisted_23, toDisplayString(detailLog.value.subject), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_24, [
+                        createElementVNode("span", _hoisted_25, toDisplayString(unref(t)("meeting.minutesCopyTime")), 1),
+                        createElementVNode("span", _hoisted_26, toDisplayString(detailLog.value.send_time), 1)
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_27, [
+                      createElementVNode("pre", _hoisted_28, toDisplayString(detailLog.value.content), 1)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }, 8, ["visible"])
+            ]),
+            createElementVNode("div", _hoisted_29, [
+              createElementVNode("div", _hoisted_30, [
+                createElementVNode("div", {
+                  class: "o-meeting-minutes-log-head",
+                  onClick: toggleLogExpanded
+                }, [
+                  createElementVNode("div", _hoisted_31, [
+                    createElementVNode("span", _hoisted_32, toDisplayString(unref(t)("meeting.minutesSendLogs")), 1),
+                    createElementVNode("span", _hoisted_33, toDisplayString(logs.value.length), 1)
+                  ]),
+                  createVNode(unref(OIcon), {
+                    class: normalizeClass(["expand-icon", { "is-expanded": logExpanded.value }])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OIconChevronDown))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_34, [
+                  logs.value.length ? (openBlock(), createElementBlock("ul", _hoisted_35, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(logs.value, (log) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: log.id,
+                        class: "o-meeting-minutes-timeline-item"
+                      }, [
+                        _cache[3] || (_cache[3] = createElementVNode("span", { class: "timeline-dot" }, null, -1)),
+                        createElementVNode("div", _hoisted_36, [
+                          createElementVNode("div", _hoisted_37, [
+                            createElementVNode("span", _hoisted_38, toDisplayString(log.send_time), 1),
+                            createElementVNode("span", _hoisted_39, toDisplayString(unref(t)("meeting.minutesSendLogsDesc")), 1),
+                            createVNode(unref(OLink), {
+                              color: "primary",
+                              "hover-underline": false,
+                              onClick: ($event) => openDetail(log)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("meeting.minutesViewDetail")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 128))
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_40, toDisplayString(unref(t)("meeting.minutesNoLogs")), 1))
+                ], 512), [
+                  [vShow, logExpanded.value]
+                ])
+              ])
+            ])
+          ], 64)) : renderSlot(_ctx.$slots, "empty", { key: 2 }, void 0, true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/OMeetingMinutes2.css

@@ -0,0 +1,11 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-minutes-dialog {
+  --dlg-radius: var(--o-radius-xs);
+}

package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.css

@@ -1,115 +1,115 @@
-.hover-icon-rotate .o-icon[data-v-7b3be755] {
+.hover-icon-rotate .o-icon[data-v-24bdf23f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-7b3be755] {
+.hover-icon-rotate:hover .o-icon[data-v-24bdf23f] {
     transform: rotate(-180deg);
 }
 }
-.o-meeting-send-minutes[data-v-7b3be755] {
+.o-meeting-send-minutes[data-v-24bdf23f] {
   display: flex;
   flex-direction: column;
   gap: var(--o-gap-6);
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes[data-v-7b3be755] {
+.o-meeting-send-minutes[data-v-24bdf23f] {
     gap: var(--o-gap-5);
 }
 }
-@media (max-width: 1200px) {
-.o-meeting-send-minutes[data-v-7b3be755] {
+@media (min-width: ) {
+.o-meeting-send-minutes[data-v-24bdf23f] {
     gap: var(--o-gap-3);
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-24bdf23f] {
   display: flex;
   gap: var(--o-gap-6);
   align-items: flex-start;
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-24bdf23f] {
     gap: var(--o-gap-5);
 }
 }
-@media (max-width: 1200px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-7b3be755] {
+@media (min-width: ) {
+.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-24bdf23f] {
     gap: var(--o-gap-3);
 }
 }
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
   flex: 0 0 72px;
   color: var(--o-color-info2);
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .field-label[data-v-7b3be755] {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
   line-height: var(--o-control_size-m);
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-field-control[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-field-control[data-v-24bdf23f] {
   flex: 1;
   min-width: 0;
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-sender-line[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-sender-line[data-v-24bdf23f] {
   display: flex;
   align-items: center;
 }
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
   color: var(--o-color-info1);
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .sender-text[data-v-7b3be755] {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
   line-height: var(--o-control_size-m);
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -126,36 +126,36 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755]:hover {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f]:hover {
   border-color: var(--o-color-control2);
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-7b3be755]:focus-within {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-24bdf23f]:focus-within {
   border-color: var(--o-color-primary3);
 }
-.o-meeting-send-minutes .recipient-tag[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-tag[data-v-24bdf23f] {
   flex-shrink: 0;
   --tag-height: 22px;
   --tag-padding: 4px 8px;
@@ -165,7 +165,7 @@
   --tag-icon-close-color: var(--o-color-info2);
   --tag-icon-close-color-hover: var(--o-color-info1);
 }
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f] {
   flex: 1 1 120px;
   min-width: 120px;
   border: none;
@@ -179,45 +179,45 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755] {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .recipient-native-input[data-v-7b3be755]::placeholder {
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f]::placeholder {
   color: var(--o-color-info3);
 }
-.o-meeting-send-minutes .subject-input[data-v-7b3be755] {
+.o-meeting-send-minutes .subject-input[data-v-24bdf23f] {
   width: 100%;
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-row[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-row[data-v-24bdf23f] {
   align-items: flex-start;
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller[data-v-7b3be755] {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller[data-v-24bdf23f] {
   max-height: 320px;
   background-color: var(--o-color-fill2);
   border: 1px solid var(--o-color-control1);
   border-radius: var(--o-radius_control-s);
 }
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
   padding: var(--o-gap-5);
   color: var(--o-color-info1);
   white-space: pre-wrap;
@@ -225,52 +225,52 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     padding: var(--o-gap-4);
 }
 }
-@media (max-width: 1200px) {
-.o-meeting-send-minutes .email-body-content[data-v-7b3be755] {
+@media (min-width: ) {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
     padding: var(--o-gap-3);
 }
 }
-.o-meeting-send-minutes-footer[data-v-7b3be755] {
+.o-meeting-send-minutes-footer[data-v-24bdf23f] {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: var(--o-gap-6);
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes-footer[data-v-7b3be755] {
+.o-meeting-send-minutes-footer[data-v-24bdf23f] {
     gap: var(--o-gap-5);
 }
 }
-@media (max-width: 1200px) {
-.o-meeting-send-minutes-footer[data-v-7b3be755] {
+@media (min-width: ) {
+.o-meeting-send-minutes-footer[data-v-24bdf23f] {
     gap: var(--o-gap-3);
 }
 }