@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.0

package/es/components/Whiteboard/ToolBox/Image/SizeLarge.svg.mjs

@@ -0,0 +1,4 @@
+const SizeLarge = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'%20fill='%231D2029'%20style='fill:%231D2029;fill:color(display-p3%200.1137%200.1255%200.1608);fill-opacity:1;'/%3e%3c/svg%3e";
+export {
+  SizeLarge as default
+};

package/es/components/Whiteboard/ToolBox/Image/SizeMid.svg.mjs

@@ -0,0 +1,4 @@
+const SizeMid = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='4'%20cy='4'%20r='4'%20fill='%231D2029'%20style='fill:%231D2029;fill:color(display-p3%200.1137%200.1255%200.1608);fill-opacity:1;'/%3e%3c/svg%3e";
+export {
+  SizeMid as default
+};

package/es/components/Whiteboard/ToolBox/Image/SizeSmall.svg.mjs

@@ -0,0 +1,4 @@
+const SizeSmall = "data:image/svg+xml,%3csvg%20width='4'%20height='4'%20viewBox='0%200%204%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='2'%20cy='2'%20r='2'%20fill='%231D2029'%20style='fill:%231D2029;fill:color(display-p3%200.1137%200.1255%200.1608);fill-opacity:1;'/%3e%3c/svg%3e";
+export {
+  SizeSmall as default
+};

package/es/components/Whiteboard/ToolBox/Image/StyleDashed.svg.mjs

@@ -0,0 +1,4 @@
+const Dashed = "data:image/svg+xml,%3csvg%20width='18'%20height='2'%20viewBox='0%200%2018%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201.00006L17%201.00006'%20stroke='%231D2029'%20style='stroke:%231D2029;stroke:color(display-p3%200.1137%200.1255%200.1608);stroke-opacity:1;'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-dasharray='3%203'/%3e%3c/svg%3e";
+export {
+  Dashed as default
+};

package/es/components/Whiteboard/ToolBox/Image/StyleSolid.svg.mjs

@@ -0,0 +1,4 @@
+const Solid = "data:image/svg+xml,%3csvg%20width='18'%20height='2'%20viewBox='0%200%2018%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201.00006L17%201.00006'%20stroke='%231D2029'%20style='stroke:%231D2029;stroke:color(display-p3%200.1137%200.1255%200.1608);stroke-opacity:1;'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e";
+export {
+  Solid as default
+};

package/es/components/Whiteboard/ToolBox/Image/WhiteIcon.svg.mjs

@@ -0,0 +1,4 @@
+const WhiteIcon = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='7'%20cy='7'%20r='6.25'%20fill='white'%20stroke='%23EAEEF3'%20style='fill:white;fill-opacity:1;stroke:%23EAEEF3;stroke:color(display-p3%200.9184%200.9321%200.9542);stroke-opacity:1;'%20stroke-width='0.5'/%3e%3c/svg%3e";
+export {
+  WhiteIcon as default
+};

package/es/components/Whiteboard/ToolBox/Image/YellowIcon.svg.mjs

@@ -0,0 +1,4 @@
+const YellowIcon = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='7'%20cy='7'%20r='6.25'%20fill='%23FFD260'%20stroke='%23F5C342'%20style='fill:%23FFD260;fill:color(display-p3%201.0000%200.8250%200.3750);fill-opacity:1;stroke:%23F5C342;stroke:color(display-p3%200.9625%200.7639%200.2607);stroke-opacity:1;'%20stroke-width='0.5'/%3e%3c/svg%3e";
+export {
+  YellowIcon as default
+};

package/es/components/Whiteboard/ToolBox/ImageButton.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/ImageButton.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 ImageIcon from "./Icon/ImageIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: DrawingTool.Image
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: ImageIcon
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/es/components/Whiteboard/ToolBox/LaserButton.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/LaserButton.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 LaserIcon from "./Icon/LaserIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LaserButton",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onClick = () => {
+      if (props.activeTool === DrawingTool.Laser) {
+        return;
+      }
+      emit("click", {
+        drawingTool: DrawingTool.Laser
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(LaserIcon, {
+            class: normalizeClass({ "whiteboard-icon-active": __props.activeTool === unref(DrawingTool).Laser })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,14 @@
+import { ToolSettings } from './../../type';
+
+declare const _default: import('vue').DefineComponent<{
+    activeTool: StringConstructor;
+    changeTool: 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;
+    changeTool: StringConstructor;
+}>> & {
+    onClick?: ((toolSetting: ToolSettings) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,165 @@
+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 PencilIcon from "../Icon/PencilIcon.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";
+const _hoisted_1 = {
+  key: 0,
+  class: "pen-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,
+    changeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const lineSizes = [
+      { icon: SizeSmall, size: 1 },
+      { icon: SizeMid, size: 2 },
+      { icon: SizeBig, size: 5 },
+      { icon: SizeLarge, size: 10 }
+    ];
+    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 }
+    ];
+    function handleHideButtonSetting() {
+      if (props.activeTool === DrawingTool.Pencil) {
+        showSettings.value = false;
+      }
+    }
+    const showSettings = ref(false);
+    const props = __props;
+    const toolSetting = reactive({
+      drawingTool: DrawingTool.Pencil,
+      shapeOptions: {
+        strokeWidth: 5,
+        stroke: "#22262E"
+      }
+    });
+    const emit = __emit;
+    watch(
+      () => props.activeTool,
+      () => {
+        showSettings.value = false;
+      }
+    );
+    watch(
+      () => props.changeTool,
+      () => {
+        if (props.changeTool === DrawingTool.Pencil) {
+          emit("click", toolSetting);
+        }
+      }
+    );
+    const onClick = () => {
+      showSettings.value = !showSettings.value;
+      emit("click", toolSetting);
+    };
+    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(PencilIcon, {
+            class: normalizeClass({ "whiteboard-icon-active": __props.activeTool === unref(DrawingTool).Pencil })
+          }, null, 8, ["class"]),
+          showSettings.value && __props.activeTool === unref(DrawingTool).Pencil ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("Line 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)("Line 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/Pencil/index.vue2.mjs

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

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

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{
+    step: NumberConstructor;
+    historyListLength: NumberConstructor;
+}, {}, 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<{
+    step: NumberConstructor;
+    historyListLength: NumberConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, createVNode, normalizeClass } from "vue";
+import { DrawingTool } from "../type.mjs";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import RedoIcon from "./Icon/RedoIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RedoButton",
+  props: {
+    step: Number,
+    historyListLength: Number
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const isRedoDisabled = computed(() => {
+      return props.step >= props.historyListLength;
+    });
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: DrawingTool.Redo
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(RedoIcon, {
+            class: normalizeClass({ "tool-disabled": isRedoDisabled.value })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/es/components/Whiteboard/ToolBox/RetractButton.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/RetractButton.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 RetractIcon from "./Icon/RetractIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RetractButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: DrawingTool.Retract
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(IconButton, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: RetractIcon
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{
+    activeTool: StringConstructor;
+    changeTool: 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;
+    changeTool: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

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

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

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

package/es/components/Whiteboard/ToolBox/Shape/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;