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

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};

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

@@ -1,166 +1 @@
-import * as PIXI from "pixi.js";
-const POINT_RADIUS = 20, CONTROL_NAME = "CONTROL_NAME";
-function getCornerName(index) {
-  return "RESIZE_CORNER_" + index;
-}
-function computeCornerPosition(position, sprite) {
-  const left = sprite.x, top = sprite.y;
-  switch (position) {
-    case "TOP_LEFT":
-      return {
-        x: left,
-        y: top,
-        start: 0,
-        end: Math.PI / 2
-      };
-    case "TOP_RIGHT":
-      return {
-        x: left + sprite.width,
-        y: top,
-        start: Math.PI / 2,
-        end: Math.PI
-      };
-    case "BOTTOM_LEFT":
-      return {
-        x: left,
-        y: top + sprite.height,
-        start: 3 * Math.PI / 2,
-        end: 2 * Math.PI
-      };
-    case "BOTTOM_RIGHT":
-      return {
-        x: left + sprite.width,
-        y: top + sprite.height,
-        start: Math.PI,
-        end: 3 * Math.PI / 2
-      };
-  }
-}
-function resizeContainer(application, {
-  container,
-  cornerType,
-  position,
-  spriteName
-}) {
-  const sprite = application.stage.getChildByLabel(spriteName, !0);
-  if (!sprite) return;
-  const isRotated = sprite.rotation % Math.PI !== 0, spriteWidth = isRotated ? sprite.height : sprite.width, spriteHeight = isRotated ? sprite.width : sprite.height;
-  switch (cornerType) {
-    case "TOP_LEFT": {
-      container.position = new PIXI.Point(position.x, position.y), container.width = spriteWidth - 2 * position.x, container.height = spriteHeight - 2 * position.y;
-      break;
-    }
-    case "TOP_RIGHT": {
-      const newX = spriteWidth - position.x;
-      container.position = new PIXI.Point(newX, position.y), container.width = spriteWidth - 2 * newX, container.height = spriteHeight - 2 * position.y;
-      break;
-    }
-    case "BOTTOM_LEFT": {
-      const newY = spriteHeight - position.y;
-      container.position = new PIXI.Point(position.x, newY), container.width = spriteWidth - 2 * position.x, container.height = spriteHeight - 2 * newY;
-      break;
-    }
-    case "BOTTOM_RIGHT": {
-      const newY = spriteHeight - position.y, newX = spriteWidth - position.x;
-      container.position = new PIXI.Point(newX, newY), container.width = spriteWidth - 2 * newX, container.height = spriteHeight - 2 * newY;
-      break;
-    }
-  }
-}
-function removeCorner(application, cornerType) {
-  const previous = application.stage.getChildByLabel(getCornerName(cornerType), !0);
-  previous == null || previous.removeFromParent();
-}
-function drawCorner(application, cornerType, {
-  spriteName
-}) {
-  removeCorner(application, cornerType);
-  const sprite = application.stage.getChildByLabel(spriteName, !0), container = application.stage.getChildByLabel(CONTROL_NAME, !0);
-  if (!sprite || !container) return;
-  const position = computeCornerPosition(cornerType, container), corner = new PIXI.Graphics();
-  corner.arc(0, 0, POINT_RADIUS, 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 = application.stage.toLocal(event.global);
-    resizeContainer(application, {
-      cornerType,
-      position: localPosition,
-      container,
-      spriteName
-    });
-  };
-  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);
-  }), container.addChild(corner);
-}
-function drawContainer(application, spriteName) {
-  removeContainer(application);
-  const sprite = application.stage.getChildByLabel(spriteName, !0);
-  if (!sprite) return;
-  const stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
-  application.stage.children.forEach((child) => {
-    child.alpha = 0;
-  });
-  const container = new PIXI.Container();
-  container.label = CONTROL_NAME, container.interactive = !0, container.interactiveChildren = !0;
-  const bounds = new PIXI.Graphics();
-  bounds.rect(0, 0, sprite.width, sprite.height), bounds.fill({
-    color: 0,
-    alpha: 0
-  }), application.stage.interactive = !0, application.stage.interactiveChildren = !0, application.stage.addChild(container), container.addChild(bounds), container.addChild(clonedStage);
-}
-function removeContainer(application) {
-  const container = application.stage.getChildByLabel(CONTROL_NAME, !0);
-  container == null || container.removeFromParent(), application.stage.children.forEach((child) => {
-    child.alpha = 1;
-  });
-}
-function drawControl(application, spriteName) {
-  drawContainer(application, spriteName), drawCorner(application, "BOTTOM_LEFT", {
-    spriteName
-  }), drawCorner(application, "BOTTOM_RIGHT", {
-    spriteName
-  }), drawCorner(application, "TOP_LEFT", {
-    spriteName
-  }), drawCorner(application, "TOP_RIGHT", {
-    spriteName
-  });
-}
-function removeControl(application) {
-  removeContainer(application), removeCorner(application, "BOTTOM_LEFT"), removeCorner(application, "BOTTOM_RIGHT"), removeCorner(application, "TOP_LEFT"), removeCorner(application, "TOP_RIGHT"), application.stage.off("pointermove");
-}
-function start(application, spriteName) {
-  drawControl(application, spriteName);
-}
-function stop(application) {
-  removeControl(application), application.stage.off("pointermove"), application.render();
-}
-function save(application) {
-  var _a;
-  const container = (_a = application == null ? void 0 : application.stage) == null ? void 0 : _a.getChildByLabel(CONTROL_NAME, !0), size = container ? {
-    height: container.height,
-    width: container.width
-  } : void 0;
-  if (removeControl(application), size) {
-    const stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
-    return clonedStage.width = size.width, clonedStage.height = size.height, clonedStage;
-  } else
-    return;
-}
-export {
-  save,
-  start,
-  stop
-};
+import*as PIXI from"pixi.js";var POINT_RADIUS=20,CONTROL_NAME=`CONTROL_NAME`;function getCornerName(index){return`RESIZE_CORNER_`+index}function computeCornerPosition(position,sprite){let left=sprite.x,top=sprite.y;switch(position){case`TOP_LEFT`:return{x:left,y:top,start:0,end:Math.PI/2};case`TOP_RIGHT`:return{x:left+sprite.width,y:top,start:Math.PI/2,end:Math.PI};case`BOTTOM_LEFT`:return{x:left,y:top+sprite.height,start:3*Math.PI/2,end:2*Math.PI};case`BOTTOM_RIGHT`:return{x:left+sprite.width,y:top+sprite.height,start:Math.PI,end:3*Math.PI/2}}}function resizeContainer(application,{container,cornerType,position,spriteName}){let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let isRotated=sprite.rotation%Math.PI!==0,spriteWidth=isRotated?sprite.height:sprite.width,spriteHeight=isRotated?sprite.width:sprite.height;switch(cornerType){case`TOP_LEFT`:container.position=new PIXI.Point(position.x,position.y),container.width=spriteWidth-2*position.x,container.height=spriteHeight-2*position.y;break;case`TOP_RIGHT`:{let newX=spriteWidth-position.x;container.position=new PIXI.Point(newX,position.y),container.width=spriteWidth-2*newX,container.height=spriteHeight-2*position.y;break}case`BOTTOM_LEFT`:{let newY=spriteHeight-position.y;container.position=new PIXI.Point(position.x,newY),container.width=spriteWidth-2*position.x,container.height=spriteHeight-2*newY;break}case`BOTTOM_RIGHT`:{let newY=spriteHeight-position.y,newX=spriteWidth-position.x;container.position=new PIXI.Point(newX,newY),container.width=spriteWidth-2*newX,container.height=spriteHeight-2*newY;break}}}function removeCorner(application,cornerType){application.stage.getChildByLabel(getCornerName(cornerType),!0)?.removeFromParent()}function drawCorner(application,cornerType,{spriteName}){removeCorner(application,cornerType);let sprite=application.stage.getChildByLabel(spriteName,!0),container=application.stage.getChildByLabel(CONTROL_NAME,!0);if(!sprite||!container)return;let position=computeCornerPosition(cornerType,container),corner=new PIXI.Graphics;corner.arc(0,0,POINT_RADIUS,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=>{enable&&resizeContainer(application,{cornerType,position:application.stage.toLocal(event.global),container,spriteName})};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)}),container.addChild(corner)}function drawContainer(application,spriteName){removeContainer(application);let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);application.stage.children.forEach(child=>{child.alpha=0});let container=new PIXI.Container;container.label=CONTROL_NAME,container.interactive=!0,container.interactiveChildren=!0;let bounds=new PIXI.Graphics;bounds.rect(0,0,sprite.width,sprite.height),bounds.fill({color:0,alpha:0}),application.stage.interactive=!0,application.stage.interactiveChildren=!0,application.stage.addChild(container),container.addChild(bounds),container.addChild(clonedStage)}function removeContainer(application){application.stage.getChildByLabel(CONTROL_NAME,!0)?.removeFromParent(),application.stage.children.forEach(child=>{child.alpha=1})}function drawControl(application,spriteName){drawContainer(application,spriteName),drawCorner(application,`BOTTOM_LEFT`,{spriteName}),drawCorner(application,`BOTTOM_RIGHT`,{spriteName}),drawCorner(application,`TOP_LEFT`,{spriteName}),drawCorner(application,`TOP_RIGHT`,{spriteName})}function removeControl(application){removeContainer(application),removeCorner(application,`BOTTOM_LEFT`),removeCorner(application,`BOTTOM_RIGHT`),removeCorner(application,`TOP_LEFT`),removeCorner(application,`TOP_RIGHT`),application.stage.off(`pointermove`)}function start(application,spriteName){drawControl(application,spriteName)}function stop(application){removeControl(application),application.stage.off(`pointermove`),application.render()}function save(application){let container=application?.stage?.getChildByLabel(CONTROL_NAME,!0),size=container?{height:container.height,width:container.width}:void 0;if(removeControl(application),size){let stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);return clonedStage.width=size.width,clonedStage.height=size.height,clonedStage}else return}export{save,start,stop};

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

