@anu3ev/fabric-image-editor 0.1.49 → 0.1.51

package/dist/assets/worker-Cmho-Hr0.js

@@ -0,0 +1,2 @@
+var u=(g,o,r)=>new Promise((i,e)=>{var d=t=>{try{n(r.next(t))}catch(c){e(c)}},l=t=>{try{n(r.throw(t))}catch(c){e(c)}},n=t=>t.done?i(t.value):Promise.resolve(t.value).then(d,l);n((r=r.apply(g,o)).next())});(function(){"use strict";self.onmessage=g=>u(this,null,function*(){const{action:o,payload:r,requestId:i}=g.data;try{switch(o){case"resizeImage":{const{dataURL:e,maxWidth:d,maxHeight:l,minWidth:n,minHeight:t,sizeType:c}=r,h=yield createImageBitmap(yield(yield fetch(e)).blob());let{width:a,height:s}=h,w=Math.min(d/a,l/s);c==="min"&&(w=Math.max(n/a,t/s)),a=Math.floor(a*w),s=Math.floor(s*w);const m=new OffscreenCanvas(a,s),f=m.getContext("2d");if(!f)throw new Error("Failed to get 2D context from OffscreenCanvas");f.drawImage(h,0,0,a,s);const b=yield m.convertToBlob();self.postMessage({requestId:i,action:o,success:!0,data:b});break}case"toDataURL":{const{bitmap:e,format:d,quality:l,returnBlob:n}=r,{width:t,height:c}=e,h=new OffscreenCanvas(e.width,e.height),a=h.getContext("2d");if(!a)throw new Error("Failed to get 2D context from OffscreenCanvas");a.drawImage(e,0,0,t,c);const s=yield h.convertToBlob({type:d,quality:l});if(n){self.postMessage({requestId:i,action:o,success:!0,data:s});break}const w=yield new Promise(m=>{const f=new FileReader;f.onload=()=>m(f.result),f.readAsDataURL(s)});self.postMessage({requestId:i,action:o,success:!0,data:w});break}default:throw new Error(`Unknown action ${o}`)}}catch(e){self.postMessage({requestId:i,action:o,success:!1,error:e.message})}})})();
+//# sourceMappingURL=worker-Cmho-Hr0.js.map

package/dist/main.js

@@ -2,40 +2,40 @@ var je = Object.defineProperty, fe = Object.defineProperties;
 var be = Object.getOwnPropertyDescriptors;
 var H = Object.getOwnPropertySymbols;
 var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
-var re = (c, e, t) => e in c ? je(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, f = (c, e) => {
+var re = (r, e, t) => e in r ? je(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, f = (r, e) => {
   for (var t in e || (e = {}))
-    ce.call(e, t) && re(c, t, e[t]);
+    ce.call(e, t) && re(r, t, e[t]);
   if (H)
     for (var t of H(e))
-      de.call(e, t) && re(c, t, e[t]);
-  return c;
-}, le = (c, e) => fe(c, be(e));
-var Y = (c, e) => {
+      de.call(e, t) && re(r, t, e[t]);
+  return r;
+}, le = (r, e) => fe(r, be(e));
+var Y = (r, e) => {
   var t = {};
-  for (var s in c)
-    ce.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
-  if (c != null && H)
-    for (var s of H(c))
-      e.indexOf(s) < 0 && de.call(c, s) && (t[s] = c[s]);
+  for (var s in r)
+    ce.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+  if (r != null && H)
+    for (var s of H(r))
+      e.indexOf(s) < 0 && de.call(r, s) && (t[s] = r[s]);
   return t;
 };
-var I = (c, e, t) => new Promise((s, i) => {
+var I = (r, e, t) => new Promise((s, i) => {
   var n = (d) => {
     try {
       o(t.next(d));
-    } catch (r) {
-      i(r);
+    } catch (c) {
+      i(c);
     }
   }, a = (d) => {
     try {
       o(t.throw(d));
-    } catch (r) {
-      i(r);
+    } catch (c) {
+      i(c);
     }
   }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(n, a);
-  o((t = t.apply(c, e)).next());
+  o((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as v, util as R, controlsUtils as pe, InteractiveFabricObject as ye, loadSVGFromURL as Ie, FabricImage as U, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
+import { ActiveSelection as v, util as R, controlsUtils as ye, InteractiveFabricObject as pe, loadSVGFromURL as Ie, FabricImage as Z, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
 import { create as De } from "jsondiffpatch";
 import Le from "diff-match-patch";
 var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
@@ -76,10 +76,10 @@ class z {
       pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
       selectAllByHotkey: d,
-      deleteObjectsByHotkey: r,
+      deleteObjectsByHotkey: c,
       resetObjectFitByDoubleClick: l
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), i && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), r && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), i && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -324,13 +324,21 @@ class Ee {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error(`Unknown module "${e}"`));
   }
 }
-class Oe {
+function Oe(r) {
+  return new Worker(
+    "" + new URL("assets/worker-Cmho-Hr0.js", import.meta.url).href,
+    {
+      name: r == null ? void 0 : r.name
+    }
+  );
+}
+class Te {
   /**
    * @param scriptUrl — URL скрипта воркера.
-   * По-умолчанию использует файл рядом с этим модулем
+   * По-умолчанию использует DefaultWorker из соседнего файла
    */
-  constructor(e = new URL("" + new URL("worker.ts", import.meta.url).href, import.meta.url)) {
-    this.worker = new Worker(e, { type: "module" }), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+  constructor(e) {
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Oe(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -370,26 +378,26 @@ class Oe {
     this.worker.terminate();
   }
 }
-const C = 12, Te = 2, Q = 8, J = 20, ke = 100, $ = 20, K = 8, xe = 100, q = 32, ee = 1, Be = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
-function W(c, e, t, s, i) {
-  const n = C, a = Te;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-12 / 2, -12 / 2, n, n, a), c.fill(), c.stroke(), c.restore();
+const C = 12, ke = 2, Q = 8, J = 20, xe = 100, $ = 20, K = 8, Be = 100, q = 32, ee = 1, Ze = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
+function W(r, e, t, s, i) {
+  const n = C, a = ke;
+  r.save(), r.translate(e, t), r.rotate(R.degreesToRadians(i.angle)), r.fillStyle = se, r.strokeStyle = te, r.lineWidth = ee, r.beginPath(), r.roundRect(-12 / 2, -12 / 2, n, n, a), r.fill(), r.stroke(), r.restore();
 }
-function he(c, e, t, s, i) {
-  const n = Q, a = J, o = ke;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-8 / 2, -20 / 2, n, a, o), c.fill(), c.stroke(), c.restore();
+function he(r, e, t, s, i) {
+  const n = Q, a = J, o = xe;
+  r.save(), r.translate(e, t), r.rotate(R.degreesToRadians(i.angle)), r.fillStyle = se, r.strokeStyle = te, r.lineWidth = ee, r.beginPath(), r.roundRect(-8 / 2, -20 / 2, n, a, o), r.fill(), r.stroke(), r.restore();
 }
-function ge(c, e, t, s, i) {
-  const n = $, a = K, o = xe;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-20 / 2, -8 / 2, n, a, o), c.fill(), c.stroke(), c.restore();
+function ge(r, e, t, s, i) {
+  const n = $, a = K, o = Be;
+  r.save(), r.translate(e, t), r.rotate(R.degreesToRadians(i.angle)), r.fillStyle = se, r.strokeStyle = te, r.lineWidth = ee, r.beginPath(), r.roundRect(-20 / 2, -8 / 2, n, a, o), r.fill(), r.stroke(), r.restore();
 }
 const Ue = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ue = new Image();
 ue.src = Ue;
-function Ze(c, e, t, s, i) {
+function ze(r, e, t, s, i) {
   const a = q / 2;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = Be, c.beginPath(), c.arc(0, 0, a, 0, 2 * Math.PI), c.fill(), c.drawImage(ue, -16 / 2, -16 / 2, a, a), c.restore();
+  r.save(), r.translate(e, t), r.rotate(R.degreesToRadians(i.angle)), r.fillStyle = Ze, r.beginPath(), r.arc(0, 0, a, 0, 2 * Math.PI), r.fill(), r.drawImage(ue, -16 / 2, -16 / 2, a, a), r.restore();
 }
-const ze = {
+const Re = {
   // Угловые точки
   tl: {
     render: W,
@@ -451,17 +459,17 @@ const ze = {
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ze,
+    render: ze,
     sizeX: q,
     sizeY: q,
     offsetX: 0,
     offsetY: -32
   }
 };
-class Re {
+class He {
   static apply() {
-    const e = pe.createObjectDefaultControls();
-    Object.entries(ze).forEach(([t, s]) => {
+    const e = ye.createObjectDefaultControls();
+    Object.entries(Re).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
         sizeX: s.sizeX,
@@ -472,10 +480,10 @@ class Re {
         var l;
         (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), ye.ownDefaults.controls = e;
+    }), pe.ownDefaults.controls = e;
   }
 }
-const He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Z = {
+const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", U = {
   style: {
     position: "absolute",
     display: "none",
@@ -542,54 +550,54 @@ const He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: He,
-    delete: Ge,
-    lock: Ye,
-    unlock: We,
-    bringToFront: Fe,
-    sendToBack: Ve,
-    bringForward: _e,
-    sendBackwards: Pe
+    copyPaste: Ye,
+    delete: Xe,
+    lock: We,
+    unlock: _e,
+    bringToFront: Ve,
+    sendToBack: Ge,
+    bringForward: Pe,
+    sendBackwards: Fe
   },
   handlers: {
-    copyPaste: (c) => I(void 0, null, function* () {
-      yield c.clipboardManager.copy(), yield c.clipboardManager.paste();
+    copyPaste: (r) => I(void 0, null, function* () {
+      yield r.clipboardManager.copy(), yield r.clipboardManager.paste();
     }),
-    delete: (c) => {
-      c.deletionManager.deleteSelectedObjects();
+    delete: (r) => {
+      r.deletionManager.deleteSelectedObjects();
     },
-    lock: (c) => {
-      c.objectLockManager.lockObject();
+    lock: (r) => {
+      r.objectLockManager.lockObject();
     },
-    unlock: (c) => {
-      c.objectLockManager.unlockObject();
+    unlock: (r) => {
+      r.objectLockManager.unlockObject();
     },
-    bringForward: (c) => {
-      c.layerManager.bringForward();
+    bringForward: (r) => {
+      r.layerManager.bringForward();
     },
-    bringToFront: (c) => {
-      c.layerManager.bringToFront();
+    bringToFront: (r) => {
+      r.layerManager.bringToFront();
     },
-    sendToBack: (c) => {
-      c.layerManager.sendToBack();
+    sendToBack: (r) => {
+      r.layerManager.sendToBack();
     },
-    sendBackwards: (c) => {
-      c.layerManager.sendBackwards();
+    sendBackwards: (r) => {
+      r.layerManager.sendBackwards();
     }
   }
 };
-class Xe {
+class Qe {
   constructor({ editor: e }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = le(f(f({}, Z), e), {
-      style: f(f({}, Z.style), e.style || {}),
-      btnStyle: f(f({}, Z.btnStyle), e.btnStyle || {}),
-      icons: f(f({}, Z.icons), e.icons || {}),
-      handlers: f(f({}, Z.handlers), e.handlers || {})
+    this.config = le(f(f({}, U), e), {
+      style: f(f({}, U.style), e.style || {}),
+      btnStyle: f(f({}, U.btnStyle), e.btnStyle || {}),
+      icons: f(f({}, U.icons), e.icons || {}),
+      handlers: f(f({}, U.handlers), e.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
       this.el.style.display = "none";
     }, this._createDOM(), this._bindEvents();
@@ -618,8 +626,8 @@ class Xe {
     for (const t of e) {
       const { name: s, handle: i } = t, { icons: n = {}, btnStyle: a, handlers: o = {} } = this.config, d = document.createElement("button");
       d.innerHTML = n[i] ? `<img src="${n[i]}" title="${s}" />` : s, Object.assign(d.style, a), d.onclick = () => {
-        var r;
-        return (r = o[i]) == null ? void 0 : r.call(o, this.editor);
+        var c;
+        return (c = o[i]) == null ? void 0 : c.call(o, this.editor);
       }, this.el.appendChild(d);
     }
   }
@@ -678,7 +686,7 @@ class Xe {
     }
     const { el: t, config: s, canvas: i } = this;
     e.setCoords();
-    const n = i.getZoom(), [, , , , a, o] = i.viewportTransform, { x: d } = e.getCenterPoint(), { top: r, height: l } = e.getBoundingRect(), g = d * n + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (r + l) * n + o + u;
+    const n = i.getZoom(), [, , , , a, o] = i.viewportTransform, { x: d } = e.getCenterPoint(), { top: c, height: l } = e.getBoundingRect(), g = d * n + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (c + l) * n + o + u;
     Object.assign(t.style, {
       left: `${g}px`,
       top: `${m}px`,
@@ -692,7 +700,7 @@ class Xe {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-class Qe {
+class Je {
   constructor({ editor: e }) {
     this.editor = e, this.canvas = e.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -807,9 +815,9 @@ class Qe {
       console.log("loadStateFromFullState fullState", e);
       const { canvas: t, canvasManager: s, interactionBlocker: i } = this.editor, { width: n, height: a } = t;
       yield t.loadFromJSON(e);
-      const o = t.getObjects().find((r) => r.id === "montage-area");
+      const o = t.getObjects().find((c) => c.id === "montage-area");
       o && (this.editor.montageArea = o, (n !== e.width || a !== e.height) && s.updateCanvasAndFitObjects());
-      const d = t.getObjects().find((r) => r.id === "overlay-mask");
+      const d = t.getObjects().find((c) => c.id === "overlay-mask");
       d && (i.overlayMask = d, i.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
@@ -895,7 +903,7 @@ class Qe {
     });
   }
 }
-const Je = 0.1, $e = 2, Ke = 0.1, qe = 90, x = 16, B = 16, O = 4096, T = 4096;
+const $e = 0.1, Ke = 2, qe = 0.1, et = 90, x = 16, B = 16, O = 4096, T = 4096;
 class N {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -920,10 +928,10 @@ class N {
         withoutSave: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: n, montageArea: a, transformManager: o, historyManager: d, errorManager: r } = this.editor, l = yield this.getContentType(t), h = N.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      const { canvas: n, montageArea: a, transformManager: o, historyManager: d, errorManager: c } = this.editor, l = yield this.getContentType(t), h = N.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
       if (!this.isAllowedContentType(l)) {
         const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return r.emitError({
+        return c.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
@@ -940,7 +948,7 @@ class N {
           const A = yield (yield fetch(t, { mode: "cors" })).blob();
           m = URL.createObjectURL(A);
         } else
-          return r.emitError({
+          return c.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
@@ -948,27 +956,27 @@ class N {
             data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
         if (this._createdBlobUrls.push(m), h === "svg") {
-          const y = yield Ie(m);
-          M = R.groupSVGElements(y.objects, y.options);
+          const p = yield Ie(m);
+          M = R.groupSVGElements(p.objects, p.options);
         } else
-          M = yield U.fromURL(m, { crossOrigin: "anonymous" });
+          M = yield Z.fromURL(m, { crossOrigin: "anonymous" });
         const { width: j, height: b } = M;
-        if (M instanceof U) {
-          const y = M.getElement();
+        if (M instanceof Z) {
+          const p = M.getElement();
           let A = "";
-          if (y instanceof HTMLImageElement ? A = y.src : y instanceof HTMLCanvasElement && (A = y.toDataURL()), b > T || j > O) {
+          if (p instanceof HTMLImageElement ? A = p.src : p instanceof HTMLCanvasElement && (A = p.toDataURL()), b > T || j > O) {
             const w = yield this.resizeImageToBoundaries(A, "max"), E = URL.createObjectURL(w);
-            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
           } else if (b < B || j < x) {
             const w = yield this.resizeImageToBoundaries(A, "min"), E = URL.createObjectURL(w);
-            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
           }
         }
         if (M.set("id", `${M.type}-${D()}`), M.set("format", h), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
         else {
-          const { width: y, height: A } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
-          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (j > y || b > A) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          const { width: p, height: A } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
+          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (j > p || b > A) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
         n.add(M), n.centerObject(M), n.setActiveObject(M), n.renderAll(), d.resumeHistory(), i || d.saveState();
         const L = {
@@ -981,7 +989,7 @@ class N {
         };
         return n.fire("editor:image-imported", L), L;
       } catch (m) {
-        return r.emitError({
+        return c.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
@@ -1040,18 +1048,18 @@ class N {
         exportAsBlob: n = !1
       } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
-        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = N.getFormatFromContentType(l);
+        const c = s === "application/pdf", l = c ? "image/jpg" : s, h = N.getFormatFromContentType(l);
         o.setCoords();
         const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), j = yield a.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(l) && (j.backgroundColor = "#ffffff");
-        const b = j.getObjects().find((p) => p.id === o.id);
+        const b = j.getObjects().find((y) => y.id === o.id);
         b && (b.visible = !1), j.viewportTransform = [1, 0, 0, 1, -g, -u], j.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), j.renderAll();
-        const L = j.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
+        const L = j.getObjects().filter((y) => y.format).every((y) => y.format === "svg");
         if (h === "svg" && L) {
-          const p = j.toSVG();
+          const y = j.toSVG();
           j.dispose();
           const S = {
-            image: N._exportSVGStringAsFile(p, {
+            image: N._exportSVGStringAsFile(y, {
               exportAsBase64: i,
               exportAsBlob: n,
               fileName: t
@@ -1062,26 +1070,26 @@ class N {
           };
           return a.fire("editor:canvas-exported", S), S;
         }
-        const y = yield new Promise((p, k) => {
+        const p = yield new Promise((y, k) => {
           j.getElement().toBlob((S) => {
-            S ? p(S) : k(new Error("Failed to create Blob from canvas"));
+            S ? y(S) : k(new Error("Failed to create Blob from canvas"));
           });
         });
         if (j.dispose(), n) {
-          const p = {
-            image: y,
+          const y = {
+            image: p,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", p), p;
+          return a.fire("editor:canvas-exported", y), y;
         }
-        const A = yield createImageBitmap(y), w = yield d.post(
+        const A = yield createImageBitmap(p), w = yield d.post(
           "toDataURL",
           { format: h, quality: 1, bitmap: A },
           [A]
         );
-        if (r) {
+        if (c) {
           const k = m * 0.264583, S = M * 0.264583, Me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Me({
             orientation: k > S ? "landscape" : "portrait",
             unit: "mm",
@@ -1105,27 +1113,27 @@ class N {
           return a.fire("editor:canvas-exported", ae), ae;
         }
         if (i) {
-          const p = {
+          const y = {
             image: w,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", p), p;
+          return a.fire("editor:canvas-exported", y), y;
         }
         const E = h === "svg" && !L ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
-          image: new File([y], E, { type: l }),
+          image: new File([p], E, { type: l }),
           format: h,
           contentType: l,
           fileName: E
         };
         return a.fire("editor:canvas-exported", ne), ne;
-      } catch (r) {
+      } catch (c) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${r.message}`,
+          message: `Ошибка экспорта изображения: ${c.message}`,
           data: { contentType: s, fileName: t, exportAsBase64: i, exportAsBlob: n }
         }), null;
       }
@@ -1150,8 +1158,8 @@ class N {
         contentType: i = "image/png",
         exportAsBase64: n = !1,
         exportAsBlob: a = !1
-      } = e, { canvas: o, workerManager: d } = this.editor, r = t || o.getActiveObject();
-      if (!r)
+      } = e, { canvas: o, workerManager: d } = this.editor, c = t || o.getActiveObject();
+      if (!c)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
@@ -1162,12 +1170,12 @@ class N {
       try {
         const l = N.getFormatFromContentType(i);
         if (l === "svg") {
-          const M = r.toSVG(), j = N._exportSVGStringAsFile(M, {
+          const M = c.toSVG(), j = N._exportSVGStringAsFile(M, {
             exportAsBase64: n,
             exportAsBlob: a,
             fileName: s
           }), b = {
-            object: r,
+            object: c,
             image: j,
             format: l,
             contentType: "image/svg+xml",
@@ -1175,8 +1183,8 @@ class N {
           };
           return o.fire("editor:object-exported", b), b;
         }
-        if (n && r instanceof U) {
-          const M = yield createImageBitmap(r.getElement()), j = yield d.post(
+        if (n && c instanceof Z) {
+          const M = yield createImageBitmap(c.getElement()), j = yield d.post(
             "toDataURL",
             {
               format: l,
@@ -1185,7 +1193,7 @@ class N {
             },
             [M]
           ), b = {
-            object: r,
+            object: c,
             image: j,
             format: l,
             contentType: i,
@@ -1193,14 +1201,14 @@ class N {
           };
           return o.fire("editor:object-exported", b), b;
         }
-        const h = r.toCanvasElement(), g = yield new Promise((M, j) => {
+        const h = c.toCanvasElement(), g = yield new Promise((M, j) => {
           h.toBlob((b) => {
             b ? M(b) : j(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
           const M = {
-            object: r,
+            object: c,
             image: g,
             format: l,
             contentType: i,
@@ -1209,7 +1217,7 @@ class N {
           return o.fire("editor:object-exported", M), M;
         }
         const u = new File([g], s, { type: i }), m = {
-          object: r,
+          object: c,
           image: u,
           format: l,
           contentType: i,
@@ -1344,7 +1352,7 @@ class N {
     return t ? t[1] : "";
   }
 }
-class et {
+class tt {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1368,9 +1376,9 @@ class et {
       canvas: n,
       montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
+    } = this.editor, { width: d, height: c } = a, l = Math.max(Math.min(Number(e), O), x);
     if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = n.clipPath) == null || m.set({ width: l }), t) {
-      const M = l / d, j = r * M;
+      const M = l / d, j = c * M;
       this.setResolutionHeight(j);
       return;
     }
@@ -1398,9 +1406,9 @@ class et {
       canvas: n,
       montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
+    } = this.editor, { width: d, height: c } = a, l = Math.max(Math.min(Number(e), T), B);
     if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = n.clipPath) == null || m.set({ height: l }), t) {
-      const M = l / r, j = d * M;
+      const M = l / c, j = d * M;
       this.setResolutionWidth(j);
       return;
     }
@@ -1611,15 +1619,15 @@ class et {
     }
     const o = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      a.forEach((r) => {
-        r.style[o] = s;
+      a.forEach((c) => {
+        c.style[o] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const d = `${s}px`;
-    a.forEach((r) => {
-      r.style[o] = d;
+    a.forEach((c) => {
+      c.style[o] = d;
     }), i.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
       value: s
@@ -1642,9 +1650,9 @@ class et {
         montageAreaWidth: o,
         montageAreaHeight: d
       }
-    } = this.editor, r = e || i.getActiveObject();
-    if (!r || r.type !== "image" && r.format !== "svg") return;
-    const { width: l, height: h } = r;
+    } = this.editor, c = e || i.getActiveObject();
+    if (!c || c.type !== "image" && c.format !== "svg") return;
+    const { width: l, height: h } = c;
     let g = Math.min(l, O), u = Math.min(h, T);
     if (t) {
       const {
@@ -1653,8 +1661,8 @@ class et {
       } = n, j = l / m, b = h / M, L = Math.max(j, b);
       g = m * L, u = M * L;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), i.centerObject(r), i.renderAll(), s || this.editor.historyManager.saveState(), i.fire("editor:montage-area-scaled-to-image", {
-      object: r,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(c, { withoutSave: !0 }), i.centerObject(c), i.renderAll(), s || this.editor.historyManager.saveState(), i.fire("editor:montage-area-scaled-to-image", {
+      object: c,
       width: g,
       height: u,
       preserveAspectRatio: t,
@@ -1696,9 +1704,9 @@ class et {
     return e.getObjects().filter((n) => n.id !== t.id && n.id !== (s == null ? void 0 : s.id));
   }
 }
-class tt {
+class st {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || Je, this.maxZoom = this.options.maxZoom || $e, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || $e, this.maxZoom = this.options.maxZoom || Ke, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1708,8 +1716,8 @@ class tt {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, i = s.clientWidth, n = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = i / a * e, r = n / o * e;
-    this.defaultZoom = Math.min(d, r);
+    const { canvas: t } = this.editor, s = t.editorContainer, i = s.clientWidth, n = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = i / a * e, c = n / o * e;
+    this.defaultZoom = Math.min(d, c);
     const { defaultZoom: l, maxZoomFactor: h, minZoom: g, maxZoom: u } = this;
     this.minZoom = Math.min(l / h, g), this.maxZoom = Math.max(l * h, u), this.setZoom();
   }
@@ -1722,10 +1730,10 @@ class tt {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = Ke, t = {}) {
+  zoom(e = qe, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: i } = this, { canvas: n } = this.editor, a = n.getZoom(), o = n.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, r = (u = t.pointY) != null ? u : o.y, l = new _(d, r);
+    const { minZoom: s, maxZoom: i } = this, { canvas: n } = this.editor, a = n.getZoom(), o = n.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (u = t.pointY) != null ? u : o.y, l = new _(d, c);
     let h = Number((a + Number(e)).toFixed(2));
     h > i && (h = i), h < s && (h = s), n.zoomToPoint(l, h), console.log({
       currentZoom: a,
@@ -1769,7 +1777,7 @@ class tt {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = qe, { withoutSave: t } = {}) {
+  rotate(e = et, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: i } = this.editor, n = s.getActiveObject();
     if (!n) return;
     const a = n.angle + e;
@@ -1847,19 +1855,19 @@ class tt {
     const { canvas: n, imageManager: a, historyManager: o } = this.editor, d = e || n.getActiveObject();
     if (d) {
       if (d.set("angle", 0), d instanceof v && !i) {
-        const r = d.getObjects();
-        n.discardActiveObject(), r.forEach((h) => {
+        const c = d.getObjects();
+        n.discardActiveObject(), c.forEach((h) => {
           const g = a.calculateScaleFactor({ imageObject: h, scaleType: t });
           h.scale(g), n.centerObject(h);
         });
-        const l = new v(r, { canvas: n });
+        const l = new v(c, { canvas: n });
         n.setActiveObject(l);
       } else {
-        const r = a.calculateScaleFactor({
+        const c = a.calculateScaleFactor({
           imageObject: d,
           scaleType: t
         });
-        d.scale(r), n.centerObject(d);
+        d.scale(c), n.centerObject(d);
       }
       n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
         object: d,
@@ -1892,31 +1900,31 @@ class tt {
       imageManager: a,
       historyManager: o,
       options: { scaleType: d }
-    } = this.editor, r = e || i.getActiveObject();
-    if (!r || r.locked) return;
-    if (o.suspendHistory(), r.type === "image" || r.format === "svg" || r.set({
+    } = this.editor, c = e || i.getActiveObject();
+    if (!c || c.locked) return;
+    if (o.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: g } = n, { width: u, height: m } = r, M = a.calculateScaleFactor({
-        imageObject: r,
+      const { width: h, height: g } = n, { width: u, height: m } = c, M = a.calculateScaleFactor({
+        imageObject: c,
         scaleType: d
       });
-      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 }) : r.set({ scaleX: 1, scaleY: 1 });
+      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
-    r.set({ flipX: !1, flipY: !1, angle: 0 }), i.centerObject(r), i.renderAll(), o.resumeHistory(), s || o.saveState(), i.fire("editor:object-reset", {
-      object: r,
+    c.set({ flipX: !1, flipY: !1, angle: 0 }), i.centerObject(c), i.renderAll(), o.resumeHistory(), s || o.saveState(), i.fire("editor:object-reset", {
+      object: c,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
-class st {
+class it {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2030,8 +2038,8 @@ class P {
     if (o) {
       if (o instanceof v) {
         const d = o.getObjects();
-        for (let r = d.length - 1; r >= 0; r -= 1)
-          s.sendObjectToBack(d[r]);
+        for (let c = d.length - 1; c >= 0; c -= 1)
+          s.sendObjectToBack(d[c]);
       } else
         s.sendObjectToBack(o);
       s.sendObjectToBack(i), a && s.sendObjectToBack(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-to-back", {
@@ -2070,14 +2078,14 @@ class P {
     let a = -1;
     for (let o = 0; o < s.length; o += 1) {
       const d = s[o];
-      if (!i.includes(d) && n.some((r) => o > r)) {
+      if (!i.includes(d) && n.some((c) => o > c)) {
         a = o;
         break;
       }
     }
-    a !== -1 && i.map((d) => ({ obj: d, index: s.indexOf(d) })).sort((d, r) => r.index - d.index).forEach((d) => {
-      const r = s.indexOf(d.obj);
-      r < a && (e.moveObjectTo(d.obj, a), a = r);
+    a !== -1 && i.map((d) => ({ obj: d, index: s.indexOf(d) })).sort((d, c) => c.index - d.index).forEach((d) => {
+      const c = s.indexOf(d.obj);
+      c < a && (e.moveObjectTo(d.obj, a), a = c);
     });
   }
   /**
@@ -2091,7 +2099,7 @@ class P {
       e.moveObjectTo(i[a], n - 1);
   }
 }
-class it {
+class nt {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2115,7 +2123,7 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
+  addRectangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
     var h = l, {
       id: e = `rect-${D()}`,
       left: t,
@@ -2139,7 +2147,7 @@ class it {
       height: n,
       fill: a
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2157,8 +2165,8 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(r = {}, { withoutSelection: o, withoutAdding: d } = {}) {
-    var l = r, {
+  addCircle(c = {}, { withoutSelection: o, withoutAdding: d } = {}) {
+    var l = c, {
       id: e = `circle-${D()}`,
       left: t,
       top: s,
@@ -2197,7 +2205,7 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
+  addTriangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
     var h = l, {
       id: e = `triangle-${D()}`,
       left: t,
@@ -2221,10 +2229,10 @@ class it {
       width: i,
       height: n
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class nt {
+class at {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2262,10 +2270,10 @@ class nt {
       }), this._cloneAndFire(e, s);
       return;
     }
-    const n = s.toCanvasElement().toDataURL(), a = n.slice(5).split(";")[0], o = n.split(",")[1], d = atob(o), r = new Uint8Array(d.length);
+    const n = s.toCanvasElement().toDataURL(), a = n.slice(5).split(";")[0], o = n.split(",")[1], d = atob(o), c = new Uint8Array(d.length);
     for (let g = 0; g < d.length; g += 1)
-      r[g] = d.charCodeAt(g);
-    const l = new Blob([r.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
+      c[g] = d.charCodeAt(g);
+    const l = new Blob([c.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
     navigator.clipboard.write([h]).catch((g) => {
       t.emitWarning({
         origin: "ClipboardManager",
@@ -2307,16 +2315,16 @@ class nt {
       const o = i.getAsFile();
       if (!o) return;
       const d = new FileReader();
-      d.onload = (r) => {
-        r.target && this.editor.imageManager.importImage({ source: r.target.result });
+      d.onload = (c) => {
+        c.target && this.editor.imageManager.importImage({ source: c.target.result });
       }, d.readAsDataURL(o);
       return;
     }
     const n = e.getData("text/html");
     if (n) {
-      const r = new DOMParser().parseFromString(n, "text/html").querySelector("img");
-      if (r != null && r.src) {
-        t.importImage({ source: r.src });
+      const c = new DOMParser().parseFromString(n, "text/html").querySelector("img");
+      if (c != null && c.src) {
+        t.importImage({ source: c.src });
         return;
       }
     }
@@ -2367,8 +2375,8 @@ class F {
       lockSkewingY: !0,
       locked: !0
     };
-    a.set(o), !t && F._isGroupOrSelection(a) && a.getObjects().forEach((r) => {
-      r.set(o);
+    a.set(o), !t && F._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
+      c.set(o);
     }), i.renderAll(), s || n.saveState(), i.fire("editor:object-locked", {
       object: a,
       skipInnerObjects: t,
@@ -2406,7 +2414,7 @@ class F {
     return e instanceof v || e instanceof X;
   }
 }
-class at {
+class ot {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2459,7 +2467,7 @@ class at {
     });
   }
 }
-class ot {
+class rt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2474,7 +2482,7 @@ class ot {
     n && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class rt {
+class ct {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2502,7 +2510,7 @@ class rt {
     }));
   }
 }
-const ct = {
+const dt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2643,7 +2651,7 @@ class V {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(ct).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(dt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
 class ie {
@@ -2671,13 +2679,13 @@ class ie {
         canvasCSSHeight: a,
         initialImage: o,
         initialStateJSON: d,
-        scaleType: r,
+        scaleType: c,
         _onReadyCallback: l
       } = this.options;
-      if (Re.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Oe(), this.errorManager = new V({ editor: this }), this.historyManager = new Qe({ editor: this }), this.toolbar = new Xe({ editor: this }), this.transformManager = new tt({ editor: this }), this.canvasManager = new et({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new it({ editor: this }), this.interactionBlocker = new st({ editor: this }), this.clipboardManager = new nt({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new at({ editor: this }), this.selectionManager = new ot({ editor: this }), this.deletionManager = new rt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
+      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new V({ editor: this }), this.historyManager = new Je({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new nt({ editor: this }), this.interactionBlocker = new it({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
         const {
           source: h,
-          scale: g = `image-${r}`,
+          scale: g = `image-${c}`,
           withoutSave: u = !0
         } = o;
         yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
@@ -2753,7 +2761,7 @@ class ie {
     });
   }
 }
-const dt = {
+const lt = {
   /**
    * Опции редактора
    */
@@ -2841,18 +2849,18 @@ const dt = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function ft(c, e = {}) {
-  const t = f(f({}, dt), e), s = document.getElementById(c);
+function bt(r, e = {}) {
+  const t = f(f({}, lt), e), s = document.getElementById(r);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   const i = document.createElement("canvas");
-  return i.id = `${c}-canvas`, s.appendChild(i), t.editorContainer = s, new Promise((n) => {
+  return i.id = `${r}-canvas`, s.appendChild(i), t.editorContainer = s, new Promise((n) => {
     t._onReadyCallback = n;
     const a = new ie(i.id, t);
-    window[c] = a;
+    window[r] = a;
   });
 }
 export {
-  ft as default
+  bt as default
 };
 //# sourceMappingURL=main.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "description": "JavaScript image editor built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [
@@ -12,6 +12,7 @@
     "dev:build": "vite build --watch --mode development --config vite.config.dev.js",
     "prebuild": "npm install",
     "build": "vite build --config vite.config.prod.js",
+    "build:docs": "vite build --config vite.config.docs.js",
     "preview": "vite preview",
     "lint": "eslint \"src/**/*.{js,ts}\""
   },
@@ -50,5 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
+  "homepage": "https://Anu3ev.github.io/image-editor",
   "license": "MIT"
 }

package/dist/worker.ts

@@ -1,78 +0,0 @@
-/* eslint-disable no-restricted-globals */
-
-self.onmessage = async(e: MessageEvent): Promise<void> => {
-  const { action, payload, requestId } = e.data
-
-  try {
-    switch (action) {
-    case 'resizeImage': {
-      const { dataURL, maxWidth, maxHeight, minWidth, minHeight, sizeType } = payload
-      const imgBitmap = await createImageBitmap(await (await fetch(dataURL)).blob())
-
-      // вычисляем новый размер
-      let { width, height } = imgBitmap
-      let ratio = Math.min(maxWidth / width, maxHeight / height)
-
-      if (sizeType === 'min') {
-        ratio = Math.max(minWidth / width, minHeight / height)
-      }
-
-      width = Math.floor(width * ratio)
-      height = Math.floor(height * ratio)
-
-      // рисуем изображение в offscreen
-      const offscreen = new OffscreenCanvas(width, height)
-      const ctx = offscreen.getContext('2d')
-
-      if (!ctx) {
-        throw new Error('Failed to get 2D context from OffscreenCanvas')
-      }
-
-      ctx.drawImage(imgBitmap, 0, 0, width, height)
-
-      // конвертим в blob
-      const resizedBlob = await offscreen.convertToBlob()
-
-      self.postMessage({ requestId, action, success: true, data: resizedBlob })
-      break
-    }
-
-    case 'toDataURL': {
-      const { bitmap, format, quality, returnBlob } = payload
-      const { width, height } = bitmap
-
-      // рисуем изображение в offscreen
-      const off = new OffscreenCanvas(bitmap.width, bitmap.height)
-      const ctx = off.getContext('2d')
-
-      if (!ctx) {
-        throw new Error('Failed to get 2D context from OffscreenCanvas')
-      }
-
-      ctx.drawImage(bitmap, 0, 0, width, height)
-
-      // конвертируем в blob, а затем в dataURL
-      const blob = await off.convertToBlob({ type: format, quality })
-
-      if (returnBlob) {
-        self.postMessage({ requestId, action, success: true, data: blob })
-        break
-      }
-
-      const dataURL = await new Promise((res) => {
-        const r = new FileReader()
-        r.onload = () => res(r.result)
-        r.readAsDataURL(blob)
-      })
-
-      self.postMessage({ requestId, action, success: true, data: dataURL })
-      break
-    }
-
-    default:
-      throw new Error(`Unknown action ${action}`)
-    }
-  } catch (err) {
-    self.postMessage({ requestId, action, success: false, error: (err as Error).message })
-  }
-}