polotno 2.0.9 → 2.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/polotno.bundle.js +3 -3
- package/toolbar/position-picker.js +1 -1
package/package.json
CHANGED
package/polotno.bundle.js
CHANGED
|
@@ -3613,12 +3613,12 @@ onKeyDown:hl(["Enter"," "]),// if hasSubmenu, must apply correct role and tabInd
|
|
|
3613
3613
|
role:R?"none":P,tabIndex:R?-1:0},h9(O)),s?gD:{}),{className:L}),N?v.createElement(gR,{className:lN.MENU_ITEM_SELECTED_ICON}):void 0,j?// so that we always render this class
|
|
3614
3614
|
v.createElement("span",{className:lN.MENU_ITEM_ICON},v.createElement(fp,{icon:u,"aria-hidden":!0,tabIndex:-1})):void 0,v.createElement(gI,{className:/*@__PURE__*/l(lA)(lN.FILL,_),ellipsize:!f,title:S},w),M,R?v.createElement(gj,{className:lN.MENU_SUBMENU_ICON,title:"Open sub menu"}):void 0),F=/*@__PURE__*/l(lA)(((r={})[lN.MENU_SUBMENU]=R,r));return v.createElement("li",{className:F,ref:t,role:k,"aria-selected":T},null==a?D:v.createElement(gs,(0,lT.__assign)({autoFocus:!1,captureDismiss:!1,disabled:s,enforceFocus:!1,hoverCloseDelay:0,interactionKind:"hover",modifiers:gM,targetProps:{role:P,tabIndex:0},placement:"right-start",usePortal:!1},p,{content:v.createElement(gP,(0,lT.__assign)({},x),a),minimal:!0,popoverClassName:/*@__PURE__*/l(lA)(lN.MENU_SUBMENU,null==p?void 0:p.popoverClassName)}),D))});gL.defaultProps={active:!1,disabled:!1,multiline:!1,popoverProps:{},selected:void 0,shouldDismissPopover:!0,text:""},gL.displayName="".concat(h6,".MenuItem");var gM={// 20px padding - scrollbar width + a bit
|
|
3615
3615
|
flip:{options:{rootBoundary:"viewport",padding:20},enabled:!0},// shift popover up 5px so MenuItems align
|
|
3616
|
-
offset:{options:{offset:[-5,0]},enabled:!0},preventOverflow:{options:{rootBoundary:"viewport",padding:20},enabled:!0}},gD={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};let gF=P(({store:e})=>{let t=e.selectedElements.length>0,n=e.selectedElementsIds,r=e.selectedElements.every(e=>e.draggable),i=e.selectedElements.some(e=>"group"===e.type),o=!i&&r;
|
|
3616
|
+
offset:{options:{offset:[-5,0]},enabled:!0},preventOverflow:{options:{rootBoundary:"viewport",padding:20},enabled:!0}},gD={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};let gF=P(({store:e})=>{let t=e.selectedElements.length>0,n=e.selectedElementsIds,r=e.selectedElements.every(e=>e.draggable),i=e.selectedElements.some(e=>"group"===e.type),o=!i&&r;o&&e.selectedElements.length;let a=o&&e.selectedElements.length>1;return/*#__PURE__*/(0,p.jsx)(gs,{disabled:!t,content:/*#__PURE__*/(0,p.jsxs)(gP,{style:{width:"280px"},children:[/*#__PURE__*/(0,p.jsx)(gN,{title:l_("toolbar.layering")}),/*#__PURE__*/(0,p.jsxs)("div",{style:{display:"flex"},children:[/*#__PURE__*/(0,p.jsxs)("div",{style:{width:"50%"},children:[/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"chevron-up",text:l_("toolbar.up"),disabled:!e.activePage?.canMoveElementsUp(n),onClick:()=>{e.activePage?.moveElementsUp(n)}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"double-chevron-up",text:l_("toolbar.toForward"),disabled:!e.activePage?.canMoveElementsTop(n),onClick:()=>{e.activePage?.moveElementsTop(n)}})]}),/*#__PURE__*/(0,p.jsxs)("div",{style:{width:"50%"},children:[/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"chevron-down",text:l_("toolbar.down"),disabled:!e.activePage?.canMoveElementsDown(n),onClick:()=>{e.activePage?.moveElementsDown(n)}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"double-chevron-down",text:l_("toolbar.toBottom"),disabled:!e.activePage?.canMoveElementsBottom(n),onClick:()=>{e.activePage?.moveElementsBottom(n)}})]})]}),o&&/*#__PURE__*/(0,p.jsxs)(p.Fragment,{children:[/*#__PURE__*/(0,p.jsx)(gN,{title:l_("toolbar.position")}),/*#__PURE__*/(0,p.jsxs)("div",{style:{display:"flex"},children:[/*#__PURE__*/(0,p.jsxs)("div",{style:{width:"50%"},children:[/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-left",text:l_("toolbar.alignLeft"),onClick:()=>{let t=e.activePage?.computedWidth;e.selectedElements.forEach(e=>{t=Math.min(t,as(e).x)}),1===e.selectedElements.length&&(t=0),// now move all by that delta
|
|
3617
3617
|
e.selectedElements.forEach(e=>{let n=as(e);e.set({x:e.x-n.x+t})})}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-vertical-center",text:l_("toolbar.alignCenter"),onClick:()=>{let t=e.activePage?.computedWidth,n=0;e.selectedElements.forEach(e=>{let r=as(e);t=Math.min(t,r.x),n=Math.max(n,r.x+r.width)});let r=(n+t)/2;1===e.selectedElements.length&&(r=e.activePage?.computedWidth/2),// now move all by that delta
|
|
3618
3618
|
e.selectedElements.forEach(e=>{let t=as(e),n=e.x-t.x;e.set({x:r+n-t.width/2})})}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-right",text:l_("toolbar.alignRight"),onClick:()=>{let t=0;e.selectedElements.forEach(e=>{let n=as(e);t=Math.max(t,n.x+n.width)}),1===e.selectedElements.length&&(t=e.activePage?.computedWidth),// now move all by that delta
|
|
3619
|
-
e.selectedElements.forEach(e=>{let n=as(e);e.set({x:e.x-n.x+t-n.width})})}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-top",text:l_("toolbar.alignTop"),onClick:()=>{let t=e.activePage?.computedHeight;e.selectedElements.forEach(e=>{t=Math.min(t,as(e).y)}),1===e.selectedElements.length&&(t=0),// now move all by that delta
|
|
3619
|
+
e.selectedElements.forEach(e=>{let n=as(e);e.set({x:e.x-n.x+t-n.width})})}})]}),/*#__PURE__*/(0,p.jsxs)("div",{style:{width:"50%"},children:[/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-top",text:l_("toolbar.alignTop"),onClick:()=>{let t=e.activePage?.computedHeight;e.selectedElements.forEach(e=>{t=Math.min(t,as(e).y)}),1===e.selectedElements.length&&(t=0),// now move all by that delta
|
|
3620
3620
|
e.selectedElements.forEach(e=>{let n=as(e);e.set({y:e.y-n.y+t})})}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-horizontal-center",text:l_("toolbar.alignMiddle"),onClick:()=>{let t=e.activePage?.computedHeight,n=0;e.selectedElements.forEach(e=>{let r=as(e);t=Math.min(t,r.y),n=Math.max(n,r.y+r.height)});let r=(n+t)/2;1===e.selectedElements.length&&(r=e.activePage?.computedHeight/2),e.selectedElements.forEach(e=>{let t=as(e),n=e.y-t.y;e.set({y:r+n-t.height/2})})}}),/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"alignment-bottom",text:l_("toolbar.alignBottom"),onClick:()=>{let t=0;e.selectedElements.forEach(e=>{let n=as(e);t=Math.max(t,n.y+n.height)}),1===e.selectedElements.length&&(t=e.activePage?.computedHeight),// now move all by that delta
|
|
3621
|
-
e.selectedElements.forEach(e=>{let n=as(e);e.set({y:e.y-n.y+t-n.height})})}})]}),
|
|
3621
|
+
e.selectedElements.forEach(e=>{let n=as(e);e.set({y:e.y-n.y+t-n.height})})}})]})]})]}),a&&/*#__PURE__*/(0,p.jsxs)(p.Fragment,{children:[/*#__PURE__*/(0,p.jsx)(gN,{title:l_("toolbar.spaceEvenly")}),/*#__PURE__*/(0,p.jsxs)("div",{style:{display:"flex"},children:[/*#__PURE__*/(0,p.jsxs)("div",{style:{width:"50%"},children:[" ",/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"vertical-distribution",text:l_("toolbar.verticalDistribution"),onClick:()=>{let t=e.activePage?.computedHeight,n=0,r=0;e.selectedElements.forEach(e=>{let i=as(e);t=Math.min(t,i.y),n=Math.max(n,i.y+i.height),r+=i.height});let i=(n-t-r)/(e.selectedElements.length-1),o=e.selectedElements.slice().sort((e,t)=>{let n=as(e),r=as(t);return n.y-r.y}),a=0;o.forEach(e=>{let n=as(e);e.set({y:e.y-n.y+t+a}),a+=n.height+i})}})]}),/*#__PURE__*/(0,p.jsx)("div",{style:{width:"50%"},children:/*#__PURE__*/(0,p.jsx)(gL,{shouldDismissPopover:!1,icon:"horizontal-distribution",text:l_("toolbar.horizontalDistribution"),onClick:()=>{let t=e.activePage?.computedWidth,n=0,r=0;e.selectedElements.forEach(e=>{let i=as(e);t=Math.min(t,i.x),n=Math.max(n,i.x+i.width),r+=i.width});let i=(n-t-r)/(e.selectedElements.length-1),o=e.selectedElements.slice().sort((e,t)=>{let n=as(e),r=as(t);return n.x-r.x}),a=0;o.forEach(e=>{let n=as(e);e.set({x:e.x-n.x+t+a}),a+=n.width+i})}})})]})]})]}),children:/*#__PURE__*/(0,p.jsx)(fy,{icon:"layers",minimal:!0,text:l_("toolbar.position"),disabled:!t})})});function gB(e,t){return e.classList.contains(t)?e:e.parentElement?gB(e.parentElement,t):null}let gz=P(({store:e,page:t,components:n,stageRef:r})=>{let i=au(e.selectedShapes),o=e.selectedShapes.every(e=>e.page===t),a=/*@__PURE__*/l(v).useRef(null),[s,u]=/*@__PURE__*/l(v).useState(!1);/*@__PURE__*/l(v).useEffect(()=>{let e=()=>{u(!0)},t=()=>{u(!1)};r?.current?.on("dragstart",e),r?.current?.on("dragend",t);let n=r?.current?.findOne("Transformer");return n?.on("transformstart",e),n?.on("transformend",t),()=>{r?.current?.off("dragstart",e),r?.current?.off("dragend",t),n?.off("transformstart",e),n?.off("transformend",t)}},[]);let[c,d]=/*@__PURE__*/l(v).useState({fit:!0,needCalculate:!1,token:Math.random()});if(/*@__PURE__*/l(v).useEffect(()=>{// if not element selected, let's skip any calculations
|
|
3622
3622
|
0!==e.selectedElements.length&&d({fit:!0,needCalculate:!0,token:Math.random()})},[e.selectedElements,s]),/*@__PURE__*/l(v).useEffect(()=>{setTimeout(()=>{if(!a.current||!c.needCalculate)return;let e=gB(a.current,"polotno-workspace-container");if(!e)return;// find position of navbar relative to the container
|
|
3623
3623
|
let t=e.getBoundingClientRect(),n=a.current.getBoundingClientRect();n.right,t.left;let r=n.top-t.top;n.left,t.left;let i=n.bottom-t.top;r<20&&c.fit&&d({fit:!1,needCalculate:!1,token:c.token}),i-t.height>-20&&!c.fit&&d({fit:!0,needCalculate:!1,token:c.token})},10)},[c.needCalculate,a.current,c.token]),/*@__PURE__*/l(v).useEffect(()=>{let t=gB(r.current.content,"polotno-workspace-inner"),n=()=>{// no element selected? skip
|
|
3624
3624
|
e.selectedElements.length&&d({fit:!0,needCalculate:!0,token:Math.random()})};return t?.addEventListener("scroll",n),()=>{t?.removeEventListener("scroll",n)}},[]),0===e.selectedShapes.length||s||!o)return null;if(e.activePage!==t)return;let h=n?.Position||gF,f=n?.Duplicate||gC,g=n?.Remove||gk,m=e.selectedElements[0].type,y=gS({components:n,type:m,usedItems:[]}),b=r?.current?.findOne("Transformer")?.rotation()||0,x=30;return 5>Math.abs(b)&&c.fit&&(x=80),Math.abs(b)>160&&!c.fit&&(x=80),/*#__PURE__*/(0,p.jsx)(r2,{transformFunc:e=>{let t=i.x+i.width/2,n=c.fit?i.y*e.scaleY-x:i.y*e.scaleY+i.height*e.scaleY+x;return{...e,x:e.x+t*e.scaleX,y:e.y+n,scaleX:1,scaleY:1}},children:/*#__PURE__*/(0,p.jsx)("div",{ref:a,children:/*#__PURE__*/(0,p.jsx)(gy,{style:{padding:"2px",borderRadius:"5px",height:"34px",transform:"translate(-50%, -50%)"},children:/*#__PURE__*/(0,p.jsxs)(gm,{style:{height:"30px"},children:[y.map(t=>{let r=n[t];return/*#__PURE__*/(0,p.jsx)(r,{elements:e.selectedElements,element:e.selectedElements[0],store:e},t)}),/*#__PURE__*/(0,p.jsx)(f,{store:e}),/*#__PURE__*/(0,p.jsx)(g,{store:e}),/*#__PURE__*/(0,p.jsx)(h,{store:e})]})})})})});var gU=({components:e,...t})=>((e=e||{}).PageControls=e.PageControls??gp,e.Tooltip=e.Tooltip??gz,/*#__PURE__*/(0,p.jsx)(lP,{...t,components:e})),v=h("8NFma"),lT=h("gztBd"),v=h("8NFma"),gH=/** @class */function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,lT.__extends)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.tagName,r=void 0===n?"div":n,i=(0,lT.__rest)(e,["className","tagName"]),o=/*@__PURE__*/l(lA)(uo,t);return v.createElement(r,(0,lT.__assign)((0,lT.__assign)({},i),{className:o}))},t.displayName="".concat(h6,".Divider"),t}(fg);h("8NFma");let gV=P(({store:e})=>/*#__PURE__*/(0,p.jsxs)(gy.Group,{align:lj.LEFT,children:[/*#__PURE__*/(0,p.jsx)(fy,{icon:"undo",minimal:!0,onClick:()=>{e.history.undo()},disabled:!e.history.canUndo}),/*#__PURE__*/(0,p.jsx)(fy,{icon:"redo",minimal:!0,onClick:()=>{e.history.redo()},disabled:!e.history.canRedo})]}));var v=h("8NFma"),lT=h("gztBd"),v=h("8NFma"),gq=v.forwardRef(function(e,t){var n,r=e.alignText,i=e.className,o=e.fill,a=e.minimal,s=e.large,u=e.vertical,c=(0,lT.__rest)(e,["alignText","className","fill","minimal","large","vertical"]),d=/*@__PURE__*/l(lA)(lN.BUTTON_GROUP,((n={})[lN.FILL]=o,n[lN.LARGE]=s,n[lN.MINIMAL]=a,n[lN.VERTICAL]=u,n),lN.alignmentClass(r),i);return v.createElement("div",(0,lT.__assign)({},c,{ref:t,className:d}),e.children)});gq.displayName="".concat(h6,".ButtonGroup");/*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PositionPicker=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),math_1=require("../utils/math"),l10n_1=require("../utils/l10n");exports.PositionPicker=(0,mobx_react_lite_1.observer)((({store:e})=>{var t,l,o,n;const
|
|
1
|
+
"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PositionPicker=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),math_1=require("../utils/math"),l10n_1=require("../utils/l10n");exports.PositionPicker=(0,mobx_react_lite_1.observer)((({store:e})=>{var t,l,o,n;const a=e.selectedElements.length>0,i=e.selectedElementsIds,c=e.selectedElements.every((e=>e.draggable)),r=!e.selectedElements.some((e=>"group"===e.type))&&c,s=(r&&e.selectedElements.length,r&&e.selectedElements.length>1);return react_1.default.createElement(core_2.Popover,{disabled:!a,content:react_1.default.createElement(core_1.Menu,{style:{width:"280px"}},react_1.default.createElement(core_1.MenuDivider,{title:(0,l10n_1.t)("toolbar.layering")}),react_1.default.createElement("div",{style:{display:"flex"}},react_1.default.createElement("div",{style:{width:"50%"}},react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"chevron-up",text:(0,l10n_1.t)("toolbar.up"),disabled:!(null===(t=e.activePage)||void 0===t?void 0:t.canMoveElementsUp(i)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsUp(i)}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"double-chevron-up",text:(0,l10n_1.t)("toolbar.toForward"),disabled:!(null===(l=e.activePage)||void 0===l?void 0:l.canMoveElementsTop(i)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsTop(i)}})),react_1.default.createElement("div",{style:{width:"50%"}},react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"chevron-down",text:(0,l10n_1.t)("toolbar.down"),disabled:!(null===(o=e.activePage)||void 0===o?void 0:o.canMoveElementsDown(i)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsDown(i)}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"double-chevron-down",text:(0,l10n_1.t)("toolbar.toBottom"),disabled:!(null===(n=e.activePage)||void 0===n?void 0:n.canMoveElementsBottom(i)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsBottom(i)}}))),r&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(core_1.MenuDivider,{title:(0,l10n_1.t)("toolbar.position")}),react_1.default.createElement("div",{style:{display:"flex"}},react_1.default.createElement("div",{style:{width:"50%"}},react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-left",text:(0,l10n_1.t)("toolbar.alignLeft"),onClick:()=>{var t;let l=null===(t=e.activePage)||void 0===t?void 0:t.computedWidth;e.selectedElements.forEach((e=>{l=Math.min(l,(0,math_1.getClientRect)(e).x)})),1===e.selectedElements.length&&(l=0),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({x:e.x-t.x+l})}))}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-vertical-center",text:(0,l10n_1.t)("toolbar.alignCenter"),onClick:()=>{var t,l;let o=null===(t=e.activePage)||void 0===t?void 0:t.computedWidth,n=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);o=Math.min(o,t.x),n=Math.max(n,t.x+t.width)}));let a=(n+o)/2;1===e.selectedElements.length&&(a=(null===(l=e.activePage)||void 0===l?void 0:l.computedWidth)/2),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e),l=e.x-t.x;e.set({x:a+l-t.width/2})}))}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-right",text:(0,l10n_1.t)("toolbar.alignRight"),onClick:()=>{var t;let l=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);l=Math.max(l,t.x+t.width)})),1===e.selectedElements.length&&(l=null===(t=e.activePage)||void 0===t?void 0:t.computedWidth),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({x:e.x-t.x+l-t.width})}))}})),react_1.default.createElement("div",{style:{width:"50%"}},react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-top",text:(0,l10n_1.t)("toolbar.alignTop"),onClick:()=>{var t;let l=null===(t=e.activePage)||void 0===t?void 0:t.computedHeight;e.selectedElements.forEach((e=>{l=Math.min(l,(0,math_1.getClientRect)(e).y)})),1===e.selectedElements.length&&(l=0),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({y:e.y-t.y+l})}))}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-horizontal-center",text:(0,l10n_1.t)("toolbar.alignMiddle"),onClick:()=>{var t,l;let o=null===(t=e.activePage)||void 0===t?void 0:t.computedHeight,n=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);o=Math.min(o,t.y),n=Math.max(n,t.y+t.height)}));let a=(n+o)/2;1===e.selectedElements.length&&(a=(null===(l=e.activePage)||void 0===l?void 0:l.computedHeight)/2),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e),l=e.y-t.y;e.set({y:a+l-t.height/2})}))}}),react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"alignment-bottom",text:(0,l10n_1.t)("toolbar.alignBottom"),onClick:()=>{var t;let l=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);l=Math.max(l,t.y+t.height)})),1===e.selectedElements.length&&(l=null===(t=e.activePage)||void 0===t?void 0:t.computedHeight),e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({y:e.y-t.y+l-t.height})}))}})))),s&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(core_1.MenuDivider,{title:(0,l10n_1.t)("toolbar.spaceEvenly")}),react_1.default.createElement("div",{style:{display:"flex"}},react_1.default.createElement("div",{style:{width:"50%"}}," ",react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"vertical-distribution",text:(0,l10n_1.t)("toolbar.verticalDistribution"),onClick:()=>{var t;let l=null===(t=e.activePage)||void 0===t?void 0:t.computedHeight,o=0,n=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);l=Math.min(l,t.y),o=Math.max(o,t.y+t.height),n+=t.height}));const a=(o-l-n)/(e.selectedElements.length-1),i=e.selectedElements.slice().sort(((e,t)=>{const l=(0,math_1.getClientRect)(e),o=(0,math_1.getClientRect)(t);return l.y-o.y}));let c=0;i.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({y:e.y-t.y+l+c}),c+=t.height+a}))}})),react_1.default.createElement("div",{style:{width:"50%"}},react_1.default.createElement(core_1.MenuItem,{shouldDismissPopover:!1,icon:"horizontal-distribution",text:(0,l10n_1.t)("toolbar.horizontalDistribution"),onClick:()=>{var t;let l=null===(t=e.activePage)||void 0===t?void 0:t.computedWidth,o=0,n=0;e.selectedElements.forEach((e=>{const t=(0,math_1.getClientRect)(e);l=Math.min(l,t.x),o=Math.max(o,t.x+t.width),n+=t.width}));const a=(o-l-n)/(e.selectedElements.length-1),i=e.selectedElements.slice().sort(((e,t)=>{const l=(0,math_1.getClientRect)(e),o=(0,math_1.getClientRect)(t);return l.x-o.x}));let c=0;i.forEach((e=>{const t=(0,math_1.getClientRect)(e);e.set({x:e.x-t.x+l+c}),c+=t.width+a}))}})))))},react_1.default.createElement(core_1.Button,{icon:"layers",minimal:!0,text:(0,l10n_1.t)("toolbar.position"),disabled:!a}))}));
|