tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/RoomView/index.vue.d.ts

@@ -0,0 +1,46 @@
+import { RoomLayoutTemplate, RoomParticipant, VideoStreamType } from '../../types';
+
+interface Props {
+    layoutTemplate?: RoomLayoutTemplate;
+}
+declare function __VLS_template(): {
+    participantViewUI?(_: {
+        participant: RoomParticipant;
+        streamType: VideoStreamType;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    layoutTemplate: RoomLayoutTemplate;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "stream-double-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    layoutTemplate: RoomLayoutTemplate;
+}>>> & Readonly<{
+    "onStream-double-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    layoutTemplate: RoomLayoutTemplate;
+}, {}, {}, {}, 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/RoomView/useRoomToolbar.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+
+export declare function useRoomToolbar(containerRef: Ref<HTMLElement | null>, autoHideDelay?: number, mouseMoveThrottle?: number): {
+    showToolbar: Ref<boolean, boolean>;
+};

package/dist/components/RoomView/useRoomToolbar.js

@@ -0,0 +1,36 @@
+import { ref as u, onMounted as E, onUnmounted as L } from "vue";
+function M(a, d = 5e3, T = 1e3) {
+  const t = u(!0), o = u(null), n = u(null), l = u(!1), r = () => {
+    o.value !== null && (clearTimeout(o.value), o.value = null);
+  }, v = () => {
+    n.value !== null && (clearTimeout(n.value), n.value = null);
+  }, s = () => {
+    r(), o.value = window.setTimeout(() => {
+      t.value = !1;
+    }, d);
+  }, i = () => {
+    t.value = !0, s();
+  }, m = () => {
+    l.value || (t.value = !0, s(), l.value = !0, n.value = window.setTimeout(() => {
+      l.value = !1;
+    }, T));
+  }, c = () => {
+    r(), v(), l.value = !1, t.value = !1;
+  }, f = () => {
+    const e = a.value;
+    e && (e.addEventListener("mouseenter", i), e.addEventListener("mousemove", m), e.addEventListener("mouseleave", c));
+  }, h = () => {
+    const e = a.value;
+    e && (e.removeEventListener("mouseenter", i), e.removeEventListener("mousemove", m), e.removeEventListener("mouseleave", c));
+  };
+  return E(() => {
+    f(), s();
+  }), L(() => {
+    r(), v(), h();
+  }), {
+    showToolbar: t
+  };
+}
+export {
+  M as useRoomToolbar
+};

package/dist/components/RoomView/useRoomView.d.ts

@@ -0,0 +1,13 @@
+import { RoomLayoutTemplate, VideoStreamType, RoomParticipant } from '../../types';
+
+export declare function useRoomView(): {
+    layoutTemplate: import('vue').Ref<RoomLayoutTemplate, RoomLayoutTemplate>;
+    participantCameraList: import('vue').ComputedRef<{
+        participant: RoomParticipant;
+        streamType: VideoStreamType;
+    }[]>;
+    participantStreamList: import('vue').ComputedRef<{
+        participant: RoomParticipant;
+        streamType: VideoStreamType;
+    }[]>;
+};

package/dist/components/RoomView/useRoomView.js

@@ -0,0 +1,40 @@
+import { ref as f, computed as i } from "vue";
+import { useRoomParticipantState as d } from "../../states/RoomParticipantState/index.js";
+import { combineComparators as B, createComparator as a } from "../../utils/compare.js";
+import { RoomLayoutTemplate as h, VideoStreamType as m, RoomParticipantRole as p } from "../../types/participant.js";
+import { DeviceStatus as e } from "../../types/device.js";
+function R() {
+  const c = f(h.GridLayout), { localParticipant: s, participantList: u, participantWithScreen: o } = d(), l = B(
+    a(
+      (t) => t.role === p.Owner
+    ),
+    a(
+      (t) => {
+        var n;
+        return t.userId === ((n = s.value) == null ? void 0 : n.userId);
+      }
+    ),
+    a(
+      (t) => t.role === p.Admin
+    ),
+    a((t) => t.screenShareStatus === e.On),
+    a(
+      (t) => t.cameraStatus === e.On && t.microphoneStatus === e.On
+    ),
+    a((t) => t.cameraStatus === e.On),
+    a((t) => t.microphoneStatus === e.On)
+  ), r = i(
+    () => u.value.sort(l).map((t) => ({ participant: t, streamType: m.Camera }))
+  ), S = i(() => {
+    const t = [];
+    return o.value && t.push({ participant: o.value, streamType: m.Screen }), t.push(...r.value), t;
+  });
+  return {
+    layoutTemplate: c,
+    participantCameraList: r,
+    participantStreamList: S
+  };
+}
+export {
+  R as useRoomView
+};

package/dist/components/RoomView/useStreamItemDimensions.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+
+export interface StreamItemDimensionsOptions {
+    containerRef: Ref<HTMLElement | null>;
+    columns: Ref<number> | number;
+    rows: Ref<number> | number;
+    itemCount: Ref<number> | number;
+    gap?: number;
+    aspectRatio?: number;
+    watchDependencies?: Array<Ref<unknown> | (() => unknown)>;
+}
+export interface StreamItemStyle {
+    width?: string;
+    height?: string;
+}
+/**
+ * Calculate stream item dimensions maintaining a specific aspect ratio
+ * @param options Configuration options
+ * @returns Reactive style object with width and height
+ */
+export declare function useStreamItemDimensions(options: StreamItemDimensionsOptions): {
+    itemStyle: Ref<{
+        width?: string | undefined;
+        height?: string | undefined;
+    }, StreamItemStyle | {
+        width?: string | undefined;
+        height?: string | undefined;
+    }>;
+    calculateDimensions: () => void;
+};

package/dist/components/RoomView/useStreamItemDimensions.js

@@ -0,0 +1,57 @@
+import { ref as E, onMounted as N, nextTick as W, onUnmounted as $, watch as k } from "vue";
+function j(H) {
+  const {
+    containerRef: n,
+    columns: a,
+    rows: s,
+    itemCount: c,
+    gap: h = 0,
+    aspectRatio: p = 16 / 9,
+    watchDependencies: g = []
+  } = H, r = E({});
+  function e() {
+    if (!n.value)
+      return;
+    const f = n.value, v = f.getBoundingClientRect(), d = typeof a == "number" ? a : a.value, i = typeof s == "number" ? s : s.value;
+    if ((typeof c == "number" ? c : c.value) <= 0 || d <= 0 || i <= 0) {
+      r.value = {};
+      return;
+    }
+    const z = v.width, x = v.height, o = window.getComputedStyle(f), F = parseFloat(o.paddingLeft) || 0, L = parseFloat(o.paddingRight) || 0, S = parseFloat(o.paddingTop) || 0, C = parseFloat(o.paddingBottom) || 0, D = z - F - L, w = x - S - C, M = (d - 1) * h, O = (i - 1) * h, b = (D - M) / d, y = b / p, R = (w - O) / i, T = R * p;
+    let l, u;
+    y <= w / i ? (l = b, u = y) : (l = T, u = R), r.value = {
+      width: `${Math.floor(l)}px`,
+      height: `${Math.floor(u)}px`
+    };
+  }
+  let t = null;
+  function B() {
+    n.value && (t = new ResizeObserver(() => {
+      e();
+    }), t.observe(n.value));
+  }
+  function m() {
+    e();
+  }
+  return N(() => {
+    W(() => {
+      e(), B(), window.addEventListener("resize", m);
+    });
+  }), $(() => {
+    t && (t.disconnect(), t = null), window.removeEventListener("resize", m);
+  }), g.length > 0 && k(
+    g,
+    () => {
+      W(() => {
+        e();
+      });
+    },
+    { deep: !0 }
+  ), {
+    itemStyle: r,
+    calculateDimensions: e
+  };
+}
+export {
+  j as useStreamItemDimensions
+};

package/dist/components/ScheduleRoomPanel/Datepicker.js

@@ -0,0 +1,162 @@
+import { defineComponent as U, ref as d, onMounted as L, onUnmounted as B, watch as I, watchEffect as H, computed as V, createElementBlock as c, openBlock as i, createVNode as R, createCommentVNode as b, unref as z, createElementVNode as v, toDisplayString as p, Fragment as C, renderList as F, normalizeClass as A, createTextVNode as K } from "vue";
+import { useUIKit as W, TUIInput as j } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const G = {
+  key: 0,
+  class: "picker"
+}, J = { class: "picker-header" }, Q = { class: "current-time" }, X = { class: "picker-weekdays" }, Z = { class: "picker-body" }, ee = ["onClick"], te = {
+  key: 0,
+  class: "today-dot"
+}, ae = /* @__PURE__ */ U({
+  __name: "Datepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(O, { emit: $ }) {
+    const { t: u } = W(), g = (e) => {
+      const a = /* @__PURE__ */ new Date();
+      return a.setHours(0, 0, 0, 0), e < a;
+    }, f = O, T = $, m = d(!1), l = d(f.modelValue ? new Date(f.modelValue * 1e3) : /* @__PURE__ */ new Date()), s = d(l.value.getFullYear()), o = d(l.value.getMonth() + 1), k = d(null), D = (e) => {
+      k.value.contains(e.target) || (m.value = !1);
+    }, Y = () => {
+      m.value = !m.value;
+    };
+    L(() => {
+      window.addEventListener("click", D);
+    }), B(() => {
+      window.removeEventListener("click", D);
+    }), I(
+      l,
+      (e) => {
+        const a = new Date(e);
+        a.setHours(0, 0, 0, 0);
+        const t = Math.floor(a.getTime() / 1e3);
+        T("update:modelValue", t);
+      },
+      { immediate: !0 }
+    ), I(
+      () => f.modelValue,
+      (e) => {
+        e && (l.value = new Date(e * 1e3), o.value = l.value.getMonth() + 1, s.value = l.value.getFullYear());
+      },
+      { immediate: !0 }
+    );
+    const y = (e) => {
+      o.value += e, o.value === 0 ? (o.value = 12, s.value -= 1) : o.value === 13 && (o.value = 1, s.value += 1);
+    }, E = (e) => {
+      g(e) || (l.value = e, m.value = !1);
+    }, w = d([]), x = () => {
+      const e = [], a = new Date(
+        s.value,
+        o.value - 1,
+        1
+      ).getDay(), t = new Date(
+        s.value,
+        o.value,
+        0
+      ).getDate(), h = new Date(
+        s.value,
+        o.value - 1,
+        0
+      ).getDate();
+      for (let n = h - a + 1; n <= h; n += 1) {
+        const r = new Date(s.value, o.value - 2, n);
+        e.push({
+          id: r.toISOString(),
+          label: n,
+          date: r,
+          otherMonth: !0
+        });
+      }
+      for (let n = 1; n <= t; n += 1) {
+        const r = new Date(s.value, o.value - 1, n);
+        e.push({
+          id: r.toISOString(),
+          label: n,
+          date: r,
+          otherMonth: !1
+        });
+      }
+      const S = 35 - e.length;
+      if (S > 0)
+        for (let n = 1; n <= S; n += 1) {
+          const r = new Date(s.value, o.value, n);
+          e.push({
+            id: r.toISOString(),
+            label: n,
+            date: r,
+            otherMonth: !0
+          });
+        }
+      w.value = e.slice(0, 35);
+    };
+    H(() => {
+      x();
+    });
+    const _ = V(
+      () => `${l.value.getFullYear()}-${l.value.getMonth() + 1}-${l.value.getDate()}`
+    ), N = (e) => e.toISOString() === l.value.toISOString(), M = (e) => {
+      const a = /* @__PURE__ */ new Date();
+      return e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate();
+    }, P = V(() => [
+      u("Sunday"),
+      u("Monday"),
+      u("Tuesday"),
+      u("Wednesday"),
+      u("Thursday"),
+      u("Friday"),
+      u("Saturday")
+    ]);
+    return (e, a) => (i(), c("div", {
+      ref_key: "pickerRef",
+      ref: k,
+      class: "container"
+    }, [
+      R(z(j), {
+        "model-value": _.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => _.value = t),
+        readonly: "",
+        class: "datepicker-input",
+        onFocus: Y
+      }, null, 8, ["model-value"]),
+      m.value ? (i(), c("div", G, [
+        v("div", J, [
+          v("span", Q, p(s.value) + "/" + p(o.value < 10 ? `0${o.value}` : o.value), 1),
+          v("button", {
+            class: "arrow",
+            onClick: a[1] || (a[1] = (t) => y(-1))
+          }, " < "),
+          v("button", {
+            class: "arrow",
+            onClick: a[2] || (a[2] = (t) => y(1))
+          }, " > ")
+        ]),
+        v("div", X, [
+          (i(!0), c(C, null, F(P.value, (t) => (i(), c("div", {
+            key: t,
+            class: "weekday"
+          }, p(t), 1))), 128))
+        ]),
+        v("div", Z, [
+          (i(!0), c(C, null, F(w.value, (t) => (i(), c("div", {
+            key: t.id,
+            class: A(["day", {
+              "other-month": t.otherMonth,
+              selected: N(t.date),
+              today: M(t.date),
+              past: g(t.date)
+            }]),
+            onClick: (h) => E(t.date)
+          }, [
+            K(p(t.label) + " ", 1),
+            M(t.date) ? (i(), c("span", te)) : b("", !0)
+          ], 10, ee))), 128))
+        ])
+      ])) : b("", !0)
+    ], 512));
+  }
+}), se = /* @__PURE__ */ q(ae, [["__scopeId", "data-v-fb5d8884"]]);
+export {
+  se as default
+};

