@solostylist/image-editor 1.0.0 → 1.0.2

package/lib/components/layers/transformers-layer/nodes-transformer.js

@@ -1 +1 @@
-import{useMemo}from"react";import{Transformer}from"react-konva";import{CHANGE_POINTER_ICON,ENABLE_TEXT_CONTENT_EDIT}from"actions";import{useStore}from"hooks";import{NODES_TRANSFORMER_ID,POINTER_ICONS,TOOLS_IDS}from"utils/constants";var NodesTransformer=function(){var a,b=useStore(),c=b.selectionsIds,d=void 0===c?[]:c,e=b.theme,f=b.designLayer,g=b.dispatch,h=b.config.useCloudimage,i=useMemo(function(){return null!==f&&void 0!==f&&f.findOne?d.map(function(a){return f.findOne("#".concat(a))}).filter(Boolean):[]},[d]),j=function(){1===i.length&&i[0].name()===TOOLS_IDS.TEXT&&g({type:ENABLE_TEXT_CONTENT_EDIT,payload:{textIdOfEditableContent:i[0].id()}})},k=h?["top-left","bottom-left","top-right","bottom-right"]:void 0;return React.createElement(Transformer,{id:NODES_TRANSFORMER_ID,centeredScaling:!1,rotationSnaps:[0,45,90,135,180,225,270,315],nodes:i,rotateAnchorOffset:30,anchorSize:14,anchorCornerRadius:7,padding:1===i.length?null!==(a=i[0].attrs.padding)&&void 0!==a?a:1:1,ignoreStroke:!1,anchorStroke:e.palette.primary.main,anchorFill:e.palette.common.white,anchorStrokeWidth:2,borderStroke:e.palette.primary.main,borderStrokeWidth:2,borderDash:[4],rotateEnabled:!h,onMouseOver:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.MOVE}})},onMouseLeave:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAW}})},onDblClick:j,onDblTap:j,enabledAnchors:k,flipEnabled:!h,shouldOverdrawWholeArea:!0})};export default NodesTransformer;
+import{useMemo}from"react";import{Transformer}from"react-konva";import{CHANGE_POINTER_ICON,ENABLE_TEXT_CONTENT_EDIT}from"actions";import{useStore}from"hooks";import{NODES_TRANSFORMER_ID,POINTER_ICONS,TOOLS_IDS}from"utils/constants";var NodesTransformer=function(){var a,b=useStore(),c=b.selectionsIds,d=void 0===c?[]:c,e=b.theme,f=b.designLayer,g=b.dispatch,h=useMemo(function(){return null!==f&&void 0!==f&&f.findOne?d.map(function(a){return f.findOne("#".concat(a))}).filter(function(a){return!!a}):[]},[d,f]),i=function(){1===h.length&&h[0].name()===TOOLS_IDS.TEXT&&g({type:ENABLE_TEXT_CONTENT_EDIT,payload:{textIdOfEditableContent:h[0].id()}})};return React.createElement(Transformer,{id:NODES_TRANSFORMER_ID,centeredScaling:!1,rotationSnaps:[0,45,90,135,180,225,270,315],nodes:h,rotateAnchorOffset:30,anchorSize:14,anchorCornerRadius:7,padding:1===h.length?null!==(a=h[0].attrs.padding)&&void 0!==a?a:1:1,ignoreStroke:!1,anchorStroke:e.palette.primary.main,anchorFill:e.palette.common.white,anchorStrokeWidth:2,borderStroke:e.palette.primary.main,borderStrokeWidth:2,borderDash:[4],rotateEnabled:!0,onMouseOver:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.MOVE}})},onMouseLeave:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAW}})},onDblClick:i,onDblTap:i,flipEnabled:!0,shouldOverdrawWholeArea:!0})};export default NodesTransformer;

package/lib/components/layers/transformers-layer/transformers-layer.utils.d.ts

@@ -0,0 +1,42 @@
+import { Box } from 'konva/lib/shapes/Transformer';
+import type { Dimensions } from 'types/common';
+interface AnnotationDimensions {
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    radiusX?: number;
+    radiusY?: number;
+}
+interface AllowedArea {
+    width: number;
+    height: number;
+    abstractX: number;
+    abstractY: number;
+    scaledBy: number;
+}
+interface CropRestrictions {
+    noScale?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    lockCropAreaAt?: string;
+}
+export declare const boundDragging: (newDimensions: AnnotationDimensions, allowedArea: {
+    width: number;
+    height: number;
+}) => {
+    x: number;
+    y: number;
+};
+export declare const getPositionByPlaceLabel: (position: string, allowedArea: {
+    width: number;
+    height: number;
+}, currentDimensions: Dimensions) => {
+    x: number;
+    y: number;
+};
+export declare const boundResizing: (oldDimensions: Box, newDimensions: Box, allowedArea: AllowedArea, ratio: number | undefined, cropRestrictions?: CropRestrictions) => Box;
+export {};
+//# sourceMappingURL=transformers-layer.utils.d.ts.map

package/lib/components/layers/transformers-layer/transformers-layer.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers-layer.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/transformers-layer/transformers-layer.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAInD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,oBAAoB;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,GACxB,eAAe,oBAAoB,EACnC,aAAa;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,KAC7C;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CASxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,UAAU,MAAM,EAChB,aAAa;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC9C,mBAAmB,UAAU,KAC5B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAoBxB,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,eAAe,GAAG,EAClB,eAAe,GAAG,EAClB,aAAa,WAAW,EACxB,OAAO,MAAM,GAAG,SAAS,EACzB,mBAAkB,gBAAqB,KACtC,GA0GF,CAAC"}

package/lib/components/main-canvas/canvas-node.d.ts

