stickyflow 0.11.2 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/binding/index.cjs +9 -9
  3. package/dist/binding/index.d.cts +3 -3
  4. package/dist/binding/index.d.ts +3 -3
  5. package/dist/binding/index.js +3 -3
  6. package/dist/{chunk-WZA3DJJH.cjs → chunk-3OF37CZX.cjs} +15 -15
  7. package/dist/{chunk-WZA3DJJH.cjs.map → chunk-3OF37CZX.cjs.map} +1 -1
  8. package/dist/{chunk-VYQ6N5SI.cjs → chunk-3XPNGIMV.cjs} +37 -37
  9. package/dist/chunk-3XPNGIMV.cjs.map +1 -0
  10. package/dist/{chunk-G6IW2IX3.js → chunk-4SXXMOXR.js} +31 -5
  11. package/dist/chunk-4SXXMOXR.js.map +1 -0
  12. package/dist/{chunk-4KBU4CFU.cjs → chunk-EG7VZJZX.cjs} +23 -23
  13. package/dist/{chunk-4KBU4CFU.cjs.map → chunk-EG7VZJZX.cjs.map} +1 -1
  14. package/dist/{chunk-BFQWCOEC.js → chunk-FYSJMUJI.js} +3 -3
  15. package/dist/{chunk-BFQWCOEC.js.map → chunk-FYSJMUJI.js.map} +1 -1
  16. package/dist/{chunk-UD6IG2PG.js → chunk-LDRUTQF7.js} +4 -4
  17. package/dist/{chunk-UD6IG2PG.js.map → chunk-LDRUTQF7.js.map} +1 -1
  18. package/dist/{chunk-DGAVCN4D.js → chunk-Q4OIDWT6.js} +6 -6
  19. package/dist/chunk-Q4OIDWT6.js.map +1 -0
  20. package/dist/{chunk-UHKFJBY5.cjs → chunk-SKGJXCAO.cjs} +31 -5
  21. package/dist/chunk-SKGJXCAO.cjs.map +1 -0
  22. package/dist/{chunk-TQIYK5OA.js → chunk-UCOMSZPC.js} +12 -10
  23. package/dist/chunk-UCOMSZPC.js.map +1 -0
  24. package/dist/{chunk-EHH6ZDK6.cjs → chunk-ZE2KRWOM.cjs} +665 -663
  25. package/dist/chunk-ZE2KRWOM.cjs.map +1 -0
  26. package/dist/index.cjs +36 -36
  27. package/dist/index.d.cts +3 -3
  28. package/dist/index.d.ts +3 -3
  29. package/dist/index.js +5 -5
  30. package/dist/interaction/index.cjs +364 -260
  31. package/dist/interaction/index.cjs.map +1 -1
  32. package/dist/interaction/index.js +131 -27
  33. package/dist/interaction/index.js.map +1 -1
  34. package/dist/{runtime-C-C5v9po.d.cts → runtime-BJDaqo6f.d.cts} +1 -1
  35. package/dist/{runtime-lCAfU-1Q.d.ts → runtime-DaconR36.d.ts} +1 -1
  36. package/dist/{runtimeTypes-BDA_CfWh.d.ts → runtimeTypes-BE_GI1yU.d.ts} +1 -1
  37. package/dist/{runtimeTypes-B7p6b1Bi.d.cts → runtimeTypes-BE_nllY6.d.cts} +1 -1
  38. package/dist/stickyflow-diagram.global.js +39 -39
  39. package/dist/stickyflow-diagram.global.js.map +1 -1
  40. package/dist/viewer/index.cjs +9 -9
  41. package/dist/viewer/index.d.cts +1 -1
  42. package/dist/viewer/index.d.ts +1 -1
  43. package/dist/viewer/index.js +4 -4
  44. package/dist/web-component/index.cjs +6 -6
  45. package/dist/web-component/index.js +4 -4
  46. package/package.json +1 -1
  47. package/dist/chunk-DGAVCN4D.js.map +0 -1
  48. package/dist/chunk-EHH6ZDK6.cjs.map +0 -1
  49. package/dist/chunk-G6IW2IX3.js.map +0 -1
  50. package/dist/chunk-TQIYK5OA.js.map +0 -1
  51. package/dist/chunk-UHKFJBY5.cjs.map +0 -1
  52. package/dist/chunk-VYQ6N5SI.cjs.map +0 -1
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var chunkEHH6ZDK6_cjs = require('./chunk-EHH6ZDK6.cjs');
4
- var chunkWZA3DJJH_cjs = require('./chunk-WZA3DJJH.cjs');
5
- var chunkUHKFJBY5_cjs = require('./chunk-UHKFJBY5.cjs');
3
+ var chunkZE2KRWOM_cjs = require('./chunk-ZE2KRWOM.cjs');
4
+ var chunk3OF37CZX_cjs = require('./chunk-3OF37CZX.cjs');
5
+ var chunkSKGJXCAO_cjs = require('./chunk-SKGJXCAO.cjs');
6
6
 