package/dist/components/ScheduleRoomPanel/Datepicker.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    modelValue: number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...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/ScheduleRoomPanel/DurationSelector.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../DurationSelector.vue_vue_type_script_setup_true_lang-RndH6NtJ.js";
+export {
+  f as default
+};

package/dist/components/ScheduleRoomPanel/DurationSelector.vue.d.ts

@@ -0,0 +1,39 @@
+interface Props {
+    modelValue: number;
+    options?: Array<{
+        label: string;
+        value: number;
+    }>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    options: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    options: undefined;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    options: Array<{
+        label: string;
+        value: number;
+    }>;
+}, {}, {}, {}, 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/ScheduleRoomPanel/RoomDetail.js

@@ -0,0 +1,113 @@
+import { defineComponent as b, createElementBlock as d, openBlock as c, toDisplayString as t, unref as n, createElementVNode as o, createCommentVNode as v, createTextVNode as r, createVNode as m, normalizeClass as w } from "vue";
+import { useUIKit as R, IconCopy as I, IconLoadingSchedule as C, TUIToast as g } from "@tencentcloud/uikit-base-component-vue3";
+import { copyText as T } from "./utils.js";
+import { RoomStatus as u } from "../../types/room.js";
+import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = { class: "room-detail" }, x = {
+  key: 0,
+  class: "room-detail-empty"
+}, $ = {
+  key: 1,
+  class: "room-detail-content"
+}, L = { class: "detail-item" }, V = { class: "detail-label" }, B = { class: "detail-value" }, E = { class: "detail-item" }, U = { class: "detail-label" }, j = { class: "detail-value" }, z = {
+  key: 0,
+  class: "detail-item"
+}, F = { class: "detail-label" }, M = { class: "detail-value" }, O = { class: "detail-item" }, P = { class: "detail-label" }, H = { class: "detail-value" }, K = { class: "detail-item" }, Y = { class: "detail-label" }, q = { class: "detail-value" }, G = { class: "detail-item" }, J = { class: "detail-label" }, Q = { class: "detail-value" }, W = {
+  key: 0,
+  class: "attendees-loading"
+}, X = ["title"], Z = {
+  key: 2,
+  class: "no-attendees"
+}, p = /* @__PURE__ */ b({
+  __name: "RoomDetail",
+  props: {
+    roomInfo: {},
+    isLoadingAttendees: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const { t: s } = R(), f = (l) => {
+      if (!l)
+        return "--";
+      const i = new Date(l * 1e3), a = i.getFullYear(), S = (i.getMonth() + 1).toString().padStart(2, "0"), _ = i.getDate().toString().padStart(2, "0"), k = i.getHours().toString().padStart(2, "0"), N = i.getMinutes().toString().padStart(2, "0");
+      return `${a}-${S}-${_} ${k}:${N}`;
+    }, y = (l) => {
+      switch (l) {
+        case u.Scheduled:
+          return s("Not Started");
+        case u.Running:
+          return s("In Progress");
+        default:
+          return s("Unknown Status");
+      }
+    }, h = async (l) => {
+      await T(l) ? g.success({ message: s("Copy Success") }) : g.error({ message: s("Copy Failed") });
+    };
+    return (l, i) => (c(), d("div", D, [
+      e.roomInfo ? (c(), d("div", $, [
+        o("div", L, [
+          o("div", V, t(n(s)("Room Name")), 1),
+          o("div", B, t(e.roomInfo.roomName), 1)
+        ]),
+        o("div", E, [
+          o("div", U, t(n(s)("Room ID")), 1),
+          o("div", j, [
+            r(t(e.roomInfo.roomId) + " ", 1),
+            m(n(I), {
+              class: "copy-icon",
+              onClick: i[0] || (i[0] = () => {
+                var a;
+                return h(((a = e.roomInfo) == null ? void 0 : a.roomId) || "");
+              })
+            })
+          ])
+        ]),
+        e.roomInfo.password ? (c(), d("div", z, [
+          o("div", F, t(n(s)("Room Password")), 1),
+          o("div", M, [
+            r(t(e.roomInfo.password) + " ", 1),
+            m(n(I), {
+              class: "copy-icon",
+              onClick: i[1] || (i[1] = () => {
+                var a;
+                return h(((a = e.roomInfo) == null ? void 0 : a.password) || "");
+              })
+            })
+          ])
+        ])) : v("", !0),
+        o("div", O, [
+          o("div", P, t(n(s)("Room Time")), 1),
+          o("div", H, [
+            r(t(f(e.roomInfo.scheduledStartTime)) + " - " + t(f(e.roomInfo.scheduledEndTime)) + " ", 1),
+            e.roomInfo.roomStatus ? (c(), d("span", {
+              key: 0,
+              class: w(["status-badge", e.roomInfo.roomStatus === n(u).Running && "running"])
+            }, t(y(e.roomInfo.roomStatus)), 3)) : v("", !0)
+          ])
+        ]),
+        o("div", K, [
+          o("div", Y, t(n(s)("Creator")), 1),
+          o("div", q, t(e.roomInfo.roomOwner.userName || e.roomInfo.roomOwner.userId), 1)
+        ]),
+        o("div", G, [
+          o("div", J, t(n(s)("Attendees")), 1),
+          o("div", Q, [
+            e.isLoadingAttendees ? (c(), d("div", W, [
+              m(n(C), {
+                class: "loading-icon",
+                size: "16"
+              }),
+              o("span", null, t(n(s)("Loading...")), 1)
+            ])) : e.roomInfo.scheduleAttendees && e.roomInfo.scheduleAttendees.length > 0 ? (c(), d("div", {
+              key: 1,
+              class: "attendees-list",
+              title: e.roomInfo.scheduleAttendees.map((a) => a.userName || a.userId).join(", ")
+            }, t(e.roomInfo.scheduleAttendees.map((a) => a.userName || a.userId).join(", ")), 9, X)) : (c(), d("div", Z, t(n(s)("No scheduled members")), 1))
+          ])
+        ])
+      ])) : (c(), d("div", x, t(n(s)("No room information")), 1))
+    ]));
+  }
+}), ne = /* @__PURE__ */ A(p, [["__scopeId", "data-v-b6bcef44"]]);
+export {
+  ne as default
+};

package/dist/components/ScheduleRoomPanel/RoomDetail.vue.d.ts

@@ -0,0 +1,31 @@
+import { RoomInfo } from '../../types';
+
+interface Props {
+    roomInfo: RoomInfo | null;
+    isLoadingAttendees?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isLoadingAttendees: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isLoadingAttendees: boolean;
+}>>> & Readonly<{}>, {
+    isLoadingAttendees: 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];
+} & {};