@opendesign-plus/components 0.0.1-rc.77 → 0.0.1-rc.79

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

@@ -0,0 +1,74 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { OIcon, OIconLoading } from "@opensig/opendesign";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { formatDate } from "./utils.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-meeting-minutes-log-loading"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "o-meeting-minutes-copy-detail"
+};
+const _hoisted_3 = { class: "o-meeting-minutes-copy-meta" };
+const _hoisted_4 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_5 = { class: "copy-label" };
+const _hoisted_6 = { class: "copy-value" };
+const _hoisted_7 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_8 = { class: "copy-label" };
+const _hoisted_9 = { class: "copy-value" };
+const _hoisted_10 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_11 = { class: "copy-label" };
+const _hoisted_12 = { class: "copy-value copy-subject" };
+const _hoisted_13 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_14 = { class: "copy-label" };
+const _hoisted_15 = { class: "copy-value" };
+const _hoisted_16 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_17 = { class: "copy-label" };
+const _hoisted_18 = { class: "copy-value copy-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingMinutesCopyDetail",
+  props: {
+    log: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const { t } = useMeetingConfig();
+    return (_ctx, _cache) => {
+      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(OIcon), { class: "log-loading-icon o-rotating" }, {
+          default: withCtx(() => [
+            createVNode(unref(OIconLoading))
+          ]),
+          _: 1
+        })
+      ])) : __props.log ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("meeting.minutesCopySender")), 1),
+            createElementVNode("span", _hoisted_6, toDisplayString(__props.log.sender), 1)
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("meeting.minutesCopyRecipient")), 1),
+            createElementVNode("span", _hoisted_9, toDisplayString((__props.log.recipients || []).join("、")), 1)
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("meeting.minutesCopySubject")), 1),
+            createElementVNode("span", _hoisted_12, toDisplayString(__props.log.subject), 1)
+          ]),
+          createElementVNode("div", _hoisted_13, [
+            createElementVNode("span", _hoisted_14, toDisplayString(unref(t)("meeting.minutesCopyTime")), 1),
+            createElementVNode("span", _hoisted_15, toDisplayString(unref(formatDate)(__props.log.send_time, "YYYY/MM/DD HH:mm:ss")), 1)
+          ]),
+          createElementVNode("div", _hoisted_16, [
+            createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("meeting.minutesCopyBody")), 1),
+            createElementVNode("span", _hoisted_18, toDisplayString(__props.log.content), 1)
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,257 @@
+.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-meeting-send-minutes {
+  --item-height: 40px;
+  --form-item-gap: var(--o-r-gap-4);
+  --minutes-input-radius: var(--o-radius-xs);
+}
+@media (max-width: 1680px) {
+.o-meeting-send-minutes {
+    --item-height: 36px;
+}
+}
+.o-meeting-send-minutes .o-form-item-label {
+  --form-label-gap-top: 0;
+  color: var(--o-color-info2);
+}
+@media (max-width: 840px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes.o-form-layout-h .o-form-item-label {
+  flex: 0 0 5em;
+  width: 5em;
+  height: var(--item-height);
+  align-items: center;
+}
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .sender-text {
+  color: var(--o-color-info1);
+  line-height: var(--o-control_size-m);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .sender-text {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .sender-text {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .sender-text {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .sender-text {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--o-gap-3);
+  padding: var(--o-gap-1) var(--o-gap-3);
+  border: 1px solid var(--o-color-control1);
+  border-radius: var(--minutes-input-radius);
+  min-height: var(--item-height);
+  width: 100%;
+  cursor: text;
+  transition: border-color var(--o-duration-s) var(--o-easing-standard);
+  color: var(--o-color-info1);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:hover {
+  border-color: var(--o-color-control2);
+}
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:focus-within {
+  border-color: var(--o-color-primary3);
+}
+.o-meeting-send-minutes .recipient-tag {
+  flex-shrink: 0;
+  --tag-height: 22px;
+  --tag-padding: 4px 8px;
+  --tag-bg-color: var(--o-color-control2-light);
+  --tag-color: var(--o-color-info1);
+  --tag-bd-color: transparent;
+  --tag-icon-close-color: var(--o-color-info2);
+  --tag-icon-close-color-hover: var(--o-color-info1);
+}
+.o-meeting-send-minutes .recipient-native-input {
+  flex: 1 1 120px;
+  min-width: 120px;
+  border: none;
+  outline: none;
+  background: transparent;
+  height: 22px;
+  line-height: 22px;
+  padding: 0;
+  color: var(--o-color-info1);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .recipient-native-input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .recipient-native-input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .recipient-native-input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .recipient-native-input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .recipient-native-input::placeholder {
+  color: var(--o-color-info3);
+}
+.o-meeting-send-minutes .subject-input {
+  width: 100%;
+}
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
+  max-height: 452px;
+}
+@media (max-width: 840px) {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
+    max-height: 320px;
+}
+}
+.o-meeting-send-minutes .email-body-content {
+  color: var(--o-color-info1);
+  white-space: pre-wrap;
+  min-width: 480px;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .email-body-content {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .email-body-content {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .email-body-content {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .email-body-content {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .text-item .o-form-item-label {
+  height: 32px;
+}

package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue.d.ts

@@ -0,0 +1,144 @@
+import { MeetingItemT, SendLogT } from './types.ts';
+type __VLS_Props = {
+    meeting: MeetingItemT | null;
+    prefill?: string[] | null;
+    sendMinutesRequest: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    send: () => Promise<void>;
+    sending: import('vue').Ref<boolean, boolean>;
+    reset: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    sent: (log: SendLogT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSent?: ((log: SendLogT) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            layout: "h" | "v" | "inline";
+            hasRequired: boolean;
+        }> & Omit<{
+            readonly hasRequired: boolean;
+            readonly layout: "v" | "h" | "inline";
+            readonly model?: Record<string, any> | undefined;
+            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
+            readonly labelJustify?: "center" | "left" | "right" | undefined;
+            readonly labelWidth?: string | undefined;
+            readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+            readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+        $el: HTMLFormElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            model: {
+                type: ObjectConstructor;
+            };
+            hasRequired: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            layout: {
+                type: import('vue').PropType<"h" | "v" | "inline">;
+                default: string;
+            };
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
+            };
+            labelWidth: {
+                type: StringConstructor;
+            };
+        }>> & Readonly<{
+            onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        }>, {
+            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+            resetFields: (filed?: string | string[]) => void;
+            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            clear: (filed?: string | string[] | undefined) => any;
+            reset: (filed?: string | string[] | undefined) => any;
+            submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+        }, string, {
+            layout: "h" | "v" | "inline";
+            hasRequired: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        layout: "h" | "v" | "inline";
+        hasRequired: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+        };
+        hasRequired: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layout: {
+            type: import('vue').PropType<"h" | "v" | "inline">;
+            default: string;
+        };
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
+        };
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
+        };
+        labelWidth: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+    }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
+        validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+        resetFields: (filed?: string | string[]) => void;
+        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    recipientInputRef: HTMLInputElement;
+}, HTMLFormElement>;
+export default _default;

package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue.mjs

@@ -0,0 +1,221 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, Fragment, renderList, createTextVNode, withDirectives, withKeys, withModifiers, vModelText } from "vue";
+import { useMessage, OForm, OFormItem, OTag, OInput, OScroller } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { EMAIL_REGEX } from "./config.mjs";
+const _hoisted_1 = { class: "sender-text" };
+const _hoisted_2 = ["placeholder", "onKeydown"];
+const _hoisted_3 = { class: "email-body-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingSendMinutesForm",
+  props: {
+    meeting: {},
+    prefill: {},
+    sendMinutesRequest: {}
+  },
+  emits: ["sent"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useMeetingConfig();
+    const { lePadV } = useScreen();
+    const message = useMessage(null);
+    const formModel = ref({
+      recipients: [],
+      subject: ""
+    });
+    const extraInput = ref("");
+    const sending = ref(false);
+    const recipientInputRef = ref(null);
+    const formRef = ref(null);
+    const rules = {
+      recipients: [{ required: true, message: t("meeting.sendMinutesEmptyRecipient") }],
+      subject: [
+        { required: true, message: t("meeting.sendMinutesSubjectPlaceholder") },
+        {
+          validator: (value) => {
+            if (value.length > 128) {
+              return {
+                type: "danger",
+                message: t("meeting.sendMinutesSubjectTooLong")
+              };
+            }
+          }
+        }
+      ]
+    };
+    const sender = computed(() => {
+      var _a;
+      return ((_a = props.meeting) == null ? void 0 : _a.sender) || "";
+    });
+    const defaultSubject = () => {
+      if (!props.meeting) return "";
+      const { topic, date } = props.meeting;
+      return t("meeting.sendMinutesSubjectDefault", [topic, date || ""]);
+    };
+    const normalizeRecipients = (source) => [...new Set(source.map((item) => item.trim()).filter(Boolean))];
+    const reset = () => {
+      var _a;
+      if (!props.meeting) return;
+      if (props.prefill && props.prefill.length) {
+        formModel.value.recipients = normalizeRecipients(props.prefill);
+      } else {
+        formModel.value.recipients = normalizeRecipients((props.meeting.email_list || "").split(/[,;，；]/));
+      }
+      formModel.value.subject = defaultSubject();
+      extraInput.value = "";
+      (_a = formRef.value) == null ? void 0 : _a.clearValidate();
+    };
+    watch([() => props.meeting, () => props.prefill], reset, { immediate: true });
+    const addRecipient = () => {
+      var _a;
+      const val = extraInput.value.trim();
+      if (!val) return;
+      if (!EMAIL_REGEX.test(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailInvalid") });
+        return;
+      }
+      if (formModel.value.recipients.includes(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailExists") });
+        return;
+      }
+      formModel.value.recipients.push(val);
+      extraInput.value = "";
+      (_a = formRef.value) == null ? void 0 : _a.clearValidate("recipients");
+    };
+    const removeRecipient = (email) => {
+      formModel.value.recipients = formModel.value.recipients.filter((r) => r !== email);
+    };
+    const handleBackspace = (e) => {
+      if (extraInput.value === "" && formModel.value.recipients.length > 0) {
+        e.preventDefault();
+        formModel.value.recipients.pop();
+      }
+    };
+    const focusRecipientInput = () => {
+      var _a;
+      (_a = recipientInputRef.value) == null ? void 0 : _a.focus();
+    };
+    const send = async () => {
+      var _a;
+      if (!props.meeting || !props.sendMinutesRequest) return;
+      const results = await ((_a = formRef.value) == null ? void 0 : _a.validate());
+      if (results == null ? void 0 : results.some((r) => !!r)) return;
+      try {
+        sending.value = true;
+        const log = await props.sendMinutesRequest(props.meeting.id, formModel.value.recipients, formModel.value.subject);
+        message.success({ content: t("meeting.sendMinutesSent") });
+        emit("sent", log);
+      } finally {
+        sending.value = false;
+      }
+    };
+    __expose({ send, sending, reset });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OForm), {
+        ref_key: "formRef",
+        ref: formRef,
+        class: "o-meeting-send-minutes",
+        model: formModel.value,
+        "has-required": "",
+        layout: unref(lePadV) ? "v" : "h"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesSender"),
+            class: "text-item"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, toDisplayString(sender.value), 1)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesRecipient"),
+            field: "recipients",
+            rules: rules.recipients
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "o-meeting-send-minutes-recipient-editor",
+                onClick: focusRecipientInput
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(formModel.value.recipients, (email) => {
+                  return openBlock(), createBlock(unref(OTag), {
+                    key: email,
+                    class: "recipient-tag",
+                    variant: "solid",
+                    color: "primary",
+                    closable: "",
+                    onClose: ($event) => removeRecipient(email)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(email), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"]);
+                }), 128)),
+                withDirectives(createElementVNode("input", {
+                  ref_key: "recipientInputRef",
+                  ref: recipientInputRef,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => extraInput.value = $event),
+                  class: "recipient-native-input",
+                  type: "text",
+                  placeholder: unref(t)("meeting.sendMinutesRecipientPlaceholder"),
+                  onKeydown: [
+                    withKeys(withModifiers(addRecipient, ["prevent"]), ["enter"]),
+                    withKeys(handleBackspace, ["backspace"])
+                  ]
+                }, null, 40, _hoisted_2), [
+                  [vModelText, extraInput.value]
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "rules"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesSubject"),
+            field: "subject",
+            rules: rules.subject
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OInput), {
+                modelValue: formModel.value.subject,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formModel.value.subject = $event),
+                class: "subject-input",
+                size: "large",
+                placeholder: unref(t)("meeting.sendMinutesSubjectPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label", "rules"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesBody"),
+            class: "text-item"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OScroller), {
+                class: "o-meeting-send-minutes-email-body-scroller",
+                "disabled-x": "",
+                "show-type": "auto"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createElementVNode("div", _hoisted_3, toDisplayString((_a = __props.meeting) == null ? void 0 : _a.minutes), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["model", "layout"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};