@@ -1,32 +1 @@
-import { toBlob, updateImageFromBlob, createImageSettings, resizeStage } from "./misc.js";
-async function rotate(application, spriteName) {
-  const sprite = application == null ? void 0 : application.stage.getChildByLabel(spriteName, !0);
-  if (application && sprite) {
-    const blobBefore = await toBlob(application), mergedSprite = await updateImageFromBlob(application, {
-      imgDatasource: blobBefore,
-      spriteName,
-      settings: createImageSettings({
-        application,
-        sprite
-      })
-    });
-    if (!mergedSprite)
-      return;
-    let backupOldMaxHeight, backupOldVisibility;
-    const canvas = application.canvas;
-    canvas.style && (backupOldMaxHeight = canvas.style.maxHeight ?? "", backupOldVisibility = canvas.style.visibility ?? "", canvas.style.maxHeight = `${canvas.clientHeight}px`, canvas.style.visibility = "hidden"), mergedSprite.rotation += Math.PI / 2, resizeStage({
-      application,
-      sprite: mergedSprite,
-      newHeight: mergedSprite.width,
-      newWidth: mergedSprite.height
-    }), application.render();
-    const blobAfter = await toBlob(application);
-    backupOldMaxHeight !== void 0 && (canvas.style.maxHeight = backupOldMaxHeight), backupOldVisibility !== void 0 && (canvas.style.visibility = backupOldVisibility), await updateImageFromBlob(application, {
-      imgDatasource: blobAfter,
-      spriteName
-    });
-  }
-}
-export {
-  rotate
-};
+import{createImageSettings,resizeStage,toBlob,updateImageFromBlob}from"./misc.js";async function rotate(application,spriteName){let sprite=application?.stage.getChildByLabel(spriteName,!0);if(application&&sprite){let mergedSprite=await updateImageFromBlob(application,{imgDatasource:await toBlob(application),spriteName,settings:createImageSettings({application,sprite})});if(!mergedSprite)return;let backupOldMaxHeight,backupOldVisibility,canvas=application.canvas;canvas.style&&(backupOldMaxHeight=canvas.style.maxHeight??``,backupOldVisibility=canvas.style.visibility??``,canvas.style.maxHeight=`${canvas.clientHeight}px`,canvas.style.visibility=`hidden`),mergedSprite.rotation+=Math.PI/2,resizeStage({application,sprite:mergedSprite,newHeight:mergedSprite.width,newWidth:mergedSprite.height}),application.render();let blobAfter=await toBlob(application);backupOldMaxHeight!==void 0&&(canvas.style.maxHeight=backupOldMaxHeight),backupOldVisibility!==void 0&&(canvas.style.visibility=backupOldVisibility),await updateImageFromBlob(application,{imgDatasource:blobAfter,spriteName})}}export{rotate};

