@tencentcloud/roomkit-electron-vue3 2.6.7-beta.1 → 2.7.0

package/lib/components/ScheduleConference/ScheduleConferencePanel/index.vue2.js

@@ -29,6 +29,7 @@ require("@tencentcloud/tui-core");
 require("../../../utils/environment.js");
 const room = require("../../../constants/room.js");
 const utils = require("../../../utils/utils.js");
+const common = require("../../../utils/common.js");
 const scheduleUtils = require("../scheduleUtils.js");
 const SvgIcon = require("../../common/base/SvgIcon.vue.js");
 const _hoisted_1 = { class: "schedule-conference-form" };
@@ -112,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       isMicrophoneDisableForAllUser: false,
       isScreenShareDisableForAllUser: false,
       isCameraDisableForAllUser: false,
-      password: `${Math.floor(Math.random() * 9e5) + 1e5}`
+      password: ""
     });
     const form = Vue.ref(utils.deepClone(defaultFormData.value));
     const inputType = Vue.computed(() => isShowPassword.value ? "text" : "password");
@@ -214,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         return true;
       }
       const { password } = form.value;
-      if (!props.visible || password === "" || !utils.isDigitsOnly(password) || utils.calculateByteLength(password) < room.PASSWORD_MAX_LENGTH_LIMIT) {
+      if (utils.calculateByteLength(password) !== room.PASSWORD_MAX_LENGTH_LIMIT) {
         roomService.roomService.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
           type: "warning",
           message: t("Your room password format is incorrect, please check it")
@@ -284,6 +285,23 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }
       }
     );
+    Vue.watch(
+      () => form.value.password,
+      async (val) => {
+        if (val && common.invalidDigitalPasswordRegex.test(val)) {
+          await Vue.nextTick();
+          form.value.password = val.replace(common.invalidDigitalPasswordRegex, "");
+        }
+      }
+    );
+    Vue.watch(
+      () => passwordChecked.value,
+      (val) => {
+        if (val) {
+          form.value.password = `${Math.floor(Math.random() * 9e5) + 1e5}`;
+        }
+      }
+    );
     Vue.watch(
       () => form.value.timezone,
       async (newValue, oldValue) => {

package/lib/components/ScheduleConference/ScheduleRoomControl.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const ScheduleRoomControl_vue_vue_type_script_setup_true_lang = require("./ScheduleRoomControl.vue2.js");
 ;/* empty css                          */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const ScheduleRoomControl = /* @__PURE__ */ _pluginVue_exportHelper.default(ScheduleRoomControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e29cbb1f"]]);
+const ScheduleRoomControl = /* @__PURE__ */ _pluginVue_exportHelper.default(ScheduleRoomControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2b6e52c3"]]);
 exports.default = ScheduleRoomControl;

package/lib/components/ScheduleConference/ScheduleRoomControl.vue2.js

@@ -28,7 +28,7 @@ const pinia = require("pinia");
 const ConferenceDetail = require("./ConferenceDetail.vue.js");
 const InvitePanel = require("./InvitePanel.vue.js");
 const PanelContainer = require("./PanelContainer.vue.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-e29cbb1f"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-2b6e52c3"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = { class: "schedule-room-control" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = { class: "schedule-title-text" };

package/lib/components/ScheduleConference/TimezonePicker.vue.js

@@ -3,7 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const index = require("../common/base/Select/index.vue.js");
 const index$1 = require("../common/base/Option/index.vue.js");
-const common = require("../../utils/common.js");
 require("../../services/main.js");
 const roomService = require("../../services/roomService.js");
 const types = require("../../services/types.js");
@@ -24,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const selectedTime = Vue.ref(props.modelValue);
-    const currentLanguage = Vue.ref(common.getLanguage());
+    const currentLanguage = Vue.ref(roomService.roomService.basicStore.lang);
     const timeOptions = Vue.computed(() => {
       switch (currentLanguage.value) {
         case "zh-CN":

package/lib/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/lib/components/Whiteboard/ToolBox/Arrow/index.vue.js

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

package/lib/components/Whiteboard/ToolBox/Arrow/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/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/lib/components/Whiteboard/ToolBox/ClearButton.vue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const ClearIcon = require("./Icon/ClearIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ClearButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: type.DrawingTool.Clear
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: ClearIcon.default
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/ClearButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ClearButton_vue_vue_type_script_setup_true_lang = require("./ClearButton.vue.js");
+exports.default = ClearButton_vue_vue_type_script_setup_true_lang.default;

package/lib/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/lib/components/Whiteboard/ToolBox/DownloadButton.vue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const DownloadIcon = require("./Icon/DownloadIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "DownloadButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: type.DrawingTool.Download
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: DownloadIcon.default
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/DownloadButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const DownloadButton_vue_vue_type_script_setup_true_lang = require("./DownloadButton.vue.js");
+exports.default = DownloadButton_vue_vue_type_script_setup_true_lang.default;

package/lib/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/lib/components/Whiteboard/ToolBox/EraserButton.vue.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const EraserIcon = require("./Icon/EraserIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "EraserButton",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onClick = () => {
+      if (props.activeTool === type.DrawingTool.Eraser) {
+        return;
+      }
+      emit("click", {
+        drawingTool: type.DrawingTool.Eraser
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createVNode(EraserIcon.default, {
+            class: Vue.normalizeClass({ "whiteboard-icon-active": __props.activeTool === Vue.unref(type.DrawingTool).Eraser })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/EraserButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EraserButton_vue_vue_type_script_setup_true_lang = require("./EraserButton.vue.js");
+exports.default = EraserButton_vue_vue_type_script_setup_true_lang.default;

package/lib/components/Whiteboard/ToolBox/Icon/ArrowIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ArrowIcon.vue.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ArrowIcon;

package/lib/components/Whiteboard/ToolBox/Icon/ClearIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ClearIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ClearIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ClearIcon;

package/lib/components/Whiteboard/ToolBox/Icon/DownloadIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/DownloadIcon.vue.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const DownloadIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = DownloadIcon;

package/lib/components/Whiteboard/ToolBox/Icon/EraserIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/EraserIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const EraserIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = EraserIcon;

package/lib/components/Whiteboard/ToolBox/Icon/ImageIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ImageIcon.vue.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const ImageIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ImageIcon;

package/lib/components/Whiteboard/ToolBox/Icon/LaserIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/LaserIcon.vue.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const LaserIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = LaserIcon;

package/lib/components/Whiteboard/ToolBox/Icon/PencilIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;