@@ -0,0 +1,6 @@
+interface CanvasNodeProps {
+    children: React.ReactNode;
+}
+declare const _default: import("react").MemoExoticComponent<({ children }: CanvasNodeProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=canvas-node.d.ts.map

package/lib/components/main-canvas/canvas-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-node.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/canvas-node.tsx"],"names":[],"mappings":"AAuBA,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;2EAEiC,eAAe;AA2NjD,wBAAgC"}

package/lib/components/main-canvas/canvas-node.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Konva from"konva";import{memo,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Stage,useStrictMode}from"react-konva";import{CHANGE_POINTER_ICON,CLEAR_ANNOTATIONS_SELECTIONS,ZOOM_CANVAS}from"actions";import{useStore}from"hooks";import{DEFAULT_ZOOM_FACTOR,POINTER_ICONS,TABS_IDS,TOOLS_IDS}from"utils/constants";import{endTouchesZooming,zoomOnTouchesMove}from"./touch-zooming-events";var ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR=.006,CanvasNode=function(a){var b=a.children;useStrictMode(!0);var c=useRef(null),d=useStore(),f=d.dispatch,g=d.pointerCssIcon,h=d.tabId,i=d.toolId,j=d.canvasWidth,k=d.canvasHeight,l=d.canvasScale,m=d.selectionsIds,n=void 0===m?[]:m,o=d.zoom,p=void 0===o?{}:o,q=d.config,r=q.previewPixelRatio,s=q.disableZooming;Konva.pixelRatio=r;var t=DEFAULT_ZOOM_FACTOR,u=!s&&i!==TOOLS_IDS.CROP,v=useState(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useMemo(function(){return{cursor:g===POINTER_ICONS.DEFAULT&&h===TABS_IDS.ANNOTATE?POINTER_ICONS.DRAW:g}},[h,g]),A=function(a){f({type:ZOOM_CANVAS,payload:a})},B=useCallback(function(a){var b,c;a.evt.preventDefault(),null===(b=(c=a.currentTarget).container)||void 0===b||b.call(c).focus(),a.target instanceof Konva.Stage&&0<n.length&&f({type:CLEAR_ANNOTATIONS_SELECTIONS})},[n]),C=function(){return y(h!==TABS_IDS.ANNOTATE||h===TABS_IDS.WATERMARK)},D=function(a){("Space"===a.code||"Control"===a.key)&&!a.repeat&&p.factor>t&&u&&(a.preventDefault(),y(!0),f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAG}}))},E=function(a){"Space"===a.code&&(a.preventDefault(),C())},F=function(){c.current&&c.current.container().focus()};useEffect(function(){f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS[x?"DRAG":"DEFAULT"]}})},[x]),useEffect(function(){y(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t);var a;return c.current&&(a=c.current.container(),a.addEventListener("mouseenter",F),a.addEventListener("keydown",D),a.addEventListener("keyup",E)),function(){a&&(a.removeEventListener("mouseenter",F),a.removeEventListener("keydown",D),a.removeEventListener("keyup",E))}},[h,p.factor,t]);var G=l*(u&&p.factor||t);return React.createElement(Stage,{tabIndex:-1,ref:c,width:j,height:k,scaleX:G,scaleY:G,x:u&&p.x||null,y:u&&p.y||null,zoomFactor:u&&p.factor||t,onWheel:u?function(a){a.evt.preventDefault();var b=(p.factor||t)+a.evt.deltaY*-ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR,c=a.currentTarget.getPointerPosition();A(_objectSpread(_objectSpread({},c),{},{factor:b}))}:void 0,onTap:B,onClick:B,onTouchMove:u?function(a){return zoomOnTouchesMove(a,A)}:void 0,onDragStart:function(a){var b;1<(null===(b=a.evt.touches)||void 0===b?void 0:b.length)&&y(!1)},onTouchEnd:u?function(){endTouchesZooming(C)}:void 0,dragBoundFunc:function(a){var b=Math.min(0,Math.max(a.x,j*(1-p.factor))),c=Math.min(0,Math.max(a.y,k*(1-p.factor)));return{x:b,y:c}},draggable:u&&x,onDragEnd:function(a){a.currentTarget.draggable()&&"stage"===a.target.nodeType.toLowerCase()&&u&&x&&A({factor:p.factor,x:a.target.x(),y:a.target.y(),preparedDimensions:!0})},style:_objectSpread(_objectSpread({},z),{},{outline:"none",backgroundColor:"var(--s-palette-background-paper)"})},b)};export default memo(CanvasNode);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Konva from"konva";import{memo,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Stage,useStrictMode}from"react-konva";import{CHANGE_POINTER_ICON,CLEAR_ANNOTATIONS_SELECTIONS,ZOOM_CANVAS}from"actions";import{useStore}from"hooks";import{DEFAULT_ZOOM_FACTOR,POINTER_ICONS,TABS_IDS,TOOLS_IDS}from"utils/constants";import{endTouchesZooming,zoomOnTouchesMove}from"./touch-zooming-events";var ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR=.006,CanvasNode=function(a){var b=a.children;useStrictMode(!0);var c=useRef(null),d=useStore(),f=d.dispatch,g=d.pointerCssIcon,h=d.tabId,i=d.toolId,j=d.canvasWidth,k=d.canvasHeight,l=d.canvasScale,m=d.selectionsIds,n=void 0===m?[]:m,o=d.zoom,p=void 0===o?{}:o,q=d.config,r=q.previewPixelRatio,s=q.disableZooming;Konva.pixelRatio=r;var t=DEFAULT_ZOOM_FACTOR,u=!s&&i!==TOOLS_IDS.CROP,v=useState(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useMemo(function(){return{cursor:g===POINTER_ICONS.DEFAULT&&h===TABS_IDS.ANNOTATE?POINTER_ICONS.DRAW:g}},[h,g]),A=function(a){f({type:ZOOM_CANVAS,payload:a})},B=useCallback(function(a){var b;a.evt.preventDefault();var c=a.currentTarget;null===(b=c.container)||void 0===b||b.call(c).focus(),a.target instanceof Konva.Stage&&0<n.length&&f({type:CLEAR_ANNOTATIONS_SELECTIONS})},[n]),C=function(){return y(h!==TABS_IDS.ANNOTATE||h===TABS_IDS.WATERMARK)},D=function(a){("Space"===a.code||"Control"===a.key)&&!a.repeat&&p.factor>t&&u&&(a.preventDefault(),y(!0),f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAG}}))},E=function(a){"Space"===a.code&&(a.preventDefault(),C())},F=function(){c.current&&c.current.container().focus()};useEffect(function(){f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS[x?"DRAG":"DEFAULT"]}})},[x]),useEffect(function(){y(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t);var a;return c.current&&(a=c.current.container(),a.addEventListener("mouseenter",F),a.addEventListener("keydown",D),a.addEventListener("keyup",E)),function(){a&&(a.removeEventListener("mouseenter",F),a.removeEventListener("keydown",D),a.removeEventListener("keyup",E))}},[h,p.factor,t]);var G=l*(u&&p.factor||t);return React.createElement(Stage,{tabIndex:-1,ref:c,width:j,height:k,scaleX:G,scaleY:G,x:u&&p.x||null,y:u&&p.y||null,zoomFactor:u&&p.factor||t,onWheel:u?function(a){a.evt.preventDefault();var b=a.currentTarget,c=b.getPointerPosition();if(c){var d=(p.factor||t)+a.evt.deltaY*-ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR;A(_objectSpread(_objectSpread({},c),{},{factor:d}))}}:void 0,onTap:B,onClick:B,onTouchMove:u?function(a){return zoomOnTouchesMove(a,A)}:void 0,onDragStart:function(a){var b;1<(null===(b=a.evt.touches)||void 0===b?void 0:b.length)&&y(!1)},onTouchEnd:u?function(){endTouchesZooming(C)}:void 0,dragBoundFunc:function(a){var b=Math.min(0,Math.max(a.x,j*(1-p.factor))),c=Math.min(0,Math.max(a.y,k*(1-p.factor)));return{x:b,y:c}},draggable:u&&x,onDragEnd:function(a){a.currentTarget.draggable()&&"stage"===a.target.nodeType.toLowerCase()&&u&&x&&A({factor:p.factor,x:a.target.x(),y:a.target.y(),preparedDimensions:!0})},style:_objectSpread(_objectSpread({},z),{},{outline:"none",backgroundColor:"var(--s-palette-background-paper)"})},b)};export default memo(CanvasNode);

