stickyflow 0.11.3 → 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.
- package/CHANGELOG.md +17 -0
- package/dist/binding/index.cjs +9 -9
- package/dist/binding/index.d.cts +3 -3
- package/dist/binding/index.d.ts +3 -3
- package/dist/binding/index.js +3 -3
- package/dist/{chunk-WZA3DJJH.cjs → chunk-3OF37CZX.cjs} +15 -15
- package/dist/{chunk-WZA3DJJH.cjs.map → chunk-3OF37CZX.cjs.map} +1 -1
- package/dist/{chunk-V22J7Z4H.cjs → chunk-3XPNGIMV.cjs} +37 -37
- package/dist/chunk-3XPNGIMV.cjs.map +1 -0
- package/dist/{chunk-G6IW2IX3.js → chunk-4SXXMOXR.js} +31 -5
- package/dist/chunk-4SXXMOXR.js.map +1 -0
- package/dist/{chunk-GQRJSA73.cjs → chunk-EG7VZJZX.cjs} +23 -23
- package/dist/{chunk-GQRJSA73.cjs.map → chunk-EG7VZJZX.cjs.map} +1 -1
- package/dist/{chunk-BFQWCOEC.js → chunk-FYSJMUJI.js} +3 -3
- package/dist/{chunk-BFQWCOEC.js.map → chunk-FYSJMUJI.js.map} +1 -1
- package/dist/{chunk-W25SXORW.js → chunk-LDRUTQF7.js} +4 -4
- package/dist/{chunk-W25SXORW.js.map → chunk-LDRUTQF7.js.map} +1 -1
- package/dist/{chunk-IQQ5KBL6.js → chunk-Q4OIDWT6.js} +6 -6
- package/dist/chunk-Q4OIDWT6.js.map +1 -0
- package/dist/{chunk-UHKFJBY5.cjs → chunk-SKGJXCAO.cjs} +31 -5
- package/dist/chunk-SKGJXCAO.cjs.map +1 -0
- package/dist/{chunk-EBHO2FJ5.js → chunk-UCOMSZPC.js} +10 -9
- package/dist/chunk-UCOMSZPC.js.map +1 -0
- package/dist/{chunk-K5PGMZAD.cjs → chunk-ZE2KRWOM.cjs} +663 -662
- package/dist/chunk-ZE2KRWOM.cjs.map +1 -0
- package/dist/index.cjs +36 -36
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +5 -5
- package/dist/interaction/index.cjs +275 -237
- package/dist/interaction/index.cjs.map +1 -1
- package/dist/interaction/index.js +41 -3
- package/dist/interaction/index.js.map +1 -1
- package/dist/{runtime-C-C5v9po.d.cts → runtime-BJDaqo6f.d.cts} +1 -1
- package/dist/{runtime-lCAfU-1Q.d.ts → runtime-DaconR36.d.ts} +1 -1
- package/dist/{runtimeTypes-BDA_CfWh.d.ts → runtimeTypes-BE_GI1yU.d.ts} +1 -1
- package/dist/{runtimeTypes-B7p6b1Bi.d.cts → runtimeTypes-BE_nllY6.d.cts} +1 -1
- package/dist/stickyflow-diagram.global.js +39 -39
- package/dist/stickyflow-diagram.global.js.map +1 -1
- package/dist/viewer/index.cjs +9 -9
- package/dist/viewer/index.d.cts +1 -1
- package/dist/viewer/index.d.ts +1 -1
- package/dist/viewer/index.js +4 -4
- package/dist/web-component/index.cjs +6 -6
- package/dist/web-component/index.js +4 -4
- package/package.json +1 -1
- package/dist/chunk-EBHO2FJ5.js.map +0 -1
- package/dist/chunk-G6IW2IX3.js.map +0 -1
- package/dist/chunk-IQQ5KBL6.js.map +0 -1
- package/dist/chunk-K5PGMZAD.cjs.map +0 -1
- package/dist/chunk-UHKFJBY5.cjs.map +0 -1
- package/dist/chunk-V22J7Z4H.cjs.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
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
|
|
165
|
+
return chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
|
|
166
166
|
}
|
|
167
167
|
try {
|
|
168
|
-
return { ...
|
|
168
|
+
return { ...chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
|
|
169
169
|
} catch {
|
|
170
|
-
return
|
|
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 =
|
|
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 =
|
|
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" ?
|
|
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
|
|
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
|
-
...
|
|
783
|
+
...chunkSKGJXCAO_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
|
|
784
784
|
...JSON.parse(surface.getAttribute("data-sf-widget-style") ?? "{}")
|
|
785
785
|
};
|
|
786
786
|
} catch {
|
|
787
|
-
return
|
|
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 =
|
|
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 =
|
|
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" ?
|
|
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
|
-
|
|
949
|
-
const duration = reducedMotion ?
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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(
|
|
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:
|
|
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 &&
|
|
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 =
|
|
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" ?
|
|
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(
|
|
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 =
|
|
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 (!
|
|
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 ?
|
|
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 =
|
|
4650
|
-
if (!
|
|
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 =
|
|
4656
|
-
if (!
|
|
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 =
|
|
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-
|
|
5030
|
-
//# sourceMappingURL=chunk-
|
|
5029
|
+
//# sourceMappingURL=chunk-3XPNGIMV.cjs.map
|
|
5030
|
+
//# sourceMappingURL=chunk-3XPNGIMV.cjs.map
|