@a2simcode/ui 0.0.42 → 0.0.43

package/dist/simcode-ui.es247.js

@@ -0,0 +1,141 @@
+import { assign as v, reduce as A, forEach as T, isObject as z } from "min-dash";
+import { create as c, attr as d, append as S, remove as H } from "tiny-svg";
+import { assignStyle as L } from "min-dom";
+var M = 0, C = {
+  width: 150,
+  height: 50
+};
+function I(t) {
+  var i = t.split("-");
+  return {
+    horizontal: i[0] || "center",
+    vertical: i[1] || "top"
+  };
+}
+function F(t) {
+  return z(t) ? v({ top: 0, left: 0, right: 0, bottom: 0 }, t) : {
+    top: t,
+    left: t,
+    right: t,
+    bottom: t
+  };
+}
+function O(t, i) {
+  i.textContent = t;
+  var h;
+  try {
+    var n, e = t === "";
+    return i.textContent = e ? "dummy" : t, h = i.getBBox(), n = {
+      width: h.width + h.x * 2,
+      height: h.height
+    }, e && (n.width = 0), n;
+  } catch (r) {
+    return console.log(r), { width: 0, height: 0 };
+  }
+}
+function P(t, i, h) {
+  for (var n = t.shift(), e = n, r; ; ) {
+    if (r = O(e, h), r.width = e ? r.width : 0, e === " " || e === "" || r.width < Math.round(i) || e.length < 2)
+      return j(t, e, n, r);
+    e = U(e, r.width, i);
+  }
+}
+function j(t, i, h, n) {
+  if (i.length < h.length) {
+    var e = h.slice(i.length).trim();
+    t.unshift(e);
+  }
+  return {
+    width: n.width,
+    height: n.height,
+    text: i
+  };
+}
+var b = "­";
+function N(t, i) {
+  var h = t.split(/(\s|-|\u00AD)/g), n, e = [], r = 0;
+  if (h.length > 1)
+    for (; n = h.shift(); )
+      if (n.length + r < i)
+        e.push(n), r += n.length;
+      else {
+        (n === "-" || n === b) && e.pop();
+        break;
+      }
+  var l = e[e.length - 1];
+  return l && l === b && (e[e.length - 1] = "-"), e.join("");
+}
+function U(t, i, h) {
+  var n = Math.max(t.length * (h / i), 1), e = N(t, n);
+  return e || (e = t.slice(0, Math.max(Math.round(n - 1), 1))), e;
+}
+function k() {
+  var t = document.getElementById("helper-svg");
+  return t || (t = c("svg"), d(t, {
+    id: "helper-svg"
+  }), L(t, {
+    visibility: "hidden",
+    position: "fixed",
+    width: 0,
+    height: 0
+  }), document.body.appendChild(t)), t;
+}
+function y(t) {
+  this._config = v({}, {
+    size: C,
+    padding: M,
+    style: {},
+    align: "center-top"
+  }, t || {});
+}
+y.prototype.createText = function(t, i) {
+  return this.layoutText(t, i).element;
+};
+y.prototype.getDimensions = function(t, i) {
+  return this.layoutText(t, i).dimensions;
+};
+y.prototype.layoutText = function(t, i) {
+  var h = v({}, this._config.size, i.box), n = v({}, this._config.style, i.style), e = I(i.align || this._config.align), r = F(i.padding !== void 0 ? i.padding : this._config.padding), l = i.fitBox || !1, p = G(n), B = t.split(/\u00AD?\r?\n/), g = [], x = h.width - r.left - r.right, f = c("text");
+  d(f, { x: 0, y: 0 }), d(f, n);
+  var D = k();
+  for (S(D, f); B.length; )
+    g.push(P(B, x, f));
+  e.vertical === "middle" && (r.top = r.bottom = 0);
+  var _ = A(g, function(o, a, s) {
+    return o + (p || a.height);
+  }, 0) + r.top + r.bottom, m = A(g, function(o, a, s) {
+    return a.width > o ? a.width : o;
+  }, 0), u = r.top;
+  e.vertical === "middle" && (u += (h.height - _) / 2), u -= (p || g[0].height) / 4;
+  var w = c("text");
+  d(w, n), T(g, function(o) {
+    var a;
+    switch (u += p || o.height, e.horizontal) {
+      case "left":
+        a = r.left;
+        break;
+      case "right":
+        a = (l ? m : x) - r.right - o.width;
+        break;
+      default:
+        a = Math.max(((l ? m : x) - o.width) / 2 + r.left, 0);
+    }
+    var s = c("tspan");
+    d(s, { x: a, y: u }), s.textContent = o.text, S(w, s);
+  }), H(f);
+  var E = {
+    width: m,
+    height: _
+  };
+  return {
+    dimensions: E,
+    element: w
+  };
+};
+function G(t) {
+  if ("fontSize" in t && "lineHeight" in t)
+    return t.lineHeight * parseInt(t.fontSize, 10);
+}
+export {
+  y as default
+};