package/lib/components/main-canvas/index.d.ts

@@ -0,0 +1,3 @@
+declare const MainCanvas: () => import("react/jsx-runtime").JSX.Element;
+export default MainCanvas;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/main-canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU,+CA0Df,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/main-canvas/index.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useRef}from"react";import{Box}from"@mui/material";import{SET_CANVAS_SIZE}from"actions";import{DesignLayer,TransformersLayer}from"components/layers";import NodeControls from"components/node-controls";import{AppProviderOverridenValue}from"context";import{useResizeObserver,useStore}from"hooks";import CanvasNode from"./canvas-node";var MainCanvas=function(){var a,b=useResizeObserver(),c=_slicedToArray(b,1),d=c[0],e=useStore(),f=useRef(null),g=useCallback(function(a){var b=a.width,c=a.height;e.dispatch({type:SET_CANVAS_SIZE,payload:{canvasWidth:b,canvasHeight:c}})},[]);return useEffect(function(){d(f.current,g)},[]),React.createElement(Box,{sx:{width:"100%",position:"relative",height:"calc(100% - 112px - 16px)",overflow:"hidden",minHeight:"350px",flexGrow:1,my:2},className:"FIE_canvas-container",ref:f},!e.textIdOfEditableContent&&React.createElement(NodeControls,null),e.isShowOriginalImage&&React.createElement("img",{style:{maxWidth:"98%",maxHeight:"98%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},src:null===(a=e.originalImage)||void 0===a?void 0:a.src}),React.createElement(CanvasNode,null,React.createElement(AppProviderOverridenValue,{overridingValue:e},React.createElement(DesignLayer,null),React.createElement(TransformersLayer,null))))};export default MainCanvas;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useRef}from"react";import{Box}from"@mui/material";import{SET_CANVAS_SIZE}from"actions";import{DesignLayer,TransformersLayer}from"components/layers";import NodeControls from"components/node-controls";import{AppProviderOverridenValue}from"context";import{useResizeObserver,useStore}from"hooks";import CanvasNode from"./canvas-node";var MainCanvas=function(){var a,b=useResizeObserver(),c=_slicedToArray(b,1),d=c[0],e=useStore(),f=useRef(null),g=useCallback(function(a){var b=a.width,c=a.height;e.dispatch({type:SET_CANVAS_SIZE,payload:{canvasWidth:b,canvasHeight:c}})},[]);return useEffect(function(){d(f.current,g)},[]),React.createElement(Box,{height:"calc(100vh - 60px - 120px)",position:"relative",flexGrow:1,ref:f},!e.textIdOfEditableContent&&React.createElement(NodeControls,null),e.isShowOriginalImage&&React.createElement("img",{style:{maxWidth:"98%",maxHeight:"98%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},src:null===(a=e.originalImage)||void 0===a?void 0:a.src}),React.createElement(CanvasNode,null,React.createElement(AppProviderOverridenValue,{overridingValue:e},React.createElement(DesignLayer,null),React.createElement(TransformersLayer,null))))};export default MainCanvas;

package/lib/components/main-canvas/touch-zooming-events.d.ts

@@ -0,0 +1,11 @@
+interface ZoomData {
+    x: number;
+    y: number;
+    factor: number;
+    preparedDimensions: boolean;
+}
+type SaveZoomFn = (zoomData: ZoomData) => void;
+export declare const zoomOnTouchesMove: (e: any, saveZoomFn: SaveZoomFn) => void;
+export declare const endTouchesZooming: (cb?: () => void) => void;
+export {};
+//# sourceMappingURL=touch-zooming-events.d.ts.map

package/lib/components/main-canvas/touch-zooming-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch-zooming-events.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/touch-zooming-events.ts"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;AAe/C,eAAO,MAAM,iBAAiB,GAAI,GAAG,GAAG,EAAE,YAAY,UAAU,KAAG,IAiElE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,IAAI,KAAG,IAMnD,CAAC"}

package/lib/components/node-controls/index.d.ts

@@ -0,0 +1,3 @@
+declare const NodeControls: () => import("react/jsx-runtime").JSX.Element | null;
+export default NodeControls;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/node-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-controls/index.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,YAAY,sDAoFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/node-controls/index.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{ContentCopy,DeleteOutlined}from"@mui/icons-material";import{SFlexBox,SIconButton}from"@solostylist/ui-kit/core";import{useEffect,useMemo,useState}from"react";import{DUPLICATE_ANNOTATIONS,REMOVE_ANNOTATIONS}from"actions";import{useStore}from"hooks";import{NODES_TRANSFORMER_ID,WATERMARK_ANNOTATION_ID}from"utils/constants";import debounce from"utils/debounce";var NodeControls=function(){var a=useStore(),b=a.selectionsIds,c=void 0===b?[]:b,d=a.designLayer,e=a.annotations,f=a.dispatch,g=useState({left:0,top:0}),h=_slicedToArray(g,2),i=h[0],j=h[1],k=useMemo(function(){var a;return null===d||void 0===d||null===(a=d.getStage())||void 0===a?void 0:a.findOne("#".concat(NODES_TRANSFORMER_ID))},[d]),l=c.length,m=debounce(function(){k&&j({left:(k.x()+k.width()/2)*k.scaleX(),top:(k.y()+k.height())*k.scaleY()})},0);if(useEffect(function(){m()},[c,k,e]),0===l||!k)return null;return React.createElement(SFlexBox,{sx:{position:"absolute",zIndex:1,bgcolor:"background.paper",borderRadius:4,alignItems:"center",justifyContent:"center",top:(i.top||0)+8,left:(i.left||0)+4,transform:"translateX(-50%)",gap:1,p:1}},c[0]!==WATERMARK_ANNOTATION_ID&&React.createElement(SIconButton,{onClick:function(){f({type:DUPLICATE_ANNOTATIONS,payload:{annotationsIds:c}})}},React.createElement(ContentCopy,null)),React.createElement(SIconButton,{onClick:function(){f({type:REMOVE_ANNOTATIONS,payload:{annotationsIds:c}})},color:"error"},React.createElement(DeleteOutlined,null)))};export default NodeControls;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{ContentCopy,DeleteOutlined}from"@mui/icons-material";import{SFlexBox,SIconButton}from"@solostylist/ui-kit/core";import{useEffect,useMemo,useState}from"react";import{DUPLICATE_ANNOTATIONS,REMOVE_ANNOTATIONS}from"actions";import{useStore}from"hooks";import{NODES_TRANSFORMER_ID,WATERMARK_ANNOTATION_ID}from"utils/constants";import debounce from"utils/debounce";var NodeControls=function(){var a=useStore(),b=a.selectionsIds,c=void 0===b?[]:b,d=a.designLayer,e=a.annotations,f=a.dispatch,g=useState({left:0,top:0}),h=_slicedToArray(g,2),i=h[0],j=h[1],k=useMemo(function(){var a,b=d;return null===b||void 0===b||null===(a=b.getStage())||void 0===a?void 0:a.findOne("#".concat(NODES_TRANSFORMER_ID))},[d]),l=c.length,m=debounce(function(){k&&j({left:(k.x()+k.width()/2)*k.scaleX(),top:(k.y()+k.height())*k.scaleY()})},0);if(useEffect(function(){m()},[c,k,e]),0===l||!k)return null;return React.createElement(SFlexBox,{sx:{position:"absolute",zIndex:1,bgcolor:"background.paper",borderRadius:4,alignItems:"center",justifyContent:"center",top:(i.top||0)+8,left:(i.left||0)+4,transform:"translateX(-50%)",gap:1,p:1}},c[0]!==WATERMARK_ANNOTATION_ID&&React.createElement(SIconButton,{onClick:function(){f({type:DUPLICATE_ANNOTATIONS,payload:{annotationsIds:c}})}},React.createElement(ContentCopy,null)),React.createElement(SIconButton,{onClick:function(){f({type:REMOVE_ANNOTATIONS,payload:{annotationsIds:c}})},color:"error"},React.createElement(DeleteOutlined,null)))};export default NodeControls;

