@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.1

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue2.mjs

@@ -25,8 +25,9 @@ import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import "../../../utils/environment.mjs";
+import { deepClone, calculateByteLength } from "../../../utils/utils.mjs";
 import { PASSWORD_MAX_LENGTH_LIMIT } from "../../../constants/room.mjs";
-import { deepClone, isDigitsOnly, calculateByteLength } from "../../../utils/utils.mjs";
+import { invalidDigitalPasswordRegex } from "../../../utils/common.mjs";
 import { getDateAndTime, convertToTimestamp, calculateEndTime } from "../scheduleUtils.mjs";
 import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
 const _hoisted_1 = { class: "schedule-conference-form" };
@@ -110,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isMicrophoneDisableForAllUser: false,
       isScreenShareDisableForAllUser: false,
       isCameraDisableForAllUser: false,
-      password: `${Math.floor(Math.random() * 9e5) + 1e5}`
+      password: ""
     });
     const form = ref(deepClone(defaultFormData.value));
     const inputType = computed(() => isShowPassword.value ? "text" : "password");
@@ -212,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return true;
       }
       const { password } = form.value;
-      if (!props.visible || password === "" || !isDigitsOnly(password) || calculateByteLength(password) < PASSWORD_MAX_LENGTH_LIMIT) {
+      if (calculateByteLength(password) !== PASSWORD_MAX_LENGTH_LIMIT) {
         roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
           type: "warning",
           message: t("Your room password format is incorrect, please check it")
@@ -282,6 +283,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     );
+    watch(
+      () => form.value.password,
+      async (val) => {
+        if (val && invalidDigitalPasswordRegex.test(val)) {
+          await nextTick();
+          form.value.password = val.replace(invalidDigitalPasswordRegex, "");
+        }
+      }
+    );
+    watch(
+      () => passwordChecked.value,
+      (val) => {
+        if (val) {
+          form.value.password = `${Math.floor(Math.random() * 9e5) + 1e5}`;
+        }
+      }
+    );
     watch(
       () => form.value.timezone,
       async (newValue, oldValue) => {

package/es/components/ScheduleConference/ScheduleRoomControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./ScheduleRoomControl.vue2.mjs";
 /* empty css                          */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e29cbb1f"]]);
+const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b6e52c3"]]);
 export {
   ScheduleRoomControl as default
 };

package/es/components/ScheduleConference/ScheduleRoomControl.vue2.mjs

@@ -8,6 +8,7 @@ import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import { isMobile } from "../../utils/environment.mjs";
+import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import useRoomInfo from "../RoomHeader/RoomInfo/useRoomInfoHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
@@ -20,13 +21,12 @@ import WarningIcon from "../common/icons/WarningIcon.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import vClickOutside from "../../directives/vClickOutside.mjs";
 import ScheduleConferencePanel from "./ScheduleConferencePanel/index.vue.mjs";
-import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
 import ConferenceDetail from "./ConferenceDetail.vue.mjs";
 import InvitePanel from "./InvitePanel.vue.mjs";
 import PanelContainer from "./PanelContainer.vue.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-e29cbb1f"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2b6e52c3"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "schedule-room-control" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = { class: "schedule-title-text" };

package/es/components/ScheduleConference/ScheduleRoomList.vue2.mjs

@@ -8,12 +8,12 @@ import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import { isMobile } from "../../utils/environment.mjs";
+import { objectMerge } from "../../utils/utils.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import CalendarIcon from "../common/icons/CalendarIcon.vue.mjs";
 import ApplyStageLabelIcon from "../common/icons/ApplyStageLabelIcon.vue.mjs";
 import ScheduleRoomControl from "./ScheduleRoomControl.vue.mjs";
 import LoadingScheduleIcon from "../common/icons/LoadingScheduleIcon.vue.mjs";
-import { objectMerge } from "../../utils/utils.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "schedule-loading"

package/es/components/ScheduleConference/TimezonePicker.vue.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
 import TuiSelect from "../common/base/Select/index.vue.mjs";
 import TuiOption from "../common/base/Option/index.vue.mjs";
-import { getLanguage } from "../../utils/common.mjs";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import { EventType } from "../../services/types.mjs";
@@ -22,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const selectedTime = ref(props.modelValue);
-    const currentLanguage = ref(getLanguage());
+    const currentLanguage = ref(roomService.basicStore.lang);
     const timeOptions = computed(() => {
       switch (currentLanguage.value) {
         case "zh-CN":

package/es/components/Whiteboard/ToolBox/Arrow/index.vue.d.ts

@@ -0,0 +1,12 @@
+import { ToolSettings } from '../../type';
+
+declare const _default: import('vue').DefineComponent<{
+    activeTool: StringConstructor;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (toolSetting: ToolSettings) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    activeTool: StringConstructor;
+}>> & {
+    onClick?: ((toolSetting: ToolSettings) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Whiteboard/ToolBox/Arrow/index.vue.mjs

@@ -0,0 +1,163 @@
+import { defineComponent, ref, reactive, watch, withDirectives, openBlock, createBlock, withCtx, createVNode, normalizeClass, unref, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, withModifiers, createCommentVNode } from "vue";
+import { useI18n } from "../../../../locales/index.mjs";
+import { DrawingTool } from "../../type.mjs";
+import IconButton from "../../../common/base/IconButton.vue.mjs";
+import vClickOutside from "../../../../directives/vClickOutside.mjs";
+/* empty css                       */
+import ArrowIcon from "../Icon/ArrowIcon.vue.mjs";
+import SizeSmall from "../Image/SizeSmall.svg.mjs";
+import SizeMid from "../Image/SizeMid.svg.mjs";
+import SizeBig from "../Image/SizeBig.svg.mjs";
+import SizeLarge from "../Image/SizeLarge.svg.mjs";
+import BlueIcon from "../Image/BlueIcon.svg.mjs";
+import PurpleIcon from "../Image/PurpleIcon.svg.mjs";
+import YellowIcon from "../Image/YellowIcon.svg.mjs";
+import OrangeIcon from "../Image/OrangeIcon.svg.mjs";
+import RedIcon from "../Image/RedIcon.svg.mjs";
+import GreenIcon from "../Image/GreenIcon.svg.mjs";
+import DeepBlueIcon from "../Image/DeepBlueIcon.svg.mjs";
+import BlackIcon from "../Image/BlackIcon.svg.mjs";
+import DarkGrayIcon from "../Image/DarkGrayIcon.svg.mjs";
+import GrayIcon from "../Image/GrayIcon.svg.mjs";
+import LightGrayIcon from "../Image/LightGrayIcon.svg.mjs";
+import WhiteIcon from "../Image/WhiteIcon.svg.mjs";
+import logger from "../../../../utils/common/logger/index.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "arrow-tool-setting whiteboard-tool-setting"
+};
+const _hoisted_2 = { class: "size-setting-title setting-title" };
+const _hoisted_3 = { class: "size-setting-section setting-section" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "color-setting-title setting-title" };
+const _hoisted_7 = { class: "color-setting-section setting-section" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const lineSizes = [
+      { icon: SizeSmall, size: 2 },
+      { icon: SizeMid, size: 4 },
+      { icon: SizeBig, size: 6 },
+      { icon: SizeLarge, size: 8 }
+    ];
+    const lineColors = [
+      { color: "#4791FF", icon: BlueIcon },
+      { color: "#5940D7", icon: PurpleIcon },
+      { color: "#F5C342", icon: YellowIcon },
+      { color: "#E05734", icon: OrangeIcon },
+      { color: "#DC3859", icon: RedIcon },
+      { color: "#1AD32C", icon: GreenIcon },
+      { color: "#104683", icon: DeepBlueIcon },
+      { color: "#22262E", icon: BlackIcon },
+      { color: "#86909A", icon: DarkGrayIcon },
+      { color: "#B5BBC3", icon: GrayIcon },
+      { color: "#DBDDE2", icon: LightGrayIcon },
+      { color: "#EAEEF3", icon: WhiteIcon }
+    ];
+    const showSettings = ref(false);
+    const props = __props;
+    function handleHideButtonSetting() {
+      if (props.activeTool === DrawingTool.Arrow) {
+        showSettings.value = false;
+      }
+    }
+    const toolSetting = reactive({
+      drawingTool: DrawingTool.Arrow,
+      shapeOptions: {
+        strokeWidth: 4,
+        stroke: "#22262E"
+      }
+    });
+    const emit = __emit;
+    watch(
+      () => props.activeTool,
+      () => {
+        showSettings.value = false;
+      }
+    );
+    const onClick = () => {
+      showSettings.value = !showSettings.value;
+      emit("click", toolSetting);
+      logger.debug("toolSetting", toolSetting);
+      logger.debug("emit", showSettings.value);
+      logger.debug("emit", showSettings.value);
+      logger.debug("emit", showSettings.value);
+      logger.debug("emit", showSettings.value);
+      logger.debug("emit", showSettings.value);
+    };
+    const handleSizeClick = (size) => {
+      var _a;
+      if (size === ((_a = toolSetting.shapeOptions) == null ? void 0 : _a.strokeWidth)) {
+        return;
+      }
+      toolSetting.shapeOptions.strokeWidth = size;
+      emit("click", toolSetting);
+    };
+    const handleColorClick = (color) => {
+      if (toolSetting.shapeOptions.stroke !== color) {
+        toolSetting.shapeOptions.stroke = color;
+        emit("click", toolSetting);
+      }
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(ArrowIcon, {
+            class: normalizeClass({ "whiteboard-icon-active": __props.activeTool === unref(DrawingTool).Arrow })
+          }, null, 8, ["class"]),
+          showSettings.value && __props.activeTool === "Arrow" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("Arrow Size")), 1),
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(lineSizes, (lineSize) => {
+                return createElementVNode("button", {
+                  key: lineSize.size,
+                  class: normalizeClass(["size-button setting-option-button", {
+                    "button-active": lineSize.size === toolSetting.shapeOptions.strokeWidth
+                  }]),
+                  onClick: withModifiers(($event) => handleSizeClick(lineSize.size), ["stop"])
+                }, [
+                  createElementVNode("img", {
+                    src: lineSize.icon
+                  }, null, 8, _hoisted_5)
+                ], 10, _hoisted_4);
+              }), 64))
+            ]),
+            createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("Arrow Color")), 1),
+            createElementVNode("div", _hoisted_7, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(lineColors, (lineColor) => {
+                return createElementVNode("button", {
+                  key: lineColor.color,
+                  class: normalizeClass(["color-button setting-option-button", {
+                    "button-active": lineColor.color === toolSetting.shapeOptions.stroke
+                  }]),
+                  onClick: withModifiers(($event) => handleColorClick(lineColor.color), ["stop"])
+                }, [
+                  createElementVNode("img", {
+                    src: lineColor.icon
+                  }, null, 8, _hoisted_9)
+                ], 10, _hoisted_8);
+              }), 64))
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })), [
+        [unref(vClickOutside), handleHideButtonSetting]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/Arrow/index.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/ClearButton.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Whiteboard/ToolBox/ClearButton.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, openBlock, createBlock } from "vue";
+import { DrawingTool } from "../type.mjs";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import ClearIcon from "./Icon/ClearIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ClearButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: DrawingTool.Clear
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: ClearIcon
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/ClearButton.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ClearButton.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/DownloadButton.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Whiteboard/ToolBox/DownloadButton.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, openBlock, createBlock } from "vue";
+import { DrawingTool } from "../type.mjs";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import DownloadIcon from "./Icon/DownloadIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DownloadButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: DrawingTool.Download
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: DownloadIcon
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/DownloadButton.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./DownloadButton.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/EraserButton.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{
+    activeTool: StringConstructor;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    activeTool: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Whiteboard/ToolBox/EraserButton.vue.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, normalizeClass, unref } from "vue";
+import { DrawingTool } from "../type.mjs";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import EraserIcon from "./Icon/EraserIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EraserButton",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onClick = () => {
+      if (props.activeTool === DrawingTool.Eraser) {
+        return;
+      }
+      emit("click", {
+        drawingTool: DrawingTool.Eraser
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(EraserIcon, {
+            class: normalizeClass({ "whiteboard-icon-active": __props.activeTool === unref(DrawingTool).Eraser })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/EraserButton.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./EraserButton.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/ToolBox/Icon/ArrowIcon.vue.mjs

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M3.87484 1.16675H12.8332M12.8332 1.16675V10.1251M12.8332 1.16675L1.1665 12.8334",
+  stroke: "currentColor",
+  "stroke-width": "1.66667"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ArrowIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/ClearIcon.vue.mjs

@@ -0,0 +1,25 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "18",
+  height: "20",
+  viewBox: "0 0 18 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M5.25033 0.83252H12.7503V3.33252H17.3337V4.99919H15.6428L15.2262 19.1659H2.77448L2.35781 4.99919H0.666992V3.33252H5.25033V0.83252ZM6.91699 3.33252H11.0837V2.49919H6.91699V3.33252ZM4.02519 4.99919L4.39284 17.4992H13.6078L13.9755 4.99919H4.02519ZM9.83366 6.66585V15.8325H8.16699V6.66585H9.83366Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ClearIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ClearIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/DownloadIcon.vue.mjs

@@ -0,0 +1,28 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "18",
+  height: "16",
+  viewBox: "0 0 18 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M9.83382 0.5V8.48817L13.1671 5.15482L14.3457 6.33333L9.00049 11.6785L3.65527 6.33333L4.83379 5.15482L8.16716 8.48817V0.5H9.83382Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M2.33366 13.8333V8.83333H0.666992V15.5H17.3337V8.83333H15.667V13.8333H2.33366Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const DownloadIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DownloadIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/EraserIcon.vue.mjs

@@ -0,0 +1,25 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "17",
+  viewBox: "0 0 20 17",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M11.4578 14.4166L5.88893 7.54161L13.2986 1.95801L18.6585 9.07086L12.8559 13.4434L11.4578 14.4166ZM11.4578 14.4166L9.85831 15.6978L5.45685 15.6974L1.69336 10.7031L6.04101 7.42695M5.50176 15.6966H18.5683",
+  stroke: "currentColor",
+  "stroke-width": "1.66667"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const EraserIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  EraserIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/ImageIcon.vue.mjs

@@ -0,0 +1,30 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "16",
+  viewBox: "0 0 20 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M7.08301 6.33333C7.77336 6.33333 8.33301 5.77369 8.33301 5.08333C8.33301 4.39298 7.77336 3.83333 7.08301 3.83333C6.39265 3.83333 5.83301 4.39298 5.83301 5.08333C5.83301 5.77369 6.39265 6.33333 7.08301 6.33333Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.833008 0.5V15.5H19.1663V0.5H0.833008ZM17.4997 2.16667H2.49967V10.3783L5.3032 8.02339L8.0442 9.77763L13.6429 4.40284L17.4997 7.36482V2.16667ZM2.49967 13.8333V12.555L5.43689 10.0877L8.25144 11.889L13.7638 6.59716L17.4997 9.46629V13.8333H2.49967Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const ImageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ImageIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/LaserIcon.vue.mjs

@@ -0,0 +1,30 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M8.70147 10.0003C8.70147 10.7174 9.28278 11.2987 9.99986 11.2987C10.7169 11.2987 11.2983 10.7174 11.2983 10.0003C11.2983 9.28322 10.7169 8.7019 9.99986 8.7019C9.28278 8.7019 8.70147 9.28322 8.70147 10.0003Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M9.99984 19.1666C4.93723 19.1666 0.833169 15.0625 0.833169 9.99992C0.83317 4.93731 4.93723 0.833251 9.99984 0.833252C15.0624 0.833252 19.1665 4.93731 19.1665 9.99992C19.1665 15.0625 15.0624 19.1666 9.99984 19.1666ZM9.1665 17.4541C5.69015 17.0699 2.9299 14.3096 2.54561 10.8333L4.99984 10.8333L4.99984 9.16659L2.54561 9.16658C2.9299 5.69026 5.69013 2.93001 9.16645 2.5457L9.1663 4.99971L10.833 4.99972L10.8331 2.54569C14.3095 2.92995 17.0698 5.69022 17.4541 9.16659L14.9999 9.16659L14.9999 10.8333L17.4541 10.8333C17.0698 14.3096 14.3095 17.0699 10.8332 17.4541L10.8332 14.9999L9.1665 14.9999L9.1665 17.4541Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const LaserIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  LaserIcon as default
+};

package/es/components/Whiteboard/ToolBox/Icon/PencilIcon.vue.mjs

@@ -0,0 +1,35 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "19",
+  height: "19",
+  viewBox: "0 0 19 19",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M14.5791 4.48674L7.10505 17.4323L2.40326 18.4927L0.970703 13.8906L8.4448 0.945068L14.5791 4.48674ZM9.05484 3.22178L2.77894 14.092L3.53735 16.5284L6.02653 15.967L12.3024 5.09678L9.05484 3.22178Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M9.5978 17.5001L18.3329 17.5001V15.8334H10.5601L9.5978 17.5001Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M18.3331 13.7501L11.7633 13.7501L12.7256 12.0834H18.3331V13.7501Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const PencilIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  PencilIcon as default
+};