@realsee/dnalogel 2.21.0 → 2.22.0-dev.0

package/dist/PanoMeasurePlugin/typings/event.type.d.ts

@@ -4,6 +4,7 @@ import type { State } from '../Controller/MixedController';
 import type Line from '../Model/line';
 import type Point from '../Model/point';
 import type { Polyline } from '../Model/polyline';
+import type { MeasureType } from './data';
 type ControllerEvent = {
     enable: (userAction: boolean) => void;
     disable: (userAction: boolean) => void;
@@ -16,13 +17,26 @@ type WatchEvent = {
     selectedChange: (lines: Line[]) => void;
 };
 type EditEvent = {
-    /**
-     * 编辑线条变更
-     */
+    /** 编辑线条变更 */
     editedPolylineChange: (polyline: Polyline) => void;
     /** 编辑中的虚线变更 */
     editedDashedLineChange: (line: Line | null) => void;
     anchorChange: (anchor: Vector3 | null) => void;
+    /** 测量类型变更 */
+    measureTypeChange: (measureTpe: MeasureType) => void;
+    revoke: (params: {
+        isEmpty: boolean;
+    }) => void;
+    /** 点一下按钮就可以完成，如：测距中，差最后一次打点就可以完成线段；测面积中，当前点吸附到了多边形的开始点上，点一下就可以闭合多边形 */
+    readyComplete: () => void;
+    /** 点击了撤销或者其他原因导致刚刚的 readyComplete 失效 */
+    notReadyComplete: () => void;
+    /** 选点 */
+    pointsChange: (points: any[]) => void;
+    /** 一条线段或者一个面积编辑完成 */
+    complete: () => void;
+    /** 测量面积时，是否可以打点的状态是会一直变的 */
+    allowAddPointStateChange: (state: 'allow' | 'forbid') => void;
 };
 type DragEvent = {
     wantsDragLine: (event: {

package/dist/PanoMeasurePlugin/typings/index.d.ts

@@ -1,5 +1,5 @@
 import type { Config as BaseConfig } from '../../base/BasePlugin';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数

package/dist/PanoMeasurePlugin/utils/dom/areaDom.d.ts

@@ -0,0 +1,22 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type { Five } from '@realsee/five';
+import type { BufferGeometry } from 'three';
+import type Area from '../../Model/area';
+interface AreaItemParams extends ItemDomParams {
+    area: Area;
+}
+export declare class AreaItem extends ItemDom {
+    protected params: AreaItemParams;
+    private area;
+    constructor(params: AreaItemParams);
+    /**
+     * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
+     */
+    updateArea(five: Five, _geometry?: BufferGeometry): void;
+    updateAreaText(area: number, config?: {
+        unit?: string;
+        fix?: number;
+    }): void;
+}
+export {};

package/dist/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -0,0 +1,29 @@
+import type { Vector3 } from 'three';
+import type { Five } from '@realsee/five';
+export interface ItemDomParams {
+    clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+    containerStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+}
+export declare abstract class ItemDom {
+    ndcPosition: Vector3 | null;
+    protected contentDom: HTMLElement;
+    protected containerDom: HTMLElement;
+    protected params: ItemDomParams;
+    protected canSelected: boolean;
+    constructor(params: ItemDomParams);
+    handleClick: (e: MouseEvent) => void;
+    setCanSelect(canSelect: boolean): void;
+    highlight(): void;
+    unHighlight(): void;
+    appendTo(container: Element): void;
+    remove(): void;
+    show(): void;
+    hide(): void;
+    tempHide(): void;
+    tempShow(): void;
+    /**
+     * @description: camera update 的时候，更新dom的位置
+     */
+    updateDomPosition(five: Five): void;
+}

package/dist/PanoMeasurePlugin/utils/dom/distanceItem.d.ts

@@ -0,0 +1,27 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type Line from '../../Model/line';
+import type { Five } from '@realsee/five';
+import type { Polyline } from '../../Model/polyline';
+export interface UserDistanceItem {
+    element: Element;
+    highlight: () => void;
+    unHighlight: () => void;
+    update: (params: {
+        line: Line;
+        polyline: Polyline;
+    }) => void;
+}
+interface DistanceItemParams extends ItemDomParams {
+    line: Line;
+    userDistanceItem?: UserDistanceItem;
+}
+export declare class DistanceItem extends ItemDom {
+    protected params: DistanceItemParams;
+    private line;
+    constructor(params: DistanceItemParams);
+    update(five: Five): void;
+    /** 获取内容文本 */
+    getCurrentContent(): string;
+}
+export {};

package/dist/PanoMeasurePlugin/utils/generatePolygonGeometry.d.ts

@@ -0,0 +1,6 @@
+import type { Vector3 } from 'three';
+import * as THREE from 'three';
+/**
+ * @description: 根据多边形的顶点数组生成多边形的 BufferGeometry
+ */
+export default function generatePolygonGeometry(_points: Vector3[]): THREE.BufferGeometry;

package/dist/PanoMeasurePlugin/utils/geometryUtil.d.ts

@@ -0,0 +1,7 @@
+import type * as THREE from 'three';
+import { Vector3 } from 'three';
+export declare function getGeometryArea(geometry: THREE.BufferGeometry): number;
+export declare function getGeometryInfo(geometry: THREE.BufferGeometry): {
+    center: Vector3;
+    area: number;
+} | void;

package/dist/PanoMeasurePlugin/utils/isIntersecting.d.ts

@@ -0,0 +1,15 @@
+interface Point3D {
+    x: number;
+    y: number;
+    z: number;
+}
+interface Line3D {
+    start: Point3D;
+    end: Point3D;
+}
+/**
+ * @description 判断线段是否相交
+ * @todo ai写的一些变量名起的比较怪，懒得改了
+ */
+export default function isIntersecting(line1: Line3D, line2: Line3D | Line3D[]): boolean;
+export {};

package/dist/PanoMeasurePlugin/utils/line.d.ts

@@ -1,6 +1,7 @@
 import type Line from '../Model/line';
 import { Line as FiveLine } from '@realsee/five/line';
-import { Color, Texture, Vector3 } from 'three';
+import type { Texture, Vector3 } from 'three';
+import { Color } from 'three';
 type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];
 export interface ICreateLineOpts extends ISetMaterialOpts {
     hasPoint?: boolean;

package/dist/PanoMeasurePlugin/utils/ndc2Screen.d.ts

@@ -1,4 +1,5 @@
-import { Vector2, Vector3 } from 'three';
+import { Vector2 } from 'three';
+import type { Vector3 } from 'three';
 export default function ndc2Screen(ndcPosition: Vector3, containerSize: {
     width: number;
     height: number;

package/dist/PanoTagPlugin/controller/index.d.ts

@@ -1,8 +1,9 @@
-import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig, PartialObjectDeep } from '../typings';
+import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig } from '../typings';
 import type { PickTagContentTypeInContentTypeConfigKey, TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { type Five } from '@realsee/five';
 import { TagRender } from './TagRender';
+import type { PartialObjectDeep } from '../../typings/typings';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagRender {
     /** state */

package/dist/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -2,8 +2,8 @@ import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/
 import type { Five, Mode } from '@realsee/five';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { MinMax } from './Utils';
-import type { PartialObjectDeep } from './Utils';
 import type { TagInstance } from './TagInstance';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type ConfigFunction = (five: Five, tagState: {
     tag: TagInstance<any>;
     /** 标签点或中心点的到摄像机的距离 */

package/dist/PanoTagPlugin/typings/tag/TagInstance.d.ts

@@ -1,7 +1,7 @@
 import type { Tag } from './Tag';
 import type TagContentSvelte from '../../Components/Tag/index.svelte';
 import type { TagContentType } from './TagData';
-import type { PartialObjectDeep, StickType, TagGLTFObject } from './Utils';
+import type { StickType, TagGLTFObject } from './Utils';
 import type { Create3DDomContainerReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
 import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
@@ -9,6 +9,7 @@ import type { TagEvents } from '../controller';
 import type { TagConfig } from './TagConfig';
 import type { Subscribe } from '@realsee/five';
 import type { SetRequired } from 'type-fest';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type RequiredTag<C extends TagContentType = TagContentType, S extends StickType = StickType> = SetRequired<Tag<C, S>, 'id' | 'data' | 'enabled' | 'config' | 'stickType' | 'contentType'>;
 export type TagInstance<C extends TagContentType = TagContentType, S extends StickType = StickType> = RequiredTag<C, S> & Partial<{
     screenPosition: {

package/dist/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -2,16 +2,12 @@ import type { GLTFObject } from '@realsee/five/gltf-loader';
 import type { Group } from 'three';
 import type { TagContentType } from './TagData';
 import type { ImagePlane } from '../../utils/model/mediaPlane';
-import type { PartialDeep } from 'type-fest';
 import type { TagInstance } from './TagInstance';
 export type TagId = string | number;
 export type ArrayPosition = number[];
 export type Position = ArrayPosition;
 export type PanoIndex = number;
 export type WorkCode = string;
-export type PartialObjectDeep<ObjectType extends object> = {
-    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType]>;
-};
 export interface MinMax {
     min?: number;
     max?: number;

package/dist/base/BasePlugin.d.ts

@@ -21,7 +21,7 @@ interface BaseOptions {
     /** 是否是用户行为 */
     userAction?: boolean;
 }
-export interface Config {
+interface Config {
     /** 静态资源前缀 */
     staticPrefix?: string;
     /** 国际化转换函数 */
@@ -95,7 +95,10 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      * @param options 配置项
      */
     setState?(state: Partial<PluginState>, options?: BaseOptions): void;
-    isAbsoluteURL(url: string): string;
+    /**
+     * @description: 获取静态资源的url
+     */
+    absoluteUrl(url: string): string;
     /**
      * 启用插件，让插件能够响应交互
      */
@@ -109,5 +112,5 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      */
     abstract dispose(): void;
 }
-export type { State, EventMap, BaseOptions };
+export type { State, Config, EventMap, BaseOptions };
 export { Controller };

package/dist/base/BasePluginWithData.d.ts

@@ -1,5 +1,6 @@
 import * as BasePlugin from './BasePlugin';
 type State = BasePlugin.State;
+type Config = BasePlugin.Config;
 interface EventMap<PluginState, PluginData> extends BasePlugin.EventMap<PluginState> {
     /** 数据变更 */
     dataChange: (data: PluginData, prevData?: PluginData) => void;
@@ -30,5 +31,5 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
     /** 把原始数据转化为插件数据 */
     protected abstract formatData?(serverData: PluginServerData): Promise<PluginData>;
 }
-export type { State, EventMap, ServerData };
+export type { State, EventMap, ServerData, Config };
 export { Controller };

package/dist/components/PaintBrush/style.d.ts

@@ -1,2 +1,2 @@
-declare const PaintBrushStyle = "\n<style type=\"text/css\">\n\n#_gl_paintBrush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n#_gl_paintBrush.brushing {\n  opacity: 1;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/revoke.ab7694ef.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/exit_paintbrush.02bc1341.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n";
+declare const PaintBrushStyle = "\n<style type=\"text/css\">\n\n#_gl_paintBrush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n#_gl_paintBrush.brushing {\n  opacity: 1;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjQ1LjY3NTI0OCUiIHgyPSItMTYuOTYxMDIzJSIgeTI9Ijg0LjIzODQxOTglIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjMwMzY3Njc5MiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtNzQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDAuMDAwMDAwLCA3NDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAyLjk5MDY1OSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwzLjc1ODc1NzA5IEw5Ljg0Mzc1LDMuNzU4NzU3MDkgQzEyLjY5MTQ2ODIsMy43NTg3NTcwOSAxNSw2LjA2NzI4ODg1IDE1LDguOTE1MDA3MDkgQzE1LDExLjc2MjcyNTMgMTIuNjkxNDY4MiwxNC4wNzEyNTcxIDkuODQzNzUsMTQuMDcxMjU3MSBMMSwxNC4wNzEyNTcxIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjMuNzkwMjI3MDcgNy41Mzk2NjA2NCAwIDMuNzU4NzU3MDkgMy43OTAyMjcwNyAwIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjAyMDY5MyUiIHkxPSItMTMuNzMzMzc1MSUiIHgyPSI1MCUiIHkyPSIxMTQuMTEwOTk0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC42MDEwNDM0ODgiIG9mZnNldD0iNDkuMzA4NDg4MiUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iNTUuOTY4MTUzNSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LC0yLjk4ODE2NTY4IEM3LjUxMjgzNTg0LC0yLjk4ODE2NTY4IDcuOTM1NTA3MTYsLTIuNjAyMTI1NDkgNy45OTMyNzIyNywtMi4xMDQ3ODY4MSBMOCwtMS45ODgxNjU2OCBMOCwxMy45OTgxMTQ2IEM4LDE0LjU1MDM5OTMgNy41NTIyODQ3NSwxNC45OTgxMTQ2IDcsMTQuOTk4MTE0NiBDNi40ODcxNjQxNiwxNC45OTgxMTQ2IDYuMDY0NDkyODQsMTQuNjEyMDc0NCA2LjAwNjcyNzczLDE0LjExNDczNTcgTDYsMTMuOTk4MTE0NiBMNiwtMS45ODgxNjU2OCBDNiwtMi41NDA0NTA0MyA2LjQ0NzcxNTI1LC0yLjk4ODE2NTY4IDcsLTIuOTg4MTY1NjggWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDYuMDA0OTc0KSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuMDA0OTc0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywtMi45ODgxNjU2OCBDNy41MTI4MzU4NCwtMi45ODgxNjU2OCA3LjkzNTUwNzE2LC0yLjYwMjEyNTQ5IDcuOTkzMjcyMjcsLTIuMTA0Nzg2ODEgTDgsLTEuOTg4MTY1NjggTDgsMTMuOTk4MTE0NiBDOCwxNC41NTAzOTkzIDcuNTUyMjg0NzUsMTQuOTk4MTE0NiA3LDE0Ljk5ODExNDYgQzYuNDg3MTY0MTYsMTQuOTk4MTE0NiA2LjA2NDQ5Mjg0LDE0LjYxMjA3NDQgNi4wMDY3Mjc3MywxNC4xMTQ3MzU3IEw2LDEzLjk5ODExNDYgTDYsLTEuOTg4MTY1NjggQzYsLTIuNTQwNDUwNDMgNi40NDc3MTUyNSwtMi45ODgxNjU2OCA3LC0yLjk4ODE2NTY4IFoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA2LjAwNDk3NCkgcm90YXRlKC0xMzUuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNi4wMDQ5NzQpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n";
 export default PaintBrushStyle;