package/dist/modules/multimedia/ImageEditor/hooks/useHistoryTool.js

@@ -1,65 +1 @@
-import { useState, useEffect } from "react";
-import { toBlob } from "../effects/misc.js";
-const DEFAULT_MAX_HISTORY = 20, useHistoryTool = ({
-  maxSize = DEFAULT_MAX_HISTORY,
-  application,
-  spriteName,
-  onRestore
-}) => {
-  const [history, setHistory] = useState([]);
-  useEffect(() => {
-    setHistory([]);
-  }, [application]);
-  const restore = async () => {
-    if (history.length === 0) return;
-    const imgData = history[history.length - 1];
-    onRestore(await imgData.backup, imgData), setHistory(history.slice(0, -1));
-  }, trimHistory = (arr) => arr.length > maxSize ? arr.slice(arr.length - maxSize) : arr, historize = async (callback) => {
-    if (!application)
-      return;
-    const sprite = application.stage.getChildByLabel(spriteName, !0);
-    if (!sprite)
-      return;
-    const promise = toBlob(application), state = {
-      backup: promise,
-      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
-        }
-      }
-    };
-    return setHistory(trimHistory([...history, state])), await promise, callback.call(callback);
-  };
-  return {
-    historyCount: history.length,
-    restore,
-    historize
-  };
-};
-export {
-  useHistoryTool as default
-};
+import{toBlob}from"../effects/misc.js";import{useEffect,useState}from"react";var DEFAULT_MAX_HISTORY=20,useHistoryTool=({maxSize=DEFAULT_MAX_HISTORY,application,spriteName,onRestore})=>{let[history,setHistory]=useState([]);useEffect(()=>{setHistory([])},[application]);let restore=async()=>{if(history.length===0)return;let imgData=history[history.length-1];onRestore(await imgData.backup,imgData),setHistory(history.slice(0,-1))},trimHistory=arr=>arr.length>maxSize?arr.slice(arr.length-maxSize):arr;return{historyCount:history.length,restore,historize:async callback=>{if(!application)return;let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let promise=toBlob(application),state={backup:promise,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}}};return setHistory(trimHistory([...history,state])),await promise,callback.call(callback)}}};export{useHistoryTool as default};

