tuikit-atomicx-vue3 5.8.2 → 5.9.0-beta.2

package/dist/{PopoverPortal-NF24jm90.js → PopoverPortal-B5nQO1jH.js}

@@ -1,6 +1,6 @@
-import { c as D, a as k, r as A, u as b, F as N, D as E, b as R, d as I, e as M, T as $ } from "./Teleport-C3oxnewF.js";
-import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-C7Uuo_Y2.js";
-import { u as T } from "./useId-DNAhmykH.js";
+import { b as D, n as k, r as A, l as b, F as N, D as E, h as R, m as I, P as M, T as $ } from "./Teleport-DaOf7Aoo.js";
+import { c as K, d as L, u as j, b as z, e as w } from "./PopperContent-C9GDUX84.js";
+import { u as T } from "./useId-CYH_IsNz.js";
 import { defineComponent as m, toRefs as U, ref as P, openBlock as c, createBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as h, mergeProps as _, withModifiers as C, normalizeProps as x, guardReactiveProps as W } from "vue";
 const [B, V] = /* @__PURE__ */ D("PopoverRoot");
 var G = /* @__PURE__ */ m({
@@ -571,8 +571,8 @@ var G = /* @__PURE__ */ m({
   }
 }), le = ee;
 export {
-  se as P,
+  ie as P,
   le as a,
-  ie as b,
+  se as b,
   B as i
 };

package/dist/{PopoverTrigger-Q8GAhbK6.js → PopoverTrigger-LW6v3-7z.js}

@@ -1,9 +1,9 @@
-import { u as l, P as a } from "./Teleport-C3oxnewF.js";
-import { u as d } from "./useId-DNAhmykH.js";
-import { P as u } from "./PopperContent-C7Uuo_Y2.js";
-import { i as c } from "./PopoverPortal-NF24jm90.js";
-import { defineComponent as g, onMounted as f, openBlock as m, createBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as P } from "vue";
-var C = /* @__PURE__ */ g({
+import { l as p, a } from "./Teleport-DaOf7Aoo.js";
+import { u as d } from "./useId-CYH_IsNz.js";
+import { P as u } from "./PopperContent-C9GDUX84.js";
+import { i as c } from "./PopoverPortal-B5nQO1jH.js";
+import { defineComponent as g, onMounted as f, openBlock as m, createBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as C } from "vue";
+var P = /* @__PURE__ */ g({
   __name: "PopoverTrigger",
   props: {
     asChild: {
@@ -17,9 +17,9 @@ var C = /* @__PURE__ */ g({
     }
   },
   setup(n) {
-    const i = n, e = c(), { forwardRef: s, currentElement: p } = l();
+    const i = n, e = c(), { forwardRef: s, currentElement: l } = p();
     return e.triggerId || (e.triggerId = d(void 0, "reka-popover-trigger")), f(() => {
-      e.triggerElement.value = p.value;
+      e.triggerElement.value = l.value;
     }), (o, y) => (m(), v(_(r(e).hasCustomAnchor.value ? r(a) : r(u)), { "as-child": "" }, {
       default: t(() => [h(r(a), {
         id: r(e).triggerId,
@@ -33,7 +33,7 @@ var C = /* @__PURE__ */ g({
         "as-child": i.asChild,
         onClick: r(e).onOpenToggle
       }, {
-        default: t(() => [P(o.$slots, "default")]),
+        default: t(() => [C(o.$slots, "default")]),
         _: 3
       }, 8, [
         "id",
@@ -48,7 +48,7 @@ var C = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), w = C;
+}), w = P;
 export {
   w as P
 };

package/dist/{PopperContent-C7Uuo_Y2.js → PopperContent-C9GDUX84.js}

@@ -1,5 +1,5 @@
 import { watchEffect as It, getCurrentInstance as fe, toRef as ue, computed as P, camelize as de, ref as V, onMounted as pe, defineComponent as Ct, renderSlot as Pt, watchPostEffect as Xt, openBlock as Yt, createBlock as he, unref as M, withCtx as Ut, shallowRef as me, watch as mt, getCurrentScope as ge, onScopeDispose as we, shallowReadonly as tt, createElementBlock as ye, normalizeStyle as ve, createVNode as xe, mergeProps as be, mergeDefaults as Ae } from "vue";
-import { h as Oe, f as Ce, j as Pe, c as Gt, u as Kt, P as Zt, k as Re } from "./Teleport-C3oxnewF.js";
+import { e as Oe, j as Ce, u as Pe, b as Gt, l as Kt, a as Zt, c as Re } from "./Teleport-DaOf7Aoo.js";
 let gt = 0;
 function Fn() {
   It((t) => {
@@ -1604,10 +1604,10 @@ var kn = /* @__PURE__ */ Ct({
 }), Vn = kn;
 export {
   zn as P,
-  Wn as a,
-  Fn as b,
-  Vn as c,
-  Mn as d,
-  Ln as e,
-  Se as u
+  Ln as a,
+  Vn as b,
+  Wn as c,
+  Se as d,
+  Mn as e,
+  Fn as u
 };

package/dist/{Teleport-C3oxnewF.js → Teleport-DaOf7Aoo.js}

@@ -1,5 +1,5 @@
-import { inject as Ee, provide as be, onBeforeUnmount as Oe, effectScope as se, getCurrentInstance as I, computed as w, shallowRef as ue, watchEffect as L, readonly as we, getCurrentScope as Se, onScopeDispose as Pe, isRef as K, reactive as R, unref as A, customRef as Ae, toValue as b, watch as _, toRefs as G, ref as E, nextTick as M, onMounted as Ce, Fragment as _e, toHandlerKey as De, camelize as Te, onUpdated as Le, triggerRef as Me, onUnmounted as ae, defineComponent as x, h as j, Comment as Ne, mergeProps as Fe, cloneVNode as Ie, openBlock as X, createBlock as Q, normalizeStyle as xe, withCtx as le, renderSlot as Z, Teleport as Be, createCommentVNode as ke } from "vue";
-function $e(e, t) {
+import { inject as Ee, provide as be, onBeforeUnmount as Oe, effectScope as se, getCurrentInstance as I, computed as w, shallowRef as ue, watchEffect as L, readonly as we, getCurrentScope as Se, onScopeDispose as Pe, isRef as K, reactive as R, unref as A, customRef as Ae, toValue as b, watch as _, toRefs as G, ref as E, nextTick as M, onMounted as Ce, Fragment as _e, toHandlerKey as De, camelize as Te, onUpdated as Le, triggerRef as Me, onUnmounted as ae, defineComponent as x, h as $, Comment as Ne, mergeProps as Fe, cloneVNode as Ie, openBlock as X, createBlock as Q, normalizeStyle as xe, withCtx as le, renderSlot as Z, Teleport as Be, createCommentVNode as ke } from "vue";
+function je(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, r = Symbol(n);
   return [(a) => {
     const u = Ee(r, a);
@@ -21,7 +21,7 @@ function ce(e, t, n) {
   });
   t && r.addEventListener(e, t, { once: !0 }), r.dispatchEvent(i);
 }
-function je(e) {
+function $e(e) {
   return e == null;
 }
 function Tt(e, t) {
@@ -199,7 +199,7 @@ function Nt(e, t, n, r = {}) {
 function te(e) {
   return e ? e.flatMap((t) => t.type === _e ? te(t.children) : [t]) : [];
 }
-const [tt] = /* @__PURE__ */ $e("ConfigProvider");
+const [tt] = /* @__PURE__ */ je("ConfigProvider");
 function H(e) {
   if (e === null || typeof e != "object")
     return !1;
@@ -440,12 +440,12 @@ function dt(e, t) {
     var P;
     const S = p !== m;
     if (await M(), S) {
-      const W = r.value, T = $(t.value);
+      const W = r.value, T = j(t.value);
       m ? (v("MOUNT"), l("enter"), T === "none" && l("after-enter")) : T === "none" || T === "undefined" || ((P = n.value) == null ? void 0 : P.display) === "none" ? (v("UNMOUNT"), l("leave"), l("after-leave")) : p && W !== T ? (v("ANIMATION_OUT"), l("leave")) : (v("UNMOUNT"), l("after-leave"));
     }
   }, { immediate: !0 });
   const s = (m) => {
-    const p = $(t.value), S = p.includes(CSS.escape(m.animationName)), P = f.value === "mounted" ? "enter" : "leave";
+    const p = j(t.value), S = p.includes(CSS.escape(m.animationName)), P = f.value === "mounted" ? "enter" : "leave";
     if (m.target === t.value && S && (l(`after-${P}`), v("ANIMATION_END"), !i.value)) {
       const W = t.value.style.animationFillMode;
       t.value.style.animationFillMode = "forwards", a = u == null ? void 0 : u.setTimeout(() => {
@@ -455,18 +455,18 @@ function dt(e, t) {
     }
     m.target === t.value && p === "none" && v("ANIMATION_END");
   }, c = (m) => {
-    m.target === t.value && (r.value = $(t.value));
+    m.target === t.value && (r.value = j(t.value));
   }, d = _(t, (m, p) => {
     m ? (n.value = getComputedStyle(m), m.addEventListener("animationstart", c), m.addEventListener("animationcancel", s), m.addEventListener("animationend", s)) : (v("ANIMATION_END"), a !== void 0 && (u == null || u.clearTimeout(a)), p == null || p.removeEventListener("animationstart", c), p == null || p.removeEventListener("animationcancel", s), p == null || p.removeEventListener("animationend", s));
   }, { immediate: !0 }), y = _(f, () => {
-    const m = $(t.value);
+    const m = j(t.value);
     r.value = f.value === "mounted" ? m : "none";
   });
   return ae(() => {
     d(), y();
   }), { isPresent: w(() => ["mounted", "unmountSuspended"].includes(f.value)) };
 }
-function $(e) {
+function j(e) {
   return e && getComputedStyle(e).animationName || "none";
 }
 var Bt = /* @__PURE__ */ x({
@@ -498,7 +498,7 @@ var Bt = /* @__PURE__ */ x({
       ].join(`
 `));
     }
-    return () => i.value || r.value || a.value ? j(t.default({ present: a.value })[0], { ref: (l) => {
+    return () => i.value || r.value || a.value ? $(t.default({ present: a.value })[0], { ref: (l) => {
       const s = U(l);
       return typeof (s == null ? void 0 : s.hasAttribute) > "u" || (s != null && s.hasAttribute("data-reka-popper-content-wrapper") ? o.value = s.firstElementChild : o.value = s), s;
     } }) : null;
@@ -541,7 +541,7 @@ const ft = /* @__PURE__ */ x({
   },
   setup(e, { attrs: t, slots: n }) {
     const r = e.asChild ? "template" : e.as;
-    return typeof r == "string" && vt.includes(r) ? () => j(r, t) : r !== "template" ? () => j(e.as, t, { default: n.default }) : () => j(ft, t, { default: n.default });
+    return typeof r == "string" && vt.includes(r) ? () => $(r, t) : r !== "template" ? () => $(e.as, t, { default: n.default }) : () => $(ft, t, { default: n.default });
   }
 }), pt = "dismissableLayer.pointerDownOutside", mt = "dismissableLayer.focusOutside";
 function he(e, t) {
@@ -649,7 +649,7 @@ var gt = /* @__PURE__ */ x({
       f.value === u.value.size - 1 && (r("escapeKeyDown", d), d.defaultPrevented || r("dismiss"));
     }), L((d) => {
       o.value && (n.disableOutsidePointerEvents && (O.layersWithOutsidePointerEventsDisabled.size === 0 && (O.originalBodyPointerEvents = a.value.body.style.pointerEvents, a.value.body.style.pointerEvents = "none"), O.layersWithOutsidePointerEventsDisabled.add(o.value)), u.value.add(o.value), d(() => {
-        n.disableOutsidePointerEvents && O.layersWithOutsidePointerEventsDisabled.size === 1 && !je(O.originalBodyPointerEvents) && (a.value.body.style.pointerEvents = O.originalBodyPointerEvents);
+        n.disableOutsidePointerEvents && O.layersWithOutsidePointerEventsDisabled.size === 1 && !$e(O.originalBodyPointerEvents) && (a.value.body.style.pointerEvents = O.originalBodyPointerEvents);
       }));
     }), L((d) => {
       d(() => {
@@ -836,7 +836,7 @@ var At = /* @__PURE__ */ x({
       _: 3
     }, 8, ["as-child", "as"]));
   }
-}), $t = At, Ct = /* @__PURE__ */ x({
+}), jt = At, Ct = /* @__PURE__ */ x({
   __name: "Teleport",
   props: {
     to: {
@@ -870,27 +870,27 @@ var At = /* @__PURE__ */ x({
       "defer"
     ])) : ke("v-if", !0);
   }
-}), jt = Ct;
+}), $t = Ct;
 export {
   kt as D,
-  $t as F,
-  ye as P,
+  jt as F,
+  Bt as P,
   ft as S,
-  jt as T,
-  Nt as a,
-  Ft as b,
-  $e as c,
-  xt as d,
-  Bt as e,
-  It as f,
+  $t as T,
+  ye as a,
+  je as b,
+  Tt as c,
+  Ve as d,
+  D as e,
+  Mt as f,
   F as g,
-  D as h,
+  Ft as h,
   tt as i,
-  U as j,
-  Tt as k,
-  Mt as l,
-  Ve as m,
-  fe as n,
+  It as j,
+  fe as k,
+  pe as l,
+  xt as m,
+  Nt as n,
   Lt as r,
-  pe as u
+  U as u
 };

package/dist/baseComp/Modal/Modal.js

@@ -1,10 +1,10 @@
 import { defineComponent as g, ref as E, toRefs as P, renderSlot as _, unref as t, onMounted as A, openBlock as v, createBlock as m, withCtx as f, createVNode as C, mergeProps as y, createCommentVNode as h, normalizeProps as $, guardReactiveProps as T, normalizeClass as R } from "vue";
-import { c as k, a as N, u as D, g as I, F as S, D as L, f as q, d as K, e as F, b as V, P as U, T as W } from "../../Teleport-C3oxnewF.js";
-import { u as w } from "../../useId-DNAhmykH.js";
-import { g as z } from "../../utils-mTO3-yuL.js";
-import { _ as G } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const [O, H] = /* @__PURE__ */ k("DialogRoot");
-var j = /* @__PURE__ */ g({
+import { b as k, n as N, l as D, g as I, F as S, D as L, j as q, m as K, P as F, h as V, a as U, T as W } from "../../Teleport-DaOf7Aoo.js";
+import { u as w } from "../../useId-CYH_IsNz.js";
+import { g as j } from "../../utils-ClBQ9q32.js";
+import { _ as z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const [O, G] = /* @__PURE__ */ k("DialogRoot");
+var H = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "DialogRoot",
   props: {
@@ -30,7 +30,7 @@ var j = /* @__PURE__ */ g({
       defaultValue: a.defaultOpen,
       passive: a.open === void 0
     }), l = E(), p = E(), { modal: r } = P(a);
-    return H({
+    return G({
       open: e,
       modal: r,
       openModal: () => {
@@ -52,7 +52,7 @@ var j = /* @__PURE__ */ g({
       close: () => e.value = !1
     });
   }
-}), J = j;
+}), J = H;
 const Q = "DialogTitle", X = "DialogContent";
 function Y({ titleName: u = Q, contentName: i = X, componentLink: a = "dialog.html#title", titleId: s, descriptionId: e, contentElement: l }) {
   const p = `Warning: \`${i}\` requires a \`${u}\` for the component to be accessible for screen reader users.
@@ -126,7 +126,7 @@ var Z = /* @__PURE__ */ g({
         role: "dialog",
         "aria-describedby": t(e).descriptionId,
         "aria-labelledby": t(e).titleId,
-        "data-state": t(z)(t(e).open.value)
+        "data-state": t(j)(t(e).open.value)
       }, r.$attrs, {
         onDismiss: n[0] || (n[0] = (o) => t(e).onOpenChange(!1)),
         onEscapeKeyDown: n[1] || (n[1] = (o) => s("escapeKeyDown", o)),
@@ -449,7 +449,7 @@ const pe = /* @__PURE__ */ g({
       _: 3
     }, 8, ["open"]));
   }
-}), ge = /* @__PURE__ */ G(pe, [["__scopeId", "data-v-bef96a30"]]);
+}), ge = /* @__PURE__ */ z(pe, [["__scopeId", "data-v-bef96a30"]]);
 export {
   ge as default
 };

package/dist/components/ASRTools/components/RealtimeMessageList.js

@@ -0,0 +1,82 @@
+import { defineComponent as x, ref as M, computed as u, onMounted as B, watch as C, nextTick as R, openBlock as r, createElementBlock as o, Fragment as m, renderList as p, createElementVNode as d, toDisplayString as f, unref as T, normalizeClass as $ } from "vue";
+import { formatTimestampToTime as A } from "../../../utils/utils.js";
+import { hasDisplayableText as E, getDisplayName as F, getMessageDisplayLines as H } from "../utils/display.js";
+import { useAITranscriberState as N } from "../../../states/AITranscriberState/AITranscriberState.js";
+import { _ as w } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const U = { class: "title" }, q = { class: "speaker" }, z = { class: "timestamp" }, G = 60 * 1e3, V = /* @__PURE__ */ x({
+  __name: "RealtimeMessageList",
+  props: {
+    targetLanguage: {},
+    displayMode: {}
+  },
+  setup(y) {
+    const s = M(), c = M(!1), v = y, { realtimeMessageList: g } = N(), k = u(() => v.targetLanguage || ""), L = u(() => v.displayMode || "translation"), D = () => {
+      if (!s.value)
+        return !1;
+      const { scrollTop: a, scrollHeight: i, clientHeight: e } = s.value;
+      return Math.ceil(a + e) >= i - 50;
+    }, _ = () => {
+      !s.value || c.value || requestAnimationFrame(() => {
+        s.value && (s.value.scrollTop = s.value.scrollHeight);
+      });
+    };
+    B(() => {
+      _();
+    });
+    const b = () => {
+      s.value && (c.value = !D());
+    }, I = u(() => {
+      const a = [
+        ...g.value.filter((t) => E(t.sourceText) && typeof t.timestamp == "number" && Number.isFinite(t.timestamp))
+      ].sort((t, n) => (t.timestamp ?? 0) - (n.timestamp ?? 0));
+      if (a.length === 0)
+        return [];
+      const i = [];
+      let e = null;
+      return a.forEach((t) => {
+        const n = t.speakerUserId || "unknown", l = t.timestamp ?? 0;
+        !e || n !== e.sender || l - e.startMsTs > G ? (e = {
+          sender: n,
+          startMsTs: l,
+          messages: [t]
+        }, i.push(e)) : e.messages.push(t);
+      }), i;
+    }), S = (a) => H(
+      a,
+      k.value,
+      L.value
+    );
+    return C(() => g.value.length, () => {
+      R(() => {
+        c.value || _();
+      });
+    }), (a, i) => (r(), o("div", {
+      ref_key: "conversationContainerRef",
+      ref: s,
+      class: "conversation",
+      onScroll: b
+    }, [
+      (r(!0), o(m, null, p(I.value, (e) => (r(), o("div", {
+        key: `${e.sender}-${e.startMsTs}`,
+        class: "conversation-group"
+      }, [
+        d("div", U, [
+          d("span", q, f(T(F)(e.sender)), 1),
+          d("span", z, f(T(A)(e.startMsTs)), 1)
+        ]),
+        (r(!0), o(m, null, p(e.messages, (t, n) => (r(), o("div", {
+          key: t.segmentId || n,
+          class: "content"
+        }, [
+          (r(!0), o(m, null, p(S(t), (l, h) => (r(), o("div", {
+            key: `${t.segmentId || n}-${h}`,
+            class: $(["content-line", { secondary: h > 0 }])
+          }, f(l), 3))), 128))
+        ]))), 128))
+      ]))), 128))
+    ], 544));
+  }
+}), Q = /* @__PURE__ */ w(V, [["__scopeId", "data-v-90c83e3e"]]);
+export {
+  Q as default
+};

package/dist/components/ASRTools/components/RealtimeMessageList.vue.d.ts

@@ -0,0 +1,19 @@
+import { SubtitleDisplayMode } from '../../../types/asr';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    targetLanguage?: string;
+    displayMode?: SubtitleDisplayMode;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    targetLanguage?: string;
+    displayMode?: SubtitleDisplayMode;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/ASRTools/components/Subtitle.js

@@ -0,0 +1,85 @@
+import { defineComponent as D, ref as x, computed as c, onMounted as N, onUnmounted as R, openBlock as o, createElementBlock as a, createElementVNode as l, renderSlot as U, createCommentVNode as d, Fragment as j, renderList as B, unref as _, toDisplayString as u } from "vue";
+import { getMessageDisplayLines as O, getDisplayName as y } from "../utils/display.js";
+import { useAITranscriberState as V } from "../../../states/AITranscriberState/AITranscriberState.js";
+import { RealtimeTranscriberEvent as h } from "../../../types/asr.js";
+import { _ as $ } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const w = {
+  key: 0,
+  class: "asr-subtitle"
+}, A = { class: "subtitle-panel" }, F = {
+  key: 0,
+  class: "subtitle-actions"
+}, H = { class: "subtitle-scroll" }, q = ["title"], z = { class: "subtitle-content" }, G = { class: "subtitle-text primary" }, J = {
+  key: 0,
+  class: "subtitle-text secondary"
+}, K = /* @__PURE__ */ D({
+  __name: "Subtitle",
+  props: {
+    targetLanguage: { default: "" },
+    displayMode: { default: "translation" }
+  },
+  setup(M) {
+    const p = M, { subscribeEvent: T, unsubscribeEvent: I } = V(), i = x({}), n = {}, r = {}, L = c(() => p.targetLanguage), m = c(() => p.displayMode), k = (e, t) => {
+      n[e] && clearTimeout(n[e]), n[e] = setTimeout(t, 3e3);
+    }, S = (e) => {
+      const { speakerUserId: t } = e, s = i.value[t], C = r[t];
+      if (e.isCompleted && C === e.segmentId)
+        return;
+      if (!e.isCompleted) {
+        n[t] && (clearTimeout(n[t]), delete n[t]), delete r[t], i.value[t] = e;
+        return;
+      }
+      const E = !s || s.segmentId !== e.segmentId || !s.isCompleted;
+      i.value[t] = e, E && (r[t] = e.segmentId, k(t, () => {
+        var g, f;
+        (g = i.value[t]) != null && g.isCompleted && ((f = i.value[t]) == null ? void 0 : f.segmentId) === e.segmentId && delete i.value[t], delete n[t], delete r[t];
+      }));
+    }, v = (e) => {
+      S(e.message);
+    };
+    N(() => {
+      T(h.onReceiveTranscriberMessage, v);
+    });
+    const b = c(() => Object.values(i.value).sort((e, t) => (e.timestamp ?? 0) - (t.timestamp ?? 0)).map((e) => ({
+      ...e,
+      lines: O(
+        e,
+        L.value,
+        m.value
+      )
+    })).filter((e) => e.lines.length).map((e) => ({
+      ...e,
+      primaryLine: e.lines[0] || "",
+      secondaryLine: m.value === "bilingual" && e.lines[1] || ""
+    })).slice(-3));
+    return R(() => {
+      I(h.onReceiveTranscriberMessage, v), Object.values(n).forEach((e) => {
+        clearTimeout(e);
+      });
+    }), (e, t) => b.value.length ? (o(), a("div", w, [
+      l("div", A, [
+        e.$slots.actions ? (o(), a("div", F, [
+          U(e.$slots, "actions", {}, void 0, !0)
+        ])) : d("", !0),
+        l("div", H, [
+          (o(!0), a(j, null, B(b.value, (s) => (o(), a("div", {
+            key: s.speakerUserId,
+            class: "subtitle-item"
+          }, [
+            l("span", {
+              class: "subtitle-speaker",
+              title: _(y)(s.speakerUserId)
+            }, u(_(y)(s.speakerUserId)) + "：", 9, q),
+            l("div", z, [
+              l("span", G, u(s.primaryLine), 1),
+              s.secondaryLine ? (o(), a("span", J, u(s.secondaryLine), 1)) : d("", !0)
+            ])
+          ]))), 128))
+        ])
+      ])
+    ])) : d("", !0);
+  }
+}), Z = /* @__PURE__ */ $(K, [["__scopeId", "data-v-5305179d"]]);
+export {
+  Z as default
+};

package/dist/components/ASRTools/components/Subtitle.vue.d.ts

@@ -0,0 +1,45 @@
+import { SubtitleDisplayMode } from '../../../types/asr';
+
+declare function __VLS_template(): {
+    actions?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    targetLanguage?: string;
+    displayMode?: SubtitleDisplayMode;
+}>, {
+    targetLanguage: string;
+    displayMode: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    targetLanguage?: string;
+    displayMode?: SubtitleDisplayMode;
+}>, {
+    targetLanguage: string;
+    displayMode: string;
+}>>> & Readonly<{}>, {
+    targetLanguage: string;
+    displayMode: SubtitleDisplayMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ASRTools/index.d.ts

@@ -1,4 +1,4 @@
-import { default as RealtimeMessageList } from './RealtimeMessageList.vue';
-import { default as Subtitle } from './Subtitle.vue';
+import { default as RealtimeMessageList } from './components/RealtimeMessageList.vue';
+import { default as Subtitle } from './components/Subtitle.vue';
 
 export { Subtitle, RealtimeMessageList };

package/dist/components/ASRTools/index.js

@@ -1,5 +1,5 @@
-import { default as a } from "./RealtimeMessageList.js";
-import { default as f } from "./Subtitle.js";
+import { default as a } from "./components/RealtimeMessageList.js";
+import { default as f } from "./components/Subtitle.js";
 export {
   a as RealtimeMessageList,
   f as Subtitle

package/dist/components/ASRTools/utils/display.d.ts

@@ -0,0 +1,7 @@
+import { SubtitleDisplayMode, TranscriberLanguage, TranscriberMessage } from '../../../types';
+
+export declare const getDisplayName: (userId: string) => string;
+export declare const hasDisplayableText: (value: unknown) => boolean;
+export declare const getTranslationText: (message: TranscriberMessage, targetLanguage: TranscriberLanguage | "") => string;
+export declare const hasTranslationText: (message: TranscriberMessage) => boolean;
+export declare const getMessageDisplayLines: (message: TranscriberMessage, targetLanguage: TranscriberLanguage | "", displayMode: SubtitleDisplayMode) => string[];

package/dist/components/ASRTools/utils/display.js

@@ -0,0 +1,45 @@
+import l from "../../../states/RoomParticipantState/index.js";
+const { participantList: u } = l(), a = (t) => {
+  if (typeof t == "string")
+    return t.trim();
+  if (typeof t == "number" || typeof t == "boolean")
+    return String(t).trim();
+  if (t && typeof t == "object") {
+    const n = t.text ?? t.translationText ?? t.value;
+    if (typeof n == "string" || typeof n == "number" || typeof n == "boolean")
+      return String(n).trim();
+  }
+  return "";
+}, d = (t) => {
+  const n = u.value.find((r) => r.userId === t);
+  return (n == null ? void 0 : n.nameCard) || (n == null ? void 0 : n.userName) || (n == null ? void 0 : n.userId) || t;
+}, c = (t) => !!a(t), x = (t) => t ? t instanceof Map ? t.size : Array.isArray(t) ? t.length : 0 : 0, T = (t, n) => {
+  if (!n || !t.translationTexts)
+    return "";
+  if (t.translationTexts instanceof Map) {
+    const r = String(n).toLowerCase(), o = Array.from(t.translationTexts.entries()).find(
+      ([s]) => String(s).toLowerCase() === r
+    ), e = Array.from(t.translationTexts.values()).find((s) => c(s));
+    return a((o == null ? void 0 : o[1]) || e);
+  }
+  if (Array.isArray(t.translationTexts)) {
+    const r = t.translationTexts, o = String(n).toLowerCase(), e = r.find((i) => {
+      var f;
+      return ((f = i == null ? void 0 : i.language) == null ? void 0 : f.toLowerCase()) === o;
+    }), s = r.find((i) => c(i == null ? void 0 : i.text));
+    return a(
+      (e == null ? void 0 : e.text) || (s == null ? void 0 : s.text)
+    );
+  }
+  return "";
+}, g = (t) => x(t.translationTexts) > 0, p = (t, n, r) => {
+  const o = a(t.sourceText), e = a(T(t, n));
+  return r === "translation" ? [o || e].filter(Boolean) : [o, e].filter(Boolean);
+};
+export {
+  d as getDisplayName,
+  p as getMessageDisplayLines,
+  T as getTranslationText,
+  c as hasDisplayableText,
+  g as hasTranslationText
+};

package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js

@@ -1,7 +1,7 @@
 import { defineComponent as j, onMounted as x, openBlock as a, createElementBlock as c, createVNode as o, unref as e, withCtx as r, normalizeClass as i, normalizeStyle as v, createElementVNode as _, Fragment as b, renderList as E } from "vue";
 import { useUIKit as y, IconEmoji as P } from "@tencentcloud/uikit-base-component-vue3";
-import { P as C, a as h, b as I } from "../../../PopoverPortal-NF24jm90.js";
-import { P as z } from "../../../PopoverTrigger-Q8GAhbK6.js";
+import { b as C, a as h, P as I } from "../../../PopoverPortal-B5nQO1jH.js";
+import { P as z } from "../../../PopoverTrigger-LW6v3-7z.js";
 import { emojiUrlMap as l, emojiBaseUrl as m } from "../../../constants/emoji.js";
 import { transformTextWithEmojiKeyToName as M } from "../../../utils/emoji.js";
 import { useMessageInputState as T } from "../MessageInputState.js";

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,4 +1,4 @@
-import { E as l, P as h, a as f } from "../../../index-DSsh0Axu.js";
+import { b as l, P as h, f } from "../../../index-DqyosXqU.js";
 const m = l.create({
   name: "characterCount",
   addOptions() {

package/dist/components/BarrageInput/TextEditor/EditorCore.js

@@ -1,9 +1,9 @@
-import { I as u } from "../../../index-ljqIpw2N.js";
-import { S as g, P as p } from "../../../index-I6gZUWuE.js";
-import { E as x } from "../../../index-Dw7nlTSW.js";
+import { I as u } from "../../../index-B-EPJL5C.js";
+import { S as g, P as p } from "../../../index-DFWbxmx_.js";
+import { E as x } from "../../../index-C5WoSbVd.js";
 import { isMobile as y } from "../../../utils/environment.js";
 import { CharacterCount as M } from "./CharacterCountExtension.js";
-import { E as T } from "../../../index-DSsh0Axu.js";
+import { b as T } from "../../../index-DqyosXqU.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 import "../../../states/MessageInputState/MessageInputState.js";
 function b() {