Revert "Add yet-another-react-lightbox package and update .gitignore to exclude node_modules"

This reverts commit c92f4a5edd.

frontend/node_modules/@svgdotjs/svg.resize.js/dist/svg.resize.css

@@ -0,0 +1 @@
+.svg_select_shape{stroke-width:1;stroke-dasharray:10 10;stroke:#000;stroke-opacity:.1;pointer-events:none;fill:none}.svg_select_shape_pointSelect{stroke-width:1;fill:none;stroke-dasharray:10 10;stroke:#000;stroke-opacity:.8;pointer-events:none}.svg_select_handle{stroke-width:3;stroke:#000;fill:none}.svg_select_handle_rot{fill:#fff;stroke:#000;stroke-width:1;cursor:move}.svg_select_handle_lt{cursor:nw-resize}.svg_select_handle_rt{cursor:ne-resize}.svg_select_handle_rb{cursor:se-resize}.svg_select_handle_lb{cursor:sw-resize}.svg_select_handle_t{cursor:n-resize}.svg_select_handle_r{cursor:e-resize}.svg_select_handle_b{cursor:s-resize}.svg_select_handle_l{cursor:w-resize}.svg_select_handle_point{stroke:#000;stroke-width:1;cursor:move;fill:#fff}

frontend/node_modules/@svgdotjs/svg.resize.js/dist/svg.resize.iife.js

@@ -0,0 +1,3 @@
+/*! @svgdotjs/svg.resize.js v2.0.5 MIT*/;
+this.svg=this.svg||{},this.svg.resize=this.svg.resize||{},this.svg.resize.js=function(e,t,i){"use strict";const s=e=>(e.changedTouches&&(e=e.changedTouches[0]),{x:e.clientX,y:e.clientY}),h=e=>{let t=1/0,s=1/0,h=-1/0,n=-1/0;for(let i=0;i<e.length;i++){const o=e[i];t=Math.min(t,o[0]),s=Math.min(s,o[1]),h=Math.max(h,o[0]),n=Math.max(n,o[1])}return new i.Box(t,s,h-t,n-s)};class n{constructor(e){this.el=e,e.remember("_ResizeHandler",this),this.lastCoordinates=null,this.eventType="",this.lastEvent=null,this.handleResize=this.handleResize.bind(this),this.resize=this.resize.bind(this),this.endResize=this.endResize.bind(this),this.rotate=this.rotate.bind(this),this.movePoint=this.movePoint.bind(this)}active(e,t){this.preserveAspectRatio=t.preserveAspectRatio??!1,this.aroundCenter=t.aroundCenter??!1,this.grid=t.grid??0,this.degree=t.degree??0,this.el.off(".resize"),e&&(this.el.on(["lt.resize","rt.resize","rb.resize","lb.resize","t.resize","r.resize","b.resize","l.resize","rot.resize","point.resize"],this.handleResize),this.lastEvent&&("rot"===this.eventType?this.rotate(this.lastEvent):"point"===this.eventType?this.movePoint(this.lastEvent):this.resize(this.lastEvent)))}handleResize(e){this.eventType=e.type;const{event:t,index:h,points:n}=e.detail,o=!t.type.indexOf("mouse");if(o&&1!==(t.which||t.buttons))return;if(this.el.dispatch("beforeresize",{event:e,handler:this}).defaultPrevented)return;this.box=this.el.bbox(),this.startPoint=this.el.point(s(t)),this.index=h,this.points=n.slice();const r=(o?"mousemove":"touchmove")+".resize",a=(o?"mouseup":"touchcancel.resize touchend")+".resize";"point"===e.type?i.on(window,r,this.movePoint):"rot"===e.type?i.on(window,r,this.rotate):i.on(window,r,this.resize),i.on(window,a,this.endResize)}resize(e){this.lastEvent=e;const t=this.snapToGrid(this.el.point(s(e)));let n=t.x-this.startPoint.x,o=t.y-this.startPoint.y;this.preserveAspectRatio&&this.aroundCenter&&(n*=2,o*=2);const r=this.box.x+n,a=this.box.y+o,l=this.box.x2+n,d=this.box.y2+o;let x=new i.Box(this.box);if(this.eventType.includes("l")&&(x.x=Math.min(r,this.box.x2),x.x2=Math.max(r,this.box.x2)),this.eventType.includes("r")&&(x.x=Math.min(l,this.box.x),x.x2=Math.max(l,this.box.x)),this.eventType.includes("t")&&(x.y=Math.min(a,this.box.y2),x.y2=Math.max(a,this.box.y2)),this.eventType.includes("b")&&(x.y=Math.min(d,this.box.y),x.y2=Math.max(d,this.box.y)),x.width=x.x2-x.x,x.height=x.y2-x.y,this.preserveAspectRatio){const e=x.width/this.box.width,t=x.height/this.box.height,i=["lt","t","rt","r","rb","b","lb","l"],s=(i.indexOf(this.eventType)+4)%i.length,n=this.aroundCenter?[this.box.cx,this.box.cy]:this.points[s];let o=this.eventType.includes("t")||this.eventType.includes("b")?t:e;o=2===this.eventType.length?Math.max(e,t):o,x=function(e,t,i){const s=[[e.x,e.y],[e.x+e.width,e.y],[e.x+e.width,e.y+e.height],[e.x,e.y+e.height]].map((([e,s])=>{const h=e-t[0],n=(s-t[1])*i;return[h*i+t[0],n+t[1]]}));return h(s)}(this.box,n,o)}this.el.dispatch("resize",{box:new i.Box(x),angle:0,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.size(x.width,x.height).move(x.x,x.y)}movePoint(e){this.lastEvent=e;const{x:t,y:i}=this.snapToGrid(this.el.point(s(e))),n=this.el.array().slice();n[this.index]=[t,i],this.el.dispatch("resize",{box:h(n),angle:0,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.plot(n)}rotate(e){this.lastEvent=e;const t=this.startPoint,h=this.el.point(s(e)),{cx:n,cy:o}=this.box,r=t.x-n,a=t.y-o,l=h.x-n,d=h.y-o,x=Math.sqrt(r*r+a*a)*Math.sqrt(l*l+d*d);if(0===x)return;let p=Math.acos((r*l+a*d)/x)/Math.PI*180;if(!p)return;h.x<t.x&&(p=-p);const v=new i.Matrix(this.el),{x:c,y:y}=new i.Point(n,o).transformO(v),{rotate:u}=v.decompose(),b=this.snapToAngle(u+p)-u;this.el.dispatch("resize",{box:this.box,angle:b,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.transform(v.rotateO(b,c,y))}endResize(e){"rot"!==this.eventType&&"point"!==this.eventType&&this.resize(e),this.lastEvent=null,this.eventType="",i.off(window,"mousemove.resize touchmove.resize"),i.off(window,"mouseup.resize touchend.resize")}snapToGrid(e){return this.grid&&(e.x=Math.round(e.x/this.grid)*this.grid,e.y=Math.round(e.y/this.grid)*this.grid),e}snapToAngle(e){return this.degree&&(e=Math.round(e/this.degree)*this.degree),e}}return i.extend(i.Element,{resize:function(e=!0,t={}){"object"==typeof e&&(t=e,e=!0);let i=this.remember("_ResizeHandler");return i||(e.prototype instanceof n?(i=new e(this),e=!0):i=new n(this),this.remember("_resizeHandler",i)),i.active(e,t),this}}),e.ResizeHandler=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({},0,SVG);
+//# sourceMappingURL=svg.resize.iife.js.map

frontend/node_modules/@svgdotjs/svg.resize.js/dist/svg.resize.js

@@ -0,0 +1,270 @@
+/*!
+* @svgdotjs/svg.resize.js - An extension for svg.js which allows to resize elements which are selected
+* @version 2.0.5
+* https://github.com/svgdotjs/svg.resize.js
+*
+* @copyright [object Object]
+* @license MIT
+*
+* BUILT: Wed Nov 20 2024 23:15:57 GMT+0100 (Central European Standard Time)
+*/
+;
+import "@svgdotjs/svg.select.js";
+import { on, Box, Matrix, Point, off, extend, Element } from "@svgdotjs/svg.js";
+const getCoordsFromEvent = (ev) => {
+  if (ev.changedTouches) {
+    ev = ev.changedTouches[0];
+  }
+  return { x: ev.clientX, y: ev.clientY };
+};
+const maxBoxFromPoints = (points) => {
+  let x = Infinity;
+  let y = Infinity;
+  let x2 = -Infinity;
+  let y2 = -Infinity;
+  for (let i = 0; i < points.length; i++) {
+    const p = points[i];
+    x = Math.min(x, p[0]);
+    y = Math.min(y, p[1]);
+    x2 = Math.max(x2, p[0]);
+    y2 = Math.max(y2, p[1]);
+  }
+  return new Box(x, y, x2 - x, y2 - y);
+};
+function scaleBox(box, origin, scale) {
+  const points = [
+    [box.x, box.y],
+    [box.x + box.width, box.y],
+    [box.x + box.width, box.y + box.height],
+    [box.x, box.y + box.height]
+  ];
+  const newPoints = points.map(([x, y]) => {
+    const translatedX = x - origin[0];
+    const translatedY = y - origin[1];
+    const scaledX = translatedX * scale;
+    const scaledY = translatedY * scale;
+    return [scaledX + origin[0], scaledY + origin[1]];
+  });
+  return maxBoxFromPoints(newPoints);
+}
+class ResizeHandler {
+  constructor(el) {
+    this.el = el;
+    el.remember("_ResizeHandler", this);
+    this.lastCoordinates = null;
+    this.eventType = "";
+    this.lastEvent = null;
+    this.handleResize = this.handleResize.bind(this);
+    this.resize = this.resize.bind(this);
+    this.endResize = this.endResize.bind(this);
+    this.rotate = this.rotate.bind(this);
+    this.movePoint = this.movePoint.bind(this);
+  }
+  active(value, options) {
+    this.preserveAspectRatio = options.preserveAspectRatio ?? false;
+    this.aroundCenter = options.aroundCenter ?? false;
+    this.grid = options.grid ?? 0;
+    this.degree = options.degree ?? 0;
+    this.el.off(".resize");
+    if (!value) return;
+    this.el.on(
+      [
+        "lt.resize",
+        "rt.resize",
+        "rb.resize",
+        "lb.resize",
+        "t.resize",
+        "r.resize",
+        "b.resize",
+        "l.resize",
+        "rot.resize",
+        "point.resize"
+      ],
+      this.handleResize
+    );
+    if (this.lastEvent) {
+      if (this.eventType === "rot") {
+        this.rotate(this.lastEvent);
+      } else if (this.eventType === "point") {
+        this.movePoint(this.lastEvent);
+      } else {
+        this.resize(this.lastEvent);
+      }
+    }
+  }
+  // This is called when a user clicks on one of the resize points
+  handleResize(e) {
+    this.eventType = e.type;
+    const { event, index, points } = e.detail;
+    const isMouse = !event.type.indexOf("mouse");
+    if (isMouse && (event.which || event.buttons) !== 1) {
+      return;
+    }
+    if (this.el.dispatch("beforeresize", { event: e, handler: this }).defaultPrevented) {
+      return;
+    }
+    this.box = this.el.bbox();
+    this.startPoint = this.el.point(getCoordsFromEvent(event));
+    this.index = index;
+    this.points = points.slice();
+    const eventMove = (isMouse ? "mousemove" : "touchmove") + ".resize";
+    const eventEnd = (isMouse ? "mouseup" : "touchcancel.resize touchend") + ".resize";
+    if (e.type === "point") {
+      on(window, eventMove, this.movePoint);
+    } else if (e.type === "rot") {
+      on(window, eventMove, this.rotate);
+    } else {
+      on(window, eventMove, this.resize);
+    }
+    on(window, eventEnd, this.endResize);
+  }
+  resize(e) {
+    this.lastEvent = e;
+    const endPoint = this.snapToGrid(this.el.point(getCoordsFromEvent(e)));
+    let dx = endPoint.x - this.startPoint.x;
+    let dy = endPoint.y - this.startPoint.y;
+    if (this.preserveAspectRatio && this.aroundCenter) {
+      dx *= 2;
+      dy *= 2;
+    }
+    const x = this.box.x + dx;
+    const y = this.box.y + dy;
+    const x2 = this.box.x2 + dx;
+    const y2 = this.box.y2 + dy;
+    let box = new Box(this.box);
+    if (this.eventType.includes("l")) {
+      box.x = Math.min(x, this.box.x2);
+      box.x2 = Math.max(x, this.box.x2);
+    }
+    if (this.eventType.includes("r")) {
+      box.x = Math.min(x2, this.box.x);
+      box.x2 = Math.max(x2, this.box.x);
+    }
+    if (this.eventType.includes("t")) {
+      box.y = Math.min(y, this.box.y2);
+      box.y2 = Math.max(y, this.box.y2);
+    }
+    if (this.eventType.includes("b")) {
+      box.y = Math.min(y2, this.box.y);
+      box.y2 = Math.max(y2, this.box.y);
+    }
+    box.width = box.x2 - box.x;
+    box.height = box.y2 - box.y;
+    if (this.preserveAspectRatio) {
+      const scaleX = box.width / this.box.width;
+      const scaleY = box.height / this.box.height;
+      const order = ["lt", "t", "rt", "r", "rb", "b", "lb", "l"];
+      const origin = (order.indexOf(this.eventType) + 4) % order.length;
+      const constantPoint = this.aroundCenter ? [this.box.cx, this.box.cy] : this.points[origin];
+      let scale = this.eventType.includes("t") || this.eventType.includes("b") ? scaleY : scaleX;
+      scale = this.eventType.length === 2 ? Math.max(scaleX, scaleY) : scale;
+      box = scaleBox(this.box, constantPoint, scale);
+    }
+    if (this.el.dispatch("resize", {
+      box: new Box(box),
+      angle: 0,
+      eventType: this.eventType,
+      event: e,
+      handler: this
+    }).defaultPrevented) {
+      return;
+    }
+    this.el.size(box.width, box.height).move(box.x, box.y);
+  }
+  movePoint(e) {
+    this.lastEvent = e;
+    const { x, y } = this.snapToGrid(this.el.point(getCoordsFromEvent(e)));
+    const pointArr = this.el.array().slice();
+    pointArr[this.index] = [x, y];
+    if (this.el.dispatch("resize", {
+      box: maxBoxFromPoints(pointArr),
+      angle: 0,
+      eventType: this.eventType,
+      event: e,
+      handler: this
+    }).defaultPrevented) {
+      return;
+    }
+    this.el.plot(pointArr);
+  }
+  rotate(e) {
+    this.lastEvent = e;
+    const startPoint = this.startPoint;
+    const endPoint = this.el.point(getCoordsFromEvent(e));
+    const { cx, cy } = this.box;
+    const dx1 = startPoint.x - cx;
+    const dy1 = startPoint.y - cy;
+    const dx2 = endPoint.x - cx;
+    const dy2 = endPoint.y - cy;
+    const c = Math.sqrt(dx1 * dx1 + dy1 * dy1) * Math.sqrt(dx2 * dx2 + dy2 * dy2);
+    if (c === 0) {
+      return;
+    }
+    let angle = Math.acos((dx1 * dx2 + dy1 * dy2) / c) / Math.PI * 180;
+    if (!angle) return;
+    if (endPoint.x < startPoint.x) {
+      angle = -angle;
+    }
+    const matrix = new Matrix(this.el);
+    const { x: ox, y: oy } = new Point(cx, cy).transformO(matrix);
+    const { rotate } = matrix.decompose();
+    const resultAngle = this.snapToAngle(rotate + angle) - rotate;
+    if (this.el.dispatch("resize", {
+      box: this.box,
+      angle: resultAngle,
+      eventType: this.eventType,
+      event: e,
+      handler: this
+    }).defaultPrevented) {
+      return;
+    }
+    this.el.transform(matrix.rotateO(resultAngle, ox, oy));
+  }
+  endResize(ev) {
+    if (this.eventType !== "rot" && this.eventType !== "point") {
+      this.resize(ev);
+    }
+    this.lastEvent = null;
+    this.eventType = "";
+    off(window, "mousemove.resize touchmove.resize");
+    off(window, "mouseup.resize touchend.resize");
+  }
+  snapToGrid(point) {
+    if (this.grid) {
+      point.x = Math.round(point.x / this.grid) * this.grid;
+      point.y = Math.round(point.y / this.grid) * this.grid;
+    }
+    return point;
+  }
+  snapToAngle(angle) {
+    if (this.degree) {
+      angle = Math.round(angle / this.degree) * this.degree;
+    }
+    return angle;
+  }
+}
+extend(Element, {
+  // Resize element with mouse
+  resize: function(enabled = true, options = {}) {
+    if (typeof enabled === "object") {
+      options = enabled;
+      enabled = true;
+    }
+    let resizeHandler = this.remember("_ResizeHandler");
+    if (!resizeHandler) {
+      if (enabled.prototype instanceof ResizeHandler) {
+        resizeHandler = new enabled(this);
+        enabled = true;
+      } else {
+        resizeHandler = new ResizeHandler(this);
+      }
+      this.remember("_resizeHandler", resizeHandler);
+    }
+    resizeHandler.active(enabled, options);
+    return this;
+  }
+});
+export {
+  ResizeHandler
+};
+//# sourceMappingURL=svg.resize.js.map

frontend/node_modules/@svgdotjs/svg.resize.js/dist/svg.resize.umd.cjs

@@ -0,0 +1,3 @@
+/*! @svgdotjs/svg.resize.js v2.0.5 MIT*/;
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@svgdotjs/svg.select.js"),require("@svgdotjs/svg.js")):"function"==typeof define&&define.amd?define(["exports","@svgdotjs/svg.select.js","@svgdotjs/svg.js"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).svg=e.svg||{},e.svg.resize=e.svg.resize||{},e.svg.resize.js={}),null,e.SVG)}(this,(function(e,t,i){"use strict";const s=e=>(e.changedTouches&&(e=e.changedTouches[0]),{x:e.clientX,y:e.clientY}),n=e=>{let t=1/0,s=1/0,n=-1/0,h=-1/0;for(let i=0;i<e.length;i++){const o=e[i];t=Math.min(t,o[0]),s=Math.min(s,o[1]),n=Math.max(n,o[0]),h=Math.max(h,o[1])}return new i.Box(t,s,n-t,h-s)};class h{constructor(e){this.el=e,e.remember("_ResizeHandler",this),this.lastCoordinates=null,this.eventType="",this.lastEvent=null,this.handleResize=this.handleResize.bind(this),this.resize=this.resize.bind(this),this.endResize=this.endResize.bind(this),this.rotate=this.rotate.bind(this),this.movePoint=this.movePoint.bind(this)}active(e,t){this.preserveAspectRatio=t.preserveAspectRatio??!1,this.aroundCenter=t.aroundCenter??!1,this.grid=t.grid??0,this.degree=t.degree??0,this.el.off(".resize"),e&&(this.el.on(["lt.resize","rt.resize","rb.resize","lb.resize","t.resize","r.resize","b.resize","l.resize","rot.resize","point.resize"],this.handleResize),this.lastEvent&&("rot"===this.eventType?this.rotate(this.lastEvent):"point"===this.eventType?this.movePoint(this.lastEvent):this.resize(this.lastEvent)))}handleResize(e){this.eventType=e.type;const{event:t,index:n,points:h}=e.detail,o=!t.type.indexOf("mouse");if(o&&1!==(t.which||t.buttons))return;if(this.el.dispatch("beforeresize",{event:e,handler:this}).defaultPrevented)return;this.box=this.el.bbox(),this.startPoint=this.el.point(s(t)),this.index=n,this.points=h.slice();const r=(o?"mousemove":"touchmove")+".resize",a=(o?"mouseup":"touchcancel.resize touchend")+".resize";"point"===e.type?i.on(window,r,this.movePoint):"rot"===e.type?i.on(window,r,this.rotate):i.on(window,r,this.resize),i.on(window,a,this.endResize)}resize(e){this.lastEvent=e;const t=this.snapToGrid(this.el.point(s(e)));let h=t.x-this.startPoint.x,o=t.y-this.startPoint.y;this.preserveAspectRatio&&this.aroundCenter&&(h*=2,o*=2);const r=this.box.x+h,a=this.box.y+o,d=this.box.x2+h,l=this.box.y2+o;let x=new i.Box(this.box);if(this.eventType.includes("l")&&(x.x=Math.min(r,this.box.x2),x.x2=Math.max(r,this.box.x2)),this.eventType.includes("r")&&(x.x=Math.min(d,this.box.x),x.x2=Math.max(d,this.box.x)),this.eventType.includes("t")&&(x.y=Math.min(a,this.box.y2),x.y2=Math.max(a,this.box.y2)),this.eventType.includes("b")&&(x.y=Math.min(l,this.box.y),x.y2=Math.max(l,this.box.y)),x.width=x.x2-x.x,x.height=x.y2-x.y,this.preserveAspectRatio){const e=x.width/this.box.width,t=x.height/this.box.height,i=["lt","t","rt","r","rb","b","lb","l"],s=(i.indexOf(this.eventType)+4)%i.length,h=this.aroundCenter?[this.box.cx,this.box.cy]:this.points[s];let o=this.eventType.includes("t")||this.eventType.includes("b")?t:e;o=2===this.eventType.length?Math.max(e,t):o,x=function(e,t,i){const s=[[e.x,e.y],[e.x+e.width,e.y],[e.x+e.width,e.y+e.height],[e.x,e.y+e.height]].map((([e,s])=>{const n=e-t[0],h=(s-t[1])*i;return[n*i+t[0],h+t[1]]}));return n(s)}(this.box,h,o)}this.el.dispatch("resize",{box:new i.Box(x),angle:0,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.size(x.width,x.height).move(x.x,x.y)}movePoint(e){this.lastEvent=e;const{x:t,y:i}=this.snapToGrid(this.el.point(s(e))),h=this.el.array().slice();h[this.index]=[t,i],this.el.dispatch("resize",{box:n(h),angle:0,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.plot(h)}rotate(e){this.lastEvent=e;const t=this.startPoint,n=this.el.point(s(e)),{cx:h,cy:o}=this.box,r=t.x-h,a=t.y-o,d=n.x-h,l=n.y-o,x=Math.sqrt(r*r+a*a)*Math.sqrt(d*d+l*l);if(0===x)return;let p=Math.acos((r*d+a*l)/x)/Math.PI*180;if(!p)return;n.x<t.x&&(p=-p);const v=new i.Matrix(this.el),{x:c,y:y}=new i.Point(h,o).transformO(v),{rotate:u}=v.decompose(),b=this.snapToAngle(u+p)-u;this.el.dispatch("resize",{box:this.box,angle:b,eventType:this.eventType,event:e,handler:this}).defaultPrevented||this.el.transform(v.rotateO(b,c,y))}endResize(e){"rot"!==this.eventType&&"point"!==this.eventType&&this.resize(e),this.lastEvent=null,this.eventType="",i.off(window,"mousemove.resize touchmove.resize"),i.off(window,"mouseup.resize touchend.resize")}snapToGrid(e){return this.grid&&(e.x=Math.round(e.x/this.grid)*this.grid,e.y=Math.round(e.y/this.grid)*this.grid),e}snapToAngle(e){return this.degree&&(e=Math.round(e/this.degree)*this.degree),e}}i.extend(i.Element,{resize:function(e=!0,t={}){"object"==typeof e&&(t=e,e=!0);let i=this.remember("_ResizeHandler");return i||(e.prototype instanceof h?(i=new e(this),e=!0):i=new h(this),this.remember("_resizeHandler",i)),i.active(e,t),this}}),e.ResizeHandler=h,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=svg.resize.umd.cjs.map