package/dist/modules/multimedia/ImageEditor/hooks/useImageEditor.js

@@ -1,82 +1 @@
-import { useState, useEffect } from "react";
-import useHistoryTool from "./useHistoryTool.js";
-import useImageEffects from "./useImageEffects.js";
-import { updateImage, DEFAULT_SPRITE_NAME, saveAsBlob, saveAsDataURL, autoResize, updateImageFromBlob } from "../effects/misc.js";
-function useImageEditor({
-  imageSrc,
-  spriteName = DEFAULT_SPRITE_NAME
-}) {
-  const [application, setApplication] = useState(void 0), [loading, setLoading] = useState(!0), {
-    rotate,
-    startBlur,
-    startCrop,
-    startResize,
-    stopBlur,
-    stopCrop,
-    stopResize
-  } = useImageEffects({
-    spriteName,
-    application,
-    onSave(sprite) {
-      application && updateImage(application, {
-        imgDatasource: sprite,
-        spriteName
-      });
-    }
-  }), toBlob = () => application ? saveAsBlob(application) : Promise.resolve(void 0), toDataURL = () => {
-    if (application)
-      return saveAsDataURL(application);
-  }, {
-    restore,
-    historize,
-    historyCount
-  } = useHistoryTool({
-    application,
-    spriteName,
-    onRestore(imgDatasource, state) {
-      application && updateImageFromBlob(application, {
-        imgDatasource,
-        spriteName,
-        settings: state
-      });
-    }
-  });
-  return useEffect(() => {
-    application && (setLoading(!0), updateImage(application, {
-      spriteName,
-      imgDatasource: imageSrc
-    }).finally(() => setLoading(!1)));
-  }, [application, imageSrc, spriteName]), useEffect(() => {
-    if (!application) return;
-    const handleResize = () => {
-      const sprite = application.stage.getChildByLabel(spriteName, !0);
-      sprite && autoResize(application, sprite);
-    };
-    return window.addEventListener("resize", handleResize), () => window.removeEventListener("resize", handleResize);
-  }, [application, spriteName]), {
-    historyCount,
-    setApplication,
-    restore,
-    stopCrop,
-    stopBlur,
-    stopResize,
-    startResize: async () => {
-      setLoading(!0), await historize(startResize), setLoading(!1);
-    },
-    startCrop: async () => {
-      setLoading(!0), await historize(startCrop), setLoading(!1);
-    },
-    startBlur: async () => {
-      setLoading(!0), await historize(startBlur), setLoading(!1);
-    },
-    rotate: async () => {
-      setLoading(!0), await historize(rotate), setLoading(!1);
-    },
-    toBlob,
-    toDataURL,
-    loading
-  };
-}
-export {
-  useImageEditor as default
-};
+import{DEFAULT_SPRITE_NAME,autoResize,saveAsBlob,saveAsDataURL,updateImage,updateImageFromBlob}from"../effects/misc.js";import useHistoryTool from"./useHistoryTool.js";import useImageEffects from"./useImageEffects.js";import{useEffect,useState}from"react";function useImageEditor({imageSrc,spriteName=DEFAULT_SPRITE_NAME}){let[application,setApplication]=useState(void 0),[loading,setLoading]=useState(!0),{rotate,startBlur,startCrop,startResize,stopBlur,stopCrop,stopResize}=useImageEffects({spriteName,application,onSave(sprite){application&&updateImage(application,{imgDatasource:sprite,spriteName})}}),toBlob=()=>application?saveAsBlob(application):Promise.resolve(void 0),toDataURL=()=>{if(application)return saveAsDataURL(application)},{restore,historize,historyCount}=useHistoryTool({application,spriteName,onRestore(imgDatasource,state){application&&updateImageFromBlob(application,{imgDatasource,spriteName,settings:state})}});return useEffect(()=>{application&&(setLoading(!0),updateImage(application,{spriteName,imgDatasource:imageSrc}).finally(()=>setLoading(!1)))},[application,imageSrc,spriteName]),useEffect(()=>{if(!application)return;let handleResize=()=>{let sprite=application.stage.getChildByLabel(spriteName,!0);sprite&&autoResize(application,sprite)};return window.addEventListener(`resize`,handleResize),()=>window.removeEventListener(`resize`,handleResize)},[application,spriteName]),{historyCount,setApplication,restore,stopCrop,stopBlur,stopResize,startResize:async()=>{setLoading(!0),await historize(startResize),setLoading(!1)},startCrop:async()=>{setLoading(!0),await historize(startCrop),setLoading(!1)},startBlur:async()=>{setLoading(!0),await historize(startBlur),setLoading(!1)},rotate:async()=>{setLoading(!0),await historize(rotate),setLoading(!1)},toBlob,toDataURL,loading}}export{useImageEditor as default};

