@edifice.io/react 2.6.8-develop-pedago.20261008121224 → 2.6.8-develop-enabling.20261012145010

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

@@ -1,72 +1 @@
-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
-};
+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};

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

@@ -1,80 +1 @@
-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
-};
+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};

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

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

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

@@ -1,171 +1 @@
-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
-};
+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};

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

@@ -1,177 +1 @@
-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
-};
+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};