tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.js

@@ -1,40 +0,0 @@
-import { defineComponent as i, computed as u, createElementBlock as t, openBlock as s, normalizeStyle as n, normalizeClass as r, unref as a, createCommentVNode as o, toDisplayString as c, createVNode as p } from "vue";
-import { c as d } from "../../../../../index-DPczIrgX.js";
-import { getTimeStampAuto as f } from "../../../../../utils/time.js";
-import _ from "./MessageStatusIcon.js";
-import { _ as S } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const y = {
-  key: 0,
-  class: "message-meta__time"
-}, h = {
-  key: 1,
-  class: "message-meta__status"
-}, g = /* @__PURE__ */ i({
-  __name: "MessageMeta",
-  props: {
-    timestamp: {},
-    isShowSendStatus: { type: Boolean, default: !1 },
-    isShowReadStatus: { type: Boolean, default: !1 },
-    isShowTime: { type: Boolean, default: !1 },
-    status: { default: "" },
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(m) {
-    const e = m, l = u(() => e.status && e.isShowSendStatus || e.status === "fail");
-    return (v, w) => (s(), t("div", {
-      class: r(a(d)("message-meta", e.class)),
-      style: n(e.style)
-    }, [
-      e.isShowTime ? (s(), t("span", y, c(a(f)(e.timestamp)), 1)) : o("", !0),
-      l.value ? (s(), t("div", h, [
-        p(_, {
-          status: e.status
-        }, null, 8, ["status"])
-      ])) : o("", !0)
-    ], 6));
-  }
-}), T = /* @__PURE__ */ S(g, [["__scopeId", "data-v-fbbde202"]]);
-export {
-  T as default
-};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.vue.d.ts

@@ -1,54 +0,0 @@
-interface IMessageMetaProps {
-    timestamp: number;
-    /**
-     * - unSend: not sent
-     * - success: sent successfully
-     * - fail: sending failed
-     */
-    isShowSendStatus?: boolean;
-    isShowReadStatus?: boolean;
-    isShowTime?: boolean;
-    status?: string;
-    class?: string;
-    style?: Record<string, any>;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-    status: string;
-    class: undefined;
-    style: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-    status: string;
-    class: undefined;
-    style: undefined;
-}>>> & Readonly<{}>, {
-    style: Record<string, any>;
-    class: string;
-    status: string;
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-}, {}, {}, {}, 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;
-    };
-};
-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];
-} & {};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.js

@@ -1,26 +0,0 @@
-import { defineComponent as o, createBlock as s, createCommentVNode as n, openBlock as t, unref as a } from "vue";
-import { IconLoading as c, IconSuccess as r, IconErrorToast as u } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as m } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const i = /* @__PURE__ */ o({
-  __name: "MessageStatusIcon",
-  props: {
-    status: {}
-  },
-  setup(e) {
-    return (f, _) => e.status === "unSend" ? (t(), s(a(c), {
-      key: 0,
-      class: "message-meta__status--unSend",
-      size: 14
-    })) : e.status === "success" ? (t(), s(a(r), {
-      key: 1,
-      name: "",
-      size: 14
-    })) : e.status === "fail" ? (t(), s(a(u), {
-      key: 2,
-      size: 14
-    })) : n("", !0);
-  }
-}), k = /* @__PURE__ */ m(i, [["__scopeId", "data-v-a4ba2853"]]);
-export {
-  k as default
-};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.vue.d.ts

@@ -1,15 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    status: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    status: string;
-}>>> & 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/BarrageList/Message/MessageLayout/MessageMeta/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MessageMeta } from './MessageMeta.vue';
-
-export { MessageMeta };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/index.js

@@ -1,4 +0,0 @@
-import { default as s } from "./MessageMeta.js";
-export {
-  s as MessageMeta
-};

package/dist/components/BarrageList/Message/RecalledMessage/RecalledMessage.js

