@opendesign-plus/components 0.0.1-rc.48 → 0.0.1-rc.49

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
 import { isClient, OButton, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import { ElCalendar } from "element-plus";
@@ -14,23 +14,22 @@ import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
 import { MeetingGroupType, CalendarDataType } from "./types.mjs";
 import { formatDate } from "./utils.mjs";
 import { useDebounceFn } from "@vueuse/core";
-const _hoisted_1 = { class: "o-meeting-calendar" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "o-meeting-calendar-desc"
 };
-const _hoisted_3 = { class: "calendar-body" };
-const _hoisted_4 = { class: "calender-header-left" };
-const _hoisted_5 = { class: "left-title" };
-const _hoisted_6 = { class: "month-date" };
-const _hoisted_7 = { class: "right-title" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "day-box" };
-const _hoisted_10 = { class: "icon-box" };
-const _hoisted_11 = { class: "detail-list" };
-const _hoisted_12 = { class: "current-day" };
-const _hoisted_13 = { class: "right-title" };
-const _hoisted_14 = { class: "title-list" };
+const _hoisted_2 = { class: "calendar-body" };
+const _hoisted_3 = { class: "calender-header-left" };
+const _hoisted_4 = { class: "left-title" };
+const _hoisted_5 = { class: "month-date" };
+const _hoisted_6 = { class: "right-title" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "day-box" };
+const _hoisted_9 = { class: "icon-box" };
+const _hoisted_10 = { class: "detail-list" };
+const _hoisted_11 = { class: "current-day" };
+const _hoisted_12 = { class: "right-title" };
+const _hoisted_13 = { class: "title-list" };
 const limitTime = "2021-01-01";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingCalendar",
@@ -277,9 +276,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         calendarHeight.value = `${tbody.offsetHeight - 2}px`;
       }
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getCalendarHeight();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => tabs.value, () => nextTick(evaluateTabIcons));
     const stopWatchData = watch(
       () => allDates.value.length,
       () => {
@@ -322,8 +348,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("create");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-meeting-calendar"
+      }, [
+        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingDescGroup") : unref(t)("meeting.meetingDesc")), 1),
           createVNode(unref(OButton), {
             color: "primary",
@@ -337,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           createVNode(unref(ElCalendar), {
             ref_key: "calendar",
             ref: calendar,
@@ -346,8 +376,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             header: withCtx(({ date }) => {
               var _a;
               return [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("prev-month", date)
                     }, {
@@ -358,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["onClick"]),
-                    createElementVNode("span", _hoisted_6, toDisplayString(formatYearMonth(date)), 1),
+                    createElementVNode("span", _hoisted_5, toDisplayString(formatYearMonth(date)), 1),
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("next-month", date)
                     }, {
@@ -392,7 +422,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_6, [
                   createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
                   createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
                 ])
@@ -403,11 +433,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["out-box", { "has-calender": allDates.value.includes(data.day) }]),
                 onClick: ($event) => unref(changeMeetingDay)(data.day, $event)
               }, [
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_8, [
                   createElementVNode("p", {
                     class: normalizeClass([data.isSelected ? "is-selected" : "", "date-calender"])
                   }, toDisplayString(removeLeadingZero(data.day.split("-").at(-1) || "")), 3),
-                  createElementVNode("div", _hoisted_10, [
+                  createElementVNode("div", _hoisted_9, [
                     checkSelectedDay(unref(CalendarDataType).MEETING, data.day) ? (openBlock(), createBlock(unref(OIcon), {
                       key: 0,
                       class: "meeting",
@@ -449,17 +479,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 8, ["style"])) : createCommentVNode("", true)
                   ])
                 ])
-              ], 10, _hoisted_8)
+              ], 10, _hoisted_7)
             ]),
             _: 1
           }, 512),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
               createTextVNode(toDisplayString(unref(t)("meeting.latestMeeting")) + "  ", 1),
               createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
             ]),
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
                 createVNode(unref(OSelect), {
                   modelValue: group.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => group.value = $event),
@@ -550,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])
-      ]);
+      ], 512);
     };
   }
 });

package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
     };
     refs: {
         leftRef: HTMLDivElement;
-        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -27,7 +27,7 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -48,12 +48,12 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
 }, string, import('vue').PublicProps, Readonly<MeetingPlaybackPropsT> & Readonly<{
     "onChange-date"?: ((...args: any[]) => any) | undefined;
 }>, {
-    data: import('./types').MeetingPlaybackPropsDataT;
+    data: import('../../index').MeetingPlaybackPropsDataT;
     dates: string[];
-    detail: import('./types').MeetingPlaybackPropsDetailT;
+    detail: import('../../index').MeetingPlaybackPropsDetailT;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     leftRef: HTMLDivElement;
-    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+    }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css

