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

package/dist/modules/multimedia/FileCard/FileCard.js

@@ -1,104 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { DocumentHelper, odeServices } from "@edifice.io/client";
-import clsx from "clsx";
-import SvgIconLandscape from "../../icons/components/IconLandscape.js";
-import SvgIconMic from "../../icons/components/IconMic.js";
-import SvgIconTextPage from "../../icons/components/IconTextPage.js";
-import SvgIconVideo from "../../icons/components/IconVideo.js";
-import FileIcon from "./FileIcon.js";
-import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
-import Card from "../../../components/Card/Card.js";
-const FileCard = ({
-  doc,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className,
-  onSelect,
-  isFocused,
-  app,
-  customIcon,
-  customColor
-}) => {
-  const ref = useRef(null), type = DocumentHelper.getRole(doc);
-  function getRoleMap(type2) {
-    if (customIcon !== void 0 || customColor !== void 0)
-      return {
-        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
-        color: customColor || "bg-gray-300",
-        hasShadow: !1
-      };
-    const roleMappings = {
-      csv: {
-        icon: ".CSV",
-        color: "bg-orange-200"
-      },
-      xls: {
-        icon: ".XLS",
-        color: "bg-green-200"
-      },
-      doc: {
-        icon: ".DOC",
-        color: "bg-blue-200"
-      },
-      txt: {
-        icon: ".TXT",
-        color: "bg-blue-200"
-      },
-      pdf: {
-        icon: ".PDF",
-        color: "bg-red-200"
-      },
-      audio: {
-        icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
-        color: "bg-red-200"
-      },
-      ppt: {
-        icon: ".PPT",
-        color: "bg-red-200"
-      },
-      img: {
-        icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
-        color: "bg-green-200"
-      },
-      video: {
-        icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
-        color: "bg-purple-200"
-      },
-      zip: {
-        icon: ".ZIP",
-        color: "bg-gray-300"
-      },
-      md: {
-        icon: ".MD",
-        color: "bg-blue-200"
-      },
-      unknown: {
-        icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
-        color: "bg-gray-300"
-      }
-    };
-    return roleMappings[type2] || roleMappings.unknown;
-  }
-  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = doc.eType === "resource" ? doc.thumbnail : type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
-    ref
-  }), imageStyles = hasThumbnail && {
-    backgroundImage: `url(${mediaSrc})`,
-    backgroundSize: "cover"
-  };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
-      aspectRatio: "16/10",
-      ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })
-    ] })
-  ] }) });
-};
-export {
-  FileCard as default
-};
+import SvgIconLandscape from"../../icons/components/IconLandscape.js";import SvgIconMic from"../../icons/components/IconMic.js";import SvgIconTextPage from"../../icons/components/IconTextPage.js";import SvgIconVideo from"../../icons/components/IconVideo.js";import useThumbnail from"../../../hooks/useThumbnail/useThumbnail.js";import FileIcon from"./FileIcon.js";import Card from"../../../components/Card/Card.js";import clsx$1 from"clsx";import{useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{DocumentHelper,odeServices}from"@edifice.io/client";var FileCard=({doc,isClickable=!0,isSelectable=!1,isSelected=!1,onClick,className,onSelect,isFocused,app,customIcon,customColor})=>{let ref=useRef(null),type=DocumentHelper.getRole(doc);function getRoleMap(type){if(customIcon!==void 0||customColor!==void 0)return{icon:customIcon||jsx(SvgIconTextPage,{width:22,height:22}),color:customColor||`bg-gray-300`,hasShadow:!1};let roleMappings={csv:{icon:`.CSV`,color:`bg-orange-200`},xls:{icon:`.XLS`,color:`bg-green-200`},doc:{icon:`.DOC`,color:`bg-blue-200`},txt:{icon:`.TXT`,color:`bg-blue-200`},pdf:{icon:`.PDF`,color:`bg-red-200`},audio:{icon:jsx(SvgIconMic,{width:22,height:22}),color:`bg-red-200`},ppt:{icon:`.PPT`,color:`bg-red-200`},img:{icon:jsx(SvgIconLandscape,{width:22,height:22}),color:`bg-green-200`},video:{icon:jsx(SvgIconVideo,{width:22,height:22}),color:`bg-purple-200`},zip:{icon:`.ZIP`,color:`bg-gray-300`},md:{icon:`.MD`,color:`bg-blue-200`},unknown:{icon:jsx(SvgIconTextPage,{width:22,height:22}),color:`bg-gray-300`}};return roleMappings[type]||roleMappings.unknown}let roleMap=getRoleMap(type??`unknown`),file=clsx$1(`file position-relative rounded`,roleMap?.color??`bg-yellow-200`),mediaSrc=doc.eType===`resource`?doc.thumbnail:type===`img`||type===`video`?odeServices.workspace().getThumbnailUrl(doc):null,hasThumbnail=useThumbnail(mediaSrc,{ref}),imageStyles=hasThumbnail&&{backgroundImage:`url(${mediaSrc})`,backgroundSize:`cover`};return jsx(Card,{className:clsx$1(`card-file`,className),isClickable,isSelectable,isSelected,onClick,app,isFocused,onSelect,children:jsxs(Card.Body,{space:`8`,children:[jsx(`div`,{ref,className:file,style:{aspectRatio:`16/10`,...imageStyles},children:type!==`img`||type===`img`&&!hasThumbnail?jsx(FileIcon,{type,roleMap}):null}),jsxs(`div`,{className:`mt-4`,children:[jsx(Card.Text,{children:doc.name}),jsx(Card.Text,{className:`text-black-50`,children:doc?.ownerName})]})]})})};export{FileCard as default};

package/dist/modules/multimedia/FileCard/FileIcon.js

@@ -1,15 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import SvgIconPaperclip from "../../icons/components/IconPaperclip.js";
-const FileIcon = ({
-  type,
-  roleMap
-}) => {
-  const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute rounded-circle top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasShadow
-  }, roleMap == null ? void 0 : roleMap.color);
-  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });
-};
-export {
-  FileIcon as default
-};
+import SvgIconPaperclip from"../../icons/components/IconPaperclip.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var FileIcon=({type,roleMap})=>jsx(`div`,{className:clsx$1(`position-absolute rounded-circle top-50 start-50 translate-middle`,{"p-12 rounded-circle shadow":typeof roleMap?.icon!=`string`&&type!==`unknown`&&roleMap?.hasShadow!==!1},roleMap?.color),children:roleMap?.icon??jsx(SvgIconPaperclip,{})});export{FileIcon as default};

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

@@ -1,130 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useCallback } from "react";
-import * as PIXI from "pixi.js";
-import { useTranslation } from "react-i18next";
-import useImageEditor from "../hooks/useImageEditor.js";
-import ImageEditorToolbar from "./ImageEditorToolbar.js";
-import Modal from "../../../../components/Modal/Modal.js";
-import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
-import FormControl from "../../../../components/Form/FormControl.js";
-import Label from "../../../../components/Label/Label.js";
-import Input from "../../../../components/Input/Input.js";
-import Button from "../../../../components/Button/Button.js";
-const ImageEditor = ({
-  altText: altTextParam,
-  legend: legendParam,
-  image: imageSrc,
-  isOpen,
-  onCancel,
-  onError,
-  onSave
-}) => {
-  const {
-    t
-  } = useTranslation(), [currentOperation, setCurrentOperation] = useState(void 0), [isSaving, setSaving] = useState(!1), [altText, setAltText] = useState(altTextParam ?? ""), [legend, setLegend] = useState(legendParam ?? ""), [dirty, setDirty] = useState(!1);
-  useEffect(() => {
-    setAltText(altTextParam ?? ""), setLegend(legendParam ?? ""), setDirty(!1);
-  }, [altTextParam, legendParam]);
-  const {
-    toBlob,
-    setApplication,
-    startBlur,
-    stopBlur,
-    restore,
-    rotate,
-    startCrop,
-    stopCrop,
-    startResize,
-    stopResize,
-    historyCount,
-    loading
-  } = useImageEditor({
-    imageSrc
-  }), appRef = useRef(null), containerRef = useCallback((node) => {
-    if (node && !appRef.current) {
-      const app = new PIXI.Application();
-      appRef.current = app, app.init({
-        backgroundAlpha: 0,
-        resolution: 1,
-        preserveDrawingBuffer: !0
-      }).then(() => {
-        appRef.current === app && (node.appendChild(app.canvas), setApplication(app));
-      }).catch(() => {
-        appRef.current === app && (appRef.current = null);
-      });
-    }
-    !node && appRef.current && (appRef.current.destroy(!0), appRef.current = null);
-  }, [setApplication]), stopAll = () => {
-    stopBlur(), stopCrop(currentOperation === "CROP"), stopResize(currentOperation === "RESIZE");
-  }, handleSave = async () => {
-    try {
-      setSaving(!0), stopAll();
-      const blob = await toBlob();
-      blob && await onSave({
-        blob,
-        legend,
-        altText
-      });
-    } catch (e) {
-      onError == null || onError(`${e}`);
-    } finally {
-      setSaving(!1);
-    }
-  }, handleCancel = () => {
-    onCancel();
-  }, handleOperation = async (operation) => {
-    switch (stopAll(), setCurrentOperation(operation), setDirty(!0), operation) {
-      case "ROTATE": {
-        await rotate();
-        break;
-      }
-      case "UNDO": {
-        await restore();
-        break;
-      }
-      case "CROP": {
-        startCrop();
-        break;
-      }
-      case "RESIZE": {
-        await startResize();
-        break;
-      }
-      case "BLUR": {
-        await startBlur();
-        break;
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs(Modal, { id: "image-editor", isOpen, onModalClose: handleCancel, size: "lg", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCancel, children: /* @__PURE__ */ jsx("span", { className: "h2", children: t("imageeditor.title") }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
-      /* @__PURE__ */ jsx(ImageEditorToolbar, { handle: handleOperation, historyCount }),
-      /* @__PURE__ */ jsxs("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
-        /* @__PURE__ */ jsx("div", { ref: containerRef, className: "d-flex justify-content-center w-100" }),
-        loading && /* @__PURE__ */ jsx("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ jsx(LoadingScreen, {}) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
-        /* @__PURE__ */ jsxs(FormControl, { id: "alt", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("alttext") }),
-          /* @__PURE__ */ jsx(Input, { value: altText, onChange: (e) => {
-            setDirty(!0), setAltText(e.target.value);
-          }, placeholder: t("alttext.help"), size: "md", type: "text" })
-        ] }),
-        /* @__PURE__ */ jsxs(FormControl, { id: "legend", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("legend") }),
-          /* @__PURE__ */ jsx(Input, { value: legend, onChange: (e) => {
-            setDirty(!0), setLegend(e.target.value);
-          }, placeholder: t("legend.help"), size: "md", type: "text" })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: handleCancel, type: "button", variant: "ghost", children: t("imageeditor.cancel") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: handleSave, type: "button", variant: "filled", isLoading: isSaving, disabled: isSaving || !dirty, children: t("imageeditor.save") })
-    ] })
-  ] });
-};
-export {
-  ImageEditor as default
-};
+import Button from"../../../../components/Button/Button.js";import useImageEditor from"../hooks/useImageEditor.js";import ImageEditorToolbar from"./ImageEditorToolbar.js";import Modal from"../../../../components/Modal/Modal.js";import Input from"../../../../components/Input/Input.js";import Label from"../../../../components/Label/Label.js";import FormControl from"../../../../components/Form/FormControl.js";import LoadingScreen from"../../../../components/LoadingScreen/LoadingScreen.js";import{useCallback,useEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import*as PIXI from"pixi.js";var ImageEditor=({altText:altTextParam,legend:legendParam,image:imageSrc,isOpen,onCancel,onError,onSave})=>{let{t}=useTranslation(),[currentOperation,setCurrentOperation]=useState(void 0),[isSaving,setSaving]=useState(!1),[altText,setAltText]=useState(altTextParam??``),[legend,setLegend]=useState(legendParam??``),[dirty,setDirty]=useState(!1);useEffect(()=>{setAltText(altTextParam??``),setLegend(legendParam??``),setDirty(!1)},[altTextParam,legendParam]);let{toBlob,setApplication,startBlur,stopBlur,restore,rotate,startCrop,stopCrop,startResize,stopResize,historyCount,loading}=useImageEditor({imageSrc}),appRef=useRef(null),containerRef=useCallback(node=>{if(node&&!appRef.current){let app=new PIXI.Application;appRef.current=app,app.init({backgroundAlpha:0,resolution:1,preserveDrawingBuffer:!0}).then(()=>{appRef.current===app&&(node.appendChild(app.canvas),setApplication(app))}).catch(()=>{appRef.current===app&&(appRef.current=null)})}!node&&appRef.current&&(appRef.current.destroy(!0),appRef.current=null)},[setApplication]),stopAll=()=>{stopBlur(),stopCrop(currentOperation===`CROP`),stopResize(currentOperation===`RESIZE`)},handleSave=async()=>{try{setSaving(!0),stopAll();let blob=await toBlob();blob&&await onSave({blob,legend,altText})}catch(e){onError?.(`${e}`)}finally{setSaving(!1)}},handleCancel=()=>{onCancel()};return jsxs(Modal,{id:`image-editor`,isOpen,onModalClose:handleCancel,size:`lg`,children:[jsx(Modal.Header,{onModalClose:handleCancel,children:jsx(`span`,{className:`h2`,children:t(`imageeditor.title`)})}),jsx(Modal.Body,{className:`d-flex flex-column align-items-center`,children:jsxs(`div`,{className:`d-flex flex-column gap-12 w-100 flex-grow-1`,children:[jsx(ImageEditorToolbar,{handle:async operation=>{switch(stopAll(),setCurrentOperation(operation),setDirty(!0),operation){case`ROTATE`:await rotate();break;case`UNDO`:await restore();break;case`CROP`:startCrop();break;case`RESIZE`:await startResize();break;case`BLUR`:await startBlur();break}},historyCount}),jsxs(`div`,{className:`position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor`,children:[jsx(`div`,{ref:containerRef,className:`d-flex justify-content-center w-100`}),loading&&jsx(`div`,{className:`position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25`,children:jsx(LoadingScreen,{})})]}),jsxs(`div`,{className:`d-flex flex-column flex-md-row m-10 gap-12 w-100`,children:[jsxs(FormControl,{id:`alt`,className:`flex-grow-1`,children:[jsx(Label,{children:t(`alttext`)}),jsx(Input,{value:altText,onChange:e=>{setDirty(!0),setAltText(e.target.value)},placeholder:t(`alttext.help`),size:`md`,type:`text`})]}),jsxs(FormControl,{id:`legend`,className:`flex-grow-1`,children:[jsx(Label,{children:t(`legend`)}),jsx(Input,{value:legend,onChange:e=>{setDirty(!0),setLegend(e.target.value)},placeholder:t(`legend.help`),size:`md`,type:`text`})]})]})]})}),jsxs(Modal.Footer,{children:[jsx(Button,{color:`tertiary`,onClick:handleCancel,type:`button`,variant:`ghost`,children:t(`imageeditor.cancel`)}),jsx(Button,{color:`primary`,onClick:handleSave,type:`button`,variant:`filled`,isLoading:isSaving,disabled:isSaving||!dirty,children:t(`imageeditor.save`)})]})]})};export{ImageEditor as default};

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