package/dist/modules/multimedia/ImageEditor/hooks/useImageEffects.js

@@ -1,55 +1 @@
-import { start as start$1, stop as stop$1 } from "../effects/blur.js";
-import { start, save, stop } from "../effects/crop.js";
-import { save as save$1, stop as stop$2, start as start$2 } from "../effects/resize.js";
-import { rotate } from "../effects/rotate.js";
-function useImageEffects({
-  application,
-  spriteName,
-  onSave
-}) {
-  return {
-    rotate: async () => {
-      application && await rotate(application, spriteName);
-    },
-    startCrop: () => {
-      application && start(application, {
-        spriteName
-      });
-    },
-    stopCrop: (save$12) => {
-      if (application) {
-        if (save$12) {
-          const result = save(application);
-          if (result) {
-            onSave(result);
-            return;
-          }
-        }
-        stop(application);
-      }
-    },
-    startBlur: () => {
-      application && start$1(application, {
-        spriteName
-      });
-    },
-    stopBlur: () => {
-      application && stop$1(application);
-    },
-    startResize: () => {
-      application && start$2(application, spriteName);
-    },
-    stopResize: (save2) => {
-      if (application) {
-        if (save2) {
-          const result = save$1(application);
-          result && onSave(result);
-        }
-        stop$2(application);
-      }
-    }
-  };
-}
-export {
-  useImageEffects as default
-};
+import{start,stop}from"../effects/blur.js";import{save,start as start$1,stop as stop$1}from"../effects/crop.js";import{save as save$1,start as start$2,stop as stop$2}from"../effects/resize.js";import{rotate}from"../effects/rotate.js";function useImageEffects({application,spriteName,onSave}){return{rotate:async()=>{application&&await rotate(application,spriteName)},startCrop:()=>{application&&start$1(application,{spriteName})},stopCrop:save$2=>{if(application){if(save$2){let result=save(application);if(result){onSave(result);return}}stop$1(application)}},startBlur:()=>{application&&start(application,{spriteName})},stopBlur:()=>{application&&stop(application)},startResize:()=>{application&&start$2(application,spriteName)},stopResize:save=>{if(application){if(save){let result=save$1(application);result&&onSave(result)}stop$2(application)}}}}export{useImageEffects as default};