package/dist/simcode-ui.es248.js

@@ -0,0 +1,13 @@
+import { classes as o } from "min-dom";
+var c = /^djs-cursor-.*$/;
+function n(s) {
+  var r = o(document.body);
+  r.removeMatching(c), s && r.add("djs-cursor-" + s);
+}
+function e() {
+  n(null);
+}
+export {
+  n as set,
+  e as unset
+};

package/dist/simcode-ui.es249.js

@@ -0,0 +1,13 @@
+var f = 5e3;
+function o(r, n) {
+  n = n || "element.click";
+  function c() {
+    return !1;
+  }
+  return r.once(n, f, c), function() {
+    r.off(n, c);
+  };
+}
+export {
+  o as install
+};

package/dist/simcode-ui.es25.js

@@ -0,0 +1,6 @@
+import { withInstall as t } from "./simcode-ui.es66.js";
+import o from "./simcode-ui.es90.js";
+const a = t(o);
+export {
+  a as default
+};

package/dist/simcode-ui.es250.js

@@ -0,0 +1,16 @@
+function r(t) {
+  return {
+    x: t.x + t.width / 2,
+    y: t.y + t.height / 2
+  };
+}
+function x(t, e) {
+  return {
+    x: t.x - e.x,
+    y: t.y - e.y
+  };
+}
+export {
+  r as center,
+  x as delta
+};

package/dist/simcode-ui.es251.js

@@ -0,0 +1,20 @@
+function i(o) {
+  !o || typeof o.stopPropagation != "function" || o.stopPropagation();
+}
+function t(o) {
+  return o.originalEvent || o.srcEvent;
+}
+function r(o) {
+  i(o), i(t(o));
+}
+function n(o) {
+  return o.pointers && o.pointers.length && (o = o.pointers[0]), o.touches && o.touches.length && (o = o.touches[0]), o ? {
+    x: o.clientX,
+    y: o.clientY
+  } : null;
+}
+export {
+  t as getOriginal,
+  r as stopPropagation,
+  n as toPoint
+};

package/dist/simcode-ui.es252.js

@@ -0,0 +1,8 @@
+import t from "./simcode-ui.es276.js";
+const e = {
+  __init__: ["interactionEvents"],
+  interactionEvents: ["type", t]
+};
+export {
+  e as default
+};

package/dist/simcode-ui.es253.js

@@ -0,0 +1,39 @@
+import { isArray as a, forEach as f } from "min-dash";
+function o(e, n) {
+  this._eventBus = e, this._canvas = n, this._selectedElements = [];
+  var t = this;
+  e.on(["shape.remove", "connection.remove"], function(i) {
+    var s = i.element;
+    t.deselect(s);
+  }), e.on(["diagram.clear", "root.set"], function(i) {
+    t.select(null);
+  });
+}
+o.$inject = ["eventBus", "canvas"];
+o.prototype.deselect = function(e) {
+  var n = this._selectedElements, t = n.indexOf(e);
+  if (t !== -1) {
+    var i = n.slice();
+    n.splice(t, 1), this._eventBus.fire("selection.changed", { oldSelection: i, newSelection: n });
+  }
+};
+o.prototype.get = function() {
+  return this._selectedElements;
+};
+o.prototype.isSelected = function(e) {
+  return this._selectedElements.indexOf(e) !== -1;
+};
+o.prototype.select = function(e, n) {
+  var t = this._selectedElements, i = t.slice();
+  a(e) || (e = e ? [e] : []);
+  var s = this._canvas, l = s.getRootElement();
+  e = e.filter(function(c) {
+    var r = s.findRoot(c);
+    return l === r;
+  }), n ? f(e, function(c) {
+    t.indexOf(c) === -1 && t.push(c);
+  }) : this._selectedElements = t = e.slice(), this._eventBus.fire("selection.changed", { oldSelection: i, newSelection: t });
+};
+export {
+  o as default
+};

