@realsee/dnalogel 2.21.0-dev.6 → 2.21.0-dev.8

package/dist/CSS3DRenderPlugin/Controller.d.ts

@@ -80,5 +80,8 @@ export default class Controller extends CSS3DRender implements BasePlugin.Contro
         appendToElement: (element: HTMLElement) => import("./utils/three/CSS3DRenderer").default;
     };
     getBehindFiveElement(): HTMLElement;
-    isAbsoluteURL(url: string): string;
+    /**
+       * @description: 获取静态资源的url
+    */
+    absoluteUrl(url: string): string;
 }

package/dist/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -7,14 +7,12 @@ export default class EditController extends BaseController {
     type: string;
     polyline: Polyline;
     area: Area;
-    /** 拖动的控制点 */
-    private pressPoint?;
     private hasAppendDashed;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    private hammer?;
     private pointSelector;
+    private deleteDom;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -31,26 +29,28 @@ export default class EditController extends BaseController {
      */
     revokeLine: (_polyline?: Polyline) => void;
     selectPoint(): void;
+    complete(): void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
-    private onPress;
-    /**
-     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-     * 2. 如果有长按点，把长按点位置更新为当前位置
-     */
-    private onPan;
-    private onPanEnd;
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
      * 3. 清除 pointSelector
      */
-    private onTap;
-    /** 存在长按点时不能移动全景 */
-    private onWantsPanGesture;
+    private onSelect;
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     private onCameraUpdate;
     /** 更新虚线 */
     private updateDashed;
+    private wantsTapGesture;
+    private chooseLine;
+    private chooseArea;
+    private highlightArea;
+    private unHighlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private highlightLine;
+    private deleteArea;
+    private deleteLine;
 }

package/dist/PanoMeasurePlugin/Controller/WatchController.d.ts

@@ -14,9 +14,9 @@ export default class WatchController extends BaseController {
     highlightLine(line: Line): void;
     clearHighlightLines(): void;
     private highlightArea;
+    private unHighlightArea;
     private highlightLines;
     private unHighlightLines;
-    private unHighlightArea;
     private onPanStart;
     private onPanEnd;
     private onPan;

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

@@ -12,6 +12,7 @@ import { type UIControllerParams } from '../Modules/UIController';
 import { type GuideControllerParams } from '../Modules/GuideController';
 import { Magnifier } from '../../shared-utils';
 import type { MagnifierParameter } from '../../shared-utils';
+import type Area from '../Model/area';
 export type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
 export interface PanoMeasureParameterType extends Partial<Config> {
     editParams?: EditParameter;
@@ -75,6 +76,7 @@ export default class MeasureController {
     /** 撤销编辑 */
     revoke(): void;
     removePolyline(polyline: Polyline): void;
+    removeArea(area: Area): void;
     removePolylineByID(id: string): void;
     getPolylineByID(id: string): Polyline;
     getEditedPolyline(): void;
@@ -96,6 +98,7 @@ export default class MeasureController {
     /** 导出数据 */
     toJson(): PluginData;
     /**
+     * @deprecated 暂不支持
      * @description 改变插件的模式（pc端模式或移动端模式）
      * @param isMobile true为移动端模式，false为pc端
      */

package/dist/PanoMeasurePlugin/Model/area.d.ts

@@ -18,6 +18,7 @@ export default class Area {
     id: string;
     selected: boolean;
     text?: string;
+    readonly type = "area";
     readonly lightMesh: FiveLine;
     readonly areaItem: AreaItem;
     readonly hook: Subscribe<AreaHook>;
@@ -43,7 +44,14 @@ export default class Area {
         five?: Five;
     });
     addPoints(point: THREE.Vector3): void;
-    refresh(): void;
+    /**
+     * @description: 移除最后一个添加的点
+     */
+    popPoint(): void;
+    /**
+     * @description: 自动补全多边形的各个边
+     */
+    complete(): void;
     hideArea(): void;
     showArea(): void;
     /**

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

@@ -28,6 +28,7 @@ export declare class Model {
     addArea(area: Area): void;
     replacePolylineByID(id: string, polyline: Polyline): void;
     removePolyline(polyline: Polyline): void;
+    removeArea(area: Area): void;
     getPolylineByID(id: string): Polyline;
     getPolylineByLine(line: Line): Polyline;
     getLineByID(id: string): Line;

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

@@ -23,6 +23,8 @@ export default class Line {
     readonly distanceItem: DistanceItem;
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
+    hide(): void;
+    show(): void;
     setPoints(startPoint: THREE.Vector3, endPoint: THREE.Vector3): void;
     remove(): void;
     clear(): void;

package/dist/PanoMeasurePlugin/Model/polygon.d.ts

@@ -1,7 +1,11 @@
 import * as THREE from 'three';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
+export declare const blankGeometry: THREE.BufferGeometry;
 export default class PolygonMesh extends IObject3D {
+    readonly isPolygonMesh = true;
     geometry: THREE.BufferGeometry;
+    isBlank: boolean;
+    points: THREE.Vector3[];
     constructor(points?: THREE.Vector3[]);
     /**
      * @description: 按照新的端点来更新多边形的geometry

package/dist/PanoMeasurePlugin/Modules/DeleteDom/index.d.ts

@@ -6,21 +6,25 @@ export default class DeleteDom {
     private lines;
     private points;
     private onClick;
-    private cancelDelete;
+    private cancel;
     private content;
     private container;
     private masking;
+    private target;
     constructor(five: Five, opts?: {
-        onClick?: (e: MouseEvent) => void;
-        cancelDelete?: (e: MouseEvent) => void;
+        onClick?: (e: MouseEvent, target: any) => void;
+        cancel?: (target: any) => void;
         i18n?: (key: string) => string;
     });
     dispose(): void;
     appendTo(element: Element): this;
     setLines(lines: Line[]): this;
+    setTarget(target: any): this;
     updatePosition(left?: string, top?: string): this;
     hide(): this;
     show(): this;
+    private clickHandler;
+    private cancelHandler;
     private onMouseEnter;
     private onMouseLeave;
 }

package/dist/PanoMeasurePlugin/Modules/UIController/index.d.ts

@@ -3,6 +3,7 @@ export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
     container?: Element;
     mode?: UIMode;
+    pointSelectorMode?: 'fixed' | 'cursor';
     useNewUI?: boolean;
     startButtonText?: string;
     endButtonText?: string;

package/dist/PanoMeasurePlugin/Modules/UIController/style.d.ts

@@ -1,11 +1,3 @@
-export declare const addHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png";
-export declare const addNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png";
-export declare const cancelHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png";
-export declare const cancelNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png";
-export declare const doneHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png";
-export declare const doneNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png";
-export declare const exitImage = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png";
-export declare const revokeImage = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png";
 export declare const uiWrapperStyle: Partial<CSSStyleDeclaration>;
 export declare const operatingSpaceStyle: Partial<CSSStyleDeclaration>;
 export declare const controllerBackgroundStyle: Partial<CSSStyleDeclaration>;

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

@@ -27,6 +27,7 @@ export interface autoEndConfig {
     area?: number | null;
 }
 export type MeasureType = 'line' | 'area';
+export type PointSelectorMode = 'fixed' | 'cursor';
 export interface EditParameter {
     /**
      * @description 选择测量插件的模式
@@ -41,7 +42,7 @@ export interface EditParameter {
      * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来选点，'mouse' 为跟随鼠标移动
      * @default: 'fixed'
      */
-    pointSelectorMode?: 'fixed' | 'cursor';
+    pointSelectorMode?: PointSelectorMode;
     autoEndConfig?: autoEndConfig;
 }
 export interface CrossHairParameter {

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

@@ -24,6 +24,9 @@ type EditEvent = {
     anchorChange: (anchor: Vector3 | null) => void;
     /** 测量类型变更 */
     measureTypeChange: (measureTpe: MeasureType) => void;
+    revoke: (params: {
+        isEmpty: boolean;
+    }) => void;
     /** 差最后一次打点就可以完成完成 */
     readyComplete: () => void;
     /** 一条线段或者一个面积编辑完成 */

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

@@ -2,6 +2,8 @@ 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;
@@ -18,6 +20,8 @@ export declare abstract class ItemDom {
     remove(): void;
     show(): void;
     hide(): void;
+    tempHide(): void;
+    tempShow(): void;
     /**
      * @description: camera update 的时候，更新dom的位置
      */

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

@@ -4,4 +4,4 @@ export declare function getGeometryArea(geometry: THREE.BufferGeometry): number;
 export declare function getGeometryInfo(geometry: THREE.BufferGeometry): {
     center: Vector3;
     area: number;
-};
+} | void;

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/base/BasePlugin.d.ts

@@ -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;
     /**
      * 启用插件，让插件能够响应交互
      */

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;