npm - polotno - Versions diffs - 2.2.4 → 2.2.5 - Mend

polotno 2.2.4 → 2.2.5

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.

Files changed (8) hide show

package/canvas/image-element.js +1 -1
package/canvas/workspace-canvas.js +1 -1
package/model/group-model.js +1 -1
package/model/history.js +1 -1
package/model/store.js +1 -1
package/package.json +1 -1
package/polotno.bundle.js +5 -5
package/toolbar/image-toolbar.js +1 -1

package/toolbar/image-toolbar.js CHANGED Viewed

	@@ -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.ImageToolbar=exports.ImageRemoveClip=exports.ImageCrop=exports.ImageFitToBackground=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),element_container_1=require("./element-container"),filters_picker_1=__importDefault(require("./filters-picker")),animations_picker_1=require("./animations-picker"),flip_button_1=__importDefault(require("./flip-button")),flags_1=require("../utils/flags"),image_remove_background_button_1=require("./image-remove-background-button"),l10n_1=require("../utils/l10n"),ImageFitToBackground=({element:e})=>react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.fitToBackground"),minimal:!0,onClick:()=>{const{page:t}=e;e.set({x:-t.bleed,y:-t.bleed,width:t.computedWidth+2t.bleed,height:t.computedHeight+2t.bleed,rotation:0,cropX:0,cropY:0,cropWidth:1,cropHeight:1})}});exports.ImageFitToBackground=ImageFitToBackground;const ImageCrop=({element:e,store:t})=>react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.crop"),minimal:!0,onClickCapture:t=>{t.stopPropagation(),e.toggleCropMode(!0)}});exports.ImageCrop=ImageCrop,exports.ImageRemoveClip=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>e.clipSrc?react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.removeClip"),minimal:!0,onClickCapture:t=>{e.set({clipSrc:""})}}):null));const PROPS_MAP={ImageFlip:flip_button_1.default,ImageFilters:filters_picker_1.default,ImageFitToBackground:exports.ImageFitToBackground,ImageCrop:exports.ImageCrop,ImageRemoveClip:exports.ImageRemoveClip,ImageRemoveBackground:image_remove_background_button_1.ImageRemoveBackground,ImageAnimations:animations_picker_1.AnimationsPicker};exports.ImageToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const r=e.selectedElements[0],o=r._cropModeEnabled,a=react_1.default.useRef({});react_1.default.useEffect((()=>{o&&(a.current={x:r.x,y:r.y,width:r.width,height:r.height,cropX:r.cropX,cropY:r.cropY,cropWidth:r.cropWidth,cropHeight:r.cropHeight})}),[o]);const n=["ImageFlip","ImageFilters","ImageFitToBackground","ImageCrop",flags_1.flags.animationsEnabled&&"ImageAnimations","ImageRemoveClip",flags_1.flags.removeBackgroundEnabled&&"ImageRemoveBackground"],i=(0,element_container_1.extendToolbar)({type:"image",usedItems:n,components:t});return react_1.default.createElement(react_1.default.Fragment,null,!o&&react_1.default.createElement(element_container_1.ElementContainer,{items:i,itemRender:o=>{const a=t[o]\|\|PROPS_MAP[o];return react_1.default.createElement(a,{element:r,store:e,key:o})}}),o&&react_1.default.createElement(core_1.Navbar.Group,null,react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.cropDone"),minimal:!0,icon:"tick",onClickCapture:e=>{r.toggleCropMode(!1)}}),react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.cropCancel"),minimal:!0,icon:"cross",onClickCapture:e=>{r.set(Object.assign({},a.current)),r.toggleCropMode(!1)}})))})),exports.default=exports.ImageToolbar;
1	+ "use strict";var __importDefault=this&&this.__importDefault\|\|function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageToolbar=exports.ImageRemoveClip=exports.ImageCrop=exports.ImageFitToBackground=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),element_container_1=require("./element-container"),filters_picker_1=__importDefault(require("./filters-picker")),animations_picker_1=require("./animations-picker"),flip_button_1=__importDefault(require("./flip-button")),flags_1=require("../utils/flags"),image_remove_background_button_1=require("./image-remove-background-button"),l10n_1=require("../utils/l10n"),ImageFitToBackground=({element:e})=>react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.fitToBackground"),minimal:!0,onClick:()=>{const{page:t}=e;e.set({x:-t.bleed,y:-t.bleed,width:t.computedWidth+2t.bleed,height:t.computedHeight+2t.bleed,rotation:0,cropX:0,cropY:0,cropWidth:1,cropHeight:1})}});exports.ImageFitToBackground=ImageFitToBackground;const ImageCrop=({element:e,store:t})=>e.contentEditable?react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.crop"),minimal:!0,onClickCapture:t=>{t.stopPropagation(),e.toggleCropMode(!0)}}):null;exports.ImageCrop=ImageCrop,exports.ImageRemoveClip=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>e.clipSrc?react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.removeClip"),minimal:!0,onClickCapture:t=>{e.set({clipSrc:""})}}):null));const PROPS_MAP={ImageFlip:flip_button_1.default,ImageFilters:filters_picker_1.default,ImageFitToBackground:exports.ImageFitToBackground,ImageCrop:exports.ImageCrop,ImageRemoveClip:exports.ImageRemoveClip,ImageRemoveBackground:image_remove_background_button_1.ImageRemoveBackground,ImageAnimations:animations_picker_1.AnimationsPicker};exports.ImageToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const r=e.selectedElements[0],o=r._cropModeEnabled,a=react_1.default.useRef({});react_1.default.useEffect((()=>{o&&(a.current={x:r.x,y:r.y,width:r.width,height:r.height,cropX:r.cropX,cropY:r.cropY,cropWidth:r.cropWidth,cropHeight:r.cropHeight})}),[o]);const n=["ImageFlip","ImageFilters","ImageFitToBackground","ImageCrop",flags_1.flags.animationsEnabled&&"ImageAnimations","ImageRemoveClip",flags_1.flags.removeBackgroundEnabled&&"ImageRemoveBackground"],i=(0,element_container_1.extendToolbar)({type:"image",usedItems:n,components:t});return react_1.default.createElement(react_1.default.Fragment,null,!o&&react_1.default.createElement(element_container_1.ElementContainer,{items:i,itemRender:o=>{const a=t[o]\|\|PROPS_MAP[o];return react_1.default.createElement(a,{element:r,store:e,key:o})}}),o&&react_1.default.createElement(core_1.Navbar.Group,null,react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.cropDone"),minimal:!0,icon:"tick",onClickCapture:e=>{r.toggleCropMode(!1)}}),react_1.default.createElement(core_1.Button,{text:(0,l10n_1.t)("toolbar.cropCancel"),minimal:!0,icon:"cross",onClickCapture:e=>{r.set(Object.assign({},a.current)),r.toggleCropMode(!1)}})))})),exports.default=exports.ImageToolbar;