package/dist/simcode-ui.es254.js

@@ -0,0 +1,36 @@
+import { forEach as a } from "min-dash";
+var d = "hover", u = "selected";
+function s(t, i) {
+  this._canvas = t;
+  function c(e, o) {
+    t.addMarker(e, o);
+  }
+  function r(e, o) {
+    t.removeMarker(e, o);
+  }
+  i.on("element.hover", function(e) {
+    c(e.element, d);
+  }), i.on("element.out", function(e) {
+    r(e.element, d);
+  }), i.on("selection.changed", function(e) {
+    function o(n) {
+      r(n, u);
+    }
+    function m(n) {
+      c(n, u);
+    }
+    var f = e.oldSelection, l = e.newSelection;
+    a(f, function(n) {
+      l.indexOf(n) === -1 && o(n);
+    }), a(l, function(n) {
+      f.indexOf(n) === -1 && m(n);
+    });
+  });
+}
+s.$inject = [
+  "canvas",
+  "eventBus"
+];
+export {
+  s as default
+};

package/dist/simcode-ui.es255.js

@@ -0,0 +1,41 @@
+import { isPrimaryButton as s, hasSecondaryModifier as u } from "./simcode-ui.es277.js";
+import { isArray as d, find as m } from "min-dash";
+function S(c, t, a, f) {
+  c.on("create.end", 500, function(n) {
+    var e = n.context, i = e.canExecute, o = e.elements, r = e.hints || {}, l = r.autoSelect;
+    if (i) {
+      if (l === !1)
+        return;
+      d(l) ? t.select(l) : t.select(o.filter(h));
+    }
+  }), c.on("connect.end", 500, function(n) {
+    var e = n.context, i = e.connection;
+    i && t.select(i);
+  }), c.on("shape.move.end", 500, function(n) {
+    var e = n.previousSelection || [], i = f.get(n.context.shape.id), o = m(e, function(r) {
+      return i.id === r.id;
+    });
+    o || t.select(i);
+  }), c.on("element.click", function(n) {
+    if (s(n)) {
+      var e = n.element;
+      e === a.getRootElement() && (e = null);
+      var i = t.isSelected(e), o = t.get().length > 1, r = u(n);
+      if (i && o)
+        return r ? t.deselect(e) : t.select(e);
+      i ? t.deselect(e) : t.select(e, r);
+    }
+  });
+}
+S.$inject = [
+  "eventBus",
+  "selection",
+  "canvas",
+  "elementRegistry"
+];
+function h(c) {
+  return !c.hidden;
+}
+export {
+  S as default
+};

package/dist/simcode-ui.es256.js

@@ -0,0 +1,11 @@
+function c(t) {
+  this._commandStack = t.get("commandStack", !1);
+}
+c.$inject = ["injector"];
+c.prototype.allowed = function(t, n) {
+  var e = !0, a = this._commandStack;
+  return a && (e = a.canExecute(t, n)), e === void 0 ? !0 : e;
+};
+export {
+  c as default
+};

package/dist/simcode-ui.es257.js

@@ -0,0 +1,10 @@
+import o from "./simcode-ui.es278.js";
+const i = {
+  __init__: [
+    "hoverFix"
+  ],
+  hoverFix: ["type", o]
+};
+export {
+  i as default
+};

package/dist/simcode-ui.es258.js