package/lib/components/tabs/index.d.ts

@@ -0,0 +1,6 @@
+interface TabsProps {
+    toggleMainMenu?: (open: boolean) => void;
+}
+declare const Tabs: ({ toggleMainMenu }: TabsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AASA,UAAU,SAAS;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,IAAI,GAAI,oBAAoB,SAAS,mDAkE1C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tabs/index.js

@@ -1 +1 @@
-import{STabs}from"@solostylist/ui-kit/core";import{useCallback,useMemo}from"react";import{SELECT_TAB}from"actions";import{useStore}from"hooks";import{AVAILABLE_TABS}from"./tabs.constants";var Tabs=function(a){var b=a.toggleMainMenu,c=useStore(),d=c.t,e=c.tabId,f=void 0===e?null:e,g=c.dispatch,h=c.config,i=h.defaultTabId,j=h.tabsIds,k=h.useCloudimage,l=useCallback(function(a,c){g({type:SELECT_TAB,payload:{tabId:c}}),null===b||void 0===b||b(!1)},[g,b]),m=useMemo(function(){var a=[],b=Array.isArray(j)?j:Object.keys(j||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return a&&(!a.hideFn||!a.hideFn({useCloudimage:k}))}).map(function(a){return{label:d(a.labelKey),icon:React.createElement(a.icon,null),value:a.id,iconPosition:"top"}})},[j,k,d]);return 1>=m.length?null:React.createElement(STabs,{tabs:m,activeTab:f||i,onTabChange:l,orientation:"vertical",variant:"scrollable",scrollButtons:"auto"})};export default Tabs;
+import{STabs}from"@solostylist/ui-kit/core";import{useCallback,useMemo}from"react";import{SELECT_TAB}from"actions";import{useStore}from"hooks";import{AVAILABLE_TABS}from"./tabs.constants";var Tabs=function(a){var b=a.toggleMainMenu,c=useStore(),d=c.t,e=c.tabId,f=void 0===e?null:e,g=c.dispatch,h=c.config,i=h.defaultTabId,j=h.tabsIds,k=useCallback(function(a,c){g({type:SELECT_TAB,payload:{tabId:c}}),null===b||void 0===b||b(!1)},[g,b]),l=useMemo(function(){var a=[],b=Array.isArray(j)?j:Object.keys(j||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return!!a}).map(function(a){return{label:d(a.labelKey),icon:React.createElement(a.icon,null),value:a.id,iconPosition:"top"}})},[j,d]);return 1>=l.length?null:React.createElement(STabs,{sx:{minWidth:120,width:120},tabs:l,activeTab:f||i,onTabChange:k,orientation:"vertical",variant:"scrollable",scrollButtons:"auto"})};export default Tabs;

package/lib/components/tabs/tabs.constants.d.ts

@@ -0,0 +1,9 @@
+/** External Dependencies */
+import { SvgIconComponent } from '@mui/icons-material';
+export interface TabConfig {
+    id: string;
+    labelKey: string;
+    icon: SvgIconComponent;
+}
+export declare const AVAILABLE_TABS: TabConfig[];
+//# sourceMappingURL=tabs.constants.d.ts.map

package/lib/components/tabs/tabs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.constants.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.constants.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAML,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,EA+BrC,CAAC"}

package/lib/components/tabs/tabs.constants.js

@@ -1 +1 @@
-import{BrandingWatermarkOutlined,CropOutlined,EditOutlined,PhotoFilterOutlined,PhotoSizeSelectLargeOutlined,TuneOutlined}from"@mui/icons-material";import{TABS_IDS}from"utils/constants";export var AVAILABLE_TABS=[{id:TABS_IDS.ADJUST,labelKey:"adjustTab",icon:CropOutlined},{id:TABS_IDS.FINETUNE,labelKey:"finetuneTab",icon:TuneOutlined},{id:TABS_IDS.FILTERS,labelKey:"filtersTab",icon:PhotoFilterOutlined,hideFn:function(a){var b=a.useCloudimage;return!!b}},{id:TABS_IDS.WATERMARK,labelKey:"watermarkTab",icon:BrandingWatermarkOutlined},{id:TABS_IDS.ANNOTATE,labelKey:"annotateTabLabel",icon:EditOutlined,hideFn:function(a){var b=a.useCloudimage;return!!b}},{id:TABS_IDS.RESIZE,labelKey:"resizeTab",icon:PhotoSizeSelectLargeOutlined}];
+import{BrandingWatermarkOutlined,CropOutlined,EditOutlined,PhotoFilterOutlined,PhotoSizeSelectLargeOutlined,TuneOutlined}from"@mui/icons-material";import{TABS_IDS}from"utils/constants";export var AVAILABLE_TABS=[{id:TABS_IDS.ADJUST,labelKey:"adjustTab",icon:CropOutlined},{id:TABS_IDS.FINETUNE,labelKey:"finetuneTab",icon:TuneOutlined},{id:TABS_IDS.FILTERS,labelKey:"filtersTab",icon:PhotoFilterOutlined},{id:TABS_IDS.WATERMARK,labelKey:"watermarkTab",icon:BrandingWatermarkOutlined},{id:TABS_IDS.ANNOTATE,labelKey:"annotateTabLabel",icon:EditOutlined},{id:TABS_IDS.RESIZE,labelKey:"resizeTab",icon:PhotoSizeSelectLargeOutlined}];

