@web-utils/component 2.8.14 → 2.8.16

package/flow-viewer/index.mjs

@@ -1,72 +1,72 @@
-var v = Object.defineProperty, _ = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var p = (t, e, i) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, f = (t, e) => {
-  for (var i in e || (e = {}))
-    y.call(e, i) && p(t, i, e[i]);
-  if (m)
-    for (var i of m(e))
-      E.call(e, i) && p(t, i, e[i]);
-  return t;
-}, g = (t, e) => _(t, w(e));
-var d = (t, e, i) => new Promise((n, s) => {
-  var l = (r) => {
+var _ = Object.defineProperty, d = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (e, t, i) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, u = (e, t) => {
+  for (var i in t || (t = {}))
+    y.call(t, i) && c(e, i, t[i]);
+  if (p)
+    for (var i of p(t))
+      b.call(t, i) && c(e, i, t[i]);
+  return e;
+}, g = (e, t) => d(e, v(t));
+var f = (e, t, i) => new Promise((n, o) => {
+  var s = (r) => {
     try {
       h(i.next(r));
-    } catch (a) {
-      s(a);
+    } catch (m) {
+      o(m);
     }
-  }, o = (r) => {
+  }, l = (r) => {
     try {
       h(i.throw(r));
-    } catch (a) {
-      s(a);
+    } catch (m) {
+      o(m);
     }
-  }, h = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(l, o);
-  h((i = i.apply(t, e)).next());
+  }, h = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(s, l);
+  h((i = i.apply(e, t)).next());
 });
-import b from "bpmn-js/lib/NavigatedViewer";
-import c from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
-import M from "@web-utils/component/easy-popup";
+import V from "bpmn-js/lib/NavigatedViewer";
+import a from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import x from "@web-utils/component/easy-popup";
 import "@web-utils/component/easy-popup/style.css";
-import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var k = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
+import { n as F } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var M = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
   return i("div", {
     ref: "container",
     staticClass: "flow-viewer"
   }, [i("EasyPopup", {
     ref: "popup"
-  }, [t._t("default", function() {
-    return [t._v(" " + t._s(t.element) + " ")];
+  }, [e._t("default", function() {
+    return [e._v(" " + e._s(e.element) + " ")];
   }, {
-    element: t.element
+    element: e.element
   })], 2)], 1);
-}, x = [];
-const F = c.prototype._handleWheel;
-c.prototype._handleWheel = function(t) {
-  const { target: e, deltaMode: i, clientX: n, clientY: s, deltaX: l, deltaY: o } = t;
-  F.call(this, {
-    target: e,
+}, $ = [];
+const S = a.prototype._handleWheel;
+a.prototype._handleWheel = function(e) {
+  const { target: t, deltaMode: i, clientX: n, clientY: o, deltaX: s, deltaY: l } = e;
+  S.call(this, {
+    target: t,
     deltaMode: i,
     clientX: n,
-    clientY: s,
-    deltaX: l,
-    deltaY: o,
+    clientY: o,
+    deltaX: s,
+    deltaY: l,
     preventDefault() {
-      t.preventDefault();
+      e.preventDefault();
     },
     ctrlKey: !0
   });
 };
-const $ = {
+const A = {
   __init__: ["zoomScroll"],
-  zoomScroll: ["type", c]
-}, S = {
+  zoomScroll: ["type", a]
+}, k = {
   name: "FlowViewer",
   components: {
-    EasyPopup: M
+    EasyPopup: x
   },
   props: {
     xml: {
@@ -91,77 +91,63 @@ const $ = {
     };
   },
   watch: {
-    xml(t) {
-      var e;
-      (e = this.bpmnViewer) == null || e.importXML(t);
+    xml(e) {
+      var t;
+      (t = this.bpmnViewer) == null || t.importXML(e);
     },
     activities: "highlightActivity",
     flows: "highlightFlow"
   },
   mounted() {
-    var e;
-    const t = this.$refs.container;
-    this.bpmnViewer = new b(g(f({}, this.options), {
-      container: t,
-      additionalModules: [$]
-    })), this.bpmnViewer.on("import.done", (i) => {
-      const n = i.error, s = i.warnings;
-      n ? this.$emit("error", n) : this.$emit("shown", s), this.bpmnViewer.get("canvas").zoom("fit-viewport", "center");
-      const l = this.bpmnViewer.get("eventBus");
-      this.canvas = this.bpmnViewer.get("canvas"), l.on("element.mousemove", (o) => d(this, null, function* () {
+    this.bpmnViewer = new V(g(u({}, this.options), {
+      container: this.$refs.container,
+      additionalModules: [A]
+    })), this.bpmnViewer.on("import.done", (e) => {
+      const t = e.error, i = e.warnings;
+      t ? this.$emit("error", t) : this.$emit("shown", i), this.bpmnViewer.get("canvas").zoom("fit-viewport", "center"), this.canvas = this.bpmnViewer.get("canvas"), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      const n = this.bpmnViewer.get("eventBus");
+      n.on("element.mousemove", (o) => f(this, null, function* () {
         o.element.type === "bpmn:UserTask" && (this.$emit("node-mousemove", o.element), this.element = o.element, yield this.$nextTick(), this.$refs.popup.show(o.originalEvent));
-      })), l.on("element.out", () => {
+      })), n.on("element.out", () => {
         this.$refs.popup.hide(), this.element = {};
       }), this.highlightFlow(this.flows), this.highlightActivity(this.activities);
-    }), (e = this.bpmnViewer) == null || e.importXML(this.xml);
+    }), this.bpmnViewer.importXML(this.xml);
   },
   beforeDestroy() {
-    var t;
-    (t = this.bpmnViewer) == null || t.destroy();
+    var e;
+    (e = this.bpmnViewer) == null || e.destroy();
   },
   methods: {
-    getElementById(t) {
-      return this.canvas.getRootElement().children.find((e) => e.id === t);
-    },
-    highlightFlow(t) {
-      this.canvas.getRootElement().children.filter((e) => e.type === "bpmn:SequenceFlow" && this.canvas.hasMarker(e, "highlight-line")).forEach((e) => {
-        var i;
-        return (i = this.canvas) == null ? void 0 : i.removeMarker(e, "highlight-line");
-      }), t.length > 0 && t.forEach((e) => {
-        var n;
-        const i = this.getElementById(e);
-        i && ((n = this.canvas) == null || n.addMarker(i, "highlight-line"));
+    highlight(e, t, i) {
+      this.elementRegistry.getAll().forEach((n) => {
+        n.type === t && (e.includes(n.id) ? this.canvas.addMarker(n, i) : this.canvas.removeMarker(n, i));
       });
     },
-    highlightActivity(t) {
-      this.canvas.getRootElement().children.filter((e) => e.type === "bpmn:UserTask" && this.canvas.hasMarker(e, "highlight")).forEach((e) => {
-        var i;
-        return (i = this.canvas) == null ? void 0 : i.removeMarker(e, "highlight");
-      }), t.length > 0 && t.forEach((e) => {
-        var n;
-        const i = this.getElementById(e);
-        i && ((n = this.canvas) == null || n.addMarker(i, "highlight"));
-      });
+    highlightFlow(e) {
+      this.highlight(e, "bpmn:SequenceFlow", "highlight-line");
+    },
+    highlightActivity(e) {
+      this.highlight(e, "bpmn:UserTask", "highlight");
     }
   }
-}, u = {};
-var B = /* @__PURE__ */ V(
-  S,
+}, w = {};
+var E = /* @__PURE__ */ F(
   k,
-  x,
+  M,
+  $,
   !1,
-  A,
+  R,
   null,
   null,
   null
 );
-function A(t) {
-  for (let e in u)
-    this[e] = u[e];
+function R(e) {
+  for (let t in w)
+    this[t] = w[t];
 }
-const W = /* @__PURE__ */ function() {
-  return B.exports;
+const q = /* @__PURE__ */ function() {
+  return E.exports;
 }();
 export {
-  W as default
+  q as default
 };

package/form-view/index.mjs

@@ -16,8 +16,10 @@ var c = (t, e, o) => new Promise((r, s) => {
 });
 import { hasOwn as d, toStringArray as b, animate as v, isInContainer as _ } from "@web-utils/core";
 import { merge as g } from "@web-utils/integrations/lodash";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
+import y from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+import { n as w } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
   var t = this, e = t.$createElement, o = t._self._c || e;
   return o("div", {
     class: ["form-view", t.className]
@@ -203,16 +205,19 @@ var w = function() {
       "font-size": "16px"
     }
   }) : t._e()], 1);
-}, x = [];
-const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], $ = p.map((t) => `${t}-down`), S = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
+}, $ = [];
+const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], S = p.map((t) => `${t}-down`), F = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
   if (t.classList.contains(e))
     return t;
   let o = t.parentNode;
   for (; o && !o.classList.contains(e); )
     o = o.parentNode;
   return o.classList.contains(e) ? o : null;
-}, F = {
+}, k = {
   name: "FormView",
+  components: {
+    ResizeObserver: y
+  },
   inject: {
     flowContext: {
       default: {}
@@ -273,7 +278,7 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return this.toolbarProps.buttons.filter((t) => !m.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
     },
     footerBarButtons() {
-      let t = this.toolbarProps.buttons.filter((e) => !S.includes(e) && (m.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+      let t = this.toolbarProps.buttons.filter((e) => !F.includes(e) && (m.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
       return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
     }
   },
@@ -306,7 +311,7 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return Object.keys(this.$scopedSlots).filter((t) => p.includes(t));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((t) => $.includes(t));
+      return Object.keys(this.$scopedSlots).filter((t) => S.includes(t));
     },
     getFooterSlotKey(t) {
       return t.replace("-down", "");
@@ -344,23 +349,23 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
     }
   }
 }, h = {};
-var k = /* @__PURE__ */ y(
-  F,
-  w,
+var B = /* @__PURE__ */ w(
+  k,
   x,
+  $,
   !1,
-  B,
+  C,
   null,
   null,
   null
 );
-function B(t) {
+function C(t) {
   for (let e in h)
     this[e] = h[e];
 }
-const T = /* @__PURE__ */ function() {
-  return k.exports;
+const z = /* @__PURE__ */ function() {
+  return B.exports;
 }();
 export {
-  T as default
+  z as default
 };