@@ -0,0 +1,130 @@
+import { assign as y } from "min-dash";
+import { event as r } from "min-dom";
+import { toPoint as G, stopPropagation as C, getOriginal as V } from "./simcode-ui.es251.js";
+import { set as q, unset as I } from "./simcode-ui.es248.js";
+import { install as K } from "./simcode-ui.es249.js";
+import { delta as D } from "./simcode-ui.es250.js";
+import { isKey as z } from "./simcode-ui.es279.js";
+var b = Math.round, L = "djs-drag-active";
+function s(i) {
+  i.preventDefault();
+}
+function F(i) {
+  return typeof TouchEvent < "u" && i instanceof TouchEvent;
+}
+function H(i) {
+  return Math.sqrt(Math.pow(i.x, 2) + Math.pow(i.y, 2));
+}
+function J(i, h, x, O) {
+  var w = {
+    threshold: 5,
+    trapClick: !0
+  }, o;
+  function M(t) {
+    var e = h.viewbox(), n = h._container.getBoundingClientRect();
+    return {
+      x: e.x + (t.x - n.left) / e.scale,
+      y: e.y + (t.y - n.top) / e.scale
+    };
+  }
+  function u(t, e) {
+    e = e || o;
+    var n = i.createEvent(
+      y(
+        {},
+        e.payload,
+        e.data,
+        { isTouch: e.isTouch }
+      )
+    );
+    return i.fire("drag." + t, n) === !1 ? !1 : i.fire(e.prefix + "." + t, n);
+  }
+  function _(t) {
+    var e = t.filter(function(n) {
+      return O.get(n.id);
+    });
+    e.length && x.select(e);
+  }
+  function f(t, e) {
+    var n = o.payload, a = o.displacement, k = o.globalStart, c = G(t), v = D(c, k), l = o.localStart, d = M(c), g = D(d, l);
+    if (!o.active && (e || H(v) > o.threshold)) {
+      if (y(n, {
+        x: b(l.x + a.x),
+        y: b(l.y + a.y),
+        dx: 0,
+        dy: 0
+      }, { originalEvent: t }), u("start") === !1)
+        return m();
+      o.active = !0, o.keepSelection || (n.previousSelection = x.get(), x.select(null)), o.cursor && q(o.cursor), h.addMarker(h.getRootElement(), L);
+    }
+    C(t), o.active && (y(n, {
+      x: b(d.x + a.x),
+      y: b(d.y + a.y),
+      dx: b(g.x),
+      dy: b(g.y)
+    }, { originalEvent: t }), u("move"));
+  }
+  function p(t) {
+    var e, n = !0;
+    o.active && (t && (o.payload.originalEvent = t, C(t)), n = u("end")), n === !1 && u("rejected"), e = j(n !== !0), u("ended", e);
+  }
+  function R(t) {
+    z("Escape", t) && (s(t), m());
+  }
+  function A(t) {
+    var e;
+    o.active && (e = K(i), setTimeout(e, 400), s(t)), p(t);
+  }
+  function T(t) {
+    f(t);
+  }
+  function S(t) {
+    var e = o.payload;
+    e.hoverGfx = t.gfx, e.hover = t.element, u("hover");
+  }
+  function E(t) {
+    u("out");
+    var e = o.payload;
+    e.hoverGfx = null, e.hover = null;
+  }
+  function m(t) {
+    var e;
+    if (o) {
+      var n = o.active;
+      n && u("cancel"), e = j(t), n && u("canceled", e);
+    }
+  }
+  function j(t) {
+    var e, n;
+    u("cleanup"), I(), o.trapClick ? n = A : n = p, r.unbind(document, "mousemove", f), r.unbind(document, "dragstart", s), r.unbind(document, "selectstart", s), r.unbind(document, "mousedown", n, !0), r.unbind(document, "mouseup", n, !0), r.unbind(document, "keyup", R), r.unbind(document, "touchstart", T, !0), r.unbind(document, "touchcancel", m, !0), r.unbind(document, "touchmove", f, !0), r.unbind(document, "touchend", p, !0), i.off("element.hover", S), i.off("element.out", E), h.removeMarker(h.getRootElement(), L);
+    var a = o.payload.previousSelection;
+    return t !== !1 && a && !x.get().length && _(a), e = o, o = null, e;
+  }
+  function P(t, e, n, a) {
+    o && m(!1), typeof e == "string" && (a = n, n = e, e = null), a = y({}, w, a || {});
+    var k = a.data || {}, c, v, l, d, g;
+    a.trapClick ? d = A : d = p, t ? (c = V(t) || t, v = G(t), C(t), c.type === "dragstart" && s(c)) : (c = null, v = { x: 0, y: 0 }), l = M(v), e || (e = l), g = F(c), o = y({
+      prefix: n,
+      data: k,
+      payload: {},
+      globalStart: v,
+      displacement: D(e, l),
+      localStart: l,
+      isTouch: g
+    }, a), a.manual || (g ? (r.bind(document, "touchstart", T, !0), r.bind(document, "touchcancel", m, !0), r.bind(document, "touchmove", f, !0), r.bind(document, "touchend", p, !0)) : (r.bind(document, "mousemove", f), r.bind(document, "dragstart", s), r.bind(document, "selectstart", s), r.bind(document, "mousedown", d, !0), r.bind(document, "mouseup", d, !0)), r.bind(document, "keyup", R), i.on("element.hover", S), i.on("element.out", E)), u("init"), a.autoActivate && f(t, !0);
+  }
+  i.on("diagram.destroy", m), this.init = P, this.move = f, this.hover = S, this.out = E, this.end = p, this.cancel = m, this.context = function() {
+    return o;
+  }, this.setOptions = function(t) {
+    y(w, t);
+  };
+}
+J.$inject = [
+  "eventBus",
+  "canvas",
+  "selection",
+  "elementRegistry"
+];
+export {
+  J as default
+};