package/lib/components/tabs-drawer/index.d.ts

@@ -0,0 +1,6 @@
+interface TabsDrawerProps {
+    toggleMainMenu?: (open: boolean) => void;
+}
+declare const TabsDrawer: ({ toggleMainMenu }: TabsDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default TabsDrawer;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tabs-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs-drawer/index.tsx"],"names":[],"mappings":"AAYA,UAAU,eAAe;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,oBAA+B,eAAe,4CA8GjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tabs-drawer/index.js

@@ -1 +1 @@
-import{useCallback,useMemo}from"react";import Box from"@mui/material/Box";import SwipeableDrawer from"@mui/material/SwipeableDrawer";import ButtonBase from"@mui/material/ButtonBase";import Typography from"@mui/material/Typography";import{useStore}from"hooks";import{SELECT_TAB}from"actions";import{AVAILABLE_TABS}from"components/tabs/tabs.constants";var TabsDrawer=function(a){var b=a.toggleMainMenu,c=void 0===b?function(){}:b,d=useStore(),e=d.t,f=d.showTabsMenu,g=d.tabId,h=void 0===g?null:g,i=d.dispatch,j=d.config,k=j.defaultTabId,l=j.tabsIds,m=j.useCloudimage,n=useMemo(function(){var a=[],b=Array.isArray(l)?l:Object.keys(l||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return a&&(!a.hideFn||!a.hideFn({useCloudimage:m}))})},[l,m]),o=useCallback(function(a){i({type:SELECT_TAB,payload:{tabId:a}}),c(!1)},[i,c]);return React.createElement(SwipeableDrawer,{anchor:"bottom",open:f,onClose:function(){return c(!1)},onOpen:function(){return c(!0)},disablePortal:!0,disableSwipeToOpen:!0,sx:{"& .MuiDrawer-paper":{borderRadius:"16px 16px 0 0",maxHeight:"50vh",pb:2}}},React.createElement(Box,{sx:{display:"flex",justifyContent:"center",py:2}},React.createElement(Box,{sx:{width:36,height:4,borderRadius:2,bgcolor:"action.disabled"}})),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:1,px:2,pb:1}},n.map(function(a){var b=(h||k)===a.id,c=a.icon;return React.createElement(ButtonBase,{key:a.id,onClick:function(){return o(a.id)},sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:.5,py:2,borderRadius:2,bgcolor:b?"primary.main":"action.hover",color:b?"primary.contrastText":"text.primary",transition:"all 0.15s ease"}},React.createElement(c,null),React.createElement(Typography,null,e(a.labelKey)))})))};export default TabsDrawer;
+import{useCallback,useMemo}from"react";import Box from"@mui/material/Box";import SwipeableDrawer from"@mui/material/SwipeableDrawer";import ButtonBase from"@mui/material/ButtonBase";import Typography from"@mui/material/Typography";import{useStore}from"hooks";import{SELECT_TAB}from"actions";import{AVAILABLE_TABS}from"components/tabs/tabs.constants";var TabsDrawer=function(a){var b=a.toggleMainMenu,c=void 0===b?function(){}:b,d=useStore(),e=d.t,f=d.showTabsMenu,g=d.tabId,h=void 0===g?null:g,i=d.dispatch,j=d.config,k=j.defaultTabId,l=j.tabsIds,m=useMemo(function(){var a=[],b=Array.isArray(l)?l:Object.keys(l||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return!!a})},[l]),n=useCallback(function(a){i({type:SELECT_TAB,payload:{tabId:a}}),c(!1)},[i,c]);return React.createElement(SwipeableDrawer,{anchor:"bottom",open:f,onClose:function(){return c(!1)},onOpen:function(){return c(!0)},disablePortal:!0,disableSwipeToOpen:!0,sx:{"& .MuiDrawer-paper":{borderRadius:"16px 16px 0 0",maxHeight:"50vh",pb:2}}},React.createElement(Box,{sx:{display:"flex",justifyContent:"center",py:2}},React.createElement(Box,{sx:{width:36,height:4,borderRadius:2,bgcolor:"action.disabled"}})),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:1,px:2,pb:1}},m.map(function(a){var b=(h||k)===a.id,c=a.icon;return React.createElement(ButtonBase,{key:a.id,onClick:function(){return n(a.id)},sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:.5,py:2,borderRadius:2,bgcolor:b?"primary.main":"action.hover",color:b?"primary.contrastText":"text.primary",transition:"all 0.15s ease"}},React.createElement(c,null),React.createElement(Typography,null,e(a.labelKey)))})))};export default TabsDrawer;

package/lib/components/tools/arrow/arrow-button.d.ts

@@ -0,0 +1,8 @@
+interface ArrowButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const ArrowButton: ({ selectTool, isSelected, t, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowButton;
+//# sourceMappingURL=arrow-button.d.ts.map

package/lib/components/tools/arrow/arrow-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/arrow-button.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,GAAI,gCAIlB,gBAAgB,4CAUlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/arrow/arrow-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const ArrowOptions: () => import("react/jsx-runtime").JSX.Element;
+export default ArrowOptions;
+//# sourceMappingURL=arrow-options.d.ts.map

package/lib/components/tools/arrow/arrow-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/arrow-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAQ5B,QAAA,MAAM,YAAY,+CAajB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/tools/arrow/arrow-options.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var ArrowOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.ARROW}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_arrow-tool-options",annotation:e,updateAnnotation:f,t:b,hidePositionField:!0,hideFillOption:!0})};export default ArrowOptions;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var ArrowOptions=function(){var a=useAnnotation({name:TOOLS_IDS.ARROW}),b=_slicedToArray(a,2),c=b[0],d=b[1];return React.createElement(AnnotationOptions,{annotation:c,updateAnnotation:d,hidePositionField:!0,hideFillOption:!0})};export default ArrowOptions;

package/lib/components/tools/arrow/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ArrowButton } from './arrow-button';
+export { default as ArrowOptions } from './arrow-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/arrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/tools/blur/blur-options.d.ts

