@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/lib/components/Whiteboard/core/index.js

@@ -93,6 +93,14 @@ class FabricCanvas extends emitter.default {
   setActiveObject(object) {
     this.canvas.setActiveObject(object);
   }
+  resetActiveObject() {
+    const allObjects = this.canvas.getObjects();
+    const activeSelection = new fabric.fabric.ActiveSelection(allObjects, {
+      canvas: this.canvas
+    });
+    this.canvas.setActiveObject(activeSelection);
+    this.canvas.discardActiveObject();
+  }
   setWidth(value) {
     this.canvas.setWidth(value);
   }
@@ -105,6 +113,23 @@ class FabricCanvas extends emitter.default {
       activeObject.exitEditing();
     }
   }
+  setObjectsSelectable(objectsSelectable) {
+    this.canvas.getObjects().forEach((obj) => {
+      obj.selectable = objectsSelectable;
+      obj.evented = objectsSelectable;
+    });
+    this.canvas.perPixelTargetFind = !objectsSelectable;
+    this.canvas.selection = objectsSelectable;
+    if (!objectsSelectable) {
+      this.canvas.renderAll();
+    }
+  }
+  setEvented() {
+    this.canvas.getObjects().forEach((obj) => {
+      obj.evented = true;
+    });
+    this.canvas.renderAll();
+  }
   reloadCanvas() {
     this.clearCanvas();
     this.canvas.renderAll();
@@ -115,22 +140,21 @@ class FabricCanvas extends emitter.default {
   setDrawingTool(tool) {
     if (this.drawingTool === tool) return;
     this.canvas.isDrawingMode = false;
-    this.canvas.selection = false;
-    this.canvas.perPixelTargetFind = true;
     this.drawingTool = tool;
     this.canvas.discardActiveObject();
-    this.canvas.requestRenderAll();
+    this.setObjectsSelectable(false);
     switch (tool) {
       case "pencil":
         this.drawFreeDraw();
         break;
       case "eraser":
+        this.setEvented();
         this.setEraser();
         break;
       case "select":
-        this.canvas.selection = true;
-        this.canvas.perPixelTargetFind = false;
-        this.canvas.defaultCursor = "auto";
+        this.setObjectsSelectable(true);
+        this.resetActiveObject();
+        this.canvas.defaultCursor = "move";
         break;
       case "rectangle":
       case "triangle":
@@ -152,25 +176,45 @@ class FabricCanvas extends emitter.default {
     this.options = { ...this.options, ...options };
   }
   drawRect(options) {
-    const rect = new fabric.fabric.Rect({ ...this.options, ...options });
+    const rect = new fabric.fabric.Rect({
+      ...this.options,
+      selectable: false,
+      evented: false,
+      ...options
+    });
     this.canvas.add(rect);
     this.currentShape = rect;
     this.canvas.defaultCursor = "crosshair";
   }
   drawTriangle(options) {
-    const triangle = new fabric.fabric.Triangle({ ...this.options, ...options });
+    const triangle = new fabric.fabric.Triangle({
+      ...this.options,
+      selectable: false,
+      evented: false,
+      ...options
+    });
     this.canvas.add(triangle);
     this.currentShape = triangle;
     this.canvas.defaultCursor = "crosshair";
   }
   drawCircle(options) {
-    const circle = new fabric.fabric.Circle({ ...this.options, ...options });
+    const circle = new fabric.fabric.Circle({
+      ...this.options,
+      selectable: false,
+      evented: false,
+      ...options
+    });
     this.canvas.add(circle);
     this.currentShape = circle;
     this.canvas.defaultCursor = "crosshair";
   }
   drawEllipse(options) {
-    const ellipse = new fabric.fabric.Ellipse({ ...this.options, ...options });
+    const ellipse = new fabric.fabric.Ellipse({
+      ...this.options,
+      selectable: false,
+      evented: false,
+      ...options
+    });
     this.canvas.add(ellipse);
     this.currentShape = ellipse;
     this.canvas.defaultCursor = "crosshair";
@@ -178,14 +222,21 @@ class FabricCanvas extends emitter.default {
   drawLine(x1, y1, x2, y2, options) {
     const line = new fabric.fabric.Line([x1, y1, x2, y2], {
       ...this.options,
-      ...options
+      ...options,
+      selectable: false,
+      evented: false
     });
     this.canvas.add(line);
     this.currentShape = line;
     this.canvas.defaultCursor = "crosshair";
   }
   drawArrow(x1, y1, x2, y2, options) {
-    const arrow$1 = new arrow.default([x1, y1, x2, y2], { ...this.options, ...options });
+    const arrow$1 = new arrow.default([x1, y1, x2, y2], {
+      ...this.options,
+      selectable: false,
+      evented: false,
+      ...options
+    });
     this.canvas.add(arrow$1);
     this.currentShape = arrow$1;
     this.canvas.defaultCursor = "crosshair";
@@ -214,6 +265,8 @@ class FabricCanvas extends emitter.default {
       editingBorderColor: "#999999",
       cursorColor: "#999999",
       padding: 5,
+      selectable: false,
+      evented: false,
       ...options
     });
     this.canvas.add(textObj);
@@ -239,11 +292,30 @@ class FabricCanvas extends emitter.default {
         const canvasHeight = this.canvas.getHeight();
         const imageWidth = img.width * img.scaleX;
         const imageHeight = img.height * img.scaleY;
-        const left = (canvasWidth - imageWidth) / 2;
-        const top = (canvasHeight - imageHeight) / 2;
+        const aspectRatio = imageWidth / imageHeight;
+        const halfCanvasWidth = canvasWidth / 2;
+        const halfCanvasHeight = canvasHeight / 2;
+        let scaledWidth;
+        let scaledHeight;
+        if (aspectRatio > 1) {
+          scaledWidth = halfCanvasWidth;
+          scaledHeight = scaledWidth / aspectRatio;
+        } else {
+          scaledHeight = halfCanvasHeight;
+          scaledWidth = scaledHeight * aspectRatio;
+        }
+        const scale = scaledWidth / imageWidth;
+        img.scale(scale);
+        const left = (canvasWidth - scaledWidth) / 2;
+        const top = (canvasHeight - scaledHeight) / 2;
         img.set({ left, top });
       }
       this.canvas.add(img);
+      useMitt.default.emit("insert-images");
+      this.setDrawingTool("select");
+      this.emit("push-canvas-to-stack", null);
+      this.setActiveObject(img);
+      this.canvas.requestRenderAll();
     });
   }
   insertPPT(urls) {
@@ -258,7 +330,7 @@ class FabricCanvas extends emitter.default {
   }
   setEraser(options) {
     this.canvas.freeDrawingBrush = new fabric.fabric.EraserBrush(this.canvas, options);
-    this.canvas.freeDrawingCursor = "auto";
+    this.canvas.freeDrawingCursor = "pointer";
     this.canvas.renderAll();
   }
   initEvent() {
@@ -267,6 +339,7 @@ class FabricCanvas extends emitter.default {
     this.canvas.on("mouse:up", this.onMouseUp.bind(this));
     this.canvas.on("object:moving", this.onObjectMoving.bind(this));
     this.canvas.on("object:scaling", this.onObjectScaling.bind(this));
+    this.canvas.on("object:rotating", this.onObjectRotating.bind(this));
     useMitt.default.on("exitTextEditing", this.exitTextEditing.bind(this));
   }
   onMouseDown(event) {
@@ -421,6 +494,9 @@ class FabricCanvas extends emitter.default {
   onObjectScaling(event) {
     this.isValidSelection = true;
   }
+  onObjectRotating(event) {
+    this.isValidSelection = true;
+  }
   isNeedPushToStack() {
     if (this.drawingTool === "text" || this.isValidEraser === false && this.drawingTool === "eraser" || this.isValidSelection === false && this.drawingTool === "select") {
       return false;
@@ -445,6 +521,9 @@ class FabricCanvas extends emitter.default {
   renderAll() {
     return this.canvas.renderAll();
   }
+  requestRenderAll() {
+    return this.canvas.requestRenderAll();
+  }
   zoom(ratio = 1) {
     const point = new fabric.fabric.Point(
       this.canvas.width / 2,

package/lib/components/Whiteboard/index.vue.js

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

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

@@ -2,19 +2,21 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const electron = require("electron");
-const index$4 = require("./core/index.js");
+const index$5 = require("./core/index.js");
 const index = require("./controller/ToolBox/index.vue.js");
 const index$1 = require("./controller/RedoUndo/index.vue.js");
 const index$3 = require("./controller/CloseController/index.vue.js");
 const utils = require("../../utils/utils.js");
 const index$2 = require("./controller/SaveController/index.vue.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-ba2dec44"), n = n(), Vue.popScopeId(), n);
+const index$4 = require("./controller/ImageController/index.vue.js");
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-90cba0ec"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = { class: "tool-box-out" };
 const _hoisted_2 = { class: "redo-undo-box" };
 const _hoisted_3 = { class: "controller-box" };
 const _hoisted_4 = { class: "save-controller" };
 const _hoisted_5 = { class: "close-controller" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("canvas", {
+const _hoisted_6 = { class: "image-controller" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("canvas", {
   class: "whiteboard-canvas",
   id: "canvas"
 }, null, -1));
@@ -30,8 +32,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       () => !isAnnotationWin.value || isAnnotationStarted.value
     );
     const isSaveControllerVisiable = Vue.computed(() => !isAnnotationWin.value);
+    const isImageControllerVisiable = Vue.computed(() => !isAnnotationWin.value);
     function init() {
-      const fabricCanvas = new index$4.default("canvas");
+      const fabricCanvas = new index$5.default("canvas");
       canvas.value = fabricCanvas;
     }
     function resizeCanvas() {
@@ -101,7 +104,12 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               [Vue.vShow, isControllerVisiable.value]
             ])
           ]),
-          _hoisted_6
+          Vue.withDirectives(Vue.createElementVNode("div", _hoisted_6, [
+            Vue.createVNode(index$4.default)
+          ], 512), [
+            [Vue.vShow, isImageControllerVisiable.value]
+          ]),
+          _hoisted_7
         ], 512)
       ]);
     };

package/lib/components/common/AudioSettingTab.vue.js

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

package/lib/components/common/AudioSettingTab.vue2.js

@@ -58,7 +58,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     const isTestingSpeaker = Vue.ref(false);
     const audioPlayer = document == null ? void 0 : document.createElement("audio");
-    audioPlayer.loop = true;
+    if (audioPlayer && typeof audioPlayer.loop !== "undefined") {
+      audioPlayer.loop = true;
+    }
     const { t } = index.useI18n();
     async function handleSpeakerTest() {
       const SPEAKER_TEST_URL = "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3";

package/lib/components/common/Language.vue.js

@@ -11,6 +11,8 @@ const roomService = require("../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+require("../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "Language",
   setup(__props) {

package/lib/components/common/SwitchTheme.vue.js

@@ -11,6 +11,8 @@ const roomService = require("../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+require("../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "SwitchTheme",
   props: {

package/lib/components/common/base/Select/index.vue2.js

@@ -11,6 +11,8 @@ require("../../../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+require("../../../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {

package/lib/components/common/base/Slider.vue.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    max: number;
+    disabled: boolean;
+    min: number;
+    step: number;
+    modelValue: number;
+}, {}>;
+export default _default;

package/lib/components/common/base/Slider.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Slider_vue_vue_type_script_setup_true_lang = require("./Slider.vue2.js");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const Slider = /* @__PURE__ */ _pluginVue_exportHelper.default(Slider_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b8e901cb"]]);
+exports.default = Slider;

package/lib/components/common/base/Slider.vue2.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Slider",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = Vue.ref(props.modelValue);
+    const thumb = Vue.ref(null);
+    const slider = Vue.ref(null);
+    const track = Vue.ref(null);
+    Vue.watch(value, (newValue) => {
+      emit("update:modelValue", newValue);
+    });
+    Vue.watch(
+      () => props.modelValue,
+      (newValue) => {
+        value.value = newValue;
+      }
+    );
+    const valuePercentage = Vue.computed(() => {
+      return (value.value - props.min) / (props.max - props.min) * 100;
+    });
+    const thumbStyle = Vue.computed(() => {
+      return {
+        left: `${valuePercentage.value}%`
+      };
+    });
+    function handleMousedown(event) {
+      var _a;
+      if (props.disabled) return;
+      (_a = thumb.value) == null ? void 0 : _a.classList.add("slider-thumb-active");
+      handleMousemove(event);
+    }
+    function handleMousemove(event) {
+      var _a, _b;
+      if (props.disabled || !((_a = thumb.value) == null ? void 0 : _a.classList.contains("slider-thumb-active")))
+        return;
+      const sliderRect = (_b = slider.value) == null ? void 0 : _b.getBoundingClientRect();
+      if (sliderRect) {
+        const newValue = (event.clientX - sliderRect.left) / sliderRect.width * (props.max - props.min) + props.min;
+        const steppedValue = Math.round(newValue / props.step) * props.step;
+        const clampedValue = Math.min(Math.max(steppedValue, props.min), props.max);
+        value.value = clampedValue;
+      }
+    }
+    function handleMouseup() {
+      var _a;
+      if (props.disabled) return;
+      (_a = thumb.value) == null ? void 0 : _a.classList.remove("slider-thumb-active");
+    }
+    Vue.onMounted(() => {
+      document.addEventListener("mousemove", handleMousemove);
+      document.addEventListener("mouseup", handleMouseup);
+    });
+    Vue.onUnmounted(() => {
+      document.removeEventListener("mousemove", handleMousemove);
+      document.removeEventListener("mouseup", handleMouseup);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "slider",
+        ref_key: "slider",
+        ref: slider,
+        onMousedown: handleMousedown
+      }, [
+        Vue.createElementVNode("div", {
+          class: "slider-track",
+          ref_key: "track",
+          ref: track,
+          style: Vue.normalizeStyle({ width: valuePercentage.value + "%" })
+        }, null, 4),
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["slider-thumb", { "slider-thumb-disabled": __props.disabled }]),
+          ref_key: "thumb",
+          ref: thumb,
+          style: Vue.normalizeStyle(thumbStyle.value)
+        }, null, 6)
+      ], 544);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/icons/AIIcon.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/common/icons/AIIcon.vue.js

@@ -0,0 +1,21 @@
+"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: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createStaticVNode('<path d="M2.00049 1.99989C2.00032 8.66652 2.00024 15.3332 2 21.9998C8.66667 21.9998 15.3333 21.9999 22 21.9999V1.99996C15.3335 1.99935 8.667 2.00035 2.00049 1.99989Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="16"></path><path d="M2 12H5.18262" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path><path d="M18.7227 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path><path d="M16 7.14014V16.7283" stroke="#4791FF" stroke-width="2" stroke-linejoin="bevel"></path><path d="M7 16.729C7 15.9108 10.2727 7.729 10.2727 7.729C10.2727 7.729 13.5455 15.9108 13.5455 16.729" stroke="#4791FF" stroke-width="2" stroke-linejoin="bevel"></path><path d="M8.5 14H12" stroke="#4791FF " stroke-width="2" stroke-linejoin="bevel"></path>', 6);
+const _hoisted_8 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_8);
+}
+const AIIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = AIIcon;

package/lib/components/common/icons/AISubtitles.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/common/icons/AISubtitles.vue.js

@@ -0,0 +1,26 @@
+"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: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M1.33331 1.33325H14.6666V14.6666H1.33331V1.33325ZM2.66665 2.66659V13.3333H13.3333V2.66659H2.66665ZM3.99998 6.66659C3.99998 5.93021 4.59693 5.33325 5.33331 5.33325H7.33331V6.66659H5.33331V9.33325H7.33331V10.6666H5.33331C4.59693 10.6666 3.99998 10.0697 3.99998 9.33325V6.66659ZM8.66665 6.66659C8.66665 5.93021 9.26358 5.33325 9.99998 5.33325H12V6.66659H9.99998V9.33325H12V10.6666H9.99998C9.26358 10.6666 8.66665 10.0697 8.66665 9.33325V6.66659Z",
+  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 AISubtitlesIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = AISubtitlesIcon;

package/lib/components/common/icons/AITranscription.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/common/icons/AITranscription.vue.js

@@ -0,0 +1,21 @@
+"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: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createStaticVNode('<path d="M14.6666 3.33333L1.33331 3.33333L1.33331 2L14.6666 2V3.33333Z" fill="currentColor"></path><path d="M5.6673 8.66667H1.33331L1.33331 7.33333L5.6673 7.33333V8.66667Z" fill="currentColor"></path><path d="M1.33331 14H5.6673V12.6667H1.33331L1.33331 14Z" fill="currentColor"></path><path d="M10.4006 8.19987V10.9333H13.1333V9.73333H11.6006V8.19987H10.4006Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0006 14.6667C13.3939 14.6667 15.334 12.7266 15.334 10.3333C15.334 7.9401 13.3939 6 11.0006 6C8.6074 6 6.6673 7.9401 6.6673 10.3333C6.6673 12.7266 8.6074 14.6667 11.0006 14.6667ZM11.0006 13.3333C12.6575 13.3333 14.0006 11.9902 14.0006 10.3333C14.0006 8.67648 12.6575 7.33333 11.0006 7.33333C9.34378 7.33333 8.00063 8.67648 8.00063 10.3333C8.00063 11.9902 9.34378 13.3333 11.0006 13.3333Z" fill="currentColor"></path>', 5);
+const _hoisted_7 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_7);
+}
+const AITranscription = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = AITranscription;

package/lib/components/common/icons/BasicBeautyIcon.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/common/icons/BasicBeautyIcon.vue.js

@@ -0,0 +1,41 @@
+"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: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("g", { id: "Frame" }, [
+  /* @__PURE__ */ Vue.createElementVNode("path", {
+    id: "Vector",
+    d: "M12.4895 5.25858L11.5546 5.78718C11.3026 5.92964 11.0013 5.95592 10.7284 5.85925L7.05828 4.55875C6.32422 4.29864 5.58769 4.94039 5.74486 5.70315L6.52523 9.49018C6.5841 9.77587 6.5153 10.073 6.33685 10.3038L3.96988 13.3644C3.49257 13.9815 3.87443 14.8832 4.64981 14.9699L8.51453 15.402C8.8028 15.4342 9.06287 15.59 9.22728 15.829L11.4286 19.0287C11.8692 19.6691 12.84 19.584 13.1624 18.8767L14.7713 15.347C14.8918 15.0827 15.1212 14.8839 15.3999 14.8022L19.3705 13.6382C20.0132 13.4498 20.2018 12.6307 19.7064 12.1802V12.1802",
+    stroke: "currentColor",
+    "stroke-width": "1.7"
+  }),
+  /* @__PURE__ */ Vue.createElementVNode("path", {
+    id: "Vector_2",
+    d: "M14.4872 4.12929L15.1531 3.75286V3.75286C15.7384 3.42193 16.4607 3.85698 16.442 4.52912L16.3273 8.63684C16.3191 8.92817 16.4385 9.20856 16.6541 9.40463L17.4452 10.1239L18.0105 10.638",
+    stroke: "#4791FF",
+    "stroke-width": "1.7",
+    "stroke-linecap": "square"
+  }),
+  /* @__PURE__ */ Vue.createElementVNode("path", {
+    id: "Vector_3",
+    d: "M17.5 17.5L20.5 20.5",
+    stroke: "currentColor",
+    "stroke-width": "1.7"
+  })
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const BasicBeautyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = BasicBeautyIcon;

package/lib/components/common/icons/CloseBeautyIcon.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;