package/dist/simcode-ui.es259.js

@@ -0,0 +1,79 @@
+import { isObject as M, sortBy as L } from "min-dash";
+import { pointDistance as w } from "./simcode-ui.es280.js";
+import O from "./simcode-ui.es281.js";
+import { isConnection as P } from "./simcode-ui.es262.js";
+function c(t) {
+  return {
+    x: Math.round(t.x),
+    y: Math.round(t.y)
+  };
+}
+function y(t) {
+  return {
+    top: t.y,
+    right: t.x + (t.width || 0),
+    bottom: t.y + (t.height || 0),
+    left: t.x
+  };
+}
+function p(t) {
+  return c({
+    x: t.x + (t.width || 0) / 2,
+    y: t.y + (t.height || 0) / 2
+  });
+}
+function B(t) {
+  for (var i = t.waypoints, e = i.reduce(function(f, u, x) {
+    var s = i[x - 1];
+    if (s) {
+      var g = f[f.length - 1], m = g && g.endLength || 0, v = C(s, u);
+      f.push({
+        start: s,
+        end: u,
+        startLength: m,
+        endLength: m + v,
+        length: v
+      });
+    }
+    return f;
+  }, []), r = e.reduce(function(f, u) {
+    return f + u.length;
+  }, 0), h = r / 2, o = 0, n = e[o]; n.endLength < h; )
+    n = e[++o];
+  var a = (h - n.startLength) / n.length, l = {
+    x: n.start.x + (n.end.x - n.start.x) * a,
+    y: n.start.y + (n.end.y - n.start.y) * a
+  };
+  return l;
+}
+function E(t) {
+  return P(t) ? B(t) : p(t);
+}
+function R(t, i, e) {
+  e = e || 0, M(e) || (e = { x: e, y: e });
+  var r = y(t), h = y(i), o = r.bottom + e.y <= h.top, n = r.left - e.x >= h.right, a = r.top - e.y >= h.bottom, l = r.right + e.x <= h.left, f = o ? "top" : a ? "bottom" : null, u = l ? "left" : n ? "right" : null;
+  return u && f ? f + "-" + u : u || f || "intersect";
+}
+function S(t, i, e) {
+  var r = I(t, i);
+  return r.length === 1 || r.length === 2 && w(r[0], r[1]) < 1 ? c(r[0]) : r.length > 1 ? (r = L(r, function(h) {
+    var o = Math.floor(h.t2 * 100) || 1;
+    return o = 100 - o, o = (o < 10 ? "0" : "") + o, h.segment2 + "#" + o;
+  }), c(r[e ? 0 : r.length - 1])) : null;
+}
+function I(t, i) {
+  return O(t, i);
+}
+function C(t, i) {
+  return Math.sqrt(Math.pow(t.x - i.x, 2) + Math.pow(t.y - i.y, 2));
+}
+export {
+  y as asTRBL,
+  p as getBoundsMid,
+  B as getConnectionMid,
+  S as getElementLineIntersection,
+  I as getIntersections,
+  E as getMid,
+  R as getOrientation,
+  c as roundPoint
+};