@@ -0,0 +1,6 @@
+interface BlurOptionsProps {
+    t: (key: string) => string;
+}
+declare const BlurOptions: ({ t }: BlurOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default BlurOptions;
+//# sourceMappingURL=blur-options.d.ts.map

package/lib/components/tools/blur/blur-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/blur-options.tsx"],"names":[],"mappings":"AAeA,UAAU,gBAAgB;IACxB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAuB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/blur/blur-options.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import Konva from"konva";import{Box}from"@mui/material";import Slider from"components/common/slider";import{useFinetune}from"hooks";import restrictNumber from"utils/restrict-number";var MIN_VALUE=0,DEFAULT_VALUE={blurRadius:0},MAX_VALUE=100,BlurOptions=function(a){var b,c=a.t,d=useFinetune(Konva.Filters.Blur,DEFAULT_VALUE),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.createElement(Box,{display:"flex",justifyContent:"center"},React.createElement(Slider,{label:c("blur"),className:"FIE_blur-option",min:MIN_VALUE,max:MAX_VALUE,value:null!==(b=f.blurRadius)&&void 0!==b?b:DEFAULT_VALUE.blurRadius,onChange:function(a){g({blurRadius:restrictNumber(a,MIN_VALUE,MAX_VALUE)})}}))};export default BlurOptions;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import Konva from"konva";import{Box}from"@mui/material";import Slider from"components/common/slider";import{useFinetune}from"hooks";import restrictNumber from"utils/restrict-number";var MIN_VALUE=0,DEFAULT_VALUE={blurRadius:0},MAX_VALUE=100,BlurOptions=function(a){var b,c=a.t,d=useFinetune(Konva.Filters.Blur,DEFAULT_VALUE),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.createElement(Box,{display:"flex",justifyContent:"center"},React.createElement(Slider,{label:c("blur"),min:MIN_VALUE,max:MAX_VALUE,value:null!==(b=f.blurRadius)&&void 0!==b?b:DEFAULT_VALUE.blurRadius,onChange:function(a){g({blurRadius:restrictNumber(a,MIN_VALUE,MAX_VALUE)})}}))};export default BlurOptions;

package/lib/components/tools/blur/blur.d.ts

@@ -0,0 +1,8 @@
+interface BlurProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Blur: ({ selectTool, isSelected, t }: BlurProps) => import("react/jsx-runtime").JSX.Element;
+export default Blur;
+//# sourceMappingURL=blur.d.ts.map

package/lib/components/tools/blur/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/blur.tsx"],"names":[],"mappings":"AAOA,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,IAAI,GAAI,+BAAuC,SAAS,4CAU7D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tools/blur/blur.js

@@ -1 +1 @@
-import{BlurOnOutlined as BlurIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Blur=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_blur-tool-button",id:TOOLS_IDS.BLUR,label:d("blurTool"),Icon:BlurIcon,onClick:b,isSelected:void 0!==c&&c})};export default Blur;
+import{BlurOnOutlined as BlurIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Blur=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.BLUR,label:d("blurTool"),Icon:BlurIcon,onClick:b,isSelected:void 0!==c&&c})};export default Blur;

package/lib/components/tools/blur/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Blur } from './blur';
+export { default as BlurOptions } from './blur-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/blur/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/tools/brightness/brightness-options.d.ts

@@ -0,0 +1,6 @@
+interface BrightnessOptionsProps {
+    t: (key: string) => string;
+}
+declare const BrightnessOptions: ({ t }: BrightnessOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrightnessOptions;
+//# sourceMappingURL=brightness-options.d.ts.map

package/lib/components/tools/brightness/brightness-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/brightness-options.tsx"],"names":[],"mappings":"AAeA,UAAU,sBAAsB;IAC9B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAwBvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/tools/brightness/brightness.d.ts

@@ -0,0 +1,8 @@
+interface BrightnessProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Brightness: ({ selectTool, isSelected, t }: BrightnessProps) => import("react/jsx-runtime").JSX.Element;
+export default Brightness;
+//# sourceMappingURL=brightness.d.ts.map

package/lib/components/tools/brightness/brightness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/brightness.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,+BAAuC,eAAe,4CAUzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/brightness/brightness.js

@@ -1 +1 @@
-import{BrightnessHighOutlined as BrightnessIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Brightness=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_brightness-tool-button",id:TOOLS_IDS.BRIGHTNESS,label:d("brightnessTool"),Icon:BrightnessIcon,onClick:b,isSelected:void 0!==c&&c})};export default Brightness;
+import{BrightnessHighOutlined as BrightnessIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Brightness=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.BRIGHTNESS,label:d("brightnessTool"),Icon:BrightnessIcon,onClick:b,isSelected:void 0!==c&&c})};export default Brightness;

package/lib/components/tools/brightness/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Brightness } from './brightness';
+export { default as BrightnessOptions } from './brightness-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/brightness/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/tools/contrast/contrast-options.d.ts

@@ -0,0 +1,6 @@
+interface ContrastOptionsProps {
+    t: (key: string) => string;
+}
+declare const ContrastOptions: ({ t }: ContrastOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ContrastOptions;
+//# sourceMappingURL=contrast-options.d.ts.map

package/lib/components/tools/contrast/contrast-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/contrast-options.tsx"],"names":[],"mappings":"AAeA,UAAU,oBAAoB;IAC5B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAuBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/tools/contrast/contrast.d.ts

@@ -0,0 +1,8 @@
+interface ContrastProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Contrast: ({ selectTool, isSelected, t }: ContrastProps) => import("react/jsx-runtime").JSX.Element;
+export default Contrast;
+//# sourceMappingURL=contrast.d.ts.map

package/lib/components/tools/contrast/contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/contrast.tsx"],"names":[],"mappings":"AAOA,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,GAAI,+BAAuC,aAAa,4CAUrE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/tools/contrast/contrast.js

@@ -1 +1 @@
-import{ContrastOutlined as ContrastIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Contrast=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_contrast-tool-button",id:TOOLS_IDS.CONTRAST,label:d("contrastTool"),Icon:ContrastIcon,onClick:b,isSelected:void 0!==c&&c})};export default Contrast;
+import{ContrastOutlined as ContrastIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Contrast=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.CONTRAST,label:d("contrastTool"),Icon:ContrastIcon,onClick:b,isSelected:void 0!==c&&c})};export default Contrast;

package/lib/components/tools/contrast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Contrast } from './contrast';
+export { default as ContrastOptions } from './contrast-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/contrast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/tools/crop/crop.constants.d.ts

@@ -0,0 +1,15 @@
+export interface CropPreset {
+    titleKey: string;
+    descriptionKey?: string;
+    ratio?: number | string;
+    width?: number;
+    height?: number;
+    icon?: React.ElementType;
+    disableManualResize?: boolean;
+    noEffect?: boolean;
+    hide?: (opts: {
+        lockCropAreaAt?: string;
+    }) => boolean;
+}
+export declare const DEFAULT_CROP_PRESETS: CropPreset[];
+//# sourceMappingURL=crop.constants.d.ts.map