@@ -1,41 +0,0 @@
-import { defineComponent as _, computed as n, createElementBlock as l, openBlock as c, normalizeStyle as T, normalizeClass as y, unref as s, Fragment as r, createTextVNode as m, createCommentVNode as v, toDisplayString as t } from "vue";
-import C from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as I } from "@tencentcloud/uikit-base-component-vue3";
-import { c as h } from "../../../../index-DPczIrgX.js";
-import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = /* @__PURE__ */ _({
-  __name: "RecalledMessage",
-  props: {
-    message: {},
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(i) {
-    const e = i, { t: a } = I(), p = (o) => {
-      console.log("Set input value:", o);
-    }, u = n(() => e.message.type === C.TYPES.MSG_TEXT), d = n(() => e.message.flow === "out"), g = n(() => e.message.nick || e.message.from || "");
-    function f() {
-      const o = e.message.payload.text;
-      p(o);
-    }
-    return (o, M) => (c(), l("div", {
-      class: y(s(h)("recalled-message", e.class)),
-      style: T(e.style)
-    }, [
-      d.value ? (c(), l(r, { key: 0 }, [
-        m(t(s(a)("TUIChat.You")) + t(s(a)("TUIChat.recalled a message")) + " ", 1),
-        u.value ? (c(), l("div", {
-          key: 0,
-          role: "button",
-          class: "recalled-message__button",
-          onClick: f
-        }, t(s(a)("TUIChat.Re-edit")), 1)) : v("", !0)
-      ], 64)) : (c(), l(r, { key: 1 }, [
-        m(t(g.value) + " " + t(s(a)("TUIChat.recalled a message")), 1)
-      ], 64))
-    ], 6));
-  }
-}), V = /* @__PURE__ */ k(x, [["__scopeId", "data-v-7f05e3cc"]]);
-export {
-  V as default
-};

package/dist/components/BarrageList/Message/RecalledMessage/index.d.ts

@@ -1,3 +0,0 @@
-import { default as RecalledMessage } from './RecalledMessage.vue';
-
-export { RecalledMessage };

package/dist/components/BarrageList/Message/RecalledMessage/index.js

@@ -1,4 +0,0 @@
-import { default as l } from "./RecalledMessage.js";
-export {
-  l as RecalledMessage
-};

package/dist/components/BarrageList/MessageForward/ForwardListItem.js

@@ -1,45 +0,0 @@
-import { defineComponent as v, computed as a, createElementBlock as _, openBlock as c, normalizeClass as p, unref as s, createVNode as f, createElementVNode as n, createBlock as u, createCommentVNode as w, toDisplayString as I } from "vue";
-import { IconCheckSm as h } from "@tencentcloud/uikit-base-component-vue3";
-import { c as S } from "../../../index-DPczIrgX.js";
-import k from "../../Avatar/Avatar.js";
-import { useConversationListState as g } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const C = { class: "forward-item__info" }, D = { class: "forward-item__name" }, N = /* @__PURE__ */ v({
-  __name: "ForwardListItem",
-  props: {
-    conversationID: {},
-    isSelected: { type: Boolean }
-  },
-  setup(i) {
-    const o = i, { conversationList: m } = g(), r = a(
-      () => {
-        var e;
-        return (e = m.value) == null ? void 0 : e.find((t) => t.conversationID === o.conversationID);
-      }
-    ), l = a(() => {
-      var e, t;
-      return ((e = r.value) == null ? void 0 : e.getShowName()) || ((t = r.value) == null ? void 0 : t.conversationID) || "";
-    }), d = a(() => {
-      var e;
-      return (e = r.value) == null ? void 0 : e.getAvatar();
-    });
-    return (e, t) => (c(), _("div", {
-      class: p(s(S)("forward-list-item", { "forward-list-item--selected": o.isSelected }))
-    }, [
-      f(s(k), {
-        src: d.value,
-        style: { marginRight: "8px" }
-      }, null, 8, ["src"]),
-      n("div", C, [
-        n("div", D, I(l.value), 1)
-      ]),
-      o.isSelected ? (c(), u(s(h), {
-        key: 0,
-        class: "forward-item__checkbox"
-      })) : w("", !0)
-    ], 2));
-  }
-}), E = /* @__PURE__ */ x(N, [["__scopeId", "data-v-f55d133b"]]);
-export {
-  E as default
-};

package/dist/components/BarrageList/MessageForward/ForwardListItem.vue.d.ts

@@ -1,17 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    conversationID: string;
-    isSelected: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    conversationID: string;
-    isSelected: boolean;
-}>>> & 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/BarrageList/MessageForward/MessageForward.js

