@opendesign-plus-test/components 0.0.1-rc.177 → 0.0.1-rc.178

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

@@ -13,282 +13,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, 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";
-            disabled: boolean | undefined;
-            clearable: boolean | undefined;
-            hasRequired: boolean;
-            requiredIcon: boolean;
-            labelWidth: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollToError: boolean;
-        }> & Omit<{
-            readonly hasRequired: boolean;
-            readonly requiredIcon: boolean;
-            readonly layout: "v" | "h" | "inline";
-            readonly labelWidth: string;
-            readonly showMessage: boolean;
-            readonly validateOnRuleChange: boolean;
-            readonly scrollToError: boolean;
-            readonly size?: "small" | "large" | "medium" | undefined;
-            readonly round?: import('@opensig/opendesign').RoundT | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
-            readonly labelJustify?: "center" | "left" | "right" | undefined;
-            readonly clearable?: boolean | undefined;
-            readonly model?: Record<string, any> | undefined;
-            readonly rules?: import('@opensig/opendesign').FormRulesT | 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;
-            readonly onValidateField?: ((payload: {
-                field: string;
-                isValid: boolean;
-                message: string;
-            }) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            formEl: HTMLFormElement;
-        };
-        $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: "validateField", payload: {
-            field: string;
-            isValid: boolean;
-            message: string;
-        }) => 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<{
-            labelAlign: {
-                type: import('vue').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('vue').PropType<"left" | "center" | "right">;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
-            };
-            round: {
-                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
-            };
-            clearable: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
-            };
-            model: {
-                type: ObjectConstructor;
-            };
-            rules: {
-                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
-            };
-            hasRequired: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            requiredIcon: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            layout: {
-                type: import('vue').PropType<"h" | "v" | "inline">;
-                default: string;
-            };
-            labelWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            showMessage: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            validateOnRuleChange: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            scrollToError: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & 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;
-            onValidateField?: ((payload: {
-                field: string;
-                isValid: boolean;
-                message: string;
-            }) => any) | undefined;
-        }>, {
-            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-                type: "warning" | "danger" | "success" | "";
-                message: string[];
-            }[]>;
-            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-                type: "warning" | "danger" | "success" | "";
-                message: string[];
-            }[]>;
-            resetFields: (filed?: string | string[]) => void;
-            setInitialValues: (data: Record<string, any>) => void;
-            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
-            scrollToField: (field: string, options?: boolean | {
-                behavior?: "auto" | "smooth" | "instant";
-                block?: "start" | "center" | "end" | "nearest";
-                inline?: "start" | "center" | "end" | "nearest";
-            }) => Promise<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;
-            validateField: (payload: {
-                field: string;
-                isValid: boolean;
-                message: string;
-            }) => any;
-        }, string, {
-            layout: "h" | "v" | "inline";
-            disabled: boolean | undefined;
-            clearable: boolean | undefined;
-            hasRequired: boolean;
-            requiredIcon: boolean;
-            labelWidth: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollToError: 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";
-        disabled: boolean | undefined;
-        clearable: boolean | undefined;
-        hasRequired: boolean;
-        requiredIcon: boolean;
-        labelWidth: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-        scrollToError: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-        labelAlign: {
-            type: import('vue').PropType<"top" | "center" | "bottom">;
-        };
-        labelJustify: {
-            type: import('vue').PropType<"left" | "center" | "right">;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
-        };
-        size: {
-            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
-        };
-        round: {
-            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
-        };
-        clearable: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
-        };
-        model: {
-            type: ObjectConstructor;
-        };
-        rules: {
-            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
-        };
-        hasRequired: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        requiredIcon: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        layout: {
-            type: import('vue').PropType<"h" | "v" | "inline">;
-            default: string;
-        };
-        labelWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        showMessage: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        validateOnRuleChange: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        scrollToError: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & 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;
-        onValidateField?: ((payload: {
-            field: string;
-            isValid: boolean;
-            message: string;
-        }) => any) | undefined;
-    }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
-        validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-            type: "warning" | "danger" | "success" | "";
-            message: string[];
-        }[]>;
-        validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-            type: "warning" | "danger" | "success" | "";
-            message: string[];
-        }[]>;
-        resetFields: (filed?: string | string[]) => void;
-        setInitialValues: (data: Record<string, any>) => void;
-        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
-        scrollToField: (field: string, options?: boolean | {
-            behavior?: "auto" | "smooth" | "instant";
-            block?: "start" | "center" | "end" | "nearest";
-            inline?: "start" | "center" | "end" | "nearest";
-        }) => Promise<void>;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
     recipientInputRef: HTMLInputElement;
-}, HTMLFormElement>;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,214 +1,7 @@
-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.email_list) || "";
-    });
-    const defaultSubject = () => {
-      if (!props.meeting) return "";
-      const { topic, date } = props.meeting;
-      return t("meeting.sendMinutesSubjectDefault", [topic, date || ""]);
-    };
-    const reset = () => {
-      var _a;
-      if (!props.meeting) return;
-      formModel.value.recipients = props.prefill && props.prefill.length ? [...props.prefill] : [props.meeting.email_list];
-      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")
-          }, {
-            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")
-          }, {
-            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"]);
-    };
-  }
-});
+import _sfc_main from "./OMeetingSendMinutesForm.vue2.mjs";
+import './OMeetingSendMinutesForm.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OMeetingSendMinutesForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c32ba974"]]);
 export {
-  _sfc_main as default
+  _OMeetingSendMinutesForm as default
 };

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

