tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/CoHostPanel/BattlePanel.vue.d.ts

@@ -0,0 +1,19 @@
+import { CoHostLayoutTemplate } from '../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    battleDuration: number;
+    coHostLayoutTemplate: CoHostLayoutTemplate;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    battleDuration: number;
+    coHostLayoutTemplate: CoHostLayoutTemplate;
+}>>> & 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/CoHostPanel/CoHostPanel.js

@@ -0,0 +1,109 @@
+import { defineComponent as x, ref as d, computed as b, watch as N, createBlock as T, openBlock as p, unref as n, withCtx as f, createElementVNode as e, createVNode as r, createElementBlock as U, createCommentVNode as y, normalizeClass as g, toDisplayString as C, withDirectives as h, vShow as k } from "vue";
+import { useUIKit as $, TUIDialog as w, IconLiveSetting as z, IconClose as A } from "@tencentcloud/uikit-base-component-vue3";
+import { useBattleState as E } from "../../states/BattleState.js";
+import V from "./BattlePanel.js";
+import F from "./ConfigSettingPanel.js";
+import G from "./ConnectionPanel.js";
+import { useCoHostState as K } from "../../states/CoHostState/CoHostState.js";
+import { CoHostStatus as j, CoHostLayoutTemplate as q } from "../../types/coHost.js";
+import { _ as J } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const M = { class: "dialog-header" }, O = { class: "dialog-title" }, Q = { class: "icon-buttons" }, R = { class: "panel-content" }, W = {
+  key: 0,
+  class: "panel-header"
+}, X = { class: "tabs" }, Y = { class: "panel-body" }, Z = { class: "battle-content" }, tt = { class: "coHost-content" }, et = /* @__PURE__ */ x({
+  __name: "CoHostPanel",
+  props: {
+    visible: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(D, { emit: L }) {
+    const { t: l } = $(), S = D, { coHostStatus: B } = K(), { currentBattleInfo: I } = E(), H = L, i = () => {
+      H("update:visible", !1);
+    }, a = d("battleTab"), v = d(!1), m = b(() => B.value === j.Connected), c = b(() => {
+      var o;
+      return ((o = I.value) == null ? void 0 : o.battleId) !== void 0;
+    }), _ = b(() => c.value ? l("Anchor battling...") : m.value ? l("Anchor connecting...") : l("CoHost")), s = d({
+      battleDuration: 5 * 60,
+      coHostLayoutTemplate: q.HostDynamicGrid
+    }), P = (o) => {
+      s.value = o;
+    };
+    return N(c, (o, t) => {
+      o && (H("update:visible", !1), a.value = "battleTab"), o !== t && !o && (a.value = "coHostTab");
+    }, {
+      immediate: !0
+    }), (o, t) => (p(), T(n(w), {
+      title: _.value,
+      visible: S.visible,
+      "custom-classes": ["co-host-dialog"],
+      onClose: i,
+      onConfirm: i,
+      onCancel: i
+    }, {
+      header: f(() => [
+        e("div", M, [
+          e("span", O, C(_.value), 1),
+          e("div", Q, [
+            !c.value && !m.value ? (p(), T(n(z), {
+              key: 0,
+              class: "icon-button",
+              size: "20",
+              onClick: t[0] || (t[0] = (u) => v.value = !0)
+            })) : y("", !0),
+            r(n(A), {
+              class: "icon-button",
+              onClick: i
+            })
+          ])
+        ])
+      ]),
+      footer: f(() => [...t[4] || (t[4] = [
+        e("div", null, null, -1)
+      ])]),
+      default: f(() => [
+        e("div", R, [
+          !m.value && !c.value ? (p(), U("div", W, [
+            e("div", X, [
+              e("span", {
+                class: g(["tab-item", { active: a.value === "battleTab" }]),
+                onClick: t[1] || (t[1] = (u) => a.value = "battleTab")
+              }, C(n(l)("Host Battle")), 3),
+              e("span", {
+                class: g(["tab-item", { active: a.value === "coHostTab" }]),
+                onClick: t[2] || (t[2] = (u) => a.value = "coHostTab")
+              }, C(n(l)("Host Connection")), 3)
+            ])
+          ])) : y("", !0),
+          e("div", Y, [
+            h(e("div", Z, [
+              r(V, {
+                "battle-duration": s.value.battleDuration,
+                coHostLayoutTemplate: s.value.coHostLayoutTemplate
+              }, null, 8, ["battle-duration", "coHostLayoutTemplate"])
+            ], 512), [
+              [k, a.value === "battleTab"]
+            ]),
+            h(e("div", tt, [
+              r(G, {
+                battleDuration: s.value.battleDuration,
+                coHostLayoutTemplate: s.value.coHostLayoutTemplate
+              }, null, 8, ["battleDuration", "coHostLayoutTemplate"])
+            ], 512), [
+              [k, a.value === "coHostTab"]
+            ])
+          ])
+        ]),
+        r(F, {
+          visible: v.value,
+          "onUpdate:visible": t[3] || (t[3] = (u) => v.value = u),
+          form: s.value,
+          onConfirm: P
+        }, null, 8, ["visible", "form"])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]));
+  }
+}), vt = /* @__PURE__ */ J(et, [["__scopeId", "data-v-4f709c76"]]);
+export {
+  vt as default
+};

package/dist/components/CoHostPanel/CoHostPanel.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+}>>> & Readonly<{
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/CoHostPanel/ConfigSettingPanel.js

@@ -0,0 +1,110 @@
+import { defineComponent as T, ref as p, watch as b, computed as N, createBlock as _, openBlock as l, unref as u, withCtx as x, createElementVNode as t, toDisplayString as r, createElementBlock as m, Fragment as y, renderList as f, normalizeClass as B, createCommentVNode as G, resolveDynamicComponent as P } from "vue";
+import { useUIKit as F, IconDynamicGridLayout as S, IconDynamic1v6Layout as U, TUIDialog as V } from "@tencentcloud/uikit-base-component-vue3";
+import { CoHostLayoutTemplate as h } from "../../types/coHost.js";
+import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const E = { class: "setting-panel" }, z = { class: "setting-item" }, A = { class: "setting-item-label" }, K = { class: "template-options" }, O = { class: "options-grid" }, $ = ["onClick"], j = { class: "option-info" }, q = { class: "setting-item" }, J = { class: "setting-item-label" }, M = { class: "setting-item-value" }, Q = { class: "layout-template-options" }, R = ["value", "checked"], W = { class: "layout-template-label" }, X = /* @__PURE__ */ T({
+  __name: "ConfigSettingPanel",
+  props: {
+    visible: { type: Boolean },
+    form: {}
+  },
+  emits: ["update:visible", "cancel", "confirm"],
+  setup(d, { emit: g }) {
+    const { t: o } = F(), n = d, i = g, s = p(n.visible), D = [
+      { label: o("Number minutes", { number: 1 }), value: 1 * 60 },
+      { label: o("Number minutes", { number: 2 }), value: 2 * 60 },
+      { label: o("Number minutes", { number: 3 }), value: 3 * 60 },
+      { label: o("Number minutes", { number: 5 }), value: 5 * 60 }
+    ], c = p({
+      coHostLayoutTemplate: n.form.coHostLayoutTemplate,
+      battleDuration: n.form.battleDuration
+    });
+    function C(a) {
+      c.value.coHostLayoutTemplate = a;
+    }
+    const L = () => {
+      i("update:visible", !1), i("cancel");
+    }, k = () => {
+      i("update:visible", !1), i("confirm", { ...c.value });
+    }, I = (a) => {
+      c.value.battleDuration = Number(a.target.value);
+    };
+    b(() => n.visible, (a) => {
+      s.value = a;
+    }), b(s, (a) => {
+      i("update:visible", a);
+    });
+    const H = N(() => [
+      {
+        id: "PortraitDynamic_Grid9",
+        icon: S,
+        templateId: h.HostDynamicGrid,
+        label: o("Dynamic Grid9 Layout")
+      },
+      {
+        id: "PortraitFixed_1v6",
+        icon: U,
+        templateId: h.HostDynamic1v6,
+        label: o("Dynamic 1v6 Layout")
+      }
+    ]);
+    return (a, v) => (l(), _(u(V), {
+      visible: s.value,
+      "onUpdate:visible": v[0] || (v[0] = (e) => s.value = e),
+      title: u(o)("Anchor battle settings"),
+      "custom-classes": ["co-host-dialog"],
+      onCancel: L,
+      onConfirm: k
+    }, {
+      default: x(() => [
+        t("div", E, [
+          t("div", z, [
+            t("div", A, r(u(o)("Connection Layout")), 1),
+            t("div", K, [
+              t("div", O, [
+                (l(!0), m(y, null, f(H.value, (e) => (l(), m("div", {
+                  key: e.id,
+                  class: B(["option-card", { active: c.value.coHostLayoutTemplate === e.templateId }]),
+                  onClick: (Y) => C(e.templateId)
+                }, [
+                  t("div", j, [
+                    e.icon ? (l(), _(P(e.icon), {
+                      key: 0,
+                      class: "option-icon"
+                    })) : G("", !0),
+                    t("h4", null, r(e.label), 1)
+                  ])
+                ], 10, $))), 128))
+              ])
+            ])
+          ]),
+          t("div", q, [
+            t("div", J, r(u(o)("Battle duration")), 1),
+            t("div", M, [
+              t("div", Q, [
+                (l(), m(y, null, f(D, (e) => t("label", {
+                  key: e,
+                  class: "layout-template-option"
+                }, [
+                  t("input", {
+                    value: e.value,
+                    type: "radio",
+                    name: "coHostLayoutTemplate",
+                    class: "layout-template-radio",
+                    checked: e.value === d.form.battleDuration,
+                    onInput: I
+                  }, null, 40, R),
+                  t("span", W, r(e.label), 1)
+                ])), 64))
+              ])
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "title"]));
+  }
+}), at = /* @__PURE__ */ w(X, [["__scopeId", "data-v-fa782600"]]);
+export {
+  at as default
+};

package/dist/components/CoHostPanel/ConfigSettingPanel.vue.d.ts

@@ -0,0 +1,33 @@
+import { CoHostLayoutTemplate } from '../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    form: {
+        coHostLayoutTemplate: CoHostLayoutTemplate;
+        battleDuration: number;
+    };
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    form: {
+        coHostLayoutTemplate: CoHostLayoutTemplate;
+        battleDuration: number;
+    };
+}>>> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/CoHostPanel/ConnectionPanel.js

@@ -0,0 +1,273 @@
+import { defineComponent as ce, computed as G, ref as S, onMounted as de, onUnmounted as me, createElementBlock as R, openBlock as r, Fragment as O, createElementVNode as c, createCommentVNode as y, createVNode as h, unref as s, toDisplayString as l, renderList as ve, withCtx as m, createBlock as T, createTextVNode as p } from "vue";
+import { TUILiveBattleManagerEvents as v, TUIConnectionCode as _ } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as Ce, TUIButton as f, TUIDialog as pe, TUIToast as i, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
+import { useBattleState as Re } from "../../states/BattleState.js";
+import { useLoginState as fe } from "../../states/LoginState.js";
+import Ie from "../Avatar/Avatar.js";
+import ye from "./RecommendHostList.js";
+import { useCoHostState as he } from "../../states/CoHostState/CoHostState.js";
+import { CoHostEvent as q, CoHostStatus as N, CoHostLayoutTemplate as J } from "../../types/coHost.js";
+import { _ as _e } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const qe = {
+  id: "AtomicxCoHostPanel",
+  class: "connection-panel"
+}, be = {
+  key: 0,
+  id: "userListContainer",
+  class: "user-list-container"
+}, ge = { class: "user-list-title" }, Be = { class: "user-list-title-text" }, Ee = { class: "user-list-title-count" }, He = { class: "user-list" }, ke = { class: "user-item-left" }, Se = { class: "user-item-right" }, Te = { class: "user-info" }, Ne = { class: "user-name" }, Ue = { class: "user-status" }, xe = {
+  key: 0,
+  class: "empty-state"
+}, we = {
+  key: 0,
+  class: "connection-panel-footer"
+}, Oe = /* @__PURE__ */ ce({
+  __name: "ConnectionPanel",
+  props: {
+    battleDuration: {},
+    coHostLayoutTemplate: {}
+  },
+  setup(K) {
+    const U = K, { t: o } = Ce(), { loginUserInfo: I } = fe(), {
+      coHostStatus: H,
+      connected: k,
+      invitees: Y,
+      requestHostConnection: Q,
+      cancelHostConnection: W,
+      exitHostConnection: L,
+      subscribeEvent: x,
+      unsubscribeEvent: w
+    } = he(), {
+      currentBattleInfo: X,
+      battleUsers: Z,
+      requestBattle: ee,
+      cancelBattleRequest: te,
+      subscribeEvent: b,
+      unsubscribeEvent: g
+    } = Re(), se = G(() => ({
+      [J.HostDynamicGrid]: 9,
+      [J.HostDynamic1v6]: 7
+    })[U.coHostLayoutTemplate]), B = S(!1), d = S(/* @__PURE__ */ new Set()), E = S(""), oe = (e, t) => Y.value.some((a) => a.userId === e && a.liveId === t), A = G(() => Z.value.some((e) => {
+      var t;
+      return e.userId === ((t = I.value) == null ? void 0 : t.userId);
+    })), C = S(/* @__PURE__ */ new Set()), ne = async (e) => {
+      try {
+        const t = await Q({
+          liveId: e.liveId,
+          layoutTemplate: U.coHostLayoutTemplate,
+          timeout: 10,
+          extensionInfo: JSON.stringify({
+            timeout: 10,
+            withBattle: !1
+          })
+        });
+        if (t.get(e.liveId) === _.TUIConnectionCodeSuccess)
+          C.value.add(e.userId), i({ type: u.SUCCESS, message: o("Co-host invitation sent to user", { userName: e.userName }) });
+        else
+          switch (t.get(e.liveId)) {
+            case _.TUIConnectionCodeRoomNotExist:
+              i({ type: u.ERROR, message: o("Send co-host request failed, Room not exist") });
+              break;
+            case _.TUIConnectionCodeConnecting:
+              i({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting") });
+              break;
+            case _.TUIConnectionCodeConnectingOtherRoom:
+              i({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting other room") });
+              break;
+            case _.TUIConnectionCodeFull:
+              i({ type: u.ERROR, message: o("Send co-host request failed, Connected count is full") });
+              break;
+            case _.TUIConnectionCodeRetry:
+              i({ type: u.ERROR, message: o("Send co-host request failed") });
+              break;
+            default:
+              i({ type: u.ERROR, message: o("Send co-host request failed") });
+              break;
+          }
+      } catch (t) {
+        throw i({ type: u.ERROR, message: o("Send co-host request failed") }), t;
+      }
+    }, ae = async (e) => {
+      try {
+        await W({ liveId: e.liveId }), C.value.delete(e.userId);
+      } catch (t) {
+        throw i({ type: u.ERROR, message: o("Cancel co-host request failed") }), t;
+      }
+    }, le = () => {
+      L(), B.value = !1;
+    }, ie = async () => {
+      const e = k.value.filter((a) => {
+        var n;
+        return a.userId !== ((n = I.value) == null ? void 0 : n.userId);
+      }).map((a) => a.userId), t = await ee({
+        config: {
+          duration: U.battleDuration,
+          needResponse: !0
+        },
+        userIdList: e,
+        timeout: 10
+      });
+      E.value = t.battleId, e.forEach((a) => d.value.add(a));
+    }, ue = async () => {
+      await te({
+        battleId: E.value,
+        userIdList: Array.from(d.value)
+      }), E.value = "", d.value.clear();
+    }, $ = ({ invitee: e }) => {
+      C.value.has(e.userId) && C.value.delete(e.userId);
+    }, j = ({ invitee: e }) => {
+      C.value.has(e.userId) && (i({ type: u.INFO, message: o("Co-host request rejected by user", { userName: e.userName }) }), C.value.delete(e.userId));
+    }, D = ({ inviter: e, invitee: t }) => {
+      var a;
+      e.userId === ((a = I.value) == null ? void 0 : a.userId) && C.value.has(t.userId) && (i({ type: u.INFO, message: o("Co-host request timeout for user", { userName: t.userName }) }), C.value.delete(t.userId));
+    }, z = (e) => {
+      var t;
+      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
+    }, F = (e) => {
+      var t;
+      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && (i({ type: u.INFO, message: o("Battle request rejected by user", { userName: e.invitee.userName }) }), d.value.delete(e.invitee.userId));
+    }, P = (e) => {
+      var t;
+      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
+    }, M = (e) => {
+      E.value = "", d.value.clear();
+    }, V = (e) => {
+      E.value = "", d.value.clear();
+    };
+    return de(() => {
+      x(q.onCoHostRequestAccepted, $), x(q.onCoHostRequestRejected, j), x(q.onCoHostRequestTimeout, D), b(v.onBattleRequestAccept, z), b(v.onBattleRequestReject, F), b(v.onBattleRequestTimeout, P), b(v.onBattleStarted, M), b(v.onBattleEnded, V);
+    }), me(() => {
+      w(q.onCoHostRequestAccepted, $), w(q.onCoHostRequestRejected, j), w(q.onCoHostRequestTimeout, D), g(v.onBattleRequestAccept, z), g(v.onBattleRequestReject, F), g(v.onBattleRequestTimeout, P), g(v.onBattleStarted, M), g(v.onBattleEnded, V);
+    }), (e, t) => {
+      var a;
+      return r(), R(O, null, [
+        c("div", qe, [
+          s(H) === s(N).Connected ? (r(), R("div", be, [
+            c("div", ge, [
+              c("span", Be, l(s(o)("Current seat")), 1),
+              c("span", Ee, l(`(${s(k).length}/${se.value})`), 1)
+            ]),
+            c("div", He, [
+              (r(!0), R(O, null, ve(s(k), (n) => (r(), R("div", {
+                key: `${n.userId}-${n.liveId}`,
+                class: "user-item"
+              }, [
+                c("div", ke, [
+                  h(s(Ie), {
+                    src: n.avatarUrl,
+                    size: 40
+                  }, null, 8, ["src"])
+                ]),
+                c("div", Se, [
+                  c("div", Te, [
+                    c("span", Ne, l(n.userName || n.userId), 1)
+                  ]),
+                  c("div", Ue, l(s(o)("Connecting")) + "... ", 1)
+                ])
+              ]))), 128))
+            ]),
+            s(k).length === 0 ? (r(), R("div", xe, [
+              c("span", null, l(s(o)("Seat is empty")), 1)
+            ])) : y("", !0)
+          ])) : y("", !0),
+          h(ye, { class: "recommend-host-list" }, {
+            "host-item-actions": m(({ user: n }) => [
+              oe(n.userId, n.liveId) ? (r(), T(s(f), {
+                key: 1,
+                size: "small",
+                color: "gray",
+                onClick: (re) => ae(n)
+              }, {
+                default: m(() => [
+                  p(l(s(o)("Cancel invitation")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : (r(), T(s(f), {
+                key: 0,
+                size: "small",
+                type: s(H) === s(N).Connected ? "default" : "primary",
+                onClick: (re) => ne(n)
+              }, {
+                default: m(() => [
+                  p(l(s(o)("Invite connection")), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "onClick"]))
+            ]),
+            _: 1
+          })
+        ]),
+        s(H) === s(N).Connected ? (r(), R("div", we, [
+          h(s(f), {
+            color: "red",
+            onClick: t[0] || (t[0] = (n) => B.value = !0)
+          }, {
+            default: m(() => [
+              p(l(s(o)("Exit connection")), 1)
+            ]),
+            _: 1
+          }),
+          (a = s(X)) != null && a.battleId ? y("", !0) : (r(), R(O, { key: 0 }, [
+            !A.value && d.value.size === 0 ? (r(), T(s(f), {
+              key: 0,
+              type: "primary",
+              onClick: ie
+            }, {
+              default: m(() => [
+                p(l(s(o)("Start battle")), 1)
+              ]),
+              _: 1
+            })) : y("", !0),
+            !A.value && d.value.size > 0 ? (r(), T(s(f), {
+              key: 1,
+              onClick: ue
+            }, {
+              default: m(() => [
+                p(l(s(o)("Cancel battle")), 1)
+              ]),
+              _: 1
+            })) : y("", !0)
+          ], 64))
+        ])) : y("", !0),
+        h(s(pe), {
+          visible: s(H) === s(N).Connected && B.value,
+          showClose: !1,
+          modal: !1,
+          customClasses: ["exit-co-host-dialog"],
+          onConfirm: s(L),
+          onCancel: t[2] || (t[2] = (n) => B.value = !1)
+        }, {
+          footer: m(() => [
+            h(s(f), {
+              type: "default",
+              color: "gray",
+              onClick: t[1] || (t[1] = (n) => B.value = !1)
+            }, {
+              default: m(() => [
+                p(l(s(o)("Cancel")), 1)
+              ]),
+              _: 1
+            }),
+            h(s(f), {
+              type: "primary",
+              color: "red",
+              onClick: le
+            }, {
+              default: m(() => [
+                p(l(s(o)("Exit connection")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: m(() => [
+            p(l(s(o)("Are you sure you want to exit the connection")) + " ", 1)
+          ]),
+          _: 1
+        }, 8, ["visible", "onConfirm"])
+      ], 64);
+    };
+  }
+}), Ge = /* @__PURE__ */ _e(Oe, [["__scopeId", "data-v-9b2e40cd"]]);
+export {
+  Ge as default
+};

package/dist/components/CoHostPanel/ConnectionPanel.vue.d.ts

@@ -0,0 +1,19 @@
+import { CoHostLayoutTemplate } from '../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    battleDuration: number;
+    coHostLayoutTemplate: CoHostLayoutTemplate;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    battleDuration: number;
+    coHostLayoutTemplate: CoHostLayoutTemplate;
+}>>> & 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;
+    };
+};