package/dist/modules/multimedia/ImageEditor/utilities/aggregate.js

@@ -1,13 +1 @@
-function aggregate(delay, map, callback) {
-  let timerId;
-  const pending = [];
-  return function(arg) {
-    pending.push(map(arg)), !timerId && (timerId = setTimeout(() => {
-      const copy = [...pending];
-      pending.splice(0, pending.length), callback(copy), timerId = void 0;
-    }, delay));
-  };
-}
-export {
-  aggregate
-};
+function aggregate(delay,map,callback){let timerId,pending=[];return function(arg){pending.push(map(arg)),!timerId&&(timerId=setTimeout(()=>{let copy=[...pending];pending.splice(0,pending.length),callback(copy),timerId=void 0},delay))}}export{aggregate};

package/dist/modules/multimedia/ImagePicker/ImagePicker.js

@@ -1,40 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import clsx from "clsx";
-import SvgIconDelete from "../../icons/components/IconDelete.js";
-import SvgIconEdit from "../../icons/components/IconEdit.js";
-import IconButton from "../../../components/Button/IconButton.js";
-import Avatar from "../../../components/Avatar/Avatar.js";
-import AppIcon from "../../../components/AppIcon/AppIcon.js";
-const ImagePicker = ({
-  addButtonLabel = "Add image",
-  deleteButtonLabel = "Delete image",
-  src,
-  className,
-  mediaLibraryRef,
-  libraryMedia,
-  app,
-  onUploadImage,
-  onDeleteImage
-}) => {
-  const [preview, setPreview] = useState(src || "");
-  useEffect(() => {
-    libraryMedia && (setPreview(libraryMedia), onUploadImage(libraryMedia));
-  }, [libraryMedia]);
-  const handleClick = () => {
-    var _a;
-    (_a = mediaLibraryRef.current) == null || _a.show("image");
-  }, handleClean = () => {
-    setPreview(""), onDeleteImage();
-  }, classes = clsx("image-input", className);
-  return /* @__PURE__ */ jsxs("div", { id: "image-input", className: classes, children: [
-    /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onClick: handleClick, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: handleClean, type: "button", variant: "ghost" })
-    ] }),
-    preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
-  ] });
-};
-export {
-  ImagePicker as default
-};
+import SvgIconDelete from"../../icons/components/IconDelete.js";import SvgIconEdit from"../../icons/components/IconEdit.js";import IconButton from"../../../components/Button/IconButton.js";import AppIcon from"../../../components/AppIcon/AppIcon.js";import Avatar from"../../../components/Avatar/Avatar.js";import clsx$1 from"clsx";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";var ImagePicker=({addButtonLabel=`Add image`,deleteButtonLabel=`Delete image`,src,className,mediaLibraryRef,libraryMedia,app,onUploadImage,onDeleteImage})=>{let[preview,setPreview]=useState(src||``);return useEffect(()=>{libraryMedia&&(setPreview(libraryMedia),onUploadImage(libraryMedia))},[libraryMedia]),jsxs(`div`,{id:`image-input`,className:clsx$1(`image-input`,className),children:[jsxs(`div`,{className:`image-input-actions gap-8`,children:[jsx(IconButton,{"aria-label":addButtonLabel,color:`tertiary`,icon:jsx(SvgIconEdit,{}),onClick:()=>{mediaLibraryRef.current?.show(`image`)},type:`button`,variant:`ghost`}),jsx(IconButton,{"aria-label":deleteButtonLabel,color:`danger`,disabled:!preview,icon:jsx(SvgIconDelete,{}),onClick:()=>{setPreview(``),onDeleteImage()},type:`button`,variant:`ghost`})]}),preview?jsx(Avatar,{alt:``,src:preview,size:`xl`}):jsx(AppIcon,{app,iconFit:`ratio`,size:`160`,variant:`rounded`})]})};export{ImagePicker as default};