@@ -152,6 +152,12 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
   fill: currentColor;
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
+  display: none;
+}
+.o-sig-meeting-calendar .meeting-card-header .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
+  display: inline-flex;
+}
 .o-sig-meeting-calendar .el-input__prefix {
   display: none;
 }

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts

@@ -12,11 +12,15 @@ declare function __VLS_template(): {
     slots: {
         empty?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        rootRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
-import { OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
+import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import IconTips from "../../_virtual/icon-tips.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
@@ -11,24 +11,21 @@ import _sfc_main$2 from "./components/OMeetingCalendarList.vue.mjs";
 import './components/OMeetingCalendarList.css';
 import { formatDate } from "./utils.mjs";
 import emptyDefaultImg from "../../assets/meeting/empty.png.mjs";
+import { useDebounceFn } from "@vueuse/core";
 const _hoisted_1 = {
-  class: "o-sig-meeting-calendar",
-  style: { "--height": 400 }
-};
-const _hoisted_2 = {
   key: 0,
   class: "meeting-card-header"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "phone-filter-wrapper"
 };
-const _hoisted_5 = { class: "date-select" };
-const _hoisted_6 = { class: "meeting-card-content" };
+const _hoisted_4 = { class: "date-select" };
+const _hoisted_5 = { class: "meeting-card-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingSigCalendar",
   props: {
@@ -183,9 +180,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const changeMonthIdx = (step) => {
       monthIdx.value += step;
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".meeting-card-header .o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getDates();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => meetingTabs.value, () => nextTick(evaluateTabIcons));
     const list = computed(() => {
       let list2;
       if (tabType.value === CalendarDataType.ALL) {
@@ -200,9 +224,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return list2;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-sig-meeting-calendar",
+        style: { "--height": 400 }
+      }, [
+        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
             createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")), 1),
             createElementVNode("span", null, toDisplayString(unref(dayjs)(latestDate.value).format("YYYY/MM/DD")), 1),
             createVNode(unref(OPopover), null, {
@@ -251,8 +280,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["modelValue"])
         ])) : createCommentVNode("", true),
-        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, [
+        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             createVNode(unref(OSelect), {
               modelValue: selectDate.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
@@ -296,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createVNode(unref(ODivider), { class: "meeting-divider" }),
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
           !unref(lePadV) && monthIdx.value !== -1 ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),
@@ -340,7 +369,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           })
         ])
-      ]);
+      ], 512);
     };
   }
 });

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<MeetingPlaybackVideoPropsT
     onSetTrackIdx?: ((...args: any[]) => any) | undefined;
 }>, {
     src: string;
-    captions: import('..').CaptionItemT[];
+    captions: import('../../../index.ts').CaptionItemT[];
     vtt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/treeshaking/components/meeting/index.d.ts

@@ -1,13 +1,13 @@
 import { App } from 'vue';
 declare const OMeetingCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingCalendarPropsT> & Readonly<{
         onCreate?: ((...args: any[]) => any) | undefined;
     }>, {
         refresh: (day?: string) => Promise<void>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         create: (...args: any[]) => void;
     }, import('vue').PublicProps, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         getSummitListRequest: any;
         getEventsListRequest: any;
         hiddenEvents: boolean;
@@ -15,6 +15,7 @@ declare const OMeetingCalendar: {
         groups: string[];
         showDesc: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
         calendar: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -155,12 +156,12 @@ declare const OMeetingCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+    }, Readonly<import('../../index').MeetingCalendarPropsT> & Readonly<{
         onCreate?: ((...args: any[]) => any) | undefined;
     }>, {
         refresh: (day?: string) => Promise<void>;
     }, {}, {}, {}, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         getSummitListRequest: any;
         getEventsListRequest: any;
         hiddenEvents: boolean;
@@ -171,14 +172,14 @@ declare const OMeetingCalendar: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MeetingCalendarPropsT> & Readonly<{
     onCreate?: ((...args: any[]) => any) | undefined;
 }>, {
     refresh: (day?: string) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     create: (...args: any[]) => void;
 }, string, {
-    groupType: import('./types').MeetingGroupType;
+    groupType: import('../../index').MeetingGroupType;
     getSummitListRequest: any;
     getEventsListRequest: any;
     hiddenEvents: boolean;
@@ -193,7 +194,7 @@ declare const OMeetingCalendar: {
     install(app: App): void;
 };
 declare const OMeetingForm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingFormPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingFormPropsT> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -202,7 +203,7 @@ declare const OMeetingForm: {
         cancel: (...args: any[]) => void;
         confirm: (...args: any[]) => void;
     }, import('vue').PublicProps, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         showBtns: boolean;
         privateContactEmail: string;
         enablePrivate: boolean;
@@ -340,13 +341,13 @@ declare const OMeetingForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingFormPropsT> & Readonly<{
+    }, Readonly<import('../../index').MeetingFormPropsT> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
         confirm: () => Promise<void>;
     }, {}, {}, {}, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         showBtns: boolean;
         privateContactEmail: string;
         enablePrivate: boolean;
@@ -354,7 +355,7 @@ declare const OMeetingForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingFormPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MeetingFormPropsT> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -363,7 +364,7 @@ declare const OMeetingForm: {
     cancel: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
 }, string, {
-    groupType: import('./types').MeetingGroupType;
+    groupType: import('../../index').MeetingGroupType;
     showBtns: boolean;
     privateContactEmail: string;
     enablePrivate: boolean;
@@ -371,17 +372,17 @@ declare const OMeetingForm: {
     install(app: App): void;
 };
 declare const OMeetingPlayback: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackPropsT> & Readonly<{
         "onChange-date"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "change-date": (...args: any[]) => void;
     }, import('vue').PublicProps, {
-        data: import('./types').MeetingPlaybackPropsDataT;
+        data: import('../../index').MeetingPlaybackPropsDataT;
         dates: string[];
-        detail: import('./types').MeetingPlaybackPropsDetailT;
+        detail: import('../../index').MeetingPlaybackPropsDetailT;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         leftRef: HTMLDivElement;
-        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -393,7 +394,7 @@ declare const OMeetingPlayback: {
             setTrackIdx: (...args: any[]) => void;
         }, import('vue').PublicProps, {
             src: string;
-            captions: import('./types').CaptionItemT[];
+            captions: import('../../index').CaptionItemT[];
             vtt: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
@@ -402,7 +403,7 @@ declare const OMeetingPlayback: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -410,7 +411,7 @@ declare const OMeetingPlayback: {
             changeTime: (time: number) => void;
         }, {}, {}, {}, {
             src: string;
-            captions: import('./types').CaptionItemT[];
+            captions: import('../../index').CaptionItemT[];
             vtt: string;
         }> | null;
         contentRef: HTMLDivElement;
@@ -421,24 +422,24 @@ declare const OMeetingPlayback: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingPlaybackPropsT> & Readonly<{
+    }, Readonly<import('../../index').MeetingPlaybackPropsT> & Readonly<{
         "onChange-date"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('./types').MeetingPlaybackPropsDataT;
+        data: import('../../index').MeetingPlaybackPropsDataT;
         dates: string[];
-        detail: import('./types').MeetingPlaybackPropsDetailT;
+        detail: import('../../index').MeetingPlaybackPropsDetailT;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingPlaybackPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MeetingPlaybackPropsT> & Readonly<{
     "onChange-date"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "change-date": (...args: any[]) => void;
 }, string, {
-    data: import('./types').MeetingPlaybackPropsDataT;
+    data: import('../../index').MeetingPlaybackPropsDataT;
     dates: string[];
-    detail: import('./types').MeetingPlaybackPropsDetailT;
+    detail: import('../../index').MeetingPlaybackPropsDetailT;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         empty?(_: {}): any;
@@ -455,7 +456,9 @@ declare const OMeetingSigCalendar: {
         dates: String[];
         emptyImg?: any;
         emptyText?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -494,13 +497,13 @@ declare const OMeetingMyCalendar: {
         cancelSubMeetingRequest: any;
         deleteMeetingRequest: any;
         getMeetingListRequest: any;
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
     }> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
     }, import('vue').PublicProps, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         calendarRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -818,11 +821,11 @@ declare const OMeetingMyCalendar: {
         cancelSubMeetingRequest: any;
         deleteMeetingRequest: any;
         getMeetingListRequest: any;
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
     }> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        groupType: import('./types').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -831,13 +834,13 @@ declare const OMeetingMyCalendar: {
     cancelSubMeetingRequest: any;
     deleteMeetingRequest: any;
     getMeetingListRequest: any;
-    groupType: import('./types').MeetingGroupType;
+    groupType: import('../../index').MeetingGroupType;
 }> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;
 }, string, {
-    groupType: import('./types').MeetingGroupType;
+    groupType: import('../../index').MeetingGroupType;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         empty?(_: {}): any;