package/dist/simcode-ui.es26.js

@@ -0,0 +1,6 @@
+import { withInstall as t } from "./simcode-ui.es66.js";
+import o from "./simcode-ui.es91.js";
+const a = t(o);
+export {
+  a as default
+};

package/dist/simcode-ui.es260.js

@@ -0,0 +1,89 @@
+import { clone as p, attr as d, append as l, create as v, classes as m } from "tiny-svg";
+import { query as u } from "min-dom";
+import { getVisual as y } from "./simcode-ui.es263.js";
+import g from "./simcode-ui.es282.js";
+const _ = new g("ps");
+var M = [
+  "marker-start",
+  "marker-mid",
+  "marker-end"
+], k = [
+  "circle",
+  "ellipse",
+  "line",
+  "path",
+  "polygon",
+  "polyline",
+  "path",
+  "rect"
+];
+function a(e, o, r, n) {
+  this._elementRegistry = e, this._canvas = r, this._styles = n;
+}
+a.$inject = [
+  "elementRegistry",
+  "eventBus",
+  "canvas",
+  "styles"
+];
+a.prototype.cleanUp = function() {
+  console.warn("PreviewSupport#cleanUp is deprecated and will be removed in future versions. You do not need to manually clean up previews anymore. cf. https://github.com/bpmn-io/diagram-js/pull/906");
+};
+a.prototype.getGfx = function(e) {
+  return this._elementRegistry.getGraphics(e);
+};
+a.prototype.addDragger = function(e, o, r, n = "djs-dragger") {
+  r = r || this.getGfx(e);
+  var t = p(r), i = r.getBoundingClientRect();
+  return this._cloneMarkers(y(t), n), d(t, this._styles.cls(n, [], {
+    x: i.top,
+    y: i.left
+  })), l(o, t), d(t, "data-preview-support-element-id", e.id), t;
+};
+a.prototype.addFrame = function(e, o) {
+  var r = v("rect", {
+    class: "djs-resize-overlay",
+    width: e.width,
+    height: e.height,
+    x: e.x,
+    y: e.y
+  });
+  return l(o, r), d(r, "data-preview-support-element-id", e.id), r;
+};
+a.prototype._cloneMarkers = function(e, o = "djs-dragger", r = e) {
+  var n = this;
+  e.childNodes && e.childNodes.forEach((t) => {
+    n._cloneMarkers(t, o, r);
+  }), E(e) && M.forEach(function(t) {
+    if (d(e, t)) {
+      var i = w(e, t, n._canvas.getContainer());
+      i && n._cloneMarker(r, e, i, t, o);
+    }
+  });
+};
+a.prototype._cloneMarker = function(e, o, r, n, t = "djs-dragger") {
+  var i = [r.id, t, _.next()].join("-"), f = u("marker#" + r.id, e);
+  e = e || this._canvas._svg;
+  var c = f || p(r);
+  c.id = i, m(c).add(t);
+  var s = u(":scope > defs", e);
+  s || (s = v("defs"), l(e, s)), l(s, c);
+  var h = j(c.id);
+  d(o, n, h);
+};
+function w(e, o, r) {
+  var n = R(d(e, o));
+  return u("marker#" + n, r || document);
+}
+function R(e) {
+  return e.match(/url\(['"]?#([^'"]*)['"]?\)/)[1];
+}
+function j(e) {
+  return "url(#" + e + ")";
+}
+function E(e) {
+  return k.indexOf(e.nodeName) !== -1;
+}
+export {
+  a as default
+};