@@ -0,0 +1,181 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, withCtx, createTextVNode, withDirectives, withKeys, withModifiers, vModelText, createVNode } from "vue";
+import { useMessage, OTag, OInput, OScroller } from "@opensig/opendesign";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { EMAIL_REGEX } from "./config.mjs";
+const _hoisted_1 = { class: "o-meeting-send-minutes" };
+const _hoisted_2 = { class: "o-meeting-send-minutes-field-row" };
+const _hoisted_3 = { class: "field-label" };
+const _hoisted_4 = { class: "o-meeting-send-minutes-field-control o-meeting-send-minutes-sender-line" };
+const _hoisted_5 = { class: "sender-text" };
+const _hoisted_6 = { class: "o-meeting-send-minutes-field-row" };
+const _hoisted_7 = { class: "field-label" };
+const _hoisted_8 = { class: "o-meeting-send-minutes-field-control" };
+const _hoisted_9 = ["placeholder", "onKeydown"];
+const _hoisted_10 = { class: "o-meeting-send-minutes-field-row" };
+const _hoisted_11 = { class: "field-label" };
+const _hoisted_12 = { class: "o-meeting-send-minutes-field-control" };
+const _hoisted_13 = { class: "o-meeting-send-minutes-field-row o-meeting-send-minutes-email-body-row" };
+const _hoisted_14 = { class: "field-label" };
+const _hoisted_15 = { class: "o-meeting-send-minutes-field-control" };
+const _hoisted_16 = { 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 message = useMessage(null);
+    const recipients = ref([]);
+    const extraInput = ref("");
+    const subject = ref("");
+    const sending = ref(false);
+    const recipientInputRef = ref(null);
+    const sender = computed(() => {
+      var _a;
+      return ((_a = props.meeting) == null ? void 0 : _a.email_list) || "";
+    });
+    const defaultSubject = () => {
+      if (!props.meeting) return "";
+      const { topic, date } = props.meeting;
+      return t("meeting.sendMinutesSubjectDefault", [topic, date || ""]);
+    };
+    const reset = () => {
+      if (!props.meeting) return;
+      recipients.value = props.prefill && props.prefill.length ? [...props.prefill] : [props.meeting.email_list];
+      subject.value = defaultSubject();
+      extraInput.value = "";
+    };
+    watch([() => props.meeting, () => props.prefill], reset, { immediate: true });
+    const addRecipient = () => {
+      const val = extraInput.value.trim();
+      if (!val) return;
+      if (!EMAIL_REGEX.test(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailInvalid") });
+        return;
+      }
+      if (recipients.value.includes(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailExists") });
+        return;
+      }
+      recipients.value.push(val);
+      extraInput.value = "";
+    };
+    const removeRecipient = (email) => {
+      recipients.value = recipients.value.filter((r) => r !== email);
+    };
+    const handleBackspace = (e) => {
+      if (extraInput.value === "" && recipients.value.length > 0) {
+        e.preventDefault();
+        recipients.value.pop();
+      }
+    };
+    const focusRecipientInput = () => {
+      var _a;
+      (_a = recipientInputRef.value) == null ? void 0 : _a.focus();
+    };
+    const send = async () => {
+      if (!props.meeting || !props.sendMinutesRequest) return;
+      if (recipients.value.length === 0) {
+        message.warning({ content: t("meeting.sendMinutesEmptyRecipient") });
+        return;
+      }
+      try {
+        sending.value = true;
+        const log = await props.sendMinutesRequest(props.meeting.id, recipients.value, subject.value);
+        message.success({ content: t("meeting.sendMinutesSent") });
+        emit("sent", log);
+      } finally {
+        sending.value = false;
+      }
+    };
+    __expose({ send, sending, reset });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("meeting.sendMinutesSender")), 1),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("span", _hoisted_5, toDisplayString(sender.value), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("meeting.sendMinutesRecipient")), 1),
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", {
+              class: "o-meeting-send-minutes-recipient-editor",
+              onClick: focusRecipientInput
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(recipients.value, (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_9), [
+                [vModelText, extraInput.value]
+              ])
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("meeting.sendMinutesSubject")), 1),
+          createElementVNode("div", _hoisted_12, [
+            createVNode(unref(OInput), {
+              modelValue: subject.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subject.value = $event),
+              class: "subject-input",
+              size: "large",
+              placeholder: unref(t)("meeting.sendMinutesSubjectPlaceholder")
+            }, null, 8, ["modelValue", "placeholder"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_13, [
+          createElementVNode("span", _hoisted_14, toDisplayString(unref(t)("meeting.sendMinutesBody")), 1),
+          createElementVNode("div", _hoisted_15, [
+            createVNode(unref(OScroller), {
+              class: "o-meeting-send-minutes-email-body-scroller",
+              "disabled-x": "",
+              "show-type": "auto"
+            }, {
+              default: withCtx(() => {
+                var _a;
+                return [
+                  createElementVNode("div", _hoisted_16, toDisplayString((_a = __props.meeting) == null ? void 0 : _a.minutes), 1)
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};