@web-utils/component 2.9.15 → 2.9.16

package/element-dialog/index.mjs

@@ -219,6 +219,9 @@ const v = {
       return s(this, null, function* () {
         e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
       });
+    },
+    fullScreen(e) {
+      this.$emit("toggle-fullscreen", e);
     }
   },
   created() {
@@ -271,22 +274,22 @@ const v = {
     }
   }
 }, p = {};
-var b = /* @__PURE__ */ g(
+var S = /* @__PURE__ */ g(
   C,
   y,
   _,
   !1,
-  S,
+  b,
   null,
   null,
   null
 );
-function S(e) {
+function b(e) {
   for (let l in p)
     this[l] = p[l];
 }
 const E = /* @__PURE__ */ function() {
-  return b.exports;
+  return S.exports;
 }();
 export {
   E as default

package/flow-viewer/index.mjs

@@ -1,32 +1,32 @@
 var b = Object.defineProperty, x = Object.defineProperties;
 var M = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var g = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
 var u = (e, i, t) => i in e ? b(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, w = (e, i) => {
   for (var t in i || (i = {}))
     V.call(i, t) && u(e, t, i[t]);
-  if (f)
-    for (var t of f(i))
-      $.call(i, t) && u(e, t, i[t]);
+  if (g)
+    for (var t of g(i))
+      E.call(i, t) && u(e, t, i[t]);
   return e;
-}, v = (e, i) => x(e, M(i));
-var y = (e, i, t) => new Promise((s, n) => {
-  var h = (o) => {
+}, y = (e, i) => x(e, M(i));
+var v = (e, i, t) => new Promise((s, n) => {
+  var l = (r) => {
     try {
-      a(t.next(o));
-    } catch (r) {
-      n(r);
+      a(t.next(r));
+    } catch (o) {
+      n(o);
     }
-  }, l = (o) => {
+  }, h = (r) => {
     try {
-      a(t.throw(o));
-    } catch (r) {
-      n(r);
+      a(t.throw(r));
+    } catch (o) {
+      n(o);
     }
-  }, a = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(h, l);
+  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
   a((t = t.apply(e, i)).next());
 });
-import E from "bpmn-js/lib/NavigatedViewer";
+import $ from "bpmn-js/lib/NavigatedViewer";
 import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
 import { create as c, attr as p, append as m } from "tiny-svg";
 import { query as A } from "min-dom";
@@ -56,11 +56,11 @@ var B = function() {
   }, {
     element: e.element
   })], 2)], 1);
-}, P = [];
-const g = d.prototype._handleWheel, W = {
+}, C = [];
+const f = d.prototype._handleWheel, P = {
   __init__: ["zoomScroll"],
   zoomScroll: ["type", d]
-}, X = {
+}, W = {
   name: "FlowViewer",
   components: {
     EasyPopup: F
@@ -101,34 +101,34 @@ const g = d.prototype._handleWheel, W = {
     }
   },
   mounted() {
-    d.prototype._handleWheel = this.ctrlKey ? g : function(e) {
-      const { target: i, deltaMode: t, clientX: s, clientY: n, deltaX: h, deltaY: l } = e;
-      g.call(this, {
+    d.prototype._handleWheel = this.ctrlKey ? f : function(e) {
+      const { target: i, deltaMode: t, clientX: s, clientY: n, deltaX: l, deltaY: h } = e;
+      f.call(this, {
         target: i,
         deltaMode: t,
         clientX: s,
         clientY: n,
-        deltaX: h,
-        deltaY: l,
+        deltaX: l,
+        deltaY: h,
         preventDefault() {
           e.preventDefault();
         },
         ctrlKey: !0
       });
-    }, this.bpmnViewer = new E(v(w({}, this.options), {
+    }, this.bpmnViewer = new $(y(w({}, this.options), {
       container: this.$refs.container,
-      additionalModules: [W]
+      additionalModules: [P]
     })), this.bpmnViewer.on("import.done", (e) => {
       const i = e.error, t = e.warnings;
-      i ? this.$emit("error", i) : this.$emit("shown", t), this.bpmnViewer.get("canvas").zoom("fit-viewport", "center"), this.canvas = this.bpmnViewer.get("canvas"), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      i ? this.$emit("error", i) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
       const s = this.bpmnViewer.get("eventBus");
-      this.events && this.events.forEach((r) => {
-        s.on(r, (k) => {
-          this.$emit(r.replace(".", "-"), k.element);
+      this.events && this.events.forEach((o) => {
+        s.on(o, (k) => {
+          this.$emit(o.replace(".", "-"), k.element);
         });
-      }), this.nodePopup && s.on("element.mousemove", (r) => {
-        r.element.type === "bpmn:UserTask" && requestAnimationFrame(() => y(this, null, function* () {
-          this.$emit("node-mousemove", r.element), this.element = r.element, yield this.$nextTick(), this.$refs.popup.show(r.originalEvent);
+      }), this.nodePopup && s.on("element.mousemove", (o) => {
+        o.element.type === "bpmn:UserTask" && requestAnimationFrame(() => v(this, null, function* () {
+          this.element = o.element, yield this.$nextTick(), this.$refs.popup.show(o.originalEvent);
         }));
       }), this.nodePopup && s.on("element.out", () => {
         this.$refs.popup.hide(), this.element = {};
@@ -143,13 +143,13 @@ const g = d.prototype._handleWheel, W = {
         markerHeight: "10",
         orient: "auto"
       });
-      const h = c("path");
-      p(h, {
+      const l = c("path");
+      p(l, {
         d: "M 1 5 L 11 10 L 1 15 Z",
         style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 1px; fill: var(--highlight-color);"
-      }), m(n, h);
-      const l = c("marker");
-      p(l, {
+      }), m(n, l);
+      const h = c("marker");
+      p(h, {
         id: "conditional-default-flow-marker-green",
         viewBox: "0 0 20 20",
         refX: "0",
@@ -162,9 +162,9 @@ const g = d.prototype._handleWheel, W = {
       p(a, {
         d: "M 6 4 L 10 16",
         style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 2px; fill: var(--highlight-color);"
-      }), m(l, a);
-      const o = A("defs", this.$el);
-      m(o, n), m(o, l);
+      }), m(h, a);
+      const r = A("defs", this.$el);
+      m(r, n), m(r, h);
     }), this.bpmnViewer.importXML(this.xml), this.$watch(() => ({
       activities: this.activities,
       historicActivities: this.historicActivities
@@ -174,9 +174,12 @@ const g = d.prototype._handleWheel, W = {
   },
   beforeDestroy() {
     var e;
-    d.prototype._handleWheel = g, (e = this.bpmnViewer) == null || e.destroy();
+    d.prototype._handleWheel = f, (e = this.bpmnViewer) == null || e.destroy();
   },
   methods: {
+    fitViewportCenter(e = "center") {
+      this.canvas.zoom("fit-viewport", e);
+    },
     highlightFlow(e, i) {
       this.elementRegistry.getAll().forEach((t) => {
         ["bpmn:StartEvent", "bpmn:UserTask", "bpmn:ExclusiveGateway", "bpmn:ParallelGateway", "bpmn:EndEvent"].includes(t.type) && (e.includes(t.id) && !i.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
@@ -184,22 +187,22 @@ const g = d.prototype._handleWheel, W = {
     }
   }
 }, _ = {};
-var q = /* @__PURE__ */ S(
-  X,
+var X = /* @__PURE__ */ S(
+  W,
   B,
-  P,
-  !1,
   C,
+  !1,
+  q,
   null,
   null,
   null
 );
-function C(e) {
+function q(e) {
   for (let i in _)
     this[i] = _[i];
 }
 const U = /* @__PURE__ */ function() {
-  return q.exports;
+  return X.exports;
 }();
 export {
   U as default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.9.15",
+  "version": "2.9.16",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.9.15",
+  "version": "2.9.16",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2143,6 +2143,9 @@
             {
               "name": "close"
             },
+            {
+              "name": "toggle-fullscreen"
+            },
             {
               "name": "update:visible"
             },
@@ -2691,9 +2694,6 @@
             },
             {
               "name": "shown"
-            },
-            {
-              "name": "node-mousemove"
             }
           ],
           "slots": [