@opendesign-plus/components 0.0.1-rc.101 → 0.0.1-rc.103

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

@@ -0,0 +1,194 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, unref, createCommentVNode } from "vue";
+import { OLink } from "@opensig/opendesign";
+import { CalendarDataType } from "../types.mjs";
+import { formatDate } from "../utils.mjs";
+import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import _sfc_main$1 from "../../common/TooltipText.vue.mjs";
+import '../../common/TooltipText.css';
+const _hoisted_1 = { class: "o-meeting-detail" };
+const _hoisted_2 = { class: "label" };
+const _hoisted_3 = { key: 2 };
+const _hoisted_4 = {
+  key: 3,
+  class: "value"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "extra"
+};
+const _hoisted_6 = { class: "value-text" };
+const _hoisted_7 = { class: "label" };
+const SPLIT_MARK = "|";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingDetail",
+  props: {
+    data: {},
+    from: {},
+    show: { type: Boolean },
+    page: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { t, getPlatformLabel } = useMeetingConfig();
+    const { locale } = useI18n();
+    const isEn = computed(() => locale.value === "en");
+    const infoList = computed(
+      () => [
+        { label: t("meeting.meetingDetail"), key: "agenda", ellipsis: true },
+        { label: t("meeting.meetingCreator"), key: "sponsor" },
+        { label: t("meeting.meetingDate2"), key: "timeRange", extra: "date" },
+        { label: t("meeting.meetingId"), key: "mid" },
+        { label: t("meeting.meetingPlatform"), key: "platform" },
+        { label: t("meeting.meetingLink"), key: "join_url", isLink: true },
+        { label: t("meeting.meetingEtherpad"), key: "etherpad", isLink: true },
+        { label: t("meeting.meetingReplay"), key: "replay_url", isLink: true }
+      ].slice(0, props.from === "my" ? 7 : 8)
+    );
+    const activityInfoList = computed(() => {
+      var _a;
+      const isLive = !!((_a = props.data.live_url) == null ? void 0 : _a.length);
+      return [
+        { label: t("meeting.activityDetail2"), key: "agenda", ellipsis: true },
+        { label: t("meeting.startDate"), key: "start_date_time" },
+        { label: t("meeting.endDate"), key: "end_date_time" },
+        { label: t("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: isLive ? t("meeting.livePlatform") : t("meeting.activityAddress"), key: isLive ? "live_url" : "address" },
+        { label: t("meeting.activityDetailUrl"), key: "content_url", isLink: true },
+        { label: t("meeting.activityApprover"), key: "approver" },
+        { label: t("meeting.reviewNotesLabel"), key: "approve_record", isRecord: true }
+      ].slice(0, props.from === "home" ? 5 : 8);
+    });
+    const activityInfoApprovalList = computed(() => {
+      var _a;
+      const isLive = !!((_a = props.data.live_url) == null ? void 0 : _a.length);
+      return [
+        { label: t("meeting.activityType"), key: "activity_type", isType: true },
+        { label: isLive ? t("meeting.livePlatform") : t("meeting.activityAddress"), key: isLive ? "live_url" : "address" },
+        { label: t("meeting.startDate"), key: "start_date_time" },
+        { label: t("meeting.endDate"), key: "end_date_time" },
+        { label: t("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: t("meeting.registrationUrl"), key: "register_url", isLink: true },
+        { label: t("meeting.activityDetailUrl"), key: "content_url", isLink: true },
+        { label: t("meeting.activityApprover"), key: "approver" },
+        { label: t("meeting.reviewNotesLabel"), key: "approve_record", isRecord: true }
+      ];
+    });
+    const getField = (key) => {
+      const val = props.data[key];
+      if (key === "register_end_date" && val) {
+        return formatDate(val, "YYYY/MM/DD HH:mm");
+      }
+      if (key === "date" && val) {
+        if (props.data.is_cycle) {
+          return "";
+        }
+        return formatDate(val);
+      }
+      return val;
+    };
+    const columns = computed(() => {
+      if (props.data.type === CalendarDataType.EVENTS) {
+        if (props.page === CalendarDataType.APPROVAL) {
+          return activityInfoApprovalList.value;
+        }
+        return activityInfoList.value;
+      }
+      if (props.data.type === CalendarDataType.SUMMIT) {
+        return activityInfoList.value;
+      }
+      return infoList.value;
+    });
+    const domRef = ref([]);
+    const titleMap = ref({
+      [CalendarDataType.ALL]: t("meeting.meetingTopic"),
+      [CalendarDataType.MEETING]: t("meeting.meetingTopic"),
+      [CalendarDataType.EVENTS]: t("meeting.eventsTitle"),
+      [CalendarDataType.APPROVAL]: t("meeting.eventsTitle"),
+      [CalendarDataType.SUMMIT]: t("meeting.summitTitle")
+    });
+    const copyInfo = () => {
+      try {
+        const colon = !isEn.value ? "：" : ": ";
+        let text = `${titleMap.value[props.data.type] ?? t("meeting.meetingTopic")}${colon}${props.data.topic || props.data.name || props.data.title}
+`;
+        text += [...domRef.value].reduce((pre, cur) => {
+          if (cur.textContent) {
+            return `${pre}${cur.textContent ? cur.textContent.replace(SPLIT_MARK, colon) : ""}
+`;
+          }
+          return pre;
+        }, "");
+        navigator.clipboard.writeText(text);
+        return Promise.resolve();
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    __expose({ copyInfo });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (info, infoIdx) => {
+          var _a, _b, _c;
+          return openBlock(), createElementBlock("div", {
+            ref_for: true,
+            ref_key: "domRef",
+            ref: domRef,
+            class: normalizeClass(["label-item", {
+              "record-item": info.isRecord && ((_a = getField(info.key)) == null ? void 0 : _a.length),
+              "link-item": info.isLink,
+              "is-empty": !((_b = getField(info.key)) == null ? void 0 : _b.length),
+              [`label-item_${__props.data.id}`]: true,
+              [`type_${__props.data.type}`]: true,
+              "is-en": isEn.value
+            }]),
+            key: infoIdx
+          }, [
+            getField(info.key) && !info.isRecord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("span", _hoisted_2, toDisplayString(info.label), 1),
+              createElementVNode("span", { class: "split-mark" }, toDisplayString(SPLIT_MARK)),
+              info.ellipsis ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                lines: 3
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getField(info.key) || "-"), 1)
+                ]),
+                _: 2
+              }, 1024)) : info.isLink ? (openBlock(), createBlock(unref(OLink), {
+                key: 1,
+                target: "_blank",
+                class: "value",
+                color: "primary",
+                "hover-underline": "",
+                href: getField(info.key)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getField(info.key)), 1)
+                ]),
+                _: 2
+              }, 1032, ["href"])) : info.key === "platform" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(getPlatformLabel)(getField(info.key))), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                info.extra && getField(info.extra) ? (openBlock(), createElementBlock("i", _hoisted_5, toDisplayString(getField(info.extra)) + " ", 1)) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_6, toDisplayString(getField(info.key) || "-"), 1)
+              ]))
+            ], 64)) : createCommentVNode("", true),
+            info.isRecord && ((_c = getField(info.key)) == null ? void 0 : _c.length) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("span", _hoisted_7, toDisplayString(info.label), 1),
+              createElementVNode("div", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(getField(info.key), (re) => {
+                  return openBlock(), createElementBlock("p", {
+                    key: re.create_time,
+                    class: "value"
+                  }, toDisplayString(re.reason) + "   " + toDisplayString(unref(formatDate)(re.create_time, "YYYY/MM/DD HH:mm:ss")) + " " + toDisplayString(re.action === 1 ? unref(t)("meeting.approveReview") : unref(t)("meeting.rejectReview")), 1);
+                }), 128))
+              ])
+            ], 64)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./OMeetingDetail.vue.mjs";
+import './OMeetingDetail.css';
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,434 @@
+import { defineComponent, computed, useId, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
+import { OInput, OIcon, ODivider, OTab, OTabPane, OScroller, ORow, OCol } from "@opensig/opendesign";
+import { ElSelect, ElOption, ElCheckbox } from "element-plus";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/option/style/css";
+import IconPlaying from "../../../_virtual/icon-playing.mjs";
+import IconSearch from "../../../_virtual/icon-search2.mjs";
+import IconChevronDown from "../../../_virtual/icon-chevron-down.mjs";
+import IconChevronUp from "../../../_virtual/icon-chevron-up.mjs";
+import IconClose from "../../../_virtual/icon-close.mjs";
+import IconSpeaker from "../../../_virtual/icon-speaker.mjs";
+import { useDebounceFn } from "@vueuse/core";
+import OEmpty from "../../empty/OEmpty.vue.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+const _hoisted_1 = { class: "o-meeting-playback-subtitles" };
+const _hoisted_2 = { class: "search-captions" };
+const _hoisted_3 = {
+  key: 0,
+  class: "suffix-box"
+};
+const _hoisted_4 = { class: "right-handle" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "info" };
+const _hoisted_7 = { class: "num" };
+const _hoisted_8 = { class: "speaker" };
+const _hoisted_9 = { class: "start-time" };
+const _hoisted_10 = { class: "text" };
+const _hoisted_11 = {
+  key: 1,
+  class: "playback-empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingPlaybackSubtitles",
+  props: {
+    captions: { default: () => [] },
+    instance: {},
+    trackIdx: {}
+  },
+  setup(__props) {
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
+    const props = __props;
+    const { t } = useI18n();
+    const currentIndex = computed(() => props.trackIdx);
+    const scrollerDomId = useId();
+    const getScrollerContainer = () => document.querySelector(`#${scrollerDomId} > .o-scroller-container`);
+    const scrollContainer = ref();
+    const wheelVisible = ref(false);
+    const handleScroll = () => {
+      wheelVisible.value = true;
+    };
+    const debounceFn = useDebounceFn(() => {
+      wheelVisible.value = false;
+    }, 3e3);
+    watch(
+      () => wheelVisible.value,
+      (val) => {
+        if (val) {
+          debounceFn();
+        }
+      }
+    );
+    const computedCaptions = ref([]);
+    watch(
+      () => props.captions,
+      () => {
+        computedCaptions.value = props.captions || [];
+        nextTick(() => {
+          var _a;
+          if (scrollContainer.value) {
+            (_a = scrollContainer.value) == null ? void 0 : _a.scrollTo({
+              top: 0,
+              behavior: "smooth"
+            });
+          }
+        });
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const formatTime = (num) => {
+      const time = num.split(".")[0];
+      return `00:${time}`.slice(-8);
+    };
+    const transformTime = (time) => {
+      const arr = time.split(":");
+      const hh = arr[arr.length - 3] ? parseInt(arr[arr.length - 3]) : 0;
+      const mm = parseInt(arr[arr.length - 2]);
+      const ss = parseFloat(arr[arr.length - 1]);
+      return hh * 60 * 60 + mm * 60 + ss;
+    };
+    onMounted(() => {
+      var _a;
+      scrollContainer.value = getScrollerContainer();
+      (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
+    });
+    watch(
+      () => computedCaptions.value,
+      () => {
+        var _a;
+        scrollContainer.value = getScrollerContainer();
+        (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
+      }
+    );
+    const activeTab = ref(0);
+    const changeTab = () => {
+    };
+    const videoPosition = (time) => {
+      const player = props.instance;
+      if (!player) {
+        return;
+      }
+      const startTime = transformTime(time);
+      player.currentTime(startTime);
+    };
+    const searchValue = ref("");
+    const total = ref(0);
+    const current = ref(0);
+    const speakers = ref([]);
+    const ALL = t("common.all");
+    const options = computed(() => {
+      return [
+        ...new Set(
+          props.captions.map((item) => item.speakerLabel).sort().reverse()
+        )
+      ];
+    });
+    watch(
+      () => currentIndex.value,
+      () => {
+        var _a, _b;
+        if (wheelVisible.value && searchValue.value) {
+          return;
+        }
+        const captionActive = (_a = scrollContainer.value) == null ? void 0 : _a.querySelectorAll(".captions-item")[currentIndex.value - 1];
+        (_b = scrollContainer.value) == null ? void 0 : _b.scrollTo({
+          top: (captionActive == null ? void 0 : captionActive.offsetTop) - 16,
+          behavior: "smooth"
+        });
+      }
+    );
+    onUnmounted(() => {
+      if (scrollContainer.value) {
+        scrollContainer.value.removeEventListener("wheel", handleScroll);
+      }
+    });
+    const searchLocate = (step, val) => {
+      var _a, _b, _c, _d, _e, _f;
+      const currentLight = document.getElementsByClassName("light-keyword")[step - 1];
+      const nextLight = document.getElementsByClassName("light-keyword")[step - val];
+      nextLight == null ? void 0 : nextLight.classList.remove("light-keyword-active");
+      currentLight == null ? void 0 : currentLight.classList.add("light-keyword-active");
+      const aboveVisible = currentLight.offsetTop + currentLight.offsetHeight < ((_a = scrollContainer.value) == null ? void 0 : _a.scrollTop);
+      const exceedVisible = currentLight.offsetTop > ((_b = scrollContainer.value) == null ? void 0 : _b.offsetHeight) + ((_c = scrollContainer.value) == null ? void 0 : _c.scrollTop);
+      if (aboveVisible || exceedVisible) {
+        (_f = scrollContainer.value) == null ? void 0 : _f.scrollTo({
+          top: (_e = (_d = currentLight.parentElement) == null ? void 0 : _d.parentElement) == null ? void 0 : _e.offsetTop,
+          behavior: "smooth"
+        });
+      }
+    };
+    const prevKeyword = () => {
+      if (!total.value || current.value === 1) {
+        return;
+      }
+      current.value--;
+      searchLocate(current.value, 0);
+    };
+    const nextKeyword = (e) => {
+      if (e == null ? void 0 : e.shiftKey) {
+        return;
+      }
+      if (!total.value || current.value === total.value) {
+        return;
+      }
+      current.value++;
+      searchLocate(current.value, 2);
+    };
+    const highlightText = (val) => {
+      computedCaptions.value = props.captions.filter((v) => {
+        return speakers.value.includes(v.speakerLabel);
+      }).map((item) => {
+        return {
+          ...item,
+          contentHtml: val ? item.contentHtml.replaceAll(val, `<span class="light-keyword">${val}</span>`) : item.contentHtml
+        };
+      });
+      nextTick(() => {
+        var _a;
+        const lightAll = document.getElementsByClassName("light-keyword");
+        total.value = lightAll.length;
+        if (total.value) {
+          nextKeyword();
+        } else {
+          (_a = scrollContainer.value) == null ? void 0 : _a.scrollTo({
+            top: 0,
+            behavior: "smooth"
+          });
+        }
+      });
+    };
+    const debounceTextFn = useDebounceFn(highlightText, 300);
+    watch(
+      () => searchValue.value,
+      (val) => {
+        current.value = 0;
+        debounceTextFn(val);
+      }
+    );
+    watch(
+      () => options.value,
+      (newVal) => {
+        speakers.value = newVal;
+      },
+      { immediate: true }
+    );
+    const checkAll = ref(false);
+    const indeterminate = ref(false);
+    const handleCheckAll = (checked) => {
+      indeterminate.value = false;
+      if (checked) {
+        speakers.value = options.value;
+      } else {
+        speakers.value = [];
+      }
+    };
+    watch(
+      () => speakers.value,
+      (val) => {
+        if (val.length === 0) {
+          checkAll.value = false;
+          indeterminate.value = false;
+        } else if (val.length === options.value.length) {
+          checkAll.value = true;
+          indeterminate.value = false;
+        } else {
+          indeterminate.value = true;
+        }
+        debounceTextFn(searchValue.value);
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(OInput), {
+            modelValue: searchValue.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
+            onKeydown: [
+              withKeys(nextKeyword, ["enter"]),
+              withKeys(withModifiers(prevKeyword, ["shift", "stop"]), ["enter"])
+            ],
+            placeholder: unref(t)("meeting.searchSubtitlePlaceholder"),
+            size: "large",
+            class: "input-captions"
+          }, {
+            prefix: withCtx(() => [
+              createVNode(unref(OIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(IconSearch))
+                ]),
+                _: 1
+              })
+            ]),
+            suffix: withCtx(() => [
+              searchValue.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createElementVNode("span", null, toDisplayString(current.value) + "/" + toDisplayString(total.value), 1),
+                createVNode(unref(OIcon), { onClick: prevKeyword }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconChevronUp))
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(OIcon), { onClick: nextKeyword }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconChevronDown))
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(ODivider), { direction: "v" }),
+                createVNode(unref(OIcon), {
+                  class: "hover-close",
+                  onClick: _cache[0] || (_cache[0] = ($event) => searchValue.value = "")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconClose))
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onKeydown", "placeholder"]),
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(ElSelect), {
+              multiple: "",
+              modelValue: speakers.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => speakers.value = $event),
+              "popper-class": "o-meeting-playback-speakers-popper",
+              class: "speakers-selector",
+              placement: "bottom"
+            }, {
+              prefix: withCtx(() => [
+                createVNode(unref(OIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconSpeaker))
+                  ]),
+                  _: 1
+                })
+              ]),
+              header: withCtx(() => [
+                createVNode(unref(ElCheckbox), {
+                  modelValue: checkAll.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => checkAll.value = $event),
+                  indeterminate: indeterminate.value,
+                  onChange: handleCheckAll
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(ALL)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "indeterminate"])
+              ]),
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (t2) => {
+                  return openBlock(), createBlock(unref(ElOption), {
+                    key: t2,
+                    label: t2,
+                    value: t2
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElCheckbox), {
+                        "model-value": speakers.value.includes(t2)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t2), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value"])
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        createVNode(unref(OTab), {
+          modelValue: activeTab.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTab.value = $event),
+          variant: "text",
+          class: "captions-tab",
+          onChange: changeTab,
+          "max-show": 9999
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(OTabPane), {
+              value: 0,
+              label: unref(t)("meeting.audioToText")
+            }, {
+              default: withCtx(() => [
+                computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
+                  key: 0,
+                  id: unref(scrollerDomId),
+                  class: "captions-scroller",
+                  "show-type": "hover",
+                  size: "small",
+                  "disabled-x": ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ORow), {
+                      gap: "0 8px",
+                      wrap: "wrap"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(computedCaptions.value, (item, i) => {
+                          return openBlock(), createBlock(unref(OCol), {
+                            flex: "0 0 100%",
+                            key: i
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("div", {
+                                class: normalizeClass(["captions-item", { "captions-item-active": currentIndex.value === i + 1 }]),
+                                onClick: ($event) => videoPosition(item.start_time)
+                              }, [
+                                createElementVNode("div", _hoisted_6, [
+                                  createElementVNode("div", _hoisted_7, toDisplayString(item.speakerIdx), 1),
+                                  createElementVNode("div", _hoisted_8, toDisplayString(item.speakerLabel), 1),
+                                  createElementVNode("div", _hoisted_9, toDisplayString(formatTime(item.start_time)), 1),
+                                  currentIndex.value === i + 1 ? (openBlock(), createBlock(unref(OIcon), {
+                                    key: 0,
+                                    class: "playing initial-fill"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(IconPlaying))
+                                    ]),
+                                    _: 1
+                                  })) : createCommentVNode("", true)
+                                ]),
+                                withDirectives(createElementVNode("div", _hoisted_10, null, 512), [
+                                  [unref(vDompurifyHtml), item.contentHtml]
+                                ])
+                              ], 10, _hoisted_5)
+                            ]),
+                            _: 2
+                          }, 1024);
+                        }), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "empty", {}, () => [
+                    createVNode(OEmpty)
+                  ])
+                ]))
+              ]),
+              _: 3
+            }, 8, ["label"])
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.vue4.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./OMeetingPlaybackSubtitles.vue.mjs";
+import './OMeetingPlaybackSubtitles.css';
+import './OMeetingPlaybackSubtitles2.css';
+export {
+  _sfc_main as default
+};