package/lib/components/tools/crop/crop.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/crop.constants.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CACvD;AAED,eAAO,MAAM,oBAAoB,EAAE,UAAU,EA6B5C,CAAC"}

package/lib/components/tools/crop/crop.constants.js

@@ -1 +1 @@
-import{CircleOutlined,ImageOutlined,LandscapeOutlined,PortraitOutlined,SettingsOutlined}from"@mui/icons-material";import{CUSTOM_CROP,ELLIPSE_CROP,ORIGINAL_CROP}from"utils/constants";import toPrecisedFloat from"utils/to-precised-float";export var DEFAULT_CROP_PRESETS=[{titleKey:"custom",ratio:CUSTOM_CROP,icon:SettingsOutlined,hide:function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.lockCropAreaAt;return b}},{titleKey:"original",ratio:ORIGINAL_CROP,icon:ImageOutlined},{titleKey:"landscape",descriptionKey:"16:9",ratio:toPrecisedFloat(16/9),icon:LandscapeOutlined},{titleKey:"portrait",descriptionKey:"9:16",ratio:toPrecisedFloat(9/16),icon:PortraitOutlined},{titleKey:"ellipse",ratio:ELLIPSE_CROP,icon:CircleOutlined}];
+import{CircleOutlined,ImageOutlined,LandscapeOutlined,PortraitOutlined,SettingsOutlined}from"@mui/icons-material";import{CUSTOM_CROP,ELLIPSE_CROP,ORIGINAL_CROP}from"utils/constants";import toPrecisedFloat from"utils/to-precised-float";export var DEFAULT_CROP_PRESETS=[{titleKey:"custom",ratio:CUSTOM_CROP,icon:SettingsOutlined,hide:function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.lockCropAreaAt;return!!b}},{titleKey:"original",ratio:ORIGINAL_CROP,icon:ImageOutlined},{titleKey:"landscape",descriptionKey:"16:9",ratio:toPrecisedFloat(16/9),icon:LandscapeOutlined},{titleKey:"portrait",descriptionKey:"9:16",ratio:toPrecisedFloat(9/16),icon:PortraitOutlined},{titleKey:"ellipse",ratio:ELLIPSE_CROP,icon:CircleOutlined}];

package/lib/components/tools/crop/crop.d.ts

@@ -0,0 +1,7 @@
+interface CropProps {
+    isSelected?: boolean;
+    selectTool?: (toolId: string) => void;
+}
+declare const Crop: ({ isSelected, selectTool }: CropProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Crop;
+//# sourceMappingURL=crop.d.ts.map

package/lib/components/tools/crop/crop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/crop.tsx"],"names":[],"mappings":"AAcA,UAAU,SAAS;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,IAAI,GAAI,4BAAoC,SAAS,mDA8G1D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tools/crop/crop.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{CropOutlined as CropIcon}from"@mui/icons-material";import{useState}from"react";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{TOOLS_IDS}from"utils/constants";import{Typography}from"@mui/material";import CropPresetsOption from"./crop-presets-option";var Crop=function(a){var b,c=a.selectTool,d=a.isSelected,e=useStore(),f=e.config,g=e.t,h=useState(),i=_slicedToArray(h,2),j=i[0],k=i[1];return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.CROP,Icon:CropIcon,onClick:function(a,b){c(a,b),k(b.currentTarget)},isSelected:void 0!==d&&d},null!==(b=f[TOOLS_IDS.CROP])&&void 0!==b&&b.noPresets?React.createElement(Typography,null,g("cropTool")):React.createElement(CropPresetsOption,{anchorEl:j,onClose:function(){k(null)}}))};export default Crop;
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{CropOutlined as CropIcon}from"@mui/icons-material";import{Box,InputAdornment}from"@mui/material";import{useMemo}from"react";import{SSelect}from"@solostylist/ui-kit/core";import{SET_CROP,SET_RESIZE,ZOOM_CANVAS}from"actions";import{useStore}from"hooks";import{DEFAULT_ZOOM_FACTOR,ORIGINAL_CROP,TOOLS_IDS}from"utils/constants";import getZoomFitFactor from"utils/get-zoom-fit-factor";import toPrecisedFloat from"utils/to-precised-float";import{DEFAULT_CROP_PRESETS}from"./crop.constants";var Crop=function(a){var b=a.isSelected,c=a.selectTool,d=useStore(),e=d.dispatch,f=d.t,g=d.adjustments,h=void 0===g?{}:g,i=h.crop,j=void 0===i?{}:i,k=j.ratio,l=d.shownImageDimensions,m=d.config,n=m[TOOLS_IDS.CROP],o=useMemo(function(){var a,b=null!==(a=null===n||void 0===n?void 0:n.presetsItems)&&void 0!==a?a:[],c=null===n||void 0===n?void 0:n.lockCropAreaAt,d=c?DEFAULT_CROP_PRESETS.filter(function(a){var b;return!(null!==(b=a.hide)&&void 0!==b&&b.call(a,{lockCropAreaAt:c}))}):DEFAULT_CROP_PRESETS;return[].concat(_toConsumableArray(d),_toConsumableArray(b))},[n]),q=function(a){var b,c,d;return null!==(b=a.ratio)&&void 0!==b?b:toPrecisedFloat((null!==(c=a.width)&&void 0!==c?c:0)/(null!==(d=a.height)&&void 0!==d?d:1))},r=useMemo(function(){return o.map(function(a){return{label:"".concat(f(a.titleKey)).concat(a.descriptionKey?" (".concat(a.descriptionKey,")"):""),value:q(a)+""}})},[o,f]),s=function(){c&&!(void 0!==b&&b)&&c(TOOLS_IDS.CROP)};return null!==n&&void 0!==n&&n.noPresets?null:React.createElement(Box,{sx:{display:"inline-flex",width:200}},React.createElement(SSelect,{value:(k||ORIGINAL_CROP)+"",onChange:function(a){s();var b=a.target.value+"",c=o.find(function(a){return q(a)+""===b});if(c){var d=q(c);if(e({type:SET_CROP,payload:{ratio:d,ratioTitleKey:c.titleKey,noEffect:c.noEffect}}),null!==n&&void 0!==n&&n.autoResize){var f,g,h=null!==(f=c.width)&&void 0!==f?f:0,i=null!==(g=c.height)&&void 0!==g?g:0;e({type:SET_RESIZE,payload:{width:c.width,height:c.height,manualChangeDisabled:c.disableManualResize}}),e({type:ZOOM_CANVAS,payload:{factor:h>l.width||i>l.height?getZoomFitFactor(l,{width:h,height:i}):DEFAULT_ZOOM_FACTOR}})}}},onFocus:s,onClick:s,options:r,optionLabel:"label",optionValue:"value",placeholder:f("cropTool"),startAdornment:React.createElement(InputAdornment,{position:"start"},React.createElement(CropIcon,{sx:{color:"var(--s-palette-text-primary)"}}))}))};export default Crop;