7
7
  // src/runtime/viewer/components/rollingNumberDom.ts
8
8
  var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -162,12 +162,12 @@ function componentDigits(surface) {
162
162
  function componentStyle(surface) {
163
163
  const encoded = surface.getAttribute("data-sf-widget-style");
164
164
  if (!encoded) {
165
- return chunkUHKFJBY5_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
165
+ return chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
166
166
  }
167
167
  try {
168
- return { ...chunkUHKFJBY5_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
168
+ return { ...chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
169
169
  } catch {
170
- return chunkUHKFJBY5_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
170
+ return chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
171
171
  }
172
172
  }
173
173
  function positiveInteger(value) {
@@ -191,7 +191,7 @@ function setRollingNumber(surface, value, animate) {
191
191
  return false;
192
192
  }
193
193
  const previousValue = surface.getAttribute("data-sf-widget-value") ?? "";
194
- const nextValue = chunkUHKFJBY5_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
194
+ const nextValue = chunkSKGJXCAO_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
195
195
  if (previousValue === nextValue) {
196
196
  return true;
197
197
  }
@@ -299,7 +299,7 @@ var WHITE = [255, 255, 255];
299
299
  function shade(node, bump, target) {
300
300
  const base = fills.get(node) ?? node.getAttribute("fill") ?? "";
301
301
  fills.set(node, base);
302
- const rgb = chunkUHKFJBY5_cjs.parseHexRgb(base);
302
+ const rgb = chunkSKGJXCAO_cjs.parseHexRgb(base);
303
303
  if (!rgb) {
304
304
  return;
305
305
  }
@@ -362,7 +362,7 @@ function placeKnob(svg, ruler) {
362
362
  function liftLabels(svg, ruler) {
363
363
  const { id, params, horizontal, extent, inset, progress, depth } = ruler;
364
364
  const { min, max } = rangeOf(params);
365
- const peak = (typeof params.peak === "string" ? chunkUHKFJBY5_cjs.parseHexRgb(params.peak) : null) ?? WHITE;
365
+ const peak = (typeof params.peak === "string" ? chunkSKGJXCAO_cjs.parseHexRgb(params.peak) : null) ?? WHITE;
366
366
  const spread = positive(params.spread, 0.07) * extent;
367
367
  const start = inset * extent;
368
368
  const span = (1 - 2 * inset) * extent;
@@ -690,7 +690,7 @@ function mountDisplay(container, svgString) {
690
690
  }
691
691
 
692
692
  // src/runtime/viewer/events.ts
693
- var Emitter2 = class extends chunkWZA3DJJH_cjs.Emitter {
693
+ var Emitter2 = class extends chunk3OF37CZX_cjs.Emitter {
694
694
  };
695
695
 
696
696
  // src/runtime/viewer/export/raster.ts
@@ -780,11 +780,11 @@ function svgElement(document, name, attributes) {
780
780
  function readComponentStyle(surface) {
781
781
  try {
782
782
  return {
783
- ...chunkUHKFJBY5_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
783
+ ...chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
784
784
  ...JSON.parse(surface.getAttribute("data-sf-widget-style") ?? "{}")
785
785
  };
786
786
  } catch {
787
- return chunkUHKFJBY5_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
787
+ return chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
788
788
  }
789
789
  }
790
790
  function cellsOf(box, plain, fontSize = 0) {
@@ -924,7 +924,7 @@ function serializeSvgSnapshot(svg, captures) {
924
924
  // src/runtime/viewer/interaction/changeFlash.ts
925
925
  function createChangeFlash(svg) {
926
926
  const timers = /* @__PURE__ */ new Map();
927
- const flash = (ownerIds, color2 = chunkWZA3DJJH_cjs.CHANGE_COLOR) => {
927
+ const flash = (ownerIds, color2 = chunk3OF37CZX_cjs.CHANGE_COLOR) => {
928
928
  const ids = [...new Set(ownerIds)];
929
929
  if (ids.length === 0) {
930
930
  return;
@@ -932,7 +932,7 @@ function createChangeFlash(svg) {
932
932
  const doc = svg.ownerDocument;
933
933
  const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
934
934
  for (const id of ids) {
935
- const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, id, chunkWZA3DJJH_cjs.isPrimary);
935
+ const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, id, chunk3OF37CZX_cjs.isPrimary);
936
936
  if (!primary) {
937
937
  continue;
938
938
  }
@@ -943,10 +943,10 @@ function createChangeFlash(svg) {
943
943
  for (const stale of svg.querySelectorAll(`[data-sf-change-overlay="${CSS.escape(id)}"]`)) {
944
944
  stale.remove();
945
945
  }
946
- const overlay = primary.getAttribute("data-sf-role") === "link" ? chunkWZA3DJJH_cjs.linkChangeOverlay(doc, primary, id, color2) : chunkWZA3DJJH_cjs.shapeChangeOverlay(doc, primary, id, color2);
946
+ const overlay = primary.getAttribute("data-sf-role") === "link" ? chunk3OF37CZX_cjs.linkChangeOverlay(doc, primary, id, color2) : chunk3OF37CZX_cjs.shapeChangeOverlay(doc, primary, id, color2);
947
947
  svg.appendChild(overlay);
948
- chunkWZA3DJJH_cjs.startChangeFade(overlay, reducedMotion);
949
- const duration = reducedMotion ? chunkWZA3DJJH_cjs.REDUCED_MOTION_DURATION_MS : chunkWZA3DJJH_cjs.FLASH_DURATION_MS;
948
+ chunk3OF37CZX_cjs.startChangeFade(overlay, reducedMotion);
949
+ const duration = reducedMotion ? chunk3OF37CZX_cjs.REDUCED_MOTION_DURATION_MS : chunk3OF37CZX_cjs.FLASH_DURATION_MS;
950
950
  timers.set(
951
951
  id,
952
952
  setTimeout(() => {
@@ -1033,7 +1033,7 @@ var OwnerPointerController = class {
1033
1033
  this.#selection = selection;
1034
1034
  }
1035
1035
  hover(event) {
1036
- const owner = chunkWZA3DJJH_cjs.resolveOwner(event.target);
1036
+ const owner = chunk3OF37CZX_cjs.resolveOwner(event.target);
1037
1037
  this.#emitter.emit(
1038
1038
  "ownerHover",
1039
1039
  owner ? { diagramId: this.#diagramId, owner, modifiers: modifiersOf(event) } : { diagramId: this.#diagramId, owner: null }
@@ -1041,7 +1041,7 @@ var OwnerPointerController = class {
1041
1041
  }
1042
1042
  select(event) {
1043
1043
  const target = event.target;
1044
- const owner = chunkWZA3DJJH_cjs.resolveOwner(target);
1044
+ const owner = chunk3OF37CZX_cjs.resolveOwner(target);
1045
1045
  if (!owner) {
1046
1046
  this.#clearWhenOutsideOverlay(target);
1047
1047
  return;
@@ -1062,7 +1062,7 @@ var OwnerPointerController = class {
1062
1062
  owner,
1063
1063
  modifiers
1064
1064
  });
1065
- const node = chunkWZA3DJJH_cjs.findOwnerNode(this.#svg, owner.id, chunkWZA3DJJH_cjs.isPrimary);
1065
+ const node = chunk3OF37CZX_cjs.findOwnerNode(this.#svg, owner.id, chunk3OF37CZX_cjs.isPrimary);
1066
1066
  if (node && !node.hasAttribute("tabindex")) {
1067
1067
  node.setAttribute("tabindex", "-1");
1068
1068
  }
@@ -1090,12 +1090,12 @@ var PointerInteractionSession = class {
1090
1090
  }
1091
1091
  #onPointerDown = (event) => {
1092
1092
  const target = event.target;
1093
- const overContent = Boolean(chunkWZA3DJJH_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
1093
+ const overContent = Boolean(chunk3OF37CZX_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
1094
1094
  this.#down = {
1095
1095
  x: event.clientX,
1096
1096
  y: event.clientY,
1097
1097
  moved: false,
1098
- panable: chunkWZA3DJJH_cjs.isCameraGesture(event) || !overContent
1098
+ panable: chunk3OF37CZX_cjs.isCameraGesture(event) || !overContent
1099
1099
  };
1100
1100
  };
1101
1101
  #onPointerMove = (event) => {
@@ -1109,7 +1109,7 @@ var PointerInteractionSession = class {
1109
1109
  #onPointerUp = (event) => {
1110
1110
  const wasDrag = this.#down?.moved ?? false;
1111
1111
  this.#down = null;
1112
- if (!wasDrag && this.#selectable) {
1112
+ if (!wasDrag && this.#selectable && event.button === 0) {
1113
1113
  this.#ownerPointer.select(event);
1114
1114
  }
1115
1115
  };
@@ -1123,7 +1123,7 @@ var PointerInteractionSession = class {
1123
1123
  if (!this.#down.moved) {
1124
1124
  return false;
1125
1125
  }
1126
- if (this.#down.panable && chunkWZA3DJJH_cjs.isCameraGesture(event)) {
1126
+ if (this.#down.panable && chunk3OF37CZX_cjs.isCameraGesture(event)) {
1127
1127
  this.#display.panBy(event.movementX, event.movementY);
1128
1128
  }
1129
1129
  return true;
@@ -1147,15 +1147,15 @@ function paintSelectionOverlays(svg, selectedIds, owners) {
1147
1147
  }
1148
1148
  const document = svg.ownerDocument;
1149
1149
  for (const id of selectedIds) {
1150
- const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, id, chunkWZA3DJJH_cjs.isPrimary);
1150
+ const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, id, chunk3OF37CZX_cjs.isPrimary);
1151
1151
  if (!primary) {
1152
1152
  continue;
1153
1153
  }
1154
1154
  const owner = owners.get(id);
1155
- const overlay = owner?.role === "link" ? chunkWZA3DJJH_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunkWZA3DJJH_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunkWZA3DJJH_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunkWZA3DJJH_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunkWZA3DJJH_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
1155
+ const overlay = owner?.role === "link" ? chunk3OF37CZX_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunk3OF37CZX_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunk3OF37CZX_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunk3OF37CZX_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunk3OF37CZX_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
1156
1156
  svg.appendChild(overlay);
1157
1157
  if (owner?.role === "shape" && selectedIds.size === 1) {
1158
- svg.appendChild(chunkWZA3DJJH_cjs.quickDuplicateBubbles(document, primary, id, svg));
1158
+ svg.appendChild(chunk3OF37CZX_cjs.quickDuplicateBubbles(document, primary, id, svg));
1159
1159
  }
1160
1160
  }
1161
1161
  }
@@ -1194,7 +1194,7 @@ var SelectionController = class {
1194
1194
  selectIds(ids) {
1195
1195
  for (const id of ids) {
1196
1196
  const element = this.#svg.querySelector(`[data-sf-id="${CSS.escape(id)}"]`);
1197
- const owner = chunkWZA3DJJH_cjs.resolveOwner(element);
1197
+ const owner = chunk3OF37CZX_cjs.resolveOwner(element);
1198
1198
  if (owner) {
1199
1199
  this.remember(owner);
1200
1200
  }
@@ -1206,7 +1206,7 @@ var SelectionController = class {
1206
1206
  // src/runtime/viewer/interaction/wheel.ts
1207
1207
  function bindWheelZoom(display, selection) {
1208
1208
  const onWheel = (event) => {
1209
- if (!chunkWZA3DJJH_cjs.isCameraGesture(event)) {
1209
+ if (!chunk3OF37CZX_cjs.isCameraGesture(event)) {
1210
1210
  return;
1211
1211
  }
1212
1212
  event.preventDefault();
@@ -4639,21 +4639,21 @@ function mountShaderSurfaces(svg) {
4639
4639
 
4640
4640
  // src/runtime/viewer/source.ts
4641
4641
  function renderViewerSource(next, defaultRenderOptions) {
4642
- const svg = next.svg ?? (next.source != null ? chunkEHH6ZDK6_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
4642
+ const svg = next.svg ?? (next.source != null ? chunkZE2KRWOM_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
4643
4643
  if (svg == null) {
4644
4644
  throw new Error("createViewer: provide either `source` (SFL) or `svg`.");
4645
4645
  }
4646
4646
  return svg;
4647
4647
  }
4648
4648
  function assertCreateViewerContract(svg) {
4649
- const version = chunkWZA3DJJH_cjs.parseContractVersion(svg);
4650
- if (!chunkWZA3DJJH_cjs.isContractCompatible(version)) {
4649
+ const version = chunk3OF37CZX_cjs.parseContractVersion(svg);
4650
+ if (!chunk3OF37CZX_cjs.isContractCompatible(version)) {
4651
4651
  throw new Error(`createViewer: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
4652
4652
  }
4653
4653
  }
4654
4654
  function assertViewerUpdateContract(svg) {
4655
- const version = chunkWZA3DJJH_cjs.parseContractVersion(svg);
4656
- if (!chunkWZA3DJJH_cjs.isContractCompatible(version)) {
4655
+ const version = chunk3OF37CZX_cjs.parseContractVersion(svg);
4656
+ if (!chunk3OF37CZX_cjs.isContractCompatible(version)) {
4657
4657
  throw new Error(`viewer.update: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
4658
4658
  }
4659
4659
  }
@@ -4887,7 +4887,7 @@ function trackScales(wiring, event) {
4887
4887
  }
4888
4888
  function driveValue(wiring, id, event) {
4889
4889
  const { runtime, svg } = wiring;
4890
- const kind = chunkUHKFJBY5_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
4890
+ const kind = chunkSKGJXCAO_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
4891
4891
  if (kind !== "slide" && kind !== "pick" && kind !== "turn" && kind !== "range") {
4892
4892
  return;
4893
4893
  }
@@ -5026,5 +5026,5 @@ exports.connectInteraction = connectInteraction;
5026
5026
  exports.createViewer = createViewer;
5027
5027
  exports.registerShaderProgram = registerShaderProgram;
5028
5028
  exports.shaderProgram = shaderProgram;
5029
- //# sourceMappingURL=chunk-VYQ6N5SI.cjs.map
5030
- //# sourceMappingURL=chunk-VYQ6N5SI.cjs.map
5029
+ //# sourceMappingURL=chunk-3XPNGIMV.cjs.map
5030
+ //# sourceMappingURL=chunk-3XPNGIMV.cjs.map