@opendesign-plus/components 0.0.1-rc.66 → 0.0.1-rc.68

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

@@ -0,0 +1,276 @@
+.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-24bdf23f] {
+    transform: rotate(-180deg);
+}
+}
+.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-24bdf23f] {
+    gap: var(--o-gap-5);
+}
+}
+@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-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-24bdf23f] {
+    gap: var(--o-gap-5);
+}
+}
+@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-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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .field-label[data-v-24bdf23f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.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-24bdf23f] {
+  flex: 1;
+  min-width: 0;
+}
+.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-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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-send-minutes .sender-text[data-v-24bdf23f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.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-24bdf23f] {
+  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(--o-radius_control-s);
+  background-color: var(--o-color-control2-light);
+  min-height: var(--o-control_size-m);
+  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[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-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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.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-24bdf23f]:hover {
+  border-color: var(--o-color-control2);
+}
+.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-24bdf23f] {
+  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[data-v-24bdf23f] {
+  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[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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.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-24bdf23f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes .recipient-native-input[data-v-24bdf23f]::placeholder {
+  color: var(--o-color-info3);
+}
+.o-meeting-send-minutes .subject-input[data-v-24bdf23f] {
+  width: 100%;
+}
+.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-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-24bdf23f] {
+  padding: var(--o-gap-5);
+  color: var(--o-color-info1);
+  white-space: pre-wrap;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.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-24bdf23f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.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-24bdf23f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.o-meeting-send-minutes .email-body-content[data-v-24bdf23f] {
+    padding: var(--o-gap-4);
+}
+}
+@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-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-24bdf23f] {
+    gap: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-meeting-send-minutes-footer[data-v-24bdf23f] {
+    gap: var(--o-gap-3);
+}
+}

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

@@ -0,0 +1,17 @@
+import { MeetingItemT, SendLogT } from '../types';
+type __VLS_Props = {
+    visible: boolean;
+    meeting: MeetingItemT | null;
+    prefill?: string[] | null;
+    sendMinutesRequest: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (v: boolean) => any;
+    sent: (log: SendLogT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((v: boolean) => any) | undefined;
+    onSent?: ((log: SendLogT) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    recipientInputRef: HTMLInputElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./OMeetingSendMinutesDialog.vue2.mjs";
+import './OMeetingSendMinutesDialog.css';
+import './OMeetingSendMinutesDialog2.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const OMeetingSendMinutesDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24bdf23f"]]);
+export {
+  OMeetingSendMinutesDialog as default
+};

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

@@ -0,0 +1,225 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, Fragment, renderList, createTextVNode, withDirectives, withKeys, withModifiers, vModelText, createVNode } from "vue";
+import { useMessage, ODialog, OTag, OInput, OScroller, OButton } 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 _hoisted_17 = { class: "o-meeting-send-minutes-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingSendMinutesDialog",
+  props: {
+    visible: { type: Boolean },
+    meeting: {},
+    prefill: {},
+    sendMinutesRequest: {}
+  },
+  emits: ["update:visible", "sent"],
+  setup(__props, { 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 || ""]);
+    };
+    watch(
+      () => props.visible,
+      (v) => {
+        if (v && props.meeting) {
+          recipients.value = props.prefill && props.prefill.length ? [...props.prefill] : [props.meeting.email_list];
+          subject.value = defaultSubject();
+          extraInput.value = "";
+        }
+      }
+    );
+    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 handleSend = 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);
+        emit("update:visible", false);
+      } finally {
+        sending.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        visible: __props.visible,
+        size: "large",
+        "onUpdate:visible": _cache[3] || (_cache[3] = (v) => emit("update:visible", v)),
+        class: "o-meeting-send-minutes-dialog"
+      }, {
+        header: withCtx(() => [
+          createTextVNode(toDisplayString(unref(t)("meeting.sendMinutesDialogTitle")), 1)
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_17, [
+            createVNode(unref(OButton), {
+              color: "primary",
+              variant: "solid",
+              round: "pill",
+              loading: sending.value,
+              onClick: handleSend
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("meeting.sendMinutesSend")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"]),
+            createVNode(unref(OButton), {
+              color: "primary",
+              variant: "outline",
+              round: "pill",
+              onClick: _cache[2] || (_cache[2] = ($event) => emit("update:visible", false))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("meeting.sendMinutesCancel")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("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",
+                  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
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog2.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-meeting-send-minutes-dialog {
+  --dlg-radius: var(--o-radius-xs);
+}