package/lib/components/tools/crop/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Crop } from './crop';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/crop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/tools/ellipse/ellipse-button.d.ts

@@ -0,0 +1,8 @@
+interface EllipseButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const EllipseButton: ({ selectTool, isSelected, t, }: EllipseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default EllipseButton;
+//# sourceMappingURL=ellipse-button.d.ts.map

package/lib/components/tools/ellipse/ellipse-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/ellipse/ellipse-button.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,gCAIpB,kBAAkB,4CAUpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/ellipse/ellipse-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const EllipseOptions: () => import("react/jsx-runtime").JSX.Element;
+export default EllipseOptions;
+//# sourceMappingURL=ellipse-options.d.ts.map

package/lib/components/tools/ellipse/ellipse-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/ellipse/ellipse-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAQ5B,QAAA,MAAM,cAAc,+CAQnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/tools/ellipse/ellipse-options.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var EllipseOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.ELLIPSE}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_ellipse-tool-options",annotation:e,updateAnnotation:f,t:b})};export default EllipseOptions;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var EllipseOptions=function(){var a=useAnnotation({name:TOOLS_IDS.ELLIPSE}),b=_slicedToArray(a,2),c=b[0],d=b[1];return React.createElement(AnnotationOptions,{annotation:c,updateAnnotation:d})};export default EllipseOptions;

package/lib/components/tools/ellipse/index.d.ts

@@ -0,0 +1,3 @@
+export { default as EllipseButton } from './ellipse-button';
+export { default as EllipseOptions } from './ellipse-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/ellipse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/ellipse/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/tools/filters/filter-item.d.ts

@@ -0,0 +1,10 @@
+interface FilterItemProps {
+    filterLabel: string;
+    filterFn?: ((...args: any[]) => void) | null;
+    applyFilter: (filterFn: any) => void;
+    isActive: boolean;
+    image: HTMLImageElement;
+}
+declare const _default: import("react").MemoExoticComponent<({ filterLabel, filterFn, applyFilter, isActive, image, }: FilterItemProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=filter-item.d.ts.map

package/lib/components/tools/filters/filter-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filter-item.tsx"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,gBAAgB,CAAC;CACzB;uHAQE,eAAe;AA0ElB,wBAAgC"}

package/lib/components/tools/filters/filters.constants.d.ts

@@ -0,0 +1,8 @@
+type FilterFn = any;
+interface FilterItem {
+    label: string;
+    filterFn: FilterFn;
+}
+export declare const AVAILABLE_FILTERS: FilterItem[];
+export {};
+//# sourceMappingURL=filters.constants.d.ts.map

package/lib/components/tools/filters/filters.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filters.constants.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,GAAG,GAAG,CAAC;AAEpB,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAGD,eAAO,MAAM,iBAAiB,EAAE,UAAU,EAqLzC,CAAC"}

package/lib/components/tools/filters/filters.d.ts

@@ -0,0 +1,3 @@
+declare const Filters: () => import("react/jsx-runtime").JSX.Element;
+export default Filters;
+//# sourceMappingURL=filters.d.ts.map

package/lib/components/tools/filters/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filters.tsx"],"names":[],"mappings":"AAkCA,QAAA,MAAM,OAAO,+CAwBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/tools/filters/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Filters } from './filters';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/tools/flip/flip-x.d.ts

@@ -0,0 +1,8 @@
+interface FlipXProps {
+    selectTool: (toolId: string) => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const FlipX: ({ selectTool, isSelected, t }: FlipXProps) => import("react/jsx-runtime").JSX.Element;
+export default FlipX;
+//# sourceMappingURL=flip-x.d.ts.map

package/lib/components/tools/flip/flip-x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip-x.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/flip/flip-x.tsx"],"names":[],"mappings":"AAUA,UAAU,UAAU;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,GAAI,+BAAuC,UAAU,4CAwC/D,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/tools/flip/flip-x.js

@@ -1 +1 @@
-import{FlipOutlined}from"@mui/icons-material";import{useCallback,useMemo}from"react";import{TOGGLE_FLIP}from"actions";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{FLIP_DIRECTIONS,TOOLS_IDS}from"utils/constants";var xFlipReverseSideStyle={transform:"scaleX(-1)"},FlipX=function(a){var b=a.selectTool,c=a.isSelected,d=a.t,e=useStore(),f=e.dispatch,g=e.adjustments.isFlippedX,h=useCallback(function(){return React.createElement(FlipOutlined,{sx:g?xFlipReverseSideStyle:void 0})},[g]),i=useMemo(function(){return{reverseLabelOfCurrXFlipDir:g?d("unFlipX"):d("flipX"),reverseIconOfCurrXFlipDir:h}},[g,h]),j=i.reverseLabelOfCurrXFlipDir,k=i.reverseIconOfCurrXFlipDir,l=useCallback(function(){f({type:TOGGLE_FLIP,payload:{direction:FLIP_DIRECTIONS.X}})},[]),m=useCallback(function(a){b(a),l()},[]);return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.FLIP_X,label:j,Icon:k,onClick:m,isSelected:void 0!==c&&c})};export default FlipX;
+import{FlipOutlined}from"@mui/icons-material";import{useCallback,useMemo}from"react";import{TOGGLE_FLIP}from"actions";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{FLIP_DIRECTIONS,TOOLS_IDS}from"utils/constants";var FlipX=function(a){var b=a.selectTool,c=a.isSelected,d=a.t,e=useStore(),f=e.dispatch,g=e.adjustments.isFlippedX,h=useMemo(function(){return g?d("unFlipX"):d("flipX")},[g,d]),i=useMemo(function(){return g?{sx:{transform:"scaleX(-1)"}}:void 0},[g]),j=useCallback(function(){f({type:TOGGLE_FLIP,payload:{direction:FLIP_DIRECTIONS.X}})},[]),k=useCallback(function(a){a&&b(a),j()},[]);return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.FLIP_X,label:h,Icon:FlipOutlined,onClick:k,isSelected:void 0!==c&&c,slotProps:{icon:i}})};export default FlipX;

package/lib/components/tools/flip/flip-y.d.ts

@@ -0,0 +1,8 @@
+interface FlipYProps {
+    selectTool: (toolId: string) => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const FlipY: ({ selectTool, isSelected, t }: FlipYProps) => import("react/jsx-runtime").JSX.Element;
+export default FlipY;
+//# sourceMappingURL=flip-y.d.ts.map

package/lib/components/tools/flip/flip-y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip-y.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/flip/flip-y.tsx"],"names":[],"mappings":"AAUA,UAAU,UAAU;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,GAAI,+BAAuC,UAAU,4CA4C/D,CAAC;AAEF,eAAe,KAAK,CAAC"}