@@ -1,203 +0,0 @@
-import { defineComponent as k, createBlock as h, openBlock as o, unref as e, mergeProps as N, withCtx as f, renderSlot as U, ref as T, createVNode as d, createElementVNode as i, createElementBlock as r, createCommentVNode as x, createTextVNode as A, toDisplayString as _, withDirectives as E, vModelText as P, Fragment as C, renderList as y, withModifiers as j } from "vue";
-import { useUIKit as z, IconClose as K, IconSearch as G, IconCloseInput as F } from "@tencentcloud/uikit-base-component-vue3";
-import { i as $, D as H, a as J, b as Q, c as W } from "../../../DialogPortal-CvJcEAsn.js";
-import { a as V, e as B } from "../../../Teleport-CSEuZbpM.js";
-import M from "./ForwardListItem.js";
-import { useMessageActionState as X } from "../../../states/MessageActionState/MessageActionState.js";
-import { useConversationListState as Y } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as Z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-var ee = /* @__PURE__ */ k({
-  __name: "DialogClose",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "button"
-    }
-  },
-  setup(w) {
-    const l = w;
-    V();
-    const v = $();
-    return (s, c) => (o(), h(e(B), N(l, {
-      type: s.as === "button" ? "button" : void 0,
-      onClick: c[0] || (c[0] = (b) => e(v).onOpenChange(!1))
-    }), {
-      default: f(() => [U(s.$slots, "default")]),
-      _: 3
-    }, 16, ["type"]));
-  }
-}), te = ee, oe = /* @__PURE__ */ k({
-  __name: "DialogTitle",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "h2"
-    }
-  },
-  setup(w) {
-    const l = w, v = $();
-    return V(), (s, c) => (o(), h(e(B), N(l, { id: e(v).titleId }), {
-      default: f(() => [U(s.$slots, "default")]),
-      _: 3
-    }, 16, ["id"]));
-  }
-}), se = oe;
-const ae = { class: "forward-header" }, re = { class: "forward-search" }, le = { class: "forward-middle" }, ne = { class: "forward-section-title" }, ie = {
-  key: 0,
-  class: "forward-list-container"
-}, de = {
-  key: 1,
-  class: "forward-empty"
-}, ce = { class: "forward-section-title" }, ue = {
-  key: 0,
-  class: "forward-list-container"
-}, _e = {
-  key: 1,
-  class: "forward-empty"
-}, fe = {
-  key: 0,
-  class: "forward-selected__abstract-list"
-}, ve = { class: "forward-selected__abstract-list__item__name" }, pe = ["onClick"], he = { class: "forward-footer" }, me = ["disabled"], Ce = /* @__PURE__ */ k({
-  __name: "MessageForward",
-  setup(w) {
-    const { t: l } = z(), { forwardMessageIDList: v, forwardConversationIDList: s, isForwardMessageSelectionDone: c, forwardMessage: b } = X(), { conversationList: m } = Y(), u = T(""), g = T([]);
-    function R() {
-      if (u.value) {
-        const n = m.value.filter((a) => {
-          const t = a.getShowName().toLowerCase(), p = a.conversationID.toLowerCase(), L = u.value.trim().toLowerCase();
-          return p.includes(L) || t.includes(L);
-        });
-        g.value = n;
-      } else
-        g.value = [];
-    }
-    function D(n) {
-      s.value.includes(n) ? s.value = s.value.filter((t) => t !== n) : s.value.push(n);
-    }
-    const S = (n) => s.value.includes(n);
-    function q(n) {
-      var t;
-      const a = (t = m.value) == null ? void 0 : t.find((p) => p.conversationID === n);
-      return (a == null ? void 0 : a.getShowName()) || (a == null ? void 0 : a.conversationID) || "";
-    }
-    function O() {
-      c.value && s.value.length > 0 && (b({
-        messageIDList: v.value,
-        conversationIDList: s.value,
-        isMergeForward: !1
-      }), I());
-    }
-    function I() {
-      v.value = [], s.value = [], c.value = !1;
-    }
-    return (n, a) => (o(), h(e(H), { open: e(c) }, {
-      default: f(() => [
-        d(e(J), null, {
-          default: f(() => [
-            d(e(Q), {
-              class: "forward-overlay",
-              onClick: I
-            }),
-            d(e(W), { class: "forward-container" }, {
-              default: f(() => [
-                i("div", ae, [
-                  d(e(te), {
-                    class: "forward-header__close",
-                    onClick: I
-                  }, {
-                    default: f(() => [
-                      d(e(K), { size: "14" })
-                    ]),
-                    _: 1
-                  }),
-                  d(e(se), { class: "forward-header__title" }, {
-                    default: f(() => [
-                      A(_(e(l)("TUIChat.Forward")), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                i("div", re, [
-                  d(e(G), { class: "forward-search__icon" }),
-                  E(i("input", {
-                    "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
-                    class: "forward-search__input",
-                    type: "text",
-                    onInput: R
-                  }, null, 544), [
-                    [P, u.value]
-                  ]),
-                  u.value ? (o(), h(e(F), {
-                    key: 0,
-                    class: "forward-search__icon--clear",
-                    onClick: a[1] || (a[1] = (t) => u.value = "")
-                  })) : x("", !0)
-                ]),
-                i("div", le, [
-                  u.value ? (o(), r(C, { key: 0 }, [
-                    i("div", ne, _(e(l)("TUIChat.Search Result")), 1),
-                    g.value.length > 0 ? (o(), r("div", ie, [
-                      (o(!0), r(C, null, y(g.value, (t) => (o(), h(M, {
-                        key: t.conversationID,
-                        conversationID: t.conversationID,
-                        "is-selected": S(t.conversationID),
-                        onOnClick: (p) => D(t.conversationID)
-                      }, null, 8, ["conversationID", "is-selected", "onOnClick"]))), 128))
-                    ])) : (o(), r("div", de, _(e(l)("TUIChat.No Result")), 1))
-                  ], 64)) : (o(), r(C, { key: 1 }, [
-                    i("div", ce, _(e(l)("TUIChat.Recent Chats")), 1),
-                    e(m) && e(m).length > 0 ? (o(), r("div", ue, [
-                      (o(!0), r(C, null, y(e(m), (t) => (o(), h(M, {
-                        key: t.conversationID,
-                        conversationID: t.conversationID,
-                        "is-selected": S(t.conversationID),
-                        onClick: (p) => D(t.conversationID)
-                      }, null, 8, ["conversationID", "is-selected", "onClick"]))), 128))
-                    ])) : (o(), r("div", _e, _(e(l)("TUIChat.No Conversation")), 1))
-                  ], 64))
-                ]),
-                e(s).length > 0 ? (o(), r("div", fe, [
-                  (o(!0), r(C, null, y(e(s), (t) => (o(), r("div", {
-                    key: t,
-                    class: "forward-selected__abstract-list__item"
-                  }, [
-                    i("div", ve, _(q(t)), 1),
-                    i("div", {
-                      class: "forward-selected__abstract-list__item__remove",
-                      onClick: j((p) => D(t), ["stop"])
-                    }, [
-                      d(e(F))
-                    ], 8, pe)
-                  ]))), 128))
-                ])) : x("", !0),
-                i("div", he, [
-                  i("button", {
-                    class: "forward-footer__button",
-                    disabled: e(s).length === 0,
-                    onClick: O
-                  }, _(e(l)("TUIChat.Forward")), 9, me)
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["open"]));
-  }
-}), Le = /* @__PURE__ */ Z(Ce, [["__scopeId", "data-v-7c5b2546"]]);
-export {
-  Le as default
-};

package/dist/components/BarrageList/MessageForward/MessageForward.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/BarrageList/MessageForward/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MessageForward } from './MessageForward.vue';
-
-export { MessageForward };

package/dist/components/BarrageList/MessageForward/index.js

@@ -1,4 +0,0 @@
-import { default as r } from "./MessageForward.js";
-export {
-  r as MessageForward
-};

package/dist/components/LiveCoreView/PlayerControl/AudioControl.js

@@ -1,129 +0,0 @@
-import { defineComponent as K, ref as v, computed as y, onUnmounted as N, createElementBlock as j, openBlock as g, normalizeStyle as C, createElementVNode as n, withDirectives as q, unref as S, createBlock as D, normalizeClass as J, toDisplayString as Q, vShow as W, toRaw as X } from "vue";
-import { useUIKit as Z, IconSpeakerOff as ee, IconSpeakerOn as oe } from "@tencentcloud/uikit-base-component-vue3";
-import { isMobile as r } from "../../../utils/env.js";
-import { _ as te } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "volume-slider-wrapper-inner" }, re = { class: "slider-track" }, ae = { class: "volume-value" }, se = /* @__PURE__ */ K({
-  __name: "AudioControl",
-  props: {
-    iconSize: { default: 20 },
-    enableVolumeControl: { type: Boolean, default: !0 }
-  },
-  emits: ["volume-change", "muted-change"],
-  setup(T, { emit: w }) {
-    const o = T, m = w, { t: _ } = Z(), t = v({
-      current: 1,
-      previous: 1
-    }), u = v(!1), l = v(!1), a = v(!1), V = v(), s = v(null), E = {
-      PC: 500,
-      // 0.5 seconds for PC
-      MOBILE: 3e3
-      // 3 seconds for mobile
-    }, b = y(() => o.enableVolumeControl === !1 ? u.value ? 0 : 100 : Math.round(t.value.current * 100)), z = y(() => ({
-      width: `${o.iconSize || 20}px`,
-      height: `${o.iconSize || 20}px`
-    })), A = (e) => {
-      t.value.previous = X(t.value.current), t.value.current = e, u.value = e === 0, m("volume-change", e);
-    }, M = () => {
-      u.value ? (u.value = !1, t.value.current = t.value.previous || 0.2, m("muted-change", !1), m("volume-change", t.value.current)) : (u.value = !0, t.value.previous = t.value.current, t.value.current = 0, m("muted-change", !0), m("volume-change", t.value.current));
-    }, I = () => {
-      o.enableVolumeControl === !1 ? M() : r ? (l.value = !l.value, l.value ? i() : d()) : M();
-    }, i = () => {
-      d();
-      const e = r ? E.MOBILE : E.PC;
-      s.value = window.setTimeout(() => {
-        o.enableVolumeControl && (l.value = !1);
-      }, e);
-    }, d = () => {
-      s.value && (clearTimeout(s.value), s.value = null);
-    }, B = () => {
-      o.enableVolumeControl !== !1 && (r || (l.value = !0, i()));
-    }, x = () => {
-      o.enableVolumeControl !== !1 && (r || a.value || i());
-    }, O = (e, c) => {
-      const p = c.getBoundingClientRect(), R = e - p.top, F = p.height;
-      return Math.max(0, Math.min(1, 1 - R / F));
-    }, Y = () => {
-      document.addEventListener("mousemove", f), document.addEventListener("mouseup", h), document.addEventListener("touchmove", f), document.addEventListener("touchend", h);
-    }, L = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", h), document.removeEventListener("touchmove", f), document.removeEventListener("touchend", h);
-    }, k = () => {
-      a.value = !0, o.enableVolumeControl && d(), Y();
-    }, f = (e) => {
-      if (!a.value) return;
-      e.preventDefault();
-      let c;
-      e instanceof MouseEvent ? c = e.clientY : c = e.touches[0].clientY;
-      const p = O(c, V.value);
-      A(p);
-    }, h = () => {
-      a.value = !1, o.enableVolumeControl && l.value && i(), L();
-    }, H = (e) => {
-      o.enableVolumeControl !== !1 && (k(), e.preventDefault());
-    }, P = (e) => {
-      o.enableVolumeControl !== !1 && (k(), e.preventDefault());
-    }, U = () => {
-      o.enableVolumeControl !== !1 && r && (l.value = !l.value, l.value ? i() : d());
-    }, $ = () => {
-      o.enableVolumeControl !== !1 && (r || d());
-    }, G = () => {
-      o.enableVolumeControl !== !1 && (r || a.value || i());
-    };
-    return N(() => {
-      L(), s.value && clearTimeout(s.value);
-    }), (e, c) => (g(), j("div", {
-      class: "audio-control",
-      style: C(z.value),
-      onMouseenter: B,
-      onMouseleave: x
-    }, [
-      n("span", {
-        class: "control-btn volume-btn",
-        title: u.value ? S(_)("Unmute") : S(_)("Mute"),
-        onClick: I
-      }, [
-        u.value ? (g(), D(S(ee), {
-          key: 0,
-          size: "20"
-        })) : (g(), D(S(oe), {
-          key: 1,
-          size: "20"
-        }))
-      ], 8, le),
-      q(n("div", ne, [
-        n("div", {
-          class: "volume-slider-wrapper",
-          onMouseenter: $,
-          onMouseleave: G
-        }, [
-          n("div", ue, [
-            n("div", {
-              ref_key: "volumeSliderElement",
-              ref: V,
-              class: "custom-volume-slider",
-              onMousedown: H,
-              onTouchstart: P,
-              onClick: U
-            }, [
-              n("div", re, [
-                n("div", {
-                  class: "slider-progress",
-                  style: C({ height: `${b.value}%` })
-                }, null, 4),
-                n("div", {
-                  class: J(["slider-thumb", { "no-transition": a.value }]),
-                  style: C({ bottom: `${b.value}%` })
-                }, null, 6)
-              ])
-            ], 544)
-          ]),
-          n("div", ae, Q(b.value), 1)
-        ], 32)
-      ], 512), [
-        [W, l.value]
-      ])
-    ], 36));
-  }
-}), de = /* @__PURE__ */ te(se, [["__scopeId", "data-v-22bb0b88"]]);
-export {
-  de as default
-};