@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js

@@ -1 +1,72 @@
-import SvgIconBlur from"../../../icons/components/IconBlur.js";import SvgIconCrop from"../../../icons/components/IconCrop.js";import SvgIconReset from"../../../icons/components/IconReset.js";import SvgIconUndo from"../../../icons/components/IconUndo.js";import Toolbar from"../../../../components/Toolbar/Toolbar.js";import{useState}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ImageEditorToolbar=({historyCount,handle})=>{let{t}=useTranslation(),[action,setAction]=useState(void 0),handleAndSave=action=>{setAction(action),handle(action)};return jsx(Toolbar,{variant:`no-shadow`,align:`left`,isBlock:!0,items:[{type:`button`,name:`undo`,props:{color:`tertiary`,leftIcon:jsx(SvgIconUndo,{}),"aria-label":t(`cancel`),children:t(`cancel`),onClick:()=>handleAndSave(`UNDO`),disabled:historyCount===0},tooltip:t(`cancel`)},{type:`divider`,name:`div-1`},{type:`button`,name:`reset`,props:{color:`tertiary`,leftIcon:jsx(SvgIconReset,{}),"aria-label":t(`rotate`),children:t(`rotate`),onClick:()=>handleAndSave(`ROTATE`)},tooltip:t(`rotate`)},{type:`button`,name:`crop`,props:{color:`tertiary`,leftIcon:jsx(SvgIconCrop,{}),"aria-label":t(`crop`),children:t(`crop`),className:action===`CROP`?`is-selected`:``,onClick:()=>handleAndSave(`CROP`)},tooltip:t(`crop`)},{type:`button`,name:`blur`,props:{color:`tertiary`,leftIcon:jsx(SvgIconBlur,{}),"aria-label":t(`blur`),children:t(`blur`),className:action===`BLUR`?`is-selected`:``,onClick:()=>handleAndSave(`BLUR`)},tooltip:t(`blur`)}]})};export{ImageEditorToolbar as default};
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconBlur from "../../../icons/components/IconBlur.js";
+import SvgIconCrop from "../../../icons/components/IconCrop.js";
+import SvgIconReset from "../../../icons/components/IconReset.js";
+import SvgIconUndo from "../../../icons/components/IconUndo.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
+const ImageEditorToolbar = ({
+  historyCount,
+  handle
+}) => {
+  const {
+    t
+  } = useTranslation(), [action, setAction] = useState(void 0), handleAndSave = (action2) => {
+    setAction(action2), handle(action2);
+  }, ImageEditorItems = [{
+    type: "button",
+    name: "undo",
+    props: {
+      color: "tertiary",
+      leftIcon: /* @__PURE__ */ jsx(SvgIconUndo, {}),
+      "aria-label": t("cancel"),
+      children: t("cancel"),
+      onClick: () => handleAndSave("UNDO"),
+      disabled: historyCount === 0
+    },
+    tooltip: t("cancel")
+  }, {
+    type: "divider",
+    name: "div-1"
+  }, {
+    type: "button",
+    name: "reset",
+    props: {
+      color: "tertiary",
+      leftIcon: /* @__PURE__ */ jsx(SvgIconReset, {}),
+      "aria-label": t("rotate"),
+      children: t("rotate"),
+      onClick: () => handleAndSave("ROTATE")
+    },
+    tooltip: t("rotate")
+  }, {
+    type: "button",
+    name: "crop",
+    props: {
+      color: "tertiary",
+      leftIcon: /* @__PURE__ */ jsx(SvgIconCrop, {}),
+      "aria-label": t("crop"),
+      children: t("crop"),
+      className: action === "CROP" ? "is-selected" : "",
+      onClick: () => handleAndSave("CROP")
+    },
+    tooltip: t("crop")
+  }, {
+    type: "button",
+    name: "blur",
+    props: {
+      color: "tertiary",
+      leftIcon: /* @__PURE__ */ jsx(SvgIconBlur, {}),
+      "aria-label": t("blur"),
+      children: t("blur"),
+      className: action === "BLUR" ? "is-selected" : "",
+      onClick: () => handleAndSave("BLUR")
+    },
+    tooltip: t("blur")
+  }];
+  return /* @__PURE__ */ jsx(Toolbar, { variant: "no-shadow", align: "left", isBlock: !0, items: ImageEditorItems });
+};
+export {
+  ImageEditorToolbar as default
+};

package/dist/modules/multimedia/ImageEditor/effects/blur.js

@@ -1 +1,80 @@
-import{BLUR_LAYER_NAME}from"./constants.js";import{getApplicationScale}from"./misc.js";import{aggregate}from"../utilities/aggregate.js";import*as PIXI from"pixi.js";var BRUSH_SIZE=20,DEBOUNCE=50,CURSOR_NAME=`BRUSH_CURSOR`;function getOrCreateBlurLayer(application){let layer=application.stage.getChildByLabel(BLUR_LAYER_NAME);return layer||(layer=new PIXI.Container,layer.label=BLUR_LAYER_NAME,application.stage.addChild(layer)),layer}function drawBrush(points,scale){let container=new PIXI.Graphics;for(let point of points)point&&(container.circle(point.x,point.y,BRUSH_SIZE/scale),container.fill({color:16777215,alpha:1}));return container}function drawBlurListener(application,{spriteName}){return aggregate(DEBOUNCE,event=>application.stage.toLocal(event.global),points=>{let child=application.stage.getChildByLabel(spriteName),scale=getApplicationScale(application);if(!child)return;let sprite=child,newSprite=new PIXI.Sprite(sprite.texture);newSprite.filters=[new PIXI.BlurFilter({strength:8,quality:Math.min(Math.round(4*scale),4),resolution:Math.min(scale,1)})],newSprite.width=sprite.width,newSprite.height=sprite.height,newSprite.scale=new PIXI.Point(1,1),newSprite.anchor=sprite.anchor;let blurLayer=getOrCreateBlurLayer(application),brushMask=drawBrush(points,scale);blurLayer.addChild(brushMask),newSprite.mask=brushMask,blurLayer.addChild(newSprite)})}function drawCursor(application){removeCursor(application);let scale=getApplicationScale(application),circle=new PIXI.Graphics;return circle.circle(0,0,BRUSH_SIZE/scale),circle.stroke({width:Math.max(1,1/scale),color:16711680}),circle.label=CURSOR_NAME,application.stage.addChild(circle),circle}function removeCursor(application){let child=application.stage.getChildByLabel(CURSOR_NAME);child&&child.removeFromParent()}function moveCursorListener(application){return event=>{if(!application)return;let point=application.stage.toLocal(event.global),child=application.stage.getChildByLabel(CURSOR_NAME,!0);child&&(child.position.x=point.x,child.position.y=point.y)}}function start(application,{spriteName}){application.stage.interactive=!0;let cursor=drawCursor(application),cursorListener=moveCursorListener(application);application.stage.on(`pointermove`,cursorListener);let blurListener=drawBlurListener(application,{spriteName});application.stage.on(`pointerdown`,()=>{application.stage.off(`pointermove`,blurListener),application.stage.on(`pointermove`,blurListener)});let stopListening=()=>{application?.stage?.off(`pointermove`,blurListener)};globalThis.addEventListener(`pointerup`,stopListening),cursor.once(`destroyed`,()=>{globalThis.removeEventListener(`pointerup`,stopListening)})}function stop(application){removeCursor(application),application.stage.off(`pointerdown`),application.stage.off(`pointermove`)}export{start,stop};
+import * as PIXI from "pixi.js";
+import { aggregate } from "../utilities/aggregate.js";
+import { BLUR_LAYER_NAME } from "./constants.js";
+import { getApplicationScale } from "./misc.js";
+const BRUSH_SIZE = 20, DEBOUNCE = 50, CURSOR_NAME = "BRUSH_CURSOR";
+function getOrCreateBlurLayer(application) {
+  let layer = application.stage.getChildByLabel(BLUR_LAYER_NAME);
+  return layer || (layer = new PIXI.Container(), layer.label = BLUR_LAYER_NAME, application.stage.addChild(layer)), layer;
+}
+function drawBrush(points, scale) {
+  const container = new PIXI.Graphics();
+  for (const point of points)
+    point && (container.circle(point.x, point.y, BRUSH_SIZE / scale), container.fill({
+      color: 16777215,
+      alpha: 1
+    }));
+  return container;
+}
+function drawBlurListener(application, {
+  spriteName
+}) {
+  return aggregate(DEBOUNCE, (event) => application.stage.toLocal(event.global), (points) => {
+    const child = application.stage.getChildByLabel(spriteName), scale = getApplicationScale(application);
+    if (!child) return;
+    const sprite = child, newSprite = new PIXI.Sprite(sprite.texture);
+    newSprite.filters = [new PIXI.BlurFilter({
+      strength: 8,
+      quality: Math.min(Math.round(4 * scale), 4),
+      resolution: Math.min(scale, 1)
+    })], newSprite.width = sprite.width, newSprite.height = sprite.height, newSprite.scale = new PIXI.Point(1, 1), newSprite.anchor = sprite.anchor;
+    const blurLayer = getOrCreateBlurLayer(application), brushMask = drawBrush(points, scale);
+    blurLayer.addChild(brushMask), newSprite.mask = brushMask, blurLayer.addChild(newSprite);
+  });
+}
+function drawCursor(application) {
+  removeCursor(application);
+  const scale = getApplicationScale(application), circle = new PIXI.Graphics();
+  return circle.circle(0, 0, BRUSH_SIZE / scale), circle.stroke({
+    width: Math.max(1, 1 / scale),
+    color: 16711680
+  }), circle.label = CURSOR_NAME, application.stage.addChild(circle), circle;
+}
+function removeCursor(application) {
+  const child = application.stage.getChildByLabel(CURSOR_NAME);
+  child && child.removeFromParent();
+}
+function moveCursorListener(application) {
+  return (event) => {
+    if (!application) return;
+    const point = application.stage.toLocal(event.global), child = application.stage.getChildByLabel(CURSOR_NAME, !0);
+    child && (child.position.x = point.x, child.position.y = point.y);
+  };
+}
+function start(application, {
+  spriteName
+}) {
+  application.stage.interactive = !0;
+  const cursor = drawCursor(application), cursorListener = moveCursorListener(application);
+  application.stage.on("pointermove", cursorListener);
+  const blurListener = drawBlurListener(application, {
+    spriteName
+  });
+  application.stage.on("pointerdown", () => {
+    application.stage.off("pointermove", blurListener), application.stage.on("pointermove", blurListener);
+  });
+  const stopListening = () => {
+    var _a;
+    (_a = application == null ? void 0 : application.stage) == null || _a.off("pointermove", blurListener);
+  };
+  globalThis.addEventListener("pointerup", stopListening), cursor.once("destroyed", () => {
+    globalThis.removeEventListener("pointerup", stopListening);
+  });
+}
+function stop(application) {
+  removeCursor(application), application.stage.off("pointerdown"), application.stage.off("pointermove");
+}
+export {
+  start,
+  stop
+};

package/dist/modules/multimedia/ImageEditor/effects/constants.js

@@ -1 +1,4 @@
-var BLUR_LAYER_NAME=`BLUR_LAYER`;export{BLUR_LAYER_NAME};
+const BLUR_LAYER_NAME = "BLUR_LAYER";
+export {
+  BLUR_LAYER_NAME
+};

package/dist/modules/multimedia/ImageEditor/effects/crop.js

@@ -1 +1,171 @@
-import{getApplicationScale}from"./misc.js";import*as PIXI from"pixi.js";var CORNERS=[`TOP_LEFT`,`TOP_RIGHT`,`BOTTOM_LEFT`,`BOTTOM_RIGHT`],PADDING=0,POINT_RADIUS=20,CROP_BACKGROUND_NAME=`CROP_BACKGROUND_NAME`,CROP_MASK_NAME=`CROP_MASK_NAME`;function getCornerName(corner){return`CROP_CORNER_`+corner}function drawBackground(application,{spriteName}){removeBackground(application);let sprite=application.stage.getChildByLabel(spriteName);if(!sprite)return;let spriteBounds=sprite.getBounds(),stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);clonedStage.height=spriteBounds.height,clonedStage.width=spriteBounds.width,clonedStage.position=new PIXI.Point(0,0);let background=new PIXI.Container;background.label=CROP_BACKGROUND_NAME,background.position=new PIXI.Point(spriteBounds.x,spriteBounds.y);let backdrop=new PIXI.Graphics;backdrop.rect(0,0,spriteBounds.width,spriteBounds.height),backdrop.fill({color:16777215,alpha:.5});let rectMask=new PIXI.Graphics;rectMask.rect(0,0,spriteBounds.width-2*PADDING,spriteBounds.height-2*PADDING),rectMask.fill({color:0,alpha:1}),rectMask.position=new PIXI.Point(PADDING,PADDING),rectMask.label=CROP_MASK_NAME,clonedStage.mask=rectMask,application.stage.addChild(background),background.addChild(backdrop),background.addChild(rectMask),background.addChild(clonedStage)}function removeBackground(application){application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0)?.removeFromParent()}function computeCornerPosition(cornerType,bounds){switch(cornerType){case`TOP_LEFT`:return{x:bounds.x,y:bounds.y,start:0,end:Math.PI/2};case`TOP_RIGHT`:return{x:bounds.x+bounds.width,y:bounds.y,start:Math.PI/2,end:Math.PI};case`BOTTOM_LEFT`:return{x:bounds.x,y:bounds.y+bounds.height,start:3*Math.PI/2,end:2*Math.PI};case`BOTTOM_RIGHT`:return{x:bounds.x+bounds.width,y:bounds.y+bounds.height,start:Math.PI,end:3*Math.PI/2}}}function refreshCorners(application){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);mask&&CORNERS.forEach(cornerType=>{let corner=application.stage.getChildByLabel(getCornerName(cornerType),!0);if(!corner)return;let position=computeCornerPosition(cornerType,{height:mask.height,width:mask.width,x:mask.x,y:mask.y});corner.position=new PIXI.Point(position.x,position.y)})}function drawCorner(application,cornerType,{spriteName}){let previous=application.stage.getChildByLabel(getCornerName(cornerType),!0),scale=getApplicationScale(application);previous?.removeFromParent();let background=application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0),mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!application.stage.getChildByLabel(spriteName)||!background||!mask)return;let position=computeCornerPosition(cornerType,{height:mask.height,width:mask.width,x:mask.x,y:mask.y}),corner=new PIXI.Graphics;corner.arc(0,0,POINT_RADIUS/scale,position.start,position.end),corner.lineTo(0,0),corner.fill({color:4960213,alpha:1}),corner.position=new PIXI.Point(position.x,position.y),corner.label=getCornerName(cornerType),corner.interactive=!0;let enable=!1,handlePointerMove=event=>{if(!enable)return;let localPosition=background.toLocal(event.global);corner.position.x=localPosition.x,corner.position.y=localPosition.y,moveMask(application,cornerType,localPosition)};application.stage.on(`pointermove`,handlePointerMove),corner.on(`pointerdown`,()=>{enable=!0});let handlePointerUp=()=>{enable=!1};globalThis.addEventListener(`pointerup`,handlePointerUp),corner.once(`destroyed`,()=>{corner.off(`pointerdown`),application.stage.off(`pointermove`,handlePointerMove),globalThis.removeEventListener(`pointerup`,handlePointerUp)}),background.addChild(corner)}function moveMask(application,cornerType,position){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!mask)return;let right=mask.position.x+mask.width,bottom=mask.position.y+mask.height;switch(cornerType){case`TOP_LEFT`:mask.position.x=position.x,mask.position.y=position.y,mask.width=right-position.x,mask.height=bottom-position.y;break;case`TOP_RIGHT`:mask.position.y=position.y,mask.width=position.x-mask.position.x,mask.height=bottom-position.y;break;case`BOTTOM_LEFT`:mask.position.x=position.x,mask.width=right-position.x,mask.height=position.y-mask.position.y;break;case`BOTTOM_RIGHT`:mask.width=position.x-mask.position.x,mask.height=position.y-mask.position.y;break}refreshCorners(application)}function start(application,{spriteName}){stop(application),application.stage.interactive=!0,application.stage.interactiveChildren=!0,drawBackground(application,{spriteName}),drawCorner(application,`BOTTOM_LEFT`,{spriteName}),drawCorner(application,`BOTTOM_RIGHT`,{spriteName}),drawCorner(application,`TOP_LEFT`,{spriteName}),drawCorner(application,`TOP_RIGHT`,{spriteName})}function stop(application){removeBackground(application),application.stage.off(`pointermove`),application.render()}function save(application){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!mask)return;let background=application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0),offsetX=background?.x??0,offsetY=background?.y??0,frame=new PIXI.Rectangle(Math.floor(offsetX+mask.x),Math.floor(offsetY+mask.y),Math.floor(mask.width),Math.floor(mask.height));background&&(background.visible=!1);let croppedTexture=application.renderer.generateTexture({target:application.stage,frame});return removeBackground(application),application.stage.off(`pointermove`),new PIXI.Sprite(croppedTexture)}export{save,start,stop};
+import * as PIXI from "pixi.js";
+import { getApplicationScale } from "./misc.js";
+const CORNERS = ["TOP_LEFT", "TOP_RIGHT", "BOTTOM_LEFT", "BOTTOM_RIGHT"], PADDING = 0, POINT_RADIUS = 20, CROP_BACKGROUND_NAME = "CROP_BACKGROUND_NAME", CROP_MASK_NAME = "CROP_MASK_NAME";
+function getCornerName(corner) {
+  return "CROP_CORNER_" + corner;
+}
+function drawBackground(application, {
+  spriteName
+}) {
+  removeBackground(application);
+  const sprite = application.stage.getChildByLabel(spriteName);
+  if (!sprite) return;
+  const spriteBounds = sprite.getBounds(), stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
+  clonedStage.height = spriteBounds.height, clonedStage.width = spriteBounds.width, clonedStage.position = new PIXI.Point(0, 0);
+  const background = new PIXI.Container();
+  background.label = CROP_BACKGROUND_NAME, background.position = new PIXI.Point(spriteBounds.x, spriteBounds.y);
+  const backdrop = new PIXI.Graphics();
+  backdrop.rect(0, 0, spriteBounds.width, spriteBounds.height), backdrop.fill({
+    color: 16777215,
+    alpha: 0.5
+  });
+  const rectMask = new PIXI.Graphics();
+  rectMask.rect(0, 0, spriteBounds.width - 2 * PADDING, spriteBounds.height - 2 * PADDING), rectMask.fill({
+    color: 0,
+    alpha: 1
+  }), rectMask.position = new PIXI.Point(PADDING, PADDING), rectMask.label = CROP_MASK_NAME, clonedStage.mask = rectMask, application.stage.addChild(background), background.addChild(backdrop), background.addChild(rectMask), background.addChild(clonedStage);
+}
+function removeBackground(application) {
+  const child = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0);
+  child == null || child.removeFromParent();
+}
+function computeCornerPosition(cornerType, bounds) {
+  switch (cornerType) {
+    case "TOP_LEFT":
+      return {
+        x: bounds.x,
+        y: bounds.y,
+        start: 0,
+        end: Math.PI / 2
+      };
+    case "TOP_RIGHT":
+      return {
+        x: bounds.x + bounds.width,
+        y: bounds.y,
+        start: Math.PI / 2,
+        end: Math.PI
+      };
+    case "BOTTOM_LEFT":
+      return {
+        x: bounds.x,
+        y: bounds.y + bounds.height,
+        start: 3 * Math.PI / 2,
+        end: 2 * Math.PI
+      };
+    case "BOTTOM_RIGHT":
+      return {
+        x: bounds.x + bounds.width,
+        y: bounds.y + bounds.height,
+        start: Math.PI,
+        end: 3 * Math.PI / 2
+      };
+  }
+}
+function refreshCorners(application) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  mask && CORNERS.forEach((cornerType) => {
+    const corner = application.stage.getChildByLabel(getCornerName(cornerType), !0);
+    if (!corner) return;
+    const position = computeCornerPosition(cornerType, {
+      height: mask.height,
+      width: mask.width,
+      x: mask.x,
+      y: mask.y
+    });
+    corner.position = new PIXI.Point(position.x, position.y);
+  });
+}
+function drawCorner(application, cornerType, {
+  spriteName
+}) {
+  const previous = application.stage.getChildByLabel(getCornerName(cornerType), !0), scale = getApplicationScale(application);
+  previous == null || previous.removeFromParent();
+  const background = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0), mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!application.stage.getChildByLabel(spriteName) || !background || !mask)
+    return;
+  const position = computeCornerPosition(cornerType, {
+    height: mask.height,
+    width: mask.width,
+    x: mask.x,
+    y: mask.y
+  }), corner = new PIXI.Graphics();
+  corner.arc(0, 0, POINT_RADIUS / scale, position.start, position.end), corner.lineTo(0, 0), corner.fill({
+    color: 4960213,
+    alpha: 1
+  }), corner.position = new PIXI.Point(position.x, position.y), corner.label = getCornerName(cornerType), corner.interactive = !0;
+  let enable = !1;
+  const handlePointerMove = (event) => {
+    if (!enable) return;
+    const localPosition = background.toLocal(event.global);
+    corner.position.x = localPosition.x, corner.position.y = localPosition.y, moveMask(application, cornerType, localPosition);
+  };
+  application.stage.on("pointermove", handlePointerMove);
+  const handlePointerDown = () => {
+    enable = !0;
+  };
+  corner.on("pointerdown", handlePointerDown);
+  const handlePointerUp = () => {
+    enable = !1;
+  };
+  globalThis.addEventListener("pointerup", handlePointerUp), corner.once("destroyed", () => {
+    corner.off("pointerdown"), application.stage.off("pointermove", handlePointerMove), globalThis.removeEventListener("pointerup", handlePointerUp);
+  }), background.addChild(corner);
+}
+function moveMask(application, cornerType, position) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!mask) return;
+  const right = mask.position.x + mask.width, bottom = mask.position.y + mask.height;
+  switch (cornerType) {
+    case "TOP_LEFT": {
+      mask.position.x = position.x, mask.position.y = position.y, mask.width = right - position.x, mask.height = bottom - position.y;
+      break;
+    }
+    case "TOP_RIGHT": {
+      mask.position.y = position.y, mask.width = position.x - mask.position.x, mask.height = bottom - position.y;
+      break;
+    }
+    case "BOTTOM_LEFT": {
+      mask.position.x = position.x, mask.width = right - position.x, mask.height = position.y - mask.position.y;
+      break;
+    }
+    case "BOTTOM_RIGHT": {
+      mask.width = position.x - mask.position.x, mask.height = position.y - mask.position.y;
+      break;
+    }
+  }
+  refreshCorners(application);
+}
+function start(application, {
+  spriteName
+}) {
+  stop(application), application.stage.interactive = !0, application.stage.interactiveChildren = !0, drawBackground(application, {
+    spriteName
+  }), drawCorner(application, "BOTTOM_LEFT", {
+    spriteName
+  }), drawCorner(application, "BOTTOM_RIGHT", {
+    spriteName
+  }), drawCorner(application, "TOP_LEFT", {
+    spriteName
+  }), drawCorner(application, "TOP_RIGHT", {
+    spriteName
+  });
+}
+function stop(application) {
+  removeBackground(application), application.stage.off("pointermove"), application.render();
+}
+function save(application) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!mask) return;
+  const background = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0), offsetX = (background == null ? void 0 : background.x) ?? 0, offsetY = (background == null ? void 0 : background.y) ?? 0, frame = new PIXI.Rectangle(Math.floor(offsetX + mask.x), Math.floor(offsetY + mask.y), Math.floor(mask.width), Math.floor(mask.height));
+  background && (background.visible = !1);
+  const croppedTexture = application.renderer.generateTexture({
+    target: application.stage,
+    frame
+  });
+  return removeBackground(application), application.stage.off("pointermove"), new PIXI.Sprite(croppedTexture);
+}
+export {
+  save,
+  start,
+  stop
+};

package/dist/modules/multimedia/ImageEditor/effects/misc.js

@@ -1 +1,177 @@
-import{BLUR_LAYER_NAME}from"./constants.js";import*as PIXI from"pixi.js";var MIN_HEIGHT=100,MIN_WIDTH=100,MODAL_VERTICAL_PADDING=450,MODAL_HORIZONTAL_PADDING=64,DEFAULT_QUALITY=.5,DEFAULT_SPRITE_NAME=`image`;function updateImageFromBlob(application,{spriteName,imgDatasource,settings}){let imageUrl=URL.createObjectURL(imgDatasource),image=new Image;return image.src=imageUrl,new Promise((resolve,reject)=>{image.onload=async()=>{URL.revokeObjectURL(imageUrl),await updateImage(application,{spriteName,imgDatasource:image,settings});let newSprite=application?.stage.getChildByLabel(spriteName,!0);resolve(newSprite)},image.onerror=()=>{URL.revokeObjectURL(imageUrl),reject(Error(`Failed to load image from Blob`))}})}async function updateImage(application,{spriteName,imgDatasource,settings}){if(application===void 0||application.stage===null)return;application.stage.getChildByLabel(spriteName,!0)?.removeFromParent(),application.stage.getChildByLabel(BLUR_LAYER_NAME)?.removeFromParent();let sprite;if(imgDatasource instanceof PIXI.Sprite)sprite=imgDatasource;else if(imgDatasource instanceof HTMLImageElement)sprite=new PIXI.Sprite(PIXI.Texture.from(imgDatasource));else{let img=new Image;img.crossOrigin=`anonymous`,img.src=imgDatasource,await new Promise((resolve,reject)=>{img.complete?resolve():(img.onload=()=>resolve(),img.onerror=reject)}),sprite=new PIXI.Sprite(PIXI.Texture.from(img))}if(sprite.interactive=!0,sprite.label=spriteName,settings){let{sprite:{anchor,position,scale,size:spriteSize,rotation},stage:{size:stageSize}}=settings,isRotated=rotation%Math.PI!==0;sprite.anchor.x=anchor.x,sprite.anchor.y=anchor.y,sprite.position.x=position.x,sprite.position.y=position.y,sprite.scale.x=scale.x,sprite.scale.y=scale.y,sprite.width=isRotated?spriteSize.height:spriteSize.width,sprite.height=isRotated?spriteSize.width:spriteSize.height,application.stage.height=stageSize.height,application.stage.width=stageSize.width,application.renderer.resize(stageSize.width,stageSize.height),application.stage.addChild(sprite)}else application.stage.addChild(sprite),application.renderer.resize(sprite.width,sprite.height);autoResize(application,sprite)}function autoResize(application,sprite){let parent=application.canvas.parentNode,maxMobileWidth=window.innerWidth-MODAL_HORIZONTAL_PADDING,parentWidth=Math.max(parent?.offsetWidth??0,MIN_WIDTH),{height:newHeight,width:newWidth}=constraintSize({width:sprite.width,height:sprite.height},{width:{max:Math.min(parentWidth,maxMobileWidth),min:MIN_WIDTH},height:{min:MIN_HEIGHT,max:window.innerHeight-MODAL_VERTICAL_PADDING}});application.canvas?.style&&(application.canvas.style.width=`${newWidth}px`,application.canvas.style.height=`${newHeight}px`)}function constraintSize(size,constraints){let{height,width}=size,ratio=width/height,{height:constraintHeight,width:constraintWidth}=constraints,newWidth=constraintWidth.max,newHeight=constraintWidth.max/ratio;return width>constraintWidth.max&&(newWidth=constraintWidth.max,newHeight=newWidth/ratio),newHeight>constraintHeight.max&&(newHeight=constraintHeight.max,newWidth=newHeight*ratio),newWidth<constraintWidth.min&&(newWidth=constraintWidth.min,newHeight=newWidth/ratio),newHeight<constraintHeight.min&&(newHeight=constraintHeight.min,newWidth=newHeight*ratio),{width:newWidth,height:newHeight}}function saveAsBlob(application){return new Promise((resolve,reject)=>{application?.canvas?.toBlob?application.canvas.toBlob(blob=>{blob?resolve(blob):reject(`EXTRACT_FAILED`)},`image/jpeg`,DEFAULT_QUALITY):reject(`EXTRACT_FAILED`)})}function saveAsDataURL(application){return application.canvas.toDataURL?.()}function getApplicationScale(application){return application.canvas.getBoundingClientRect?application.canvas.getBoundingClientRect().width/application.canvas.width:1}function toBlob(application){return new Promise((resolve,reject)=>{application.canvas.toBlob?.(blob=>{blob?resolve(blob):reject(`EXTRACT_FAIL`)},`image/png`,1)})}function createImageSettings({application,sprite}){return{sprite:{rotation:sprite.rotation,size:{width:sprite.width,height:sprite.height},position:{x:sprite.position.x,y:sprite.position.y},scale:{x:sprite.scale.x,y:sprite.scale.y},anchor:{x:sprite.anchor.x,y:sprite.anchor.y}},stage:{size:{width:application.stage.width,height:application.stage.height},scale:{x:application.stage.scale.x,y:application.stage.scale.y}}}}function resizeStage({application,sprite,newHeight,newWidth}){sprite.anchor.x=.5,sprite.anchor.y=.5,sprite.position=new PIXI.Point(newWidth/2,newHeight/2),application.stage.height=newHeight,application.stage.width=newWidth,application.renderer.resize(newWidth,newHeight)}export{DEFAULT_SPRITE_NAME,autoResize,createImageSettings,getApplicationScale,resizeStage,saveAsBlob,saveAsDataURL,toBlob,updateImage,updateImageFromBlob};
+import * as PIXI from "pixi.js";
+import { BLUR_LAYER_NAME } from "./constants.js";
+const MIN_HEIGHT = 100, MIN_WIDTH = 100, MODAL_VERTICAL_PADDING = 450, MODAL_HORIZONTAL_PADDING = 64, DEFAULT_QUALITY = 0.5, DEFAULT_SPRITE_NAME = "image";
+function updateImageFromBlob(application, {
+  spriteName,
+  imgDatasource,
+  settings
+}) {
+  const imageUrl = URL.createObjectURL(imgDatasource), image = new Image();
+  return image.src = imageUrl, new Promise((resolve, reject) => {
+    image.onload = async () => {
+      URL.revokeObjectURL(imageUrl), await updateImage(application, {
+        spriteName,
+        imgDatasource: image,
+        settings
+      });
+      const newSprite = application == null ? void 0 : application.stage.getChildByLabel(spriteName, !0);
+      resolve(newSprite);
+    }, image.onerror = () => {
+      URL.revokeObjectURL(imageUrl), reject(new Error("Failed to load image from Blob"));
+    };
+  });
+}
+async function updateImage(application, {
+  spriteName,
+  imgDatasource,
+  settings
+}) {
+  if (application === void 0 || application.stage === null)
+    return;
+  const previous = application.stage.getChildByLabel(spriteName, !0);
+  previous == null || previous.removeFromParent();
+  const blurLayer = application.stage.getChildByLabel(BLUR_LAYER_NAME);
+  blurLayer == null || blurLayer.removeFromParent();
+  let sprite;
+  if (imgDatasource instanceof PIXI.Sprite)
+    sprite = imgDatasource;
+  else if (imgDatasource instanceof HTMLImageElement)
+    sprite = new PIXI.Sprite(PIXI.Texture.from(imgDatasource));
+  else {
+    const img = new Image();
+    img.crossOrigin = "anonymous", img.src = imgDatasource, await new Promise((resolve, reject) => {
+      img.complete ? resolve() : (img.onload = () => resolve(), img.onerror = reject);
+    }), sprite = new PIXI.Sprite(PIXI.Texture.from(img));
+  }
+  if (sprite.interactive = !0, sprite.label = spriteName, settings) {
+    const {
+      sprite: {
+        anchor,
+        position,
+        scale,
+        size: spriteSize,
+        rotation
+      },
+      stage: {
+        size: stageSize
+      }
+    } = settings, isRotated = rotation % Math.PI !== 0;
+    sprite.anchor.x = anchor.x, sprite.anchor.y = anchor.y, sprite.position.x = position.x, sprite.position.y = position.y, sprite.scale.x = scale.x, sprite.scale.y = scale.y, sprite.width = isRotated ? spriteSize.height : spriteSize.width, sprite.height = isRotated ? spriteSize.width : spriteSize.height, application.stage.height = stageSize.height, application.stage.width = stageSize.width, application.renderer.resize(stageSize.width, stageSize.height), application.stage.addChild(sprite);
+  } else
+    application.stage.addChild(sprite), application.renderer.resize(sprite.width, sprite.height);
+  autoResize(application, sprite);
+}
+function autoResize(application, sprite) {
+  var _a;
+  const parent = application.canvas.parentNode, maxMobileWidth = window.innerWidth - MODAL_HORIZONTAL_PADDING, parentWidth = Math.max((parent == null ? void 0 : parent.offsetWidth) ?? 0, MIN_WIDTH), newSize = constraintSize({
+    width: sprite.width,
+    height: sprite.height
+  }, {
+    width: {
+      max: Math.min(parentWidth, maxMobileWidth),
+      min: MIN_WIDTH
+    },
+    height: {
+      min: MIN_HEIGHT,
+      max: window.innerHeight - MODAL_VERTICAL_PADDING
+    }
+  }), {
+    height: newHeight,
+    width: newWidth
+  } = newSize;
+  (_a = application.canvas) != null && _a.style && (application.canvas.style.width = `${newWidth}px`, application.canvas.style.height = `${newHeight}px`);
+}
+function constraintSize(size, constraints) {
+  const {
+    height,
+    width
+  } = size, ratio = width / height, {
+    height: constraintHeight,
+    width: constraintWidth
+  } = constraints;
+  let newWidth = constraintWidth.max, newHeight = constraintWidth.max / ratio;
+  return width > constraintWidth.max && (newWidth = constraintWidth.max, newHeight = newWidth / ratio), newHeight > constraintHeight.max && (newHeight = constraintHeight.max, newWidth = newHeight * ratio), newWidth < constraintWidth.min && (newWidth = constraintWidth.min, newHeight = newWidth / ratio), newHeight < constraintHeight.min && (newHeight = constraintHeight.min, newWidth = newHeight * ratio), {
+    width: newWidth,
+    height: newHeight
+  };
+}
+function saveAsBlob(application) {
+  return new Promise((resolve, reject) => {
+    var _a;
+    (_a = application == null ? void 0 : application.canvas) != null && _a.toBlob ? application.canvas.toBlob((blob) => {
+      blob ? resolve(blob) : reject("EXTRACT_FAILED");
+    }, "image/jpeg", DEFAULT_QUALITY) : reject("EXTRACT_FAILED");
+  });
+}
+function saveAsDataURL(application) {
+  var _a, _b;
+  return (_b = (_a = application.canvas).toDataURL) == null ? void 0 : _b.call(_a);
+}
+function getApplicationScale(application) {
+  return application.canvas.getBoundingClientRect ? application.canvas.getBoundingClientRect().width / application.canvas.width : 1;
+}
+function toBlob(application) {
+  return new Promise((resolve, reject) => {
+    var _a, _b;
+    (_b = (_a = application.canvas).toBlob) == null || _b.call(_a, (blob) => {
+      blob ? resolve(blob) : reject("EXTRACT_FAIL");
+    }, "image/png", 1);
+  });
+}
+function createImageSettings({
+  application,
+  sprite
+}) {
+  return {
+    sprite: {
+      rotation: sprite.rotation,
+      size: {
+        width: sprite.width,
+        height: sprite.height
+      },
+      position: {
+        x: sprite.position.x,
+        y: sprite.position.y
+      },
+      scale: {
+        x: sprite.scale.x,
+        y: sprite.scale.y
+      },
+      anchor: {
+        x: sprite.anchor.x,
+        y: sprite.anchor.y
+      }
+    },
+    stage: {
+      size: {
+        width: application.stage.width,
+        height: application.stage.height
+      },
+      scale: {
+        x: application.stage.scale.x,
+        y: application.stage.scale.y
+      }
+    }
+  };
+}
+function resizeStage({
+  application,
+  sprite,
+  newHeight,
+  newWidth
+}) {
+  sprite.anchor.x = 0.5, sprite.anchor.y = 0.5, sprite.position = new PIXI.Point(newWidth / 2, newHeight / 2), application.stage.height = newHeight, application.stage.width = newWidth, application.renderer.resize(newWidth, newHeight);
+}
+export {
+  DEFAULT_SPRITE_NAME,
+  autoResize,
+  constraintSize,
+  createImageSettings,
+  getApplicationScale,
+  resizeStage,
+  saveAsBlob,
+  saveAsDataURL,
+  toBlob,
+  updateImage,
+  updateImageFromBlob
+};