polotno 0.37.0 → 0.37.1

package/canvas/page.js

@@ -1 +1 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerNextDomDrop=exports.registerTransformerAttrs=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),mobx_1=require("mobx"),react_konva_1=require("react-konva"),use_image_1=__importDefault(require("use-image")),konva_1=__importDefault(require("konva")),element_1=__importDefault(require("./element")),use_transformer_snap_1=require("./use-transformer-snap"),image_element_1=require("./image-element"),crop_1=require("../utils/crop"),page_controls_1=require("./page-controls"),validate_key_1=require("../utils/validate-key"),DEFAULT_TRANSFORMER_ATTRIBUTES={enabledAnchors:["top-left","top-center","top-right","middle-left","bottom-left","bottom-right","bottom-center","middle-right"],rotateEnabled:!0,rotationSnaps:[0,45,90,135,180,225,270,315],ignoreStroke:!0,anchorStrokeWidth:2,borderStrokeWidth:2},transformerAttributes={text:{enabledAnchors:["top-left","top-right","middle-left","bottom-left","bottom-right","middle-right"]},svg:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},many:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]}};function registerTransformerAttrs(e,t){transformerAttributes[e]=transformerAttributes[e]||t,Object.assign(transformerAttributes[e],t)}exports.registerTransformerAttrs=registerTransformerAttrs;const Background=e=>react_1.default.createElement(react_konva_1.Rect,Object.assign({},e,{preventDefault:!1})),ImageBackground=e=>{var{url:t}=e,r=__rest(e,["url"]);const[n,o]=(0,use_image_1.default)(t,"anonymous"),a=n?(0,crop_1.getCrop)(n,{width:r.width,height:r.height},"center-middle"):{};return(0,image_element_1.useImageLoader)(o),react_1.default.createElement(react_konva_1.Image,Object.assign({image:n},r,a))},ColorBackground=e=>react_1.default.createElement(react_konva_1.Rect,Object.assign({},e)),PageBackground=e=>{const{background:t,scale:r,borderColor:n}=e,o=__rest(e,["background","scale","borderColor"]),a=t.indexOf("http")>=0||t.indexOf(".png")>=0||t.indexOf(".jpg")>=0;return react_1.default.createElement(react_1.default.Fragment,null,a?react_1.default.createElement(ImageBackground,Object.assign({url:t},o)):react_1.default.createElement(ColorBackground,Object.assign({fill:t},o)))},Selection=(0,mobx_react_lite_1.observer)((({selection:e})=>e.visible?react_1.default.createElement(react_konva_1.Rect,{name:"selection",x:Math.min(e.x1,e.x2),y:Math.min(e.y1,e.y2),width:Math.abs(e.x1-e.x2),height:Math.abs(e.y1-e.y2),fill:"rgba(0, 161, 255, 0.3)"}):null)),Elements=(0,mobx_react_lite_1.observer)((({elements:e,store:t})=>{const r=e.filter((e=>e.alwaysOnTop)),n=e.filter((e=>!e.alwaysOnTop)).concat(r);return react_1.default.createElement(react_1.default.Fragment,null,n.map((e=>react_1.default.createElement(element_1.default,{key:e.id,store:t,element:e,onClick:()=>{console.warn("Polotno warning: onClick callback is deprecated. Just stop using it. Polotno will do selection automatically.")}}))))}));let onDomDrop=null;const registerNextDomDrop=e=>{onDomDrop=e};exports.registerNextDomDrop=registerNextDomDrop,exports.default=(0,mobx_react_lite_1.observer)((({store:e,page:t,width:r,height:n,pageControlsEnabled:o,backColor:a,pageBorderColor:l,activePageBorderColor:i,components:c})=>{const s=e._bleedVisible?t.bleed:0,d=t.computedWidth+2*s,u=t.computedHeight+2*s,m=(r-d*e.scale)/2,g=(n-u*e.scale)/2,_=react_1.default.useRef(null),f=react_1.default.useRef(null),p=react_1.default.useRef(null),h=null==o||o,b=e.selectedElements.find((e=>e._cropModeEnabled)),v=e.selectedElements.filter((e=>e.locked)).length>0,E=e.selectedElements.filter((e=>!e.visible)).length>0;react_1.default.useEffect((()=>{var t,r;if(!_.current)return;const n=_.current.getStage(),o=e.selectedElements.map((e=>e._cropModeEnabled?null:n.findOne("#"+e.id))).filter((e=>e)),a=1===e.selectedElements.length&&(null===(t=e.selectedElements[0])||void 0===t?void 0:t.type)||"many";v?(_.current.enabledAnchors([]),_.current.rotateEnabled(!1)):transformerAttributes[a]?(_.current.setAttrs(Object.assign(Object.assign({},DEFAULT_TRANSFORMER_ATTRIBUTES),transformerAttributes[a])),"svg"!==a||e.selectedElements[0].keepRatio||_.current.setAttrs({enabledAnchors:DEFAULT_TRANSFORMER_ATTRIBUTES.enabledAnchors})):_.current.setAttrs(DEFAULT_TRANSFORMER_ATTRIBUTES),_.current.nodes(o),null===(r=_.current.getLayer())||void 0===r||r.batchDraw()}),[e.selectedElements,b,v,E]);const x=(0,mobx_react_lite_1.useLocalObservable)((()=>({visible:!1,x1:0,y1:0,x2:0,y2:0}))),y=react_1.default.useRef(!1),k=(0,mobx_1.action)((r=>{var n,o;y.current=!1,e.activePage!==t&&t.select();const a=r.target.findAncestor(".elements-container"),l=r.target.findAncestor("Transformer"),i=r.target.findAncestor(".page-abs-container");if(a||l||i)return;const c=null===(n=r.target.getStage())||void 0===n?void 0:n.getPointerPosition();c&&(x.visible=!0,x.x1=c.x,x.y1=c.y,x.x2=c.x,x.y2=c.y,(null===(o=r.target.getStage())||void 0===o?void 0:o.getPointersPositions().length)>=2&&(x.visible=!1))}));react_1.default.useEffect((()=>{const t=(0,mobx_1.action)((e=>{var t,r;if(!x.visible)return;null===(t=f.current)||void 0===t||t.setPointersPositions(e);let n=(null===(r=f.current)||void 0===r?void 0:r.getPointerPosition())||{x:x.x2,y:x.y2};x.x2=n.x,x.y2=n.y})),r=(0,mobx_1.action)((()=>{if(!x.visible)return;if(!f.current)return;const t=f.current.findOne(".selection"),r=t?t.getClientRect():{width:0,height:0,x:0,y:0};if(r.width&&r.height){const t=[];f.current.find(".element").forEach((n=>{const o=n.getClientRect(),a=e.getElementById(n.id()),l=null==a?void 0:a.locked,i=null==a?void 0:a.selectable;konva_1.default.Util.haveIntersection(r,o)&&!l&&i&&t.push(n.id())})),e.selectElements(t)}x.visible=!1,y.current=!0}));return window.addEventListener("mousemove",t),window.addEventListener("touchmove",t),window.addEventListener("mouseup",r),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("touchmove",t),window.removeEventListener("mouseup",r),window.removeEventListener("touchend",r)}}),[]);const w=t=>{if(y.current)return;const r=t.evt.ctrlKey||t.evt.metaKey||t.evt.shiftKey,n=t.target.findAncestor(".elements-container"),o=t.target.findAncestor(".page-abs-container"),a=t.target.findAncestor("Transformer");if(!(r||n||a||o))return void e.selectElements([]);const l=t.target.findAncestor(".element",!0),i=e.selectedElementsIds.indexOf(null==l?void 0:l.id())>=0;l&&r&&!i&&e.selectElements(e.selectedElementsIds.concat([l.id()])),l&&r&&i&&e.selectElements(e.selectedElementsIds.filter((e=>e!==l.id()))),!l||r||i||e.selectElements([l.id()])};(0,use_transformer_snap_1.useSnap)(_);const A=e.activePage===t,D=(null==c?void 0:c.PageControls)||page_controls_1.PageControls;return console.log(c,(null==c?void 0:c.PageControls)===D,D===page_controls_1.PageControls),react_1.default.createElement("div",{ref:p,onDragOver:e=>e.preventDefault(),onDrop:t=>{if(t.preventDefault(),!f.current)return;f.current.setPointersPositions(t);const r=f.current.findOne(".elements-container").getRelativePointerPosition(),n=f.current.getPointerPosition(),o=f.current.getIntersection(n),a=o&&o.findAncestor(".element",!0),l=a?e.getElementById(a.id()):void 0;onDomDrop&&(onDomDrop(r,l),onDomDrop=null)},style:{position:"relative",width:r+"px"},className:"polotno-page-container"+(A?" active-page":"")},react_1.default.createElement(react_konva_1.Stage,{ref:f,width:r,height:n,onClick:w,onTap:w,onMouseDown:k,onDragStart:t=>{var r;if(t.target.hasName("element")){const n=t.target.id();!(e.selectedElementsIds.indexOf(n)>=0)&&n&&(e.selectElements([n]),null===(r=_.current)||void 0===r||r.startDrag(t))}},pageId:t.id,style:{position:"relative"}},react_1.default.createElement(react_konva_1.Layer,null,react_1.default.createElement(Background,{width:r,height:n,fill:a}),react_1.default.createElement(react_konva_1.Group,{x:m,y:g,scaleX:e.scale,scaleY:e.scale,name:"page-container"},react_1.default.createElement(react_konva_1.Rect,{name:"page-highlight",hideInExport:!0,x:-1.5/e.scale,y:-1.5/e.scale,width:d+3/e.scale,height:u+3/e.scale,stroke:A&&e.pages.length>1?i:l,strokeWidth:3,listening:!1,strokeScaleEnabled:!1}),react_1.default.createElement(react_konva_1.Group,{name:"page-background-group",x:s,y:s,clipX:-s,clipY:-s,clipWidth:t.computedWidth+2*s,clipHeight:t.computedHeight+2*s},react_1.default.createElement(PageBackground,{x:-t.bleed,y:-t.bleed,width:t.computedWidth+2*t.bleed,height:t.computedHeight+2*t.bleed,background:t.background,shadowBlur:10,shadowColor:"lightgrey",name:"page-background",preventDefault:!1,scale:e.scale})),react_1.default.createElement(react_konva_1.Group,{x:s,y:s,clipX:-s,clipY:-s,clipWidth:t.computedWidth+2*s,clipHeight:t.computedHeight+2*s,name:"elements-container"},react_1.default.createElement(react_konva_1.Rect,{name:"elements-area",width:t.computedWidth,height:t.computedHeight,listening:!1}),react_1.default.createElement(Elements,{elements:t.children,store:e})),react_1.default.createElement(react_konva_1.Rect,{stroke:"red",name:"bleed",strokeWidth:t.bleed,x:t.bleed/2,y:t.bleed/2,width:t.computedWidth+t.bleed,height:t.computedHeight+t.bleed,opacity:.1,listening:!1,visible:t.bleed>0&&e._bleedVisible,hideInExport:!0})),react_1.default.createElement(react_konva_1.Group,{x:m,y:g,scaleX:e.scale,scaleY:e.scale,name:"page-abs-container"},react_1.default.createElement(react_konva_1.Transformer,{ref:_,boundBoxFunc:(e,t)=>{const r=t.width<1||t.height<1,n=e.width<1||e.height<1;return r&&!n?e:t}})),react_1.default.createElement(Selection,{selection:x}),validate_key_1.shouldShowCredit.value&&react_1.default.createElement(react_konva_1.Text,{text:"Powered by polotno.dev",fontSize:14,fill:"rgba(0,0,0,0.6)",x:r-170,y:n-18,onMouseEnter:e=>{e.target.getStage().container().style.cursor="pointer"},onMouseLeave:e=>{e.target.getStage().container().style.cursor=""},onTouchStart:e=>{e.cancelBubble=!0},onMouseDown:e=>{e.cancelBubble=!0},onClick:()=>{window.open("https://polotno.dev")},onTap:()=>{window.open("https://polotno.dev")}}),react_1.default.createElement(react_konva_1.Group,{name:"line-guides"}))),h&&A&&react_1.default.createElement(D,{store:e,page:t,xPadding:m,yPadding:g}))}));
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerNextDomDrop=exports.registerTransformerAttrs=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),mobx_1=require("mobx"),react_konva_1=require("react-konva"),use_image_1=__importDefault(require("use-image")),konva_1=__importDefault(require("konva")),element_1=__importDefault(require("./element")),use_transformer_snap_1=require("./use-transformer-snap"),image_element_1=require("./image-element"),crop_1=require("../utils/crop"),page_controls_1=require("./page-controls"),validate_key_1=require("../utils/validate-key"),DEFAULT_TRANSFORMER_ATTRIBUTES={enabledAnchors:["top-left","top-center","top-right","middle-left","bottom-left","bottom-right","bottom-center","middle-right"],rotateEnabled:!0,rotationSnaps:[0,45,90,135,180,225,270,315],ignoreStroke:!0,anchorStrokeWidth:2,borderStrokeWidth:2},transformerAttributes={text:{enabledAnchors:["top-left","top-right","middle-left","bottom-left","bottom-right","middle-right"]},svg:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},many:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]}};function registerTransformerAttrs(e,t){transformerAttributes[e]=transformerAttributes[e]||t,Object.assign(transformerAttributes[e],t)}exports.registerTransformerAttrs=registerTransformerAttrs;const Background=e=>react_1.default.createElement(react_konva_1.Rect,Object.assign({},e,{preventDefault:!1})),ImageBackground=e=>{var{url:t}=e,r=__rest(e,["url"]);const[n,o]=(0,use_image_1.default)(t,"anonymous"),a=n?(0,crop_1.getCrop)(n,{width:r.width,height:r.height},"center-middle"):{};return(0,image_element_1.useImageLoader)(o),react_1.default.createElement(react_konva_1.Image,Object.assign({image:n},r,a))},ColorBackground=e=>react_1.default.createElement(react_konva_1.Rect,Object.assign({},e)),PageBackground=e=>{const{background:t,scale:r,borderColor:n}=e,o=__rest(e,["background","scale","borderColor"]),a=t.indexOf("http")>=0||t.indexOf(".png")>=0||t.indexOf(".jpg")>=0;return react_1.default.createElement(react_1.default.Fragment,null,a?react_1.default.createElement(ImageBackground,Object.assign({url:t},o)):react_1.default.createElement(ColorBackground,Object.assign({fill:t},o)))},Selection=(0,mobx_react_lite_1.observer)((({selection:e})=>e.visible?react_1.default.createElement(react_konva_1.Rect,{name:"selection",x:Math.min(e.x1,e.x2),y:Math.min(e.y1,e.y2),width:Math.abs(e.x1-e.x2),height:Math.abs(e.y1-e.y2),fill:"rgba(0, 161, 255, 0.3)"}):null)),Elements=(0,mobx_react_lite_1.observer)((({elements:e,store:t})=>{const r=e.filter((e=>e.alwaysOnTop)),n=e.filter((e=>!e.alwaysOnTop)).concat(r);return react_1.default.createElement(react_1.default.Fragment,null,n.map((e=>react_1.default.createElement(element_1.default,{key:e.id,store:t,element:e,onClick:()=>{console.warn("Polotno warning: onClick callback is deprecated. Just stop using it. Polotno will do selection automatically.")}}))))}));let onDomDrop=null;const registerNextDomDrop=e=>{onDomDrop=e};exports.registerNextDomDrop=registerNextDomDrop,exports.default=(0,mobx_react_lite_1.observer)((({store:e,page:t,width:r,height:n,pageControlsEnabled:o,backColor:a,pageBorderColor:l,activePageBorderColor:i,components:c})=>{const s=e._bleedVisible?t.bleed:0,d=t.computedWidth+2*s,u=t.computedHeight+2*s,m=(r-d*e.scale)/2,g=(n-u*e.scale)/2,_=react_1.default.useRef(null),f=react_1.default.useRef(null),p=react_1.default.useRef(null),h=null==o||o,b=e.selectedElements.find((e=>e._cropModeEnabled)),v=e.selectedElements.filter((e=>e.locked)).length>0,E=e.selectedElements.filter((e=>!e.visible)).length>0;react_1.default.useEffect((()=>{var t,r;if(!_.current)return;const n=_.current.getStage(),o=e.selectedElements.map((e=>e._cropModeEnabled?null:n.findOne("#"+e.id))).filter((e=>e)),a=1===e.selectedElements.length&&(null===(t=e.selectedElements[0])||void 0===t?void 0:t.type)||"many";v?(_.current.enabledAnchors([]),_.current.rotateEnabled(!1)):transformerAttributes[a]?(_.current.setAttrs(Object.assign(Object.assign({},DEFAULT_TRANSFORMER_ATTRIBUTES),transformerAttributes[a])),"svg"!==a||e.selectedElements[0].keepRatio||_.current.setAttrs({enabledAnchors:DEFAULT_TRANSFORMER_ATTRIBUTES.enabledAnchors})):_.current.setAttrs(DEFAULT_TRANSFORMER_ATTRIBUTES),_.current.nodes(o),null===(r=_.current.getLayer())||void 0===r||r.batchDraw()}),[e.selectedElements,b,v,E]);const x=(0,mobx_react_lite_1.useLocalObservable)((()=>({visible:!1,x1:0,y1:0,x2:0,y2:0}))),y=react_1.default.useRef(!1),k=(0,mobx_1.action)((r=>{var n,o;y.current=!1,e.activePage!==t&&t.select();const a=r.target.findAncestor(".elements-container"),l=r.target.findAncestor("Transformer"),i=r.target.findAncestor(".page-abs-container");if(a||l||i)return;const c=null===(n=r.target.getStage())||void 0===n?void 0:n.getPointerPosition();c&&(x.visible=!0,x.x1=c.x,x.y1=c.y,x.x2=c.x,x.y2=c.y,(null===(o=r.target.getStage())||void 0===o?void 0:o.getPointersPositions().length)>=2&&(x.visible=!1))}));react_1.default.useEffect((()=>{const t=(0,mobx_1.action)((e=>{var t,r;if(!x.visible)return;null===(t=f.current)||void 0===t||t.setPointersPositions(e);let n=(null===(r=f.current)||void 0===r?void 0:r.getPointerPosition())||{x:x.x2,y:x.y2};x.x2=n.x,x.y2=n.y})),r=(0,mobx_1.action)((()=>{if(!x.visible)return;if(!f.current)return;const t=f.current.findOne(".selection"),r=t?t.getClientRect():{width:0,height:0,x:0,y:0};if(r.width&&r.height){const t=[];f.current.find(".element").forEach((n=>{const o=n.getClientRect(),a=e.getElementById(n.id()),l=null==a?void 0:a.locked,i=null==a?void 0:a.selectable;konva_1.default.Util.haveIntersection(r,o)&&!l&&i&&t.push(n.id())})),e.selectElements(t)}x.visible=!1,y.current=!0}));return window.addEventListener("mousemove",t),window.addEventListener("touchmove",t),window.addEventListener("mouseup",r),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("touchmove",t),window.removeEventListener("mouseup",r),window.removeEventListener("touchend",r)}}),[]);const w=t=>{if(y.current)return;const r=t.evt.ctrlKey||t.evt.metaKey||t.evt.shiftKey,n=t.target.findAncestor(".elements-container"),o=t.target.findAncestor(".page-abs-container"),a=t.target.findAncestor("Transformer");if(!(r||n||a||o))return void e.selectElements([]);const l=t.target.findAncestor(".element",!0),i=e.selectedElementsIds.indexOf(null==l?void 0:l.id())>=0;l&&r&&!i&&e.selectElements(e.selectedElementsIds.concat([l.id()])),l&&r&&i&&e.selectElements(e.selectedElementsIds.filter((e=>e!==l.id()))),!l||r||i||e.selectElements([l.id()])};(0,use_transformer_snap_1.useSnap)(_);const A=e.activePage===t,D=(null==c?void 0:c.PageControls)||page_controls_1.PageControls;return react_1.default.createElement("div",{ref:p,onDragOver:e=>e.preventDefault(),onDrop:t=>{if(t.preventDefault(),!f.current)return;f.current.setPointersPositions(t);const r=f.current.findOne(".elements-container").getRelativePointerPosition(),n=f.current.getPointerPosition(),o=f.current.getIntersection(n),a=o&&o.findAncestor(".element",!0),l=a?e.getElementById(a.id()):void 0;onDomDrop&&(onDomDrop(r,l),onDomDrop=null)},style:{position:"relative",width:r+"px"},className:"polotno-page-container"+(A?" active-page":"")},react_1.default.createElement(react_konva_1.Stage,{ref:f,width:r,height:n,onClick:w,onTap:w,onMouseDown:k,onDragStart:t=>{var r;if(t.target.hasName("element")){const n=t.target.id();!(e.selectedElementsIds.indexOf(n)>=0)&&n&&(e.selectElements([n]),null===(r=_.current)||void 0===r||r.startDrag(t))}},pageId:t.id,style:{position:"relative"}},react_1.default.createElement(react_konva_1.Layer,null,react_1.default.createElement(Background,{width:r,height:n,fill:a}),react_1.default.createElement(react_konva_1.Group,{x:m,y:g,scaleX:e.scale,scaleY:e.scale,name:"page-container"},react_1.default.createElement(react_konva_1.Rect,{name:"page-highlight",hideInExport:!0,x:-1.5/e.scale,y:-1.5/e.scale,width:d+3/e.scale,height:u+3/e.scale,stroke:A&&e.pages.length>1?i:l,strokeWidth:3,listening:!1,strokeScaleEnabled:!1}),react_1.default.createElement(react_konva_1.Group,{name:"page-background-group",x:s,y:s,clipX:-s,clipY:-s,clipWidth:t.computedWidth+2*s,clipHeight:t.computedHeight+2*s},react_1.default.createElement(PageBackground,{x:-t.bleed,y:-t.bleed,width:t.computedWidth+2*t.bleed,height:t.computedHeight+2*t.bleed,background:t.background,shadowBlur:10,shadowColor:"lightgrey",name:"page-background",preventDefault:!1,scale:e.scale})),react_1.default.createElement(react_konva_1.Group,{x:s,y:s,clipX:-s,clipY:-s,clipWidth:t.computedWidth+2*s,clipHeight:t.computedHeight+2*s,name:"elements-container"},react_1.default.createElement(react_konva_1.Rect,{name:"elements-area",width:t.computedWidth,height:t.computedHeight,listening:!1}),react_1.default.createElement(Elements,{elements:t.children,store:e})),react_1.default.createElement(react_konva_1.Rect,{stroke:"red",name:"bleed",strokeWidth:t.bleed,x:t.bleed/2,y:t.bleed/2,width:t.computedWidth+t.bleed,height:t.computedHeight+t.bleed,opacity:.1,listening:!1,visible:t.bleed>0&&e._bleedVisible,hideInExport:!0})),react_1.default.createElement(react_konva_1.Group,{x:m,y:g,scaleX:e.scale,scaleY:e.scale,name:"page-abs-container"},react_1.default.createElement(react_konva_1.Transformer,{ref:_,boundBoxFunc:(e,t)=>{const r=t.width<1||t.height<1,n=e.width<1||e.height<1;return r&&!n?e:t}})),react_1.default.createElement(Selection,{selection:x}),validate_key_1.shouldShowCredit.value&&react_1.default.createElement(react_konva_1.Text,{text:"Powered by polotno.dev",fontSize:14,fill:"rgba(0,0,0,0.6)",x:r-170,y:n-18,onMouseEnter:e=>{e.target.getStage().container().style.cursor="pointer"},onMouseLeave:e=>{e.target.getStage().container().style.cursor=""},onTouchStart:e=>{e.cancelBubble=!0},onMouseDown:e=>{e.cancelBubble=!0},onClick:()=>{window.open("https://polotno.dev")},onTap:()=>{window.open("https://polotno.dev")}}),react_1.default.createElement(react_konva_1.Group,{name:"line-guides"}))),h&&A&&react_1.default.createElement(D,{store:e,page:t,xPadding:m,yPadding:g}))}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polotno",
-  "version": "0.37.0",
+  "version": "0.37.1",
   "description": "Design Editor Framework",
   "author": "Anton Lavrenov",
   "keywords": [