@linkurious/ogma-annotations 2.1.1 → 2.1.2

package/dist/{Polygon-DVFVmDbR.js → Polygon-BsnVN6js.js}

@@ -1,8 +1,8 @@
-const ot = -1, it = "dragging", at = "dragstart", ct = "dragend", dt = "click", ut = "select", yt = "unselect", lt = "hover", ft = "unhover", gt = "remove", ht = "add", pt = "cancelDrawing", xt = "completeDrawing", mt = "update", bt = "link", wt = "history", Tt = "data-annotation", Et = 5, It = 3, St = {
+const ot = -1, it = "dragging", at = "dragstart", ct = "dragend", dt = "click", ut = "select", yt = "unselect", lt = "hover", ft = "unhover", gt = "remove", pt = "add", ht = "cancelDrawing", xt = "completeDrawing", mt = "update", bt = "link", Tt = "history", wt = "data-annotation", Et = 5, It = 3, St = {
   SHAPES: 1,
   EDITOR: 2,
   HANDLES: 3
-}, w = "start", Nt = "end", Ct = {
+}, T = "start", Ct = "end", Mt = {
   default: "default",
   move: "move",
   pointer: "pointer",
@@ -21,7 +21,7 @@ const ot = -1, it = "dragging", at = "dragstart", ct = "dragend", dt = "click",
   eResize: "e-resize",
   sResize: "s-resize",
   wResize: "w-resize"
-}, T = "collapsed", B = "expanded", Mt = 1.2, z = 0.2, At = {
+}, w = "collapsed", B = "expanded", Nt = 1.2, z = 0.2, At = {
   TEXT: "text",
   NODE: "node",
   BOX: "box",
@@ -35,11 +35,14 @@ const ot = -1, it = "dragging", at = "dragstart", ct = "dragend", dt = "click",
 <path d="M12 6.00015H7.33333C6.97971 6.00015 6.64057 6.14063 6.39052 6.39068C6.14048 6.64072 6 6.97986 6 7.33348V16.6668C6 17.0204 6.14048 17.3596 6.39052 17.6096C6.64057 17.8597 6.97971 18.0002 7.33333 18.0002H16.6667C17.0203 18.0002 17.3594 17.8597 17.6095 17.6096C17.8595 17.3596 18 17.0204 18 16.6668V12.0002M16.25 5.75015C16.5152 5.48493 16.8749 5.33594 17.25 5.33594C17.6251 5.33594 17.9848 5.48493 18.25 5.75015C18.5152 6.01537 18.6642 6.37508 18.6642 6.75015C18.6642 7.12522 18.5152 7.48493 18.25 7.75015L12.2413 13.7595C12.083 13.9176 11.8875 14.0334 11.6727 14.0962L9.75733 14.6562C9.69997 14.6729 9.63916 14.6739 9.58127 14.6591C9.52339 14.6442 9.47055 14.6141 9.4283 14.5719C9.38604 14.5296 9.35593 14.4768 9.3411 14.4189C9.32627 14.361 9.32727 14.3002 9.344 14.2428L9.904 12.3275C9.96702 12.1129 10.083 11.9175 10.2413 11.7595L16.25 5.75015Z" stroke="#1A70E5" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
 `;
-let g = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((e, r) => (r &= 63, r < 36 ? e += r.toString(36) : r < 62 ? e += (r - 26).toString(36).toUpperCase() : r > 62 ? e += "-" : e += "_", e), "");
+let g = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((e, n) => (n &= 63, n < 36 ? e += n.toString(36) : n < 62 ? e += (n - 26).toString(36).toUpperCase() : n > 62 ? e += "-" : e += "_", e), "");
 const G = "http://www.w3.org/2000/svg";
 function Rt(t) {
   return document.createElementNS(G, t);
 }
+function zt(t, e) {
+  t.appendChild(e);
+}
 function S(t) {
   return t.geometry.bbox || H(t), t.geometry.bbox;
 }
@@ -55,19 +58,19 @@ function D(t) {
     height: e[3] - e[1]
   };
 }
-function Y(t, e = !1, r = 1) {
+function Y(t, e = !1, n = 1) {
   if (t.geometry.type === "Point" && "width" in t.properties && "height" in t.properties) {
     const [s, o] = t.geometry.coordinates;
     let i = t.properties.width, a = t.properties.height;
-    return e && (i /= r, a /= r), {
+    return e && (i /= n, a /= n), {
       x: s - i / 2,
       y: o - a / 2
     };
   }
-  const n = S(t);
-  return { x: n[0], y: n[1] };
+  const r = S(t);
+  return { x: r[0], y: r[1] };
 }
-function zt(t) {
+function Dt(t) {
   if (t.geometry.type === "Point")
     return { x: t.geometry.coordinates[0], y: t.geometry.coordinates[1] };
   const e = S(t);
@@ -75,57 +78,57 @@ function zt(t) {
 }
 function H(t) {
   if (j(t)) {
-    const [e, r] = t.geometry.coordinates[0], [n, s] = t.geometry.coordinates[1];
+    const [e, n] = t.geometry.coordinates[0], [r, s] = t.geometry.coordinates[1];
     t.geometry.bbox = [
-      Math.min(e, n),
-      Math.min(r, s),
-      Math.max(e, n),
-      Math.max(r, s)
+      Math.min(e, r),
+      Math.min(n, s),
+      Math.max(e, r),
+      Math.max(n, s)
     ];
   } else if (t.geometry.type === "Point" && "width" in t.properties && "height" in t.properties) {
-    const [e, r] = t.geometry.coordinates, n = t.properties.width / 2, s = t.properties.height / 2;
-    t.geometry.bbox = [e - n, r - s, e + n, r + s];
+    const [e, n] = t.geometry.coordinates, r = t.properties.width / 2, s = t.properties.height / 2;
+    t.geometry.bbox = [e - r, n - s, e + r, n + s];
   } else if (t.geometry.type === "Polygon") {
     const e = t.geometry.coordinates[0];
-    let r = Number.POSITIVE_INFINITY, n = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
+    let n = Number.POSITIVE_INFINITY, r = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
     for (const i of e) {
       const a = i[0], c = i[1];
-      a < r && (r = a), c < n && (n = c), a > s && (s = a), c > o && (o = c);
+      a < n && (n = a), c < r && (r = c), a > s && (s = a), c > o && (o = c);
     }
-    t.geometry.bbox = [r, n, s, o];
+    t.geometry.bbox = [n, r, s, o];
   }
 }
-function Dt(t, e, r, n, s) {
-  t.geometry.coordinates = [e + n / 2, r + s / 2], t.geometry.bbox = [e, r, e + n, r + s], t.properties.width = n, t.properties.height = s;
+function Ot(t, e, n, r, s) {
+  t.geometry.coordinates = [e + r / 2, n + s / 2], t.geometry.bbox = [e, n, e + r, n + s], t.properties.width = r, t.properties.height = s;
 }
 function W(t) {
-  const [e, r] = t.geometry.coordinates[0];
-  return { x: e, y: r };
+  const [e, n] = t.geometry.coordinates[0];
+  return { x: e, y: n };
 }
 function Ft(t, e) {
-  const [r, n] = t.geometry.coordinates[e === w ? 0 : 1];
-  return { x: r, y: n };
+  const [n, r] = t.geometry.coordinates[e === T ? 0 : 1];
+  return { x: n, y: r };
 }
 function X(t) {
-  const [e, r] = t.geometry.coordinates[1];
-  return { x: e, y: r };
+  const [e, n] = t.geometry.coordinates[1];
+  return { x: e, y: n };
 }
-function $(t, e, r) {
-  t.geometry.coordinates[0] = [e, r];
+function $(t, e, n) {
+  t.geometry.coordinates[0] = [e, n];
 }
-function v(t, e, r) {
-  t.geometry.coordinates[1] = [e, r];
+function v(t, e, n) {
+  t.geometry.coordinates[1] = [e, n];
 }
 function U(t) {
   return { start: W(t), end: X(t) };
 }
-function Lt(t, e, r, n) {
-  e === w ? $(t, r, n) : v(t, r, n);
+function Lt(t, e, n, r) {
+  e === T ? $(t, n, r) : v(t, n, r);
 }
-const Ot = (t) => parseInt(t.getAttribute("data-handle-id") || "-1");
-function Vt(t) {
+const Vt = (t) => parseInt(t.getAttribute("data-handle-id") || "-1");
+function kt(t) {
   return b(t).reduce(
-    (e, r) => (e[0] = Math.min(r[0], e[0]), e[1] = Math.min(r[1], e[1]), e[2] = Math.max(r[0], e[2]), e[3] = Math.max(r[1], e[3]), e),
+    (e, n) => (e[0] = Math.min(n[0], e[0]), e[1] = Math.min(n[1], e[1]), e[2] = Math.max(n[0], e[2]), e[3] = Math.max(n[1], e[3]), e),
     [
       Number.POSITIVE_INFINITY,
       Number.POSITIVE_INFINITY,
@@ -137,15 +140,15 @@ function Vt(t) {
 function q(t) {
   return Array.isArray(t) && t.length === 2 && t.every(isFinite);
 }
-function kt(t, e, r, n) {
+function Bt(t, e, n, r) {
   for (let s = 0; s < t.coordinates.length; s++) {
     const o = t.coordinates[s];
     if (q(o))
-      o[0] = r + (o[0] - r) * e, o[1] = n + (o[1] - n) * e;
+      o[0] = n + (o[0] - n) * e, o[1] = r + (o[1] - r) * e;
     else
       for (let i = 0; i < o.length; i++) {
         const a = o[i];
-        a[0] = r + (a[0] - r) * e, a[1] = n + (a[1] - n) * e;
+        a[0] = n + (a[0] - n) * e, a[1] = r + (a[1] - r) * e;
       }
   }
   return t;
@@ -160,53 +163,53 @@ function b(t) {
   else if (t.type == "LineString" || t.type == "MultiPoint")
     e = t.coordinates;
   else if (t.type == "Polygon" || t.type == "MultiLineString")
-    e = t.coordinates.reduce(function(r, n) {
-      return r.concat(n);
+    e = t.coordinates.reduce(function(n, r) {
+      return n.concat(r);
     }, []);
   else if (t.type == "MultiPolygon")
     e = t.coordinates.reduce(
-      (r, n) => r.concat(n.reduce((s, o) => s.concat(o), [])),
+      (n, r) => n.concat(r.reduce((s, o) => s.concat(o), [])),
       []
     );
   else if (t.type == "Feature")
-    if (V(t) || O(t)) {
-      const r = S(t);
+    if (V(t) || L(t)) {
+      const n = S(t);
       e = [
-        [r[0], r[1]],
-        [r[2], r[3]]
+        [n[0], n[1]],
+        [n[2], n[3]]
       ];
     } else e = b(t.geometry);
   else t.type == "GeometryCollection" ? e = t.geometries.reduce(
-    (r, n) => r.concat(b(n)),
+    (n, r) => n.concat(b(r)),
     []
   ) : t.type == "FeatureCollection" && (e = t.features.reduce(
-    (r, n) => r.concat(b(n)),
+    (n, r) => n.concat(b(r)),
     []
   ));
   return e;
 }
-function Bt(t, e, r) {
-  const n = Math.atan2(t.y - e.y, t.x - e.x);
+function Gt(t, e, n) {
+  const r = Math.atan2(t.y - e.y, t.x - e.x);
   return {
-    x: e.x + r * Math.cos(n),
-    y: e.y + r * Math.sin(n)
+    x: e.x + n * Math.cos(r),
+    y: e.y + n * Math.sin(r)
   };
 }
-function Gt(t, e) {
+function Yt(t, e) {
   if (!e) return { x: t.clientX, y: t.clientY };
-  const r = e.getBoundingClientRect();
+  const n = e.getBoundingClientRect();
   return {
-    x: t.clientX - r.left - e.clientLeft,
-    y: t.clientY - r.top - e.clientTop
+    x: t.clientX - n.left - e.clientLeft,
+    y: t.clientY - n.top - e.clientTop
   };
 }
-function Yt(t, e) {
+function Ht(t, e) {
   return t.startsWith("#") ? Z(t, e) : t.startsWith("rgb") ? K(t, e) : t;
 }
-function Ht(t) {
+function Wt(t) {
   if (t.startsWith("#")) {
-    const e = M(t), r = parseInt(e.slice(1, 3), 16), n = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
-    return { r, g: n, b: s, a: 1 };
+    const e = N(t), n = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
+    return { r: n, g: r, b: s, a: 1 };
   } else {
     const e = t.match(
       /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/
@@ -220,62 +223,62 @@ function Ht(t) {
     };
   }
 }
-function M(t) {
+function N(t) {
   return t.length === 4 ? t.split("").map((e) => e + e).join("") : t;
 }
 function Z(t, e) {
-  const [r, n, s] = M(t).match(/\w\w/g).map((o) => parseInt(o, 16));
-  return `rgba(${r}, ${n}, ${s}, ${e})`;
+  const [n, r, s] = N(t).match(/\w\w/g).map((o) => parseInt(o, 16));
+  return `rgba(${n}, ${r}, ${s}, ${e})`;
 }
 function K(t, e) {
-  const [r, n, s] = t.match(/\d+/g).map((o) => parseInt(o, 10));
-  return `rgba(${r}, ${n}, ${s}, ${e})`;
+  const [n, r, s] = t.match(/\d+/g).map((o) => parseInt(o, 10));
+  return `rgba(${n}, ${r}, ${s}, ${e})`;
 }
-function Wt() {
+function Xt() {
   return typeof window < "u" ? window : void 0;
 }
-const Xt = (t, e = 16, r = !1) => {
-  let n = !1, s = null;
+const $t = (t, e = 16, n = !1) => {
+  let r = !1, s = null;
   const o = Math.max(1, Math.round(e * 60 / 1e3)), i = (a) => {
     requestAnimationFrame(() => {
       if (a > 1)
         i(a - 1);
-      else if (n = !1, r && s !== null) {
+      else if (r = !1, n && s !== null) {
         const c = s;
-        s = null, t(...c), n = !0, i(o);
+        s = null, t(...c), r = !0, i(o);
       }
     });
   };
   return (...a) => {
-    if (n) {
-      r && (s = a);
+    if (r) {
+      n && (s = a);
       return;
     }
-    t(...a), n = !0, i(o);
+    t(...a), r = !0, i(o);
   };
-}, $t = (t, e) => {
-  let r;
+}, vt = (t, e) => {
+  let n;
   return (...s) => {
-    clearTimeout(r), r = setTimeout(() => t(...s), e);
+    clearTimeout(n), n = setTimeout(() => t(...s), e);
   };
 };
-function vt(t, e) {
-  let r;
-  return function(...n) {
-    clearTimeout(r), r = setTimeout(() => {
-      t.apply(this, n);
+function Ut(t, e) {
+  let n;
+  return function(...r) {
+    clearTimeout(n), n = setTimeout(() => {
+      t.apply(this, r);
     }, e);
   };
 }
-function Ut(t) {
-  if ((O(t) || V(t)) && t.geometry.type === "Polygon") {
-    const e = t.geometry.coordinates[0], r = e[0][0], n = e[0][1], s = e[2][0], o = e[2][1], i = s - r, a = o - n, c = r + i / 2, d = n + a / 2;
+function qt(t) {
+  if ((L(t) || V(t)) && t.geometry.type === "Polygon") {
+    const e = t.geometry.coordinates[0], n = e[0][0], r = e[0][1], s = e[2][0], o = e[2][1], i = s - n, a = o - r, c = n + i / 2, d = r + a / 2;
     return {
       ...t,
       geometry: {
         type: "Point",
         coordinates: [c, d],
-        bbox: [r, n, s, o]
+        bbox: [n, r, s, o]
       },
       properties: {
         ...t.properties,
@@ -286,51 +289,51 @@ function Ut(t) {
   }
   return t;
 }
-function F(t, e) {
-  let r, n, s, o = 1;
+function O(t, e) {
+  let n, r, s, o = 1;
   const i = t.trim();
   if (i.startsWith("#")) {
-    const y = (i.length === 4 ? M(i) : i).match(/#?(\w{2})(\w{2})(\w{2})/);
+    const y = (i.length === 4 ? N(i) : i).match(/#?(\w{2})(\w{2})(\w{2})/);
     if (!y) return t;
-    r = parseInt(y[1], 16), n = parseInt(y[2], 16), s = parseInt(y[3], 16);
+    n = parseInt(y[1], 16), r = parseInt(y[2], 16), s = parseInt(y[3], 16);
   } else {
     const u = i.match(
       /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/
     );
     if (!u) return t;
-    r = parseInt(u[1]), n = parseInt(u[2]), s = parseInt(u[3]), o = u[4] !== void 0 ? parseFloat(u[4]) : 1;
+    n = parseInt(u[1]), r = parseInt(u[2]), s = parseInt(u[3]), o = u[4] !== void 0 ? parseFloat(u[4]) : 1;
   }
-  const a = e * 100, d = 0.299 * r + 0.587 * n + 0.114 * s > 186 ? -a / 2 : a;
-  return r = Math.max(0, Math.min(255, r + Math.round(2.55 * d))), n = Math.max(0, Math.min(255, n + Math.round(2.55 * d))), s = Math.max(0, Math.min(255, s + Math.round(2.55 * d))), `rgba(${r},${n},${s},${o})`;
+  const a = e * 100, d = 0.299 * n + 0.587 * r + 0.114 * s > 186 ? -a / 2 : a;
+  return n = Math.max(0, Math.min(255, n + Math.round(2.55 * d))), r = Math.max(0, Math.min(255, r + Math.round(2.55 * d))), s = Math.max(0, Math.min(255, s + Math.round(2.55 * d))), `rgba(${n},${r},${s},${o})`;
 }
-const qt = (t) => F(t, z), Zt = (t) => F(t, -z), P = (t, e) => ({
+const Zt = (t) => O(t, z), Kt = (t) => O(t, -z), P = (t, e) => ({
   x: t.x - e.x,
   y: t.y - e.y
-}), L = (t) => Math.sqrt(t.x * t.x + t.y * t.y), Kt = (t) => ({
+}), F = (t) => Math.sqrt(t.x * t.x + t.y * t.y), Jt = (t) => ({
   x: -t.x,
   y: -t.y
 }), R = (t) => {
-  const e = L(t);
+  const e = F(t);
   return e === 0 ? { x: 0, y: 0 } : {
     x: t.x / e,
     y: t.y / e
   };
-}, Jt = (t, e) => ({
+}, Qt = (t, e) => ({
   x: t.x + e.x,
   y: t.y + e.y
-}), Qt = (t, e) => ({
+}), jt = (t, e) => ({
   x: t.x * e,
   y: t.y * e
-}), jt = (t, e) => {
-  const r = Math.sin(e), n = Math.cos(e);
+}), te = (t, e) => {
+  const n = Math.sin(e), r = Math.cos(e);
   return {
-    x: t.x * n - t.y * r,
-    y: t.x * r + t.y * n
+    x: t.x * r - t.y * n,
+    y: t.x * n + t.y * r
   };
 }, J = (t, e) => t.x * e.x + t.y * e.y, Q = (t, e) => t.x * e.y - t.y * e.x, j = (t) => t.properties.type === "arrow";
-function te(t, e, r) {
-  const { start: n, end: s } = U(t), o = P(e, n), i = t.properties.style.strokeWidth, a = P(s, n), c = L(a), d = J(o, R(a));
-  return d > 0 && d < c && Math.abs(Q(o, R(a))) < i / 2 + r;
+function ee(t, e, n) {
+  const { start: r, end: s } = U(t), o = P(e, r), i = t.properties.style.strokeWidth, a = P(s, r), c = F(a), d = J(o, R(a));
+  return d > 0 && d < c && Math.abs(Q(o, R(a))) < i / 2 + n;
 }
 const E = {
   strokeType: "plain",
@@ -338,7 +341,7 @@ const E = {
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, ee = {
+}, ne = {
   id: void 0,
   // will be set by the editor
   type: "Feature",
@@ -365,7 +368,7 @@ const E = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, tt = (t = 0, e = 0, r = 0, n = 0, s = { ...E }) => ({
+}, tt = (t = 0, e = 0, n = 0, r = 0, s = { ...E }) => ({
   id: g(),
   type: "Feature",
   properties: {
@@ -379,12 +382,12 @@ const E = {
     type: "LineString",
     coordinates: [
       [t, e],
-      [r, n]
+      [n, r]
     ]
   }
-}), O = (t) => t.properties.type === "box";
-function re(t, e, r = 0, n = 1, s = 0) {
-  const o = Y(t), { width: i, height: a } = D(t), c = e.x - o.x, d = e.y - o.y, u = c * n - d * r, y = c * r + d * n;
+}), L = (t) => t.properties.type === "box";
+function re(t, e, n = 0, r = 1, s = 0) {
+  const o = Y(t), { width: i, height: a } = D(t), c = e.x - o.x, d = e.y - o.y, u = c * r - d * n, y = c * n + d * r;
   return u > -s && u < i + s && y > -s && y < a + s;
 }
 const I = {
@@ -394,7 +397,7 @@ const I = {
   boxShadow: "",
   padding: 16,
   strokeType: "plain"
-}, ne = {
+}, se = {
   id: void 0,
   // will be set by the editor
   type: "Feature",
@@ -410,21 +413,21 @@ const I = {
     // center of 100x50 box
     bbox: [0, 0, 100, 50]
   }
-}, se = (t = 0, e = 0, r = 100, n = 50, s = { ...I }) => ({
+}, oe = (t = 0, e = 0, n = 100, r = 50, s = { ...I }) => ({
   id: g(),
   type: "Feature",
   properties: {
     type: "box",
-    width: r,
-    height: n,
+    width: n,
+    height: r,
     style: { ...I, ...s }
   },
   geometry: {
     type: "Point",
-    coordinates: [t + r / 2, e + n / 2]
+    coordinates: [t + n / 2, e + r / 2]
     // center
   }
-}), V = (t) => t.properties.type === "text", C = {
+}), V = (t) => t.properties.type === "text", M = {
   font: "sans-serif",
   fontSize: 18,
   color: "#505050",
@@ -434,7 +437,7 @@ const I = {
   padding: 16,
   strokeType: "plain",
   fixedSize: !1
-}, oe = {
+}, ie = {
   id: g(),
   type: "Feature",
   properties: {
@@ -442,7 +445,7 @@ const I = {
     content: "",
     width: 100,
     height: 50,
-    style: { ...C }
+    style: { ...M }
   },
   geometry: {
     type: "Point",
@@ -450,32 +453,32 @@ const I = {
     // center of 100x50 box
     bbox: [0, 0, 100, 50]
   }
-}, ie = (t = 0, e = 0, r = 100, n = 50, s = "", o = { ...C }) => ({
+}, ae = (t = 0, e = 0, n = 100, r = 50, s = "", o = { ...M }) => ({
   id: g(),
   type: "Feature",
   properties: {
     type: "text",
     content: s,
-    width: r,
-    height: n,
-    style: { ...C, ...o }
+    width: n,
+    height: r,
+    style: { ...M, ...o }
   },
   geometry: {
     type: "Point",
-    coordinates: [t + r / 2, e + n / 2],
+    coordinates: [t + n / 2, e + r / 2],
     // center
-    bbox: [t, e, t + r, e + n]
+    bbox: [t, e, t + n, e + r]
   }
 });
-function et(t, e, r = 0, n = 0, s = 1, o = 1) {
-  var x;
+function et(t, e, n = 0, r = 0, s = 1, o = 1) {
+  var m;
   const [i, a] = t.geometry.coordinates;
   let { width: c, height: d } = D(t);
-  (x = t.properties.style) != null && x.fixedSize && (c /= o, d /= o);
-  const u = c / 2, y = d / 2, l = e.x - i, f = e.y - a, h = l * s - f * n, p = l * n + f * s;
-  return h > -u - r && h < u + r && p > -y - r && p < y + r;
+  (m = t.properties.style) != null && m.fixedSize && (c /= o, d /= o);
+  const u = c / 2, y = d / 2, l = e.x - i, f = e.y - a, h = l * s - f * r, x = l * r + f * s;
+  return h > -u - n && h < u + n && x > -y - n && x < y + n;
 }
-const ae = (t) => t.properties.type === "comment", m = {
+const ce = (t) => t.properties.type === "comment", p = {
   // Box styling
   background: "#FFFACD",
   // Light yellow (sticky note color)
@@ -506,26 +509,28 @@ const ae = (t) => t.properties.type === "comment", m = {
   shadow: !0,
   expandOnSelect: !1,
   // Fixed size (always screen-aligned)
-  fixedSize: !0
-}, N = {
+  fixedSize: !0,
+  // Connector line behavior
+  connectorMode: "rigid"
+}, C = {
   mode: "expanded",
   width: 200,
   height: 60,
   // Initial height, will auto-grow
-  style: m
+  style: p
 };
-function rt(t, e, r, n) {
+function nt(t, e, n, r) {
   const s = {
     type: "comment",
-    content: r,
-    mode: (n == null ? void 0 : n.mode) ?? N.mode,
-    width: (n == null ? void 0 : n.width) ?? N.width,
-    height: (n == null ? void 0 : n.height) ?? N.height,
-    author: n == null ? void 0 : n.author,
-    timestamp: n == null ? void 0 : n.timestamp,
+    content: n,
+    mode: (r == null ? void 0 : r.mode) ?? C.mode,
+    width: (r == null ? void 0 : r.width) ?? C.width,
+    height: (r == null ? void 0 : r.height) ?? C.height,
+    author: r == null ? void 0 : r.author,
+    timestamp: r == null ? void 0 : r.timestamp,
     style: {
-      ...m,
-      ...n == null ? void 0 : n.style
+      ...p,
+      ...r == null ? void 0 : r.style
     }
   };
   return {
@@ -538,51 +543,54 @@ function rt(t, e, r, n) {
     }
   };
 }
-function ce(t) {
+function de(t) {
   return {
     ...t,
     properties: {
       ...t.properties,
-      mode: t.properties.mode === T ? B : T
+      mode: t.properties.mode === w ? B : w
     }
   };
 }
-function de(t, e, r = 0, n, s, o = 1) {
-  if (t.properties.mode !== T)
+function ue(t, e, n = 0, r, s, o = 1) {
+  if (t.properties.mode !== w)
     return et(
       t,
       e,
-      r,
       n,
+      r,
       s,
       o
     );
-  const i = t.properties, a = { ...m, ...i.style };
+  const i = t.properties, a = { ...p, ...i.style };
   let c = a.iconSize, d = a.iconSize;
   a.fixedSize && (c /= o, d /= o);
   const u = c / 2, y = d / 2, l = e.x - t.geometry.coordinates[0], f = e.y - t.geometry.coordinates[1];
-  return l >= -u - r && l <= u + r && f >= -y - r && f <= y + r;
-}
-function ue(t) {
-  const [e, r] = t.geometry.coordinates;
-  return { x: e, y: r };
+  return l >= -u - n && l <= u + n && f >= -y - n && f <= y + n;
 }
 function ye(t) {
-  const e = t.properties, r = { ...m, ...e.style };
-  return e.mode === T ? { width: r.iconSize, height: r.iconSize } : { width: e.width, height: e.height };
-}
-function nt(t, e = 80) {
-  const r = e / t.properties.width;
-  return Math.max(0.1, Math.min(1, r));
+  const [e, n] = t.geometry.coordinates;
+  return { x: e, y: n };
 }
 function le(t) {
-  const e = { ...m, ...t.properties.style };
-  return e.collapseZoomThreshold !== void 0 ? e.collapseZoomThreshold : nt(t);
+  const e = t.properties, n = { ...p, ...e.style };
+  return e.mode === w ? { width: n.iconSize, height: n.iconSize } : { width: e.width, height: e.height };
 }
-function fe(t, e, r, n, s = "", o) {
-  const i = rt(
-    r,
+function rt(t, e = 80) {
+  const n = e / t.properties.width;
+  return Math.max(0.1, Math.min(1, n));
+}
+function fe(t) {
+  return ({ ...p, ...t.properties.style }.connectorMode ?? "rigid") !== "elastic";
+}
+function ge(t) {
+  const e = { ...p, ...t.properties.style };
+  return e.collapseZoomThreshold !== void 0 ? e.collapseZoomThreshold : rt(t);
+}
+function pe(t, e, n, r, s = "", o) {
+  const i = nt(
     n,
+    r,
     s,
     o == null ? void 0 : o.commentStyle
   ), a = {
@@ -590,59 +598,59 @@ function fe(t, e, r, n, s = "", o) {
     head: "arrow",
     // Default to arrow head
     ...o == null ? void 0 : o.arrowStyle
-  }, c = tt(r, n, t, e, a);
+  }, c = tt(n, r, t, e, a);
   return c.properties.link = {
-    [w]: {
+    [T]: {
       id: i.id,
-      side: w,
+      side: T,
       type: "comment",
       magnet: { x: 0, y: 0 }
     }
   }, { comment: i, arrow: c };
 }
-function ge(t, e, r, n, s, o, i, a, c) {
-  const d = t - i, u = e - a, y = i + d * o - u * s, l = a + d * s + u * o, f = i + (d + r) * o - u * s, h = a + (d + r) * s + u * o, p = i + (d + r) * o - (u + n) * s, x = a + (d + r) * s + (u + n) * o, A = i + d * o - (u + n) * s, _ = a + d * s + (u + n) * o;
-  return c[0] = Math.min(y, f, p, A), c[1] = Math.min(l, h, x, _), c[2] = Math.max(y, f, p, A), c[3] = Math.max(l, h, x, _), c;
+function he(t, e, n, r, s, o, i, a, c) {
+  const d = t - i, u = e - a, y = i + d * o - u * s, l = a + d * s + u * o, f = i + (d + n) * o - u * s, h = a + (d + n) * s + u * o, x = i + (d + n) * o - (u + r) * s, m = a + (d + n) * s + (u + r) * o, A = i + d * o - (u + r) * s, _ = a + d * s + (u + r) * o;
+  return c[0] = Math.min(y, f, x, A), c[1] = Math.min(l, h, m, _), c[2] = Math.max(y, f, x, A), c[3] = Math.max(l, h, m, _), c;
 }
-function st(t, e, r) {
-  const n = r.x - e.x, s = r.y - e.y, o = n * n + s * s;
+function st(t, e, n) {
+  const r = n.x - e.x, s = n.y - e.y, o = r * r + s * s;
   if (o === 0) {
     const y = t.x - e.x, l = t.y - e.y;
     return Math.sqrt(y * y + l * l);
   }
-  let i = ((t.x - e.x) * n + (t.y - e.y) * s) / o;
+  let i = ((t.x - e.x) * r + (t.y - e.y) * s) / o;
   i = Math.max(0, Math.min(1, i));
-  const a = e.x + i * n, c = e.y + i * s, d = t.x - a, u = t.y - c;
+  const a = e.x + i * r, c = e.y + i * s, d = t.x - a, u = t.y - c;
   return Math.sqrt(d * d + u * u);
 }
-const he = (t) => t.properties.type === "polygon";
-function pe(t, e, r = 0) {
-  const n = t.geometry.coordinates[0], s = t.geometry.bbox;
+const xe = (t) => t.properties.type === "polygon";
+function me(t, e, n = 0) {
+  const r = t.geometry.coordinates[0], s = t.geometry.bbox;
   if (s) {
     const [i, a, c, d] = s;
-    if (e.x < i - r || e.x > c + r || e.y < a - r || e.y > d + r)
+    if (e.x < i - n || e.x > c + n || e.y < a - n || e.y > d + n)
       return !1;
   }
   let o = !1;
-  for (let i = 0, a = n.length - 1; i < n.length; a = i++) {
-    const c = n[i][0], d = n[i][1], u = n[a][0], y = n[a][1];
+  for (let i = 0, a = r.length - 1; i < r.length; a = i++) {
+    const c = r[i][0], d = r[i][1], u = r[a][0], y = r[a][1];
     d > e.y != y > e.y && e.x < (u - c) * (e.y - d) / (y - d) + c && (o = !o);
   }
   if (o) return !0;
-  if (r > 0)
-    for (let i = 0; i < n.length - 1; i++) {
-      const [a, c] = n[i], [d, u] = n[i + 1];
-      if (st(e, { x: a, y: c }, { x: d, y: u }) <= r) return !0;
+  if (n > 0)
+    for (let i = 0; i < r.length - 1; i++) {
+      const [a, c] = r[i], [d, u] = r[i + 1];
+      if (st(e, { x: a, y: c }, { x: d, y: u }) <= n) return !0;
     }
   return !1;
 }
-function xe(t, e) {
-  const r = t[0];
-  r.length > 0 && (r[0][0] !== r[r.length - 1][0] || r[0][1] !== r[r.length - 1][1]) && r.push([r[0][0], r[0][1]]);
-  let n = 1 / 0, s = 1 / 0, o = -1 / 0, i = -1 / 0;
-  for (const [y, l] of r)
-    y < n && (n = y), y > o && (o = y), l < s && (s = l), l > i && (i = l);
-  const a = [n, s, o, i], { id: c, style: d, ...u } = e || {};
+function be(t, e) {
+  const n = t[0];
+  n.length > 0 && (n[0][0] !== n[n.length - 1][0] || n[0][1] !== n[n.length - 1][1]) && n.push([n[0][0], n[0][1]]);
+  let r = 1 / 0, s = 1 / 0, o = -1 / 0, i = -1 / 0;
+  for (const [y, l] of n)
+    y < r && (r = y), y > o && (o = y), l < s && (s = l), l > i && (i = l);
+  const a = [r, s, o, i], { id: c, style: d, ...u } = e || {};
   return {
     type: "Feature",
     id: c || g(),
@@ -666,114 +674,116 @@ const k = {
   strokeColor: "#000000",
   strokeWidth: 2,
   background: "transparent"
-}, me = {
+}, Te = {
   type: "polygon",
   style: {
     ...k
   }
 };
 export {
-  X as $,
-  pe as A,
+  Y as $,
+  me as A,
   H as B,
-  T as C,
+  w as C,
   xt as D,
   at as E,
-  m as F,
-  C as G,
+  p as F,
+  M as G,
   D as H,
-  Mt as I,
+  Nt as I,
   J,
   It as K,
   St as L,
-  Jt as M,
-  g as N,
-  Xt as O,
-  Qt as P,
-  P as Q,
-  ye as R,
-  w as S,
+  fe as M,
+  ot as N,
+  le as O,
+  jt as P,
+  Qt as Q,
+  g as R,
+  T as S,
   At as T,
-  L as U,
-  re as V,
-  de as W,
-  et as X,
-  S as Y,
-  Y as Z,
-  W as _,
+  $t as U,
+  P as V,
+  F as W,
+  re as X,
+  ue as Y,
+  et as Z,
+  S as _,
   B as a,
-  U as a0,
-  R as a1,
-  Kt as a2,
-  Rt as a3,
-  jt as a4,
-  I as a5,
-  qt as a6,
-  k as a7,
-  Pt as a8,
-  _t as a9,
-  Bt as aA,
-  ue as aB,
-  le as aC,
-  b as aD,
-  Ot as aE,
-  M as aF,
-  Z as aG,
-  Ht as aH,
-  K as aI,
-  kt as aJ,
-  v as aK,
-  $ as aL,
-  Dt as aM,
-  ce as aN,
-  ge as aa,
-  bt as ab,
-  wt as ac,
-  ut as ad,
-  yt as ae,
-  mt as af,
-  gt as ag,
-  pt as ah,
-  Tt as ai,
-  lt as aj,
-  ft as ak,
-  z as al,
-  ot as am,
-  F as an,
-  nt as ao,
-  Yt as ap,
-  fe as aq,
-  Zt as ar,
-  $t as as,
-  vt as at,
-  ee as au,
-  ne as av,
-  N as aw,
-  me as ax,
-  oe as ay,
-  Vt as az,
+  W as a0,
+  X as a1,
+  U as a2,
+  R as a3,
+  Jt as a4,
+  zt as a5,
+  Rt as a6,
+  te as a7,
+  I as a8,
+  Zt as a9,
+  ie as aA,
+  kt as aB,
+  Gt as aC,
+  ye as aD,
+  ge as aE,
+  b as aF,
+  Vt as aG,
+  N as aH,
+  Z as aI,
+  Wt as aJ,
+  K as aK,
+  Bt as aL,
+  v as aM,
+  $ as aN,
+  Ot as aO,
+  de as aP,
+  k as aa,
+  Pt as ab,
+  _t as ac,
+  he as ad,
+  bt as ae,
+  Tt as af,
+  ut as ag,
+  yt as ah,
+  mt as ai,
+  gt as aj,
+  ht as ak,
+  wt as al,
+  lt as am,
+  ft as an,
+  z as ao,
+  O as ap,
+  rt as aq,
+  Ht as ar,
+  pe as as,
+  Kt as at,
+  vt as au,
+  Ut as av,
+  ne as aw,
+  se as ax,
+  C as ay,
+  Te as az,
   ct as b,
-  Ct as c,
+  Mt as c,
   it as d,
-  Gt as e,
+  Yt as e,
   tt as f,
-  Wt as g,
+  Xt as g,
   E as h,
-  ae as i,
+  ce as i,
   j,
-  Nt as k,
+  Ct as k,
   dt as l,
-  ie as m,
-  se as n,
-  xe as o,
-  rt as p,
-  ht as q,
-  Ut as r,
+  ae as m,
+  oe as n,
+  be as o,
+  nt as p,
+  pt as q,
+  qt as r,
   V as s,
-  O as t,
-  zt as u,
-  he as v,
-  te as w,
+  L as t,
+  Dt as u,
+  xe as v,
+  ee as w,
   Ft as x,
   Lt as y,
   Et as z