@workflow/web-shared 5.0.0-beta.42 → 5.0.0-beta.43

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.
@@ -0,0 +1,9 @@
1
+ interface MeasurementTask<T> {
2
+ measure: (measurement: T) => void;
3
+ read: () => T | null;
4
+ }
5
+ declare function scheduleMeasurement<T>(key: object, { read, measure }: MeasurementTask<T>): void;
6
+ declare function cancelMeasurement(key: object): void;
7
+ export { cancelMeasurement, scheduleMeasurement };
8
+ export type { MeasurementTask };
9
+ //# sourceMappingURL=measurement-batch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measurement-batch.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/measurement-batch.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe,CAAC,CAAC;IACzB,OAAO,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACtB;AAmBD,iBAAS,mBAAmB,CAAC,CAAC,EAC5B,GAAG,EAAE,MAAM,EACX,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,GACpC,IAAI,CASN;AAED,iBAAS,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAO5C;AAED,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,29 @@
1
+ const pendingMeasurements = new Map();
2
+ let measurementFrame = 0;
3
+ function flushMeasurements() {
4
+ measurementFrame = 0;
5
+ const reads = [...pendingMeasurements.values()];
6
+ pendingMeasurements.clear();
7
+ const measures = reads.map((read) => read());
8
+ for (const measure of measures) {
9
+ measure?.();
10
+ }
11
+ }
12
+ function scheduleMeasurement(key, { read, measure }) {
13
+ pendingMeasurements.set(key, () => {
14
+ const measurement = read();
15
+ return measurement === null ? null : () => measure(measurement);
16
+ });
17
+ if (measurementFrame === 0) {
18
+ measurementFrame = requestAnimationFrame(flushMeasurements);
19
+ }
20
+ }
21
+ function cancelMeasurement(key) {
22
+ pendingMeasurements.delete(key);
23
+ if (pendingMeasurements.size === 0 && measurementFrame !== 0) {
24
+ cancelAnimationFrame(measurementFrame);
25
+ measurementFrame = 0;
26
+ }
27
+ }
28
+ export { cancelMeasurement, scheduleMeasurement };
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVhc3VyZW1lbnQtYmF0Y2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmFjZS12aWV3ZXIvY29tcG9uZW50cy9taWRkbGUtdHJ1bmNhdGUvbWVhc3VyZW1lbnQtYmF0Y2gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLEdBQUcsRUFBOEIsQ0FBQztBQUNsRSxJQUFJLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUV6QixTQUFTLGlCQUFpQjtJQUN4QixnQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFFckIsTUFBTSxLQUFLLEdBQUcsQ0FBQyxHQUFHLG1CQUFtQixDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDaEQsbUJBQW1CLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDNUIsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUU3QyxLQUFLLE1BQU0sT0FBTyxJQUFJLFFBQVEsRUFBRSxDQUFDO1FBQy9CLE9BQU8sRUFBRSxFQUFFLENBQUM7SUFDZCxDQUFDO0FBQ0gsQ0FBQztBQUVELFNBQVMsbUJBQW1CLENBQzFCLEdBQVcsRUFDWCxFQUFFLElBQUksRUFBRSxPQUFPLEVBQXNCO0lBRXJDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFO1FBQ2hDLE1BQU0sV0FBVyxHQUFHLElBQUksRUFBRSxDQUFDO1FBQzNCLE9BQU8sV0FBVyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDbEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxJQUFJLGdCQUFnQixLQUFLLENBQUMsRUFBRSxDQUFDO1FBQzNCLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDOUQsQ0FBQztBQUNILENBQUM7QUFFRCxTQUFTLGlCQUFpQixDQUFDLEdBQVc7SUFDcEMsbUJBQW1CLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRWhDLElBQUksbUJBQW1CLENBQUMsSUFBSSxLQUFLLENBQUMsSUFBSSxnQkFBZ0IsS0FBSyxDQUFDLEVBQUUsQ0FBQztRQUM3RCxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3ZDLGdCQUFnQixHQUFHLENBQUMsQ0FBQztJQUN2QixDQUFDO0FBQ0gsQ0FBQztBQUVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW50ZXJmYWNlIE1lYXN1cmVtZW50VGFzazxUPiB7XG4gIG1lYXN1cmU6IChtZWFzdXJlbWVudDogVCkgPT4gdm9pZDtcbiAgcmVhZDogKCkgPT4gVCB8IG51bGw7XG59XG5cbnR5cGUgUGVuZGluZ01lYXN1cmVtZW50ID0gKCkgPT4gKCgpID0+IHZvaWQpIHwgbnVsbDtcblxuY29uc3QgcGVuZGluZ01lYXN1cmVtZW50cyA9IG5ldyBNYXA8b2JqZWN0LCBQZW5kaW5nTWVhc3VyZW1lbnQ+KCk7XG5sZXQgbWVhc3VyZW1lbnRGcmFtZSA9IDA7XG5cbmZ1bmN0aW9uIGZsdXNoTWVhc3VyZW1lbnRzKCk6IHZvaWQge1xuICBtZWFzdXJlbWVudEZyYW1lID0gMDtcblxuICBjb25zdCByZWFkcyA9IFsuLi5wZW5kaW5nTWVhc3VyZW1lbnRzLnZhbHVlcygpXTtcbiAgcGVuZGluZ01lYXN1cmVtZW50cy5jbGVhcigpO1xuICBjb25zdCBtZWFzdXJlcyA9IHJlYWRzLm1hcCgocmVhZCkgPT4gcmVhZCgpKTtcblxuICBmb3IgKGNvbnN0IG1lYXN1cmUgb2YgbWVhc3VyZXMpIHtcbiAgICBtZWFzdXJlPy4oKTtcbiAgfVxufVxuXG5mdW5jdGlvbiBzY2hlZHVsZU1lYXN1cmVtZW50PFQ+KFxuICBrZXk6IG9iamVjdCxcbiAgeyByZWFkLCBtZWFzdXJlIH06IE1lYXN1cmVtZW50VGFzazxUPlxuKTogdm9pZCB7XG4gIHBlbmRpbmdNZWFzdXJlbWVudHMuc2V0KGtleSwgKCkgPT4ge1xuICAgIGNvbnN0IG1lYXN1cmVtZW50ID0gcmVhZCgpO1xuICAgIHJldHVybiBtZWFzdXJlbWVudCA9PT0gbnVsbCA/IG51bGwgOiAoKSA9PiBtZWFzdXJlKG1lYXN1cmVtZW50KTtcbiAgfSk7XG5cbiAgaWYgKG1lYXN1cmVtZW50RnJhbWUgPT09IDApIHtcbiAgICBtZWFzdXJlbWVudEZyYW1lID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKGZsdXNoTWVhc3VyZW1lbnRzKTtcbiAgfVxufVxuXG5mdW5jdGlvbiBjYW5jZWxNZWFzdXJlbWVudChrZXk6IG9iamVjdCk6IHZvaWQge1xuICBwZW5kaW5nTWVhc3VyZW1lbnRzLmRlbGV0ZShrZXkpO1xuXG4gIGlmIChwZW5kaW5nTWVhc3VyZW1lbnRzLnNpemUgPT09IDAgJiYgbWVhc3VyZW1lbnRGcmFtZSAhPT0gMCkge1xuICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKG1lYXN1cmVtZW50RnJhbWUpO1xuICAgIG1lYXN1cmVtZW50RnJhbWUgPSAwO1xuICB9XG59XG5cbmV4cG9ydCB7IGNhbmNlbE1lYXN1cmVtZW50LCBzY2hlZHVsZU1lYXN1cmVtZW50IH07XG5leHBvcnQgdHlwZSB7IE1lYXN1cmVtZW50VGFzayB9O1xuIl19
@@ -1 +1 @@
1
- {"version":3,"file":"middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/middle-truncate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU3E,sDAAsD;AACtD,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1D,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8FnC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/middle-truncate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU3E,sDAAsD;AACtD,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1D,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AAkCD;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA+FnC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
@@ -10,12 +10,19 @@ function getRangeOffsets(container, range) {
10
10
  !container.contains(range.endContainer)) {
11
11
  return null;
12
12
  }
13
- const startRange = document.createRange();
14
- startRange.selectNodeContents(container);
15
- startRange.setEnd(range.startContainer, range.startOffset);
16
- const endRange = document.createRange();
17
- endRange.selectNodeContents(container);
18
- endRange.setEnd(range.endContainer, range.endOffset);
13
+ let startRange;
14
+ let endRange;
15
+ try {
16
+ startRange = document.createRange();
17
+ startRange.selectNodeContents(container);
18
+ startRange.setEnd(range.startContainer, range.startOffset);
19
+ endRange = document.createRange();
20
+ endRange.selectNodeContents(container);
21
+ endRange.setEnd(range.endContainer, range.endOffset);
22
+ }
23
+ catch {
24
+ return null;
25
+ }
19
26
  return {
20
27
  end: endRange.toString().length,
21
28
  start: startRange.toString().length,
@@ -50,7 +57,8 @@ function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
50
57
  const range = selection.getRangeAt(0);
51
58
  const visibleEl = visibleRef.current;
52
59
  let copyText = null;
53
- if (e.currentTarget.contains(range.startContainer) &&
60
+ if (selectionText.includes(ELLIPSIS) &&
61
+ e.currentTarget.contains(range.startContainer) &&
54
62
  e.currentTarget.contains(range.endContainer) &&
55
63
  visibleEl) {
56
64
  const offsets = getRangeOffsets(visibleEl, range);
@@ -78,4 +86,4 @@ function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
78
86
  return (_jsxs("span", { title: isTruncated ? value : undefined, ...props, ref: ref, className: cn('relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap', className), onCopy: handleCopy, children: [isTruncated && _jsx("span", { className: "sr-only select-none", children: value }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap", children: value }), _jsx("span", { "aria-hidden": isTruncated || undefined, className: "col-start-1 row-start-1 min-w-0 overflow-hidden", ref: visibleRef, children: isTruncated ? (_jsxs(_Fragment, { children: [_jsx("span", { children: prefixText }), _jsx("span", { children: ELLIPSIS }), _jsx("span", { children: suffixText })] })) : (displayText) }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap", ref: measureRef })] }));
79
87
  }
80
88
  export { MiddleTruncate };
81
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlLXRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL21pZGRsZS10cnVuY2F0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUdiLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLDBDQUEwQyxHQUMzQyxNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTMUQsU0FBUyxlQUFlLENBQ3RCLFNBQXNCLEVBQ3RCLEtBQVk7SUFFWixJQUNFLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDO1FBQ3pDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEVBQ3ZDLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDMUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3pDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFM0QsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2QyxRQUFRLENBQUMsTUFBTSxDQUFDLEtB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QixZQUFFLEtBQUssR0FBUSxFQUNwRSw4QkFDYyxNQUFNLEVBQ2xCLFNBQVMsRUFBQyxxRkFBcUYsWUFFOUYsS0FBSyxHQUNELEVBQ1AsOEJBQ2UsV0FBVyxJQUFJLFNBQVMsRUFDckMsU0FBUyxFQUFDLGlEQUFpRCxFQUMzRCxHQUFHLEVBQUUsVUFBVSxZQUVkLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDYiw4QkFDRSx5QkFBTyxVQUFVLEdBQVEsRUFDekIseUJBQU8sUUFBUSxHQUFRLEVBQ3ZCLHlCQUFPLFVBQVUsR0FBUSxJQUN4QixDQUNKLENBQUMsQ0FBQyxDQUFDLENBQ0YsV0FBVyxDQUNaLEdBQ0ksRUFDUCw4QkFDYyxNQUFNLEVBQ2xCLFNBQVMsRUFBQyxnR0FBZ0csRUFDMUcsR0FBRyxFQUFFLFVBQVUsR0FDZixJQUNHLENBQ1IsQ0FBQztBQUNKLENBQUM7QUFFRCxPQUFPLEVBQUUsY0FBYyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgQ2xpcGJvYXJkRXZlbnQsIENvbXBvbmVudFByb3BzV2l0aG91dFJlZiwgSlNYIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vLi4vLi4vbGliL2NuJztcbmltcG9ydCB7XG4gIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHQsXG4gIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dCxcbn0gZnJvbSAnLi9jb3B5LXNlbGVjdGlvbic7XG5pbXBvcnQgeyBFTExJUFNJUyB9IGZyb20gJy4vdHJ1bmNhdGUnO1xuaW1wb3J0IHsgdXNlTWlkZGxlVHJ1bmNhdGUgfSBmcm9tICcuL3VzZS1taWRkbGUtdHJ1bmNhdGUnO1xuXG4vKiogUHJvcHMgZm9yIHRoZSB7QGxpbmsgTWlkZGxlVHJ1bmNhdGV9IGNvbXBvbmVudC4gKi9cbmludGVyZmFjZSBNaWRkbGVUcnVuY2F0ZVByb3BzXG4gIGV4dGVuZHMgT21pdDxDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3NwYW4nPiwgJ2NoaWxkcmVuJz4ge1xuICAvKiogVGhlIGZ1bGwgdGV4dCBzdHJpbmcgdG8gZGlzcGxheSwgdHJ1bmNhdGVkIGZyb20gdGhlIG1pZGRsZSB3aGVuIGl0IG92ZXJmbG93cy4gKi9cbiAgdmFsdWU6IHN0cmluZztcbn1cblxuZnVuY3Rpb24gZ2V0UmFuZ2VPZmZzZXRzKFxuICBjb250YWluZXI6IEhUTUxFbGVtZW50LFxuICByYW5nZTogUmFuZ2Vcbik6IHsgZW5kOiBudW1iZXI7IHN0YXJ0OiBudW1iZXIgfSB8IG51bGwge1xuICBpZiAoXG4gICAgIWNvbnRhaW5lci5jb250YWlucyhyYW5nZS5zdGFydENvbnRhaW5lcikgfHxcbiAgICAhY29udGFpbmVyLmNvbnRhaW5zKHJhbmdlLmVuZENvbnRhaW5lcilcbiAgKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBzdGFydFJhbmdlID0gZG9jdW1lbnQuY3JlYXRlUmFuZ2UoKTtcbiAgc3RhcnRSYW5nZS5zZWxlY3ROb2RlQ29udGVudHMoY29udGFpbmVyKTtcbiAgc3RhcnRSYW5nZS5zZXRFbmQocmFuZ2Uuc3RhcnRDb250YWluZXIsIHJhbmdlLnN0YXJ0T2Zmc2V0KTtcblxuICBjb25zdCBlbmRSYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XG4gIGVuZFJhbmdlLnNlbGVjdE5vZGVDb250ZW50cyhjb250YWluZXIpO1xuICBlbmRSYW5nZS5zZXRFbmQocmFuZ2UuZW5kQ29udGFpbmVyLCByYW5nZS5lbmRPZmZzZXQpO1xuXG4gIHJldHVybiB7XG4gICAgZW5kOiBlbmRSYW5nZS50b1N0cmluZygpLmxlbmd0aCxcbiAgICBzdGFydDogc3RhcnRSYW5nZS50b1N0cmluZygpLmxlbmd0aCxcbiAgfTtcbn1cblxuLyoqXG4gKiBAZ2RvY1xuICpcbiAqIFRydW5jYXRlcyB0ZXh0IGZyb20gdGhlIG1pZGRsZSB3aXRoIGFuIGVsbGlwc2lzIHdoZW4gaXQgb3ZlcmZsb3dzLCBwcmVzZXJ2aW5nIHRoZSBiZWdpbm5pbmcgYW5kIGVuZCAoZS5nLiBmaWxlIHBhdGhzLCBVUkxzKS4gQ29weSBiZWhhdmlvciByZXN0b3JlcyB0aGUgZnVsbCB1bnRydW5jYXRlZCB0ZXh0IHRvIHRoZSBjbGlwYm9hcmQuXG4gKiBSZW5kZXJzIGEgYDxzcGFuPmAgZWxlbWVudC5cbiAqXG4gKiBEb2N1bWVudGF0aW9uOiBbR2Vpc3QgTWlkZGxlIFRydW5jYXRlXShodHRwczovL3ZlcmNlbC5jb20vZ2Vpc3QvbWlkZGxlLXRydW5jYXRlKVxuICpcbiAqIEBwYXJhbSB2YWx1ZSAtIEZ1bGwgdGV4dCBzdHJpbmcgdG8gZGlzcGxheS5cbiAqL1xuZnVuY3Rpb24gTWlkZGxlVHJ1bmNhdGUoe1xuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBvbkNvcHk6IG9uQ29weVByb3AsXG4gIC4uLnByb3BzXG59OiBNaWRkbGVUcnVuY2F0ZVByb3BzKTogSlNYLkVsZW1lbnQge1xuICBjb25zdCB7IHJlZiwgbWVhc3VyZVJlZiwgZGlzcGxheVRleHQsIGlzVHJ1bmNhdGVkLCBwcmVmaXhUZXh0LCBzdWZmaXhUZXh0IH0gPVxuICAgIHVzZU1pZGRsZVRydW5jYXRlKHZhbHVlKTtcbiAgY29uc3QgdmlzaWJsZVJlZiA9IHVzZVJlZjxIVE1MU3BhbkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDb3B5ID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IENsaXBib2FyZEV2ZW50PEhUTUxTcGFuRWxlbWVudD4pID0+IHtcbiAgICAgIG9uQ29weVByb3A/LihlKTtcbiAgICAgIGlmIChlLmRlZmF1bHRQcmV2ZW50ZWQgfHwgIWlzVHJ1bmNhdGVkKSByZXR1cm47XG5cbiAgICAgIGNvbnN0IHNlbGVjdGlvbiA9IHdpbmRvdy5nZXRTZWxlY3Rpb24oKTtcbiAgICAgIGlmICghc2VsZWN0aW9uIHx8IHNlbGVjdGlvbi5yYW5nZUNvdW50ID09PSAwKSByZXR1cm47XG4gICAgICBjb25zdCBzZWxlY3Rpb25UZXh0ID0gc2VsZWN0aW9uLnRvU3RyaW5nKCk7XG4gICAgICBpZiAoIXNlbGVjdGlvblRleHQpIHJldHVybjtcblxuICAgICAgLy8gT25seSBpbnRlcmNlcHQgd2hlbiB0aGUgc2VsZWN0aW9uIGlzIGZ1bGx5IHdpdGhpbiB0aGlzIGVsZW1lbnQuXG4gICAgICAvLyBJZiB0aGUgdXNlciBzZWxlY3RlZCBhY3Jvc3MgZWxlbWVudHMgKGUuZy4gYSB0YWJsZSByb3cpLCBsZXRcbiAgICAgIC8vIHRoZSBicm93c2VyJ3MgZGVmYXVsdCBiZWhhdmlvciBwcmVzZXJ2ZSBzdXJyb3VuZGluZyBjb250ZXh0LlxuICAgICAgY29uc3QgcmFuZ2UgPSBzZWxlY3Rpb24uZ2V0UmFuZ2VBdCgwKTtcbiAgICAgIGNvbnN0IHZpc2libGVFbCA9IHZpc2libGVSZWYuY3VycmVudDtcbiAgICAgIGxldCBjb3B5VGV4dDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgICAgIGlmIChcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKHJhbmdlLnN0YXJ0Q29udGFpbmVyKSAmJlxuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuY29udGFpbnMocmFuZ2UuZW5kQ29udGFpbmVyKSAmJlxuICAgICAgICB2aXNpYmxlRWxcbiAgICAgICkge1xuICAgICAgICBjb25zdCBvZmZzZXRzID0gZ2V0UmFuZ2VPZmZzZXRzKHZpc2libGVFbCwgcmFuZ2UpO1xuICAgICAgICBpZiAob2Zmc2V0cykge1xuICAgICAgICAgIGNvcHlUZXh0ID0gZ2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dCh7XG4gICAgICAgICAgICBwcmVmaXhUZXh0LFxuICAgICAgICAgICAgc2VsZWN0aW9uRW5kOiBvZmZzZXRzLmVuZCxcbiAgICAgICAgICAgIHNlbGVjdGlvblN0YXJ0OiBvZmZzZXRzLnN0YXJ0LFxuICAgICAgICAgICAgc3VmZml4VGV4dCxcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGNvcHlUZXh0ID8/PSBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQoe1xuICAgICAgICBwcmVmaXhUZXh0LFxuICAgICAgICBzZWxlY3Rpb25UZXh0LFxuICAgICAgICBzdWZmaXhUZXh0LFxuICAgICAgICB2YWx1ZSxcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoY29weVRleHQgPT09IG51bGwpIHJldHVybjtcblxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5jbGlwYm9hcmREYXRhLnNldERhdGEoJ3RleHQvcGxhaW4nLCBjb3B5VGV4dCk7XG4gICAgfSxcbiAgICBbb25Db3B5UHJvcCwgaXNUcnVuY2F0ZWQsIHByZWZpeFRleHQsIHN1ZmZpeFRleHQsIHZhbHVlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHRpdGxlPXtpc1RydW5jYXRlZCA/IHZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAncmVsYXRpdmUgaW5saW5lLWdyaWQgbWluLXctMCBtYXgtdy1mdWxsIG92ZXJmbG93LWhpZGRlbiB3aGl0ZXNwYWNlLW5vd3JhcCcsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIG9uQ29weT17aGFuZGxlQ29weX1cbiAgICA+XG4gICAgICB7aXNUcnVuY2F0ZWQgJiYgPHNwYW4gY2xhc3NOYW1lPVwic3Itb25seSBzZWxlY3Qtbm9uZVwiPnt2YWx1ZX08L3NwYW4+fVxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPVwicG9pbnRlci1ldmVudHMtbm9uZSBjb2wtc3RhcnQtMSByb3ctc3RhcnQtMSBpbnZpc2libGUgc2VsZWN0LW5vbmUgd2hpdGVzcGFjZS1ub3dyYXBcIlxuICAgICAgPlxuICAgICAgICB7dmFsdWV9XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlbj17aXNUcnVuY2F0ZWQgfHwgdW5kZWZpbmVkfVxuICAgICAgICBjbGFzc05hbWU9XCJjb2wtc3RhcnQtMSByb3ctc3RhcnQtMSBtaW4tdy0wIG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgIHJlZj17dmlzaWJsZVJlZn1cbiAgICAgID5cbiAgICAgICAge2lzVHJ1bmNhdGVkID8gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8c3Bhbj57cHJlZml4VGV4dH08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57RUxMSVBTSVN9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e3N1ZmZpeFRleHR9PC9zcGFuPlxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGRpc3BsYXlUZXh0XG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBjbGFzc05hbWU9XCJwb2ludGVyLWV2ZW50cy1ub25lIGFic29sdXRlIGxlZnQtMCB0b3AtMCBpbmxpbmUtYmxvY2sgaW52aXNpYmxlIHNlbGVjdC1ub25lIHdoaXRlc3BhY2Utbm93cmFwXCJcbiAgICAgICAgcmVmPXttZWFzdXJlUmVmfVxuICAgICAgLz5cbiAgICA8L3NwYW4+XG4gICk7XG59XG5cbmV4cG9ydCB7IE1pZGRsZVRydW5jYXRlIH07XG5leHBvcnQgdHlwZSB7IE1pZGRsZVRydW5jYXRlUHJvcHMgfTtcbiJdfQ==
89
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlLXRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL21pZGRsZS10cnVuY2F0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUdiLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLDBDQUEwQyxHQUMzQyxNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTMUQsU0FBUyxlQUFlLENBQ3RCLFNBQXNCLEVBQ3RCLEtBQVk7SUFFWixJQUNFLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDO1FBQ3pDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEVBQ3ZDLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLFVBQWlCLENBQUM7SUFDdEIsSUFBSSxRQUFlLENBQUM7SUFFcEIsSUFBSSxDQUFDO1FBQ0gsVUFBVSxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUUzRCxRQUFRLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLFFBQVEsQ0FBQyxrQkFBa0Is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QUFTLEtBQ2xDLEtBQUssRUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxFQUFFLENBQ1gsMkVBQTJFLEVBQzNFLFNBQVMsQ0FDVixFQUNELE1BQU0sRUFBRSxVQUFVLGFBRWpCLFdBQVcsSUFBSSxlQUFNLFNBQVMsRUFBQyxxQkFBcUIsWUFBRSxLQUFLLEdBQVEsRUFDcEUsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMscUZBQXFGLFlBRTlGLEtBQUssR0FDRCxFQUNQLDhCQUNlLFdBQVcsSUFBSSxTQUFTLEVBQ3JDLFNBQVMsRUFBQyxpREFBaUQsRUFDM0QsR0FBRyxFQUFFLFVBQVUsWUFFZCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2IsOEJBQ0UseUJBQU8sVUFBVSxHQUFRLEVBQ3pCLHlCQUFPLFFBQVEsR0FBUSxFQUN2Qix5QkFBTyxVQUFVLEdBQVEsSUFDeEIsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixHQUNJLEVBQ1AsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMsZ0dBQWdHLEVBQzFHLEdBQUcsRUFBRSxVQUFVLEdBQ2YsSUFDRyxDQUNSLENBQUM7QUFDSixDQUFDO0FBRUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgdHlwZSB7IENsaXBib2FyZEV2ZW50LCBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsIEpTWCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uLy4uLy4uL2xpYi9jbic7XG5pbXBvcnQge1xuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0LFxuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQsXG59IGZyb20gJy4vY29weS1zZWxlY3Rpb24nO1xuaW1wb3J0IHsgRUxMSVBTSVMgfSBmcm9tICcuL3RydW5jYXRlJztcbmltcG9ydCB7IHVzZU1pZGRsZVRydW5jYXRlIH0gZnJvbSAnLi91c2UtbWlkZGxlLXRydW5jYXRlJztcblxuLyoqIFByb3BzIGZvciB0aGUge0BsaW5rIE1pZGRsZVRydW5jYXRlfSBjb21wb25lbnQuICovXG5pbnRlcmZhY2UgTWlkZGxlVHJ1bmNhdGVQcm9wc1xuICBleHRlbmRzIE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdzcGFuJz4sICdjaGlsZHJlbic+IHtcbiAgLyoqIFRoZSBmdWxsIHRleHQgc3RyaW5nIHRvIGRpc3BsYXksIHRydW5jYXRlZCBmcm9tIHRoZSBtaWRkbGUgd2hlbiBpdCBvdmVyZmxvd3MuICovXG4gIHZhbHVlOiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIGdldFJhbmdlT2Zmc2V0cyhcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCxcbiAgcmFuZ2U6IFJhbmdlXG4pOiB7IGVuZDogbnVtYmVyOyBzdGFydDogbnVtYmVyIH0gfCBudWxsIHtcbiAgaWYgKFxuICAgICFjb250YWluZXIuY29udGFpbnMocmFuZ2Uuc3RhcnRDb250YWluZXIpIHx8XG4gICAgIWNvbnRhaW5lci5jb250YWlucyhyYW5nZS5lbmRDb250YWluZXIpXG4gICkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgbGV0IHN0YXJ0UmFuZ2U6IFJhbmdlO1xuICBsZXQgZW5kUmFuZ2U6IFJhbmdlO1xuXG4gIHRyeSB7XG4gICAgc3RhcnRSYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XG4gICAgc3RhcnRSYW5nZS5zZWxlY3ROb2RlQ29udGVudHMoY29udGFpbmVyKTtcbiAgICBzdGFydFJhbmdlLnNldEVuZChyYW5nZS5zdGFydENvbnRhaW5lciwgcmFuZ2Uuc3RhcnRPZmZzZXQpO1xuXG4gICAgZW5kUmFuZ2UgPSBkb2N1bWVudC5jcmVhdGVSYW5nZSgpO1xuICAgIGVuZFJhbmdlLnNlbGVjdE5vZGVDb250ZW50cyhjb250YWluZXIpO1xuICAgIGVuZFJhbmdlLnNldEVuZChyYW5nZS5lbmRDb250YWluZXIsIHJhbmdlLmVuZE9mZnNldCk7XG4gIH0gY2F0Y2gge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBlbmQ6IGVuZFJhbmdlLnRvU3RyaW5nKCkubGVuZ3RoLFxuICAgIHN0YXJ0OiBzdGFydFJhbmdlLnRvU3RyaW5nKCkubGVuZ3RoLFxuICB9O1xufVxuXG4vKipcbiAqIEBnZG9jXG4gKlxuICogVHJ1bmNhdGVzIHRleHQgZnJvbSB0aGUgbWlkZGxlIHdpdGggYW4gZWxsaXBzaXMgd2hlbiBpdCBvdmVyZmxvd3MsIHByZXNlcnZpbmcgdGhlIGJlZ2lubmluZyBhbmQgZW5kIChlLmcuIGZpbGUgcGF0aHMsIFVSTHMpLiBDb3B5IGJlaGF2aW9yIHJlc3RvcmVzIHRoZSBmdWxsIHVudHJ1bmNhdGVkIHRleHQgdG8gdGhlIGNsaXBib2FyZC5cbiAqIFJlbmRlcnMgYSBgPHNwYW4+YCBlbGVtZW50LlxuICpcbiAqIERvY3VtZW50YXRpb246IFtHZWlzdCBNaWRkbGUgVHJ1bmNhdGVdKGh0dHBzOi8vdmVyY2VsLmNvbS9nZWlzdC9taWRkbGUtdHJ1bmNhdGUpXG4gKlxuICogQHBhcmFtIHZhbHVlIC0gRnVsbCB0ZXh0IHN0cmluZyB0byBkaXNwbGF5LlxuICovXG5mdW5jdGlvbiBNaWRkbGVUcnVuY2F0ZSh7XG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gIG9uQ29weTogb25Db3B5UHJvcCxcbiAgLi4ucHJvcHNcbn06IE1pZGRsZVRydW5jYXRlUHJvcHMpOiBKU1guRWxlbWVudCB7XG4gIGNvbnN0IHsgcmVmLCBtZWFzdXJlUmVmLCBkaXNwbGF5VGV4dCwgaXNUcnVuY2F0ZWQsIHByZWZpeFRleHQsIHN1ZmZpeFRleHQgfSA9XG4gICAgdXNlTWlkZGxlVHJ1bmNhdGUodmFsdWUpO1xuICBjb25zdCB2aXNpYmxlUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZUNvcHkgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogQ2xpcGJvYXJkRXZlbnQ8SFRNTFNwYW5FbGVtZW50PikgPT4ge1xuICAgICAgb25Db3B5UHJvcD8uKGUpO1xuICAgICAgaWYgKGUuZGVmYXVsdFByZXZlbnRlZCB8fCAhaXNUcnVuY2F0ZWQpIHJldHVybjtcblxuICAgICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpO1xuICAgICAgaWYgKCFzZWxlY3Rpb24gfHwgc2VsZWN0aW9uLnJhbmdlQ291bnQgPT09IDApIHJldHVybjtcbiAgICAgIGNvbnN0IHNlbGVjdGlvblRleHQgPSBzZWxlY3Rpb24udG9TdHJpbmcoKTtcbiAgICAgIGlmICghc2VsZWN0aW9uVGV4dCkgcmV0dXJuO1xuXG4gICAgICAvLyBPbmx5IGludGVyY2VwdCB3aGVuIHRoZSBzZWxlY3Rpb24gaXMgZnVsbHkgd2l0aGluIHRoaXMgZWxlbWVudC5cbiAgICAgIC8vIElmIHRoZSB1c2VyIHNlbGVjdGVkIGFjcm9zcyBlbGVtZW50cyAoZS5nLiBhIHRhYmxlIHJvdyksIGxldFxuICAgICAgLy8gdGhlIGJyb3dzZXIncyBkZWZhdWx0IGJlaGF2aW9yIHByZXNlcnZlIHN1cnJvdW5kaW5nIGNvbnRleHQuXG4gICAgICBjb25zdCByYW5nZSA9IHNlbGVjdGlvbi5nZXRSYW5nZUF0KDApO1xuICAgICAgY29uc3QgdmlzaWJsZUVsID0gdmlzaWJsZVJlZi5jdXJyZW50O1xuICAgICAgbGV0IGNvcHlUZXh0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgICAgaWYgKFxuICAgICAgICBzZWxlY3Rpb25UZXh0LmluY2x1ZGVzKEVMTElQU0lTKSAmJlxuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuY29udGFpbnMocmFuZ2Uuc3RhcnRDb250YWluZXIpICYmXG4gICAgICAgIGUuY3VycmVudFRhcmdldC5jb250YWlucyhyYW5nZS5lbmRDb250YWluZXIpICYmXG4gICAgICAgIHZpc2libGVFbFxuICAgICAgKSB7XG4gICAgICAgIGNvbnN0IG9mZnNldHMgPSBnZXRSYW5nZU9mZnNldHModmlzaWJsZUVsLCByYW5nZSk7XG4gICAgICAgIGlmIChvZmZzZXRzKSB7XG4gICAgICAgICAgY29weVRleHQgPSBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0KHtcbiAgICAgICAgICAgIHByZWZpeFRleHQsXG4gICAgICAgICAgICBzZWxlY3Rpb25FbmQ6IG9mZnNldHMuZW5kLFxuICAgICAgICAgICAgc2VsZWN0aW9uU3RhcnQ6IG9mZnNldHMuc3RhcnQsXG4gICAgICAgICAgICBzdWZmaXhUZXh0LFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgY29weVRleHQgPz89IGdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dCh7XG4gICAgICAgIHByZWZpeFRleHQsXG4gICAgICAgIHNlbGVjdGlvblRleHQsXG4gICAgICAgIHN1ZmZpeFRleHQsXG4gICAgICAgIHZhbHVlLFxuICAgICAgfSk7XG5cbiAgICAgIGlmIChjb3B5VGV4dCA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBlLmNsaXBib2FyZERhdGEuc2V0RGF0YSgndGV4dC9wbGFpbicsIGNvcHlUZXh0KTtcbiAgICB9LFxuICAgIFtvbkNvcHlQcm9wLCBpc1RydW5jYXRlZCwgcHJlZml4VGV4dCwgc3VmZml4VGV4dCwgdmFsdWVdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgdGl0bGU9e2lzVHJ1bmNhdGVkID8gdmFsdWUgOiB1bmRlZmluZWR9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdyZWxhdGl2ZSBpbmxpbmUtZ3JpZCBtaW4tdy0wIG1heC13LWZ1bGwgb3ZlcmZsb3ctaGlkZGVuIHdoaXRlc3BhY2Utbm93cmFwJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgICAgb25Db3B5PXtoYW5kbGVDb3B5fVxuICAgID5cbiAgICAgIHtpc1RydW5jYXRlZCAmJiA8c3BhbiBjbGFzc05hbWU9XCJzci1vbmx5IHNlbGVjdC1ub25lXCI+e3ZhbHVlfTwvc3Bhbj59XG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBjbGFzc05hbWU9XCJwb2ludGVyLWV2ZW50cy1ub25lIGNvbC1zdGFydC0xIHJvdy1zdGFydC0xIGludmlzaWJsZSBzZWxlY3Qtbm9uZSB3aGl0ZXNwYWNlLW5vd3JhcFwiXG4gICAgICA+XG4gICAgICAgIHt2YWx1ZX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuPXtpc1RydW5jYXRlZCB8fCB1bmRlZmluZWR9XG4gICAgICAgIGNsYXNzTmFtZT1cImNvbC1zdGFydC0xIHJvdy1zdGFydC0xIG1pbi13LTAgb3ZlcmZsb3ctaGlkZGVuXCJcbiAgICAgICAgcmVmPXt2aXNpYmxlUmVmfVxuICAgICAgPlxuICAgICAgICB7aXNUcnVuY2F0ZWQgPyAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxzcGFuPntwcmVmaXhUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntFTExJUFNJU308L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57c3VmZml4VGV4dH08L3NwYW4+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgZGlzcGxheVRleHRcbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzTmFtZT1cInBvaW50ZXItZXZlbnRzLW5vbmUgYWJzb2x1dGUgbGVmdC0wIHRvcC0wIGlubGluZS1ibG9jayBpbnZpc2libGUgc2VsZWN0LW5vbmUgd2hpdGVzcGFjZS1ub3dyYXBcIlxuICAgICAgICByZWY9e21lYXN1cmVSZWZ9XG4gICAgICAvPlxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IHsgTWlkZGxlVHJ1bmNhdGUgfTtcbmV4cG9ydCB0eXBlIHsgTWlkZGxlVHJ1bmNhdGVQcm9wcyB9O1xuIl19
@@ -1 +1 @@
1
- {"version":3,"file":"use-middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/use-middle-truncate.ts"],"names":[],"mappings":"AAsCA;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG;IACzC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CA6GA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"use-middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/use-middle-truncate.ts"],"names":[],"mappings":"AAkDA;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG;IACzC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CA+LA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1,5 +1,6 @@
1
1
  'use client';
2
2
  import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
3
+ import { cancelMeasurement, scheduleMeasurement } from './measurement-batch';
3
4
  import { middleTruncate, toGraphemes } from './truncate';
4
5
  const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
5
6
  function createFullState(value, graphemes) {
@@ -26,7 +27,13 @@ function useMiddleTruncate(value) {
26
27
  const ref = useRef(null);
27
28
  const measureRef = useRef(null);
28
29
  const [state, setState] = useState(() => fullState);
29
- const rafRef = useRef(0);
30
+ const measurementKeyRef = useRef({});
31
+ const textMeasurementCacheRef = useRef({
32
+ typography: '',
33
+ value,
34
+ widths: new Map(),
35
+ });
36
+ const lastMeasurementRef = useRef(null);
30
37
  const updateState = useCallback((nextState) => {
31
38
  setState((currentState) => {
32
39
  if (currentState.displayText === nextState.displayText &&
@@ -40,26 +47,71 @@ function useMiddleTruncate(value) {
40
47
  return nextState;
41
48
  });
42
49
  }, []);
43
- const recalculate = useCallback(() => {
50
+ const readMeasurement = useCallback(() => {
44
51
  const el = ref.current;
45
52
  const measureEl = measureRef.current;
46
53
  if (!el || !measureEl)
54
+ return null;
55
+ const availableWidth = el.clientWidth;
56
+ const style = getComputedStyle(measureEl);
57
+ return {
58
+ availableWidth,
59
+ typography: [
60
+ style.fontFamily,
61
+ style.fontFeatureSettings,
62
+ style.fontKerning,
63
+ style.fontSize,
64
+ style.fontStretch,
65
+ style.fontStyle,
66
+ style.fontVariationSettings,
67
+ style.fontWeight,
68
+ style.letterSpacing,
69
+ style.textTransform,
70
+ ].join('\0'),
71
+ };
72
+ }, []);
73
+ const recalculate = useCallback(({ availableWidth, typography }) => {
74
+ const measureEl = measureRef.current;
75
+ if (!measureEl)
47
76
  return;
48
- const available = el.clientWidth;
49
- if (available <= 0) {
77
+ const lastMeasurement = lastMeasurementRef.current;
78
+ if (lastMeasurement?.availableWidth === availableWidth &&
79
+ lastMeasurement.typography === typography &&
80
+ lastMeasurement.value === value) {
81
+ return;
82
+ }
83
+ lastMeasurementRef.current = {
84
+ availableWidth,
85
+ typography,
86
+ value,
87
+ };
88
+ if (availableWidth <= 0) {
50
89
  updateState(fullState);
51
90
  return;
52
91
  }
92
+ const textMeasurementCache = textMeasurementCacheRef.current;
93
+ if (textMeasurementCache.typography !== typography ||
94
+ textMeasurementCache.value !== value) {
95
+ textMeasurementCache.typography = typography;
96
+ textMeasurementCache.value = value;
97
+ textMeasurementCache.widths.clear();
98
+ }
53
99
  const measure = (text) => {
100
+ const cachedWidth = textMeasurementCache.widths.get(text);
101
+ if (cachedWidth !== undefined) {
102
+ return cachedWidth;
103
+ }
54
104
  measureEl.textContent = text;
55
- return measureEl.scrollWidth;
105
+ const width = measureEl.scrollWidth;
106
+ textMeasurementCache.widths.set(text, width);
107
+ return width;
56
108
  };
57
109
  const fullWidth = measure(value);
58
- if (fullWidth <= available) {
110
+ if (fullWidth <= availableWidth) {
59
111
  updateState(fullState);
60
112
  return;
61
113
  }
62
- const result = middleTruncate(graphemes, available, measure, fullWidth);
114
+ const result = middleTruncate(graphemes, availableWidth, measure, fullWidth);
63
115
  updateState({
64
116
  displayText: result.text,
65
117
  isTruncated: result.truncated,
@@ -71,34 +123,46 @@ function useMiddleTruncate(value) {
71
123
  }, [fullState, graphemes, updateState, value]);
72
124
  // Measure on mount and when value changes - before paint
73
125
  useIsomorphicLayoutEffect(() => {
74
- recalculate();
75
- }, [recalculate]);
126
+ const measurement = readMeasurement();
127
+ if (measurement) {
128
+ recalculate(measurement);
129
+ }
130
+ }, [readMeasurement, recalculate]);
76
131
  // ResizeObserver + font loading for ongoing responsiveness
77
132
  useEffect(() => {
78
133
  const el = ref.current;
79
134
  if (!el)
80
135
  return;
81
- const debouncedRecalc = () => {
82
- cancelAnimationFrame(rafRef.current);
83
- rafRef.current = requestAnimationFrame(recalculate);
136
+ const measurementKey = measurementKeyRef.current;
137
+ const scheduleRecalculation = () => {
138
+ scheduleMeasurement(measurementKey, {
139
+ read: readMeasurement,
140
+ measure: recalculate,
141
+ });
84
142
  };
85
143
  const ro = typeof ResizeObserver !== 'undefined'
86
- ? new ResizeObserver(debouncedRecalc)
144
+ ? new ResizeObserver(scheduleRecalculation)
87
145
  : null;
88
146
  ro?.observe(el);
89
- window.addEventListener('resize', debouncedRecalc);
147
+ if (!ro) {
148
+ window.addEventListener('resize', scheduleRecalculation);
149
+ }
90
150
  const onFontsLoaded = () => {
91
- debouncedRecalc();
151
+ textMeasurementCacheRef.current.widths.clear();
152
+ lastMeasurementRef.current = null;
153
+ scheduleRecalculation();
92
154
  };
93
155
  const fontSet = 'fonts' in document ? document.fonts : null;
94
156
  fontSet?.addEventListener?.('loadingdone', onFontsLoaded);
95
157
  return () => {
96
158
  ro?.disconnect();
97
- window.removeEventListener('resize', debouncedRecalc);
98
- cancelAnimationFrame(rafRef.current);
159
+ if (!ro) {
160
+ window.removeEventListener('resize', scheduleRecalculation);
161
+ }
162
+ cancelMeasurement(measurementKey);
99
163
  fontSet?.removeEventListener?.('loadingdone', onFontsLoaded);
100
164
  };
101
- }, [recalculate]);
165
+ }, [readMeasurement, recalculate]);
102
166
  return {
103
167
  ref,
104
168
  measureRef,
@@ -111,4 +175,4 @@ function useMiddleTruncate(value) {
111
175
  };
112
176
  }
113
177
  export { useMiddleTruncate };
114
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLW1pZGRsZS10cnVuY2F0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyYWNlLXZpZXdlci9jb21wb25lbnRzL21pZGRsZS10cnVuY2F0ZS91c2UtbWlkZGxlLXRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQztBQUViLE9BQU8sRUFDTCxXQUFXLEVBQ1gsU0FBUyxFQUNULGVBQWUsRUFDZixPQUFPLEVBQ1AsTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXpELE1BQU0seUJBQXlCLEdBQzdCLE9BQU8sTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUM7QUFXOUQsU0FBUyxlQUFlLENBQ3RCLEtBQWEsRUFDYixTQUFtQjtJQUVuQixPQUFPO1FBQ0wsV0FBVyxFQUFFLEtBQUs7UUFDbEIsV0FBVyxFQUFFLEtBQUs7UUFDbEIsbUJBQW1CLEVBQUUsU0FBUyxDQUFDLE1BQU07UUFDckMsVUFBVSxFQUFFLEtBQUs7UUFDakIsbUJBQW1CLEVBQUUsQ0FBQztRQUN0QixVQUFVLEVBQUUsRUFBRTtLQUNmLENBQUM7QUFDSixDQUFDO0FBRUQ7Ozs7Ozs7R0FPRztBQUNILFNBQVMsaUJBQWlCLENBQUMsS0FBYTtJQVV0QyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM3RCxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQ3ZCLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLEVBQ3ZDLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUNuQixDQUFD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V0FBVztRQUM5QixXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVc7UUFDOUIsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLG1CQUFtQjtRQUM5QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7UUFDNUIsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLG1CQUFtQjtRQUM5QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7S0FDN0IsQ0FBQztBQUNKLENBQUM7QUFFRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHtcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBtaWRkbGVUcnVuY2F0ZSwgdG9HcmFwaGVtZXMgfSBmcm9tICcuL3RydW5jYXRlJztcblxuY29uc3QgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCA9XG4gIHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnID8gdXNlRWZmZWN0IDogdXNlTGF5b3V0RWZmZWN0O1xuXG5pbnRlcmZhY2UgTWlkZGxlVHJ1bmNhdGVTdGF0ZSB7XG4gIGRpc3BsYXlUZXh0OiBzdHJpbmc7XG4gIGlzVHJ1bmNhdGVkOiBib29sZWFuO1xuICBwcmVmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc3VmZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBzdWZmaXhUZXh0OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUZ1bGxTdGF0ZShcbiAgdmFsdWU6IHN0cmluZyxcbiAgZ3JhcGhlbWVzOiBzdHJpbmdbXVxuKTogTWlkZGxlVHJ1bmNhdGVTdGF0ZSB7XG4gIHJldHVybiB7XG4gICAgZGlzcGxheVRleHQ6IHZhbHVlLFxuICAgIGlzVHJ1bmNhdGVkOiBmYWxzZSxcbiAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBncmFwaGVtZXMubGVuZ3RoLFxuICAgIHByZWZpeFRleHQ6IHZhbHVlLFxuICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgc3VmZml4VGV4dDogJycsXG4gIH07XG59XG5cbi8qKlxuICogTWlkZGxlLXRydW5jYXRpb24gbG9naWMuIFJldHVybnMgcmVmcyB0byBhdHRhY2ggdG8gdGhlIGNvbnRhaW5lciBhbmQgbWVhc3VyZW1lbnQgZWxlbWVudHMsIHBsdXMgdGhlIHRydW5jYXRlZCBkaXNwbGF5IHRleHQuIFJlY2FsY3VsYXRlcyBvbiByZXNpemUsIGZvbnQgbG9hZGluZywgYW5kIHZhbHVlIGNoYW5nZXMuXG4gKiBQb3dlcnMgdGhlIGA8TWlkZGxlVHJ1bmNhdGU+YCAoYDxzcGFuPmApIGNvbXBvbmVudC5cbiAqXG4gKiBEb2N1bWVudGF0aW9uOiBbR2Vpc3QgTWlkZGxlIFRydW5jYXRlXShodHRwczovL3ZlcmNlbC5jb20vZ2Vpc3QvbWlkZGxlLXRydW5jYXRlKVxuICpcbiAqIEBwYXJhbSB2YWx1ZSAtIEZ1bGwgdGV4dCBzdHJpbmcgdG8gdHJ1bmNhdGUuXG4gKi9cbmZ1bmN0aW9uIHVzZU1pZGRsZVRydW5jYXRlKHZhbHVlOiBzdHJpbmcpOiB7XG4gIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxTcGFuRWxlbWVudCB8IG51bGw+O1xuICBtZWFzdXJlUmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTFNwYW5FbGVtZW50IHwgbnVsbD47XG4gIGRpc3BsYXlUZXh0OiBzdHJpbmc7XG4gIGlzVHJ1bmNhdGVkOiBib29sZWFuO1xuICBwcmVmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc3VmZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBzdWZmaXhUZXh0OiBzdHJpbmc7XG59IHtcbiAgY29uc3QgZ3JhcGhlbWVzID0gdXNlTWVtbygoKSA9PiB0b0dyYXBoZW1lcyh2YWx1ZSksIFt2YWx1ZV0pO1xuICBjb25zdCBmdWxsU3RhdGUgPSB1c2VNZW1vKFxuICAgICgpID0+IGNyZWF0ZUZ1bGxTdGF0ZSh2YWx1ZSwgZ3JhcGhlbWVzKSxcbiAgICBbZ3JhcGhlbWVzLCB2YWx1ZV1cbiAgKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBtZWFzdXJlUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPE1pZGRsZVRydW5jYXRlU3RhdGU+KCgpID0+IGZ1bGxTdGF0ZSk7XG4gIGNvbnN0IHJhZlJlZiA9IHVzZVJlZjxudW1iZXI+KDApO1xuXG4gIGNvbnN0IHVwZGF0ZVN0YXRlID0gdXNlQ2FsbGJhY2soKG5leHRTdGF0ZTogTWlkZGxlVHJ1bmNhdGVTdGF0ZSkgPT4ge1xuICAgIHNldFN0YXRlKChjdXJyZW50U3RhdGUpID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgY3VycmVudFN0YXRlLmRpc3BsYXlUZXh0ID09PSBuZXh0U3RhdGUuZGlzcGxheVRleHQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLmlzVHJ1bmNhdGVkID09PSBuZXh0U3RhdGUuaXNUcnVuY2F0ZWQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLnByZWZpeFRleHQgPT09IG5leHRTdGF0ZS5wcmVmaXhUZXh0ICYmXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5wcmVmaXhHcmFwaGVtZUNvdW50ID09PSBuZXh0U3RhdGUucHJlZml4R3JhcGhlbWVDb3VudCAmJlxuICAgICAgICBjdXJyZW50U3RhdGUuc3VmZml4VGV4dCA9PT0gbmV4dFN0YXRlLnN1ZmZpeFRleHQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLnN1ZmZpeEdyYXBoZW1lQ291bnQgPT09IG5leHRTdGF0ZS5zdWZmaXhHcmFwaGVtZUNvdW50XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGN1cnJlbnRTdGF0ZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG5leHRTdGF0ZTtcbiAgICB9KTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlY2FsY3VsYXRlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gcmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgbWVhc3VyZUVsID0gbWVhc3VyZVJlZi5jdXJyZW50O1xuICAgIGlmICghZWwgfHwgIW1lYXN1cmVFbCkgcmV0dXJuO1xuXG4gICAgY29uc3QgYXZhaWxhYmxlID0gZWwuY2xpZW50V2lkdGg7XG5cbiAgICBpZiAoYXZhaWxhYmxlIDw9IDApIHtcbiAgICAgIHVwZGF0ZVN0YXRlKGZ1bGxTdGF0ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbWVhc3VyZSA9ICh0ZXh0OiBzdHJpbmcpOiBudW1iZXIgPT4ge1xuICAgICAgbWVhc3VyZUVsLnRleHRDb250ZW50ID0gdGV4dDtcbiAgICAgIHJldHVybiBtZWFzdXJlRWwuc2Nyb2xsV2lkdGg7XG4gICAgfTtcblxuICAgIGNvbnN0IGZ1bGxXaWR0aCA9IG1lYXN1cmUodmFsdWUpO1xuXG4gICAgaWYgKGZ1bGxXaWR0aCA8PSBhdmFpbGFibGUpIHtcbiAgICAgIHVwZGF0ZVN0YXRlKGZ1bGxTdGF0ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcmVzdWx0ID0gbWlkZGxlVHJ1bmNhdGUoZ3JhcGhlbWVzLCBhdmFpbGFibGUsIG1lYXN1cmUsIGZ1bGxXaWR0aCk7XG4gICAgdXBkYXRlU3RhdGUoe1xuICAgICAgZGlzcGxheVRleHQ6IHJlc3VsdC50ZXh0LFxuICAgICAgaXNUcnVuY2F0ZWQ6IHJlc3VsdC50cnVuY2F0ZWQsXG4gICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiByZXN1bHQucHJlZml4R3JhcGhlbWVDb3VudCxcbiAgICAgIHByZWZpeFRleHQ6IHJlc3VsdC5wcmVmaXhUZXh0LFxuICAgICAgc3VmZml4R3JhcGhlbWVDb3VudDogcmVzdWx0LnN1ZmZpeEdyYXBoZW1lQ291bnQsXG4gICAgICBzdWZmaXhUZXh0OiByZXN1bHQuc3VmZml4VGV4dCxcbiAgICB9KTtcbiAgfSwgW2Z1bGxTdGF0ZSwgZ3JhcGhlbWVzLCB1cGRhdGVTdGF0ZSwgdmFsdWVdKTtcblxuICAvLyBNZWFzdXJlIG9uIG1vdW50IGFuZCB3aGVuIHZhbHVlIGNoYW5nZXMgLSBiZWZvcmUgcGFpbnRcbiAgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgcmVjYWxjdWxhdGUoKTtcbiAgfSwgW3JlY2FsY3VsYXRlXSk7XG5cbiAgLy8gUmVzaXplT2JzZXJ2ZXIgKyBmb250IGxvYWRpbmcgZm9yIG9uZ29pbmcgcmVzcG9uc2l2ZW5lc3NcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHJlZi5jdXJyZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcblxuICAgIGNvbnN0IGRlYm91bmNlZFJlY2FsYyA9ICgpOiB2b2lkID0+IHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJhZlJlZi5jdXJyZW50KTtcbiAgICAgIHJhZlJlZi5jdXJyZW50ID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHJlY2FsY3VsYXRlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgcm8gPVxuICAgICAgdHlwZW9mIFJlc2l6ZU9ic2VydmVyICE9PSAndW5kZWZpbmVkJ1xuICAgICAgICA/IG5ldyBSZXNpemVPYnNlcnZlcihkZWJvdW5jZWRSZWNhbGMpXG4gICAgICAgIDogbnVsbDtcbiAgICBybz8ub2JzZXJ2ZShlbCk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGRlYm91bmNlZFJlY2FsYyk7XG5cbiAgICBjb25zdCBvbkZvbnRzTG9hZGVkID0gKCk6IHZvaWQgPT4ge1xuICAgICAgZGVib3VuY2VkUmVjYWxjKCk7XG4gICAgfTtcbiAgICBjb25zdCBmb250U2V0ID0gJ2ZvbnRzJyBpbiBkb2N1bWVudCA/IGRvY3VtZW50LmZvbnRzIDogbnVsbDtcbiAgICBmb250U2V0Py5hZGRFdmVudExpc3RlbmVyPy4oJ2xvYWRpbmdkb25lJywgb25Gb250c0xvYWRlZCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgcm8/LmRpc2Nvbm5lY3QoKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBkZWJvdW5jZWRSZWNhbGMpO1xuICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmUmVmLmN1cnJlbnQpO1xuICAgICAgZm9udFNldD8ucmVtb3ZlRXZlbnRMaXN0ZW5lcj8uKCdsb2FkaW5nZG9uZScsIG9uRm9udHNMb2FkZWQpO1xuICAgIH07XG4gIH0sIFtyZWNhbGN1bGF0ZV0pO1xuXG4gIHJldHVybiB7XG4gICAgcmVmLFxuICAgIG1lYXN1cmVSZWYsXG4gICAgZGlzcGxheVRleHQ6IHN0YXRlLmRpc3BsYXlUZXh0LFxuICAgIGlzVHJ1bmNhdGVkOiBzdGF0ZS5pc1RydW5jYXRlZCxcbiAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBzdGF0ZS5wcmVmaXhHcmFwaGVtZUNvdW50LFxuICAgIHByZWZpeFRleHQ6IHN0YXRlLnByZWZpeFRleHQsXG4gICAgc3VmZml4R3JhcGhlbWVDb3VudDogc3RhdGUuc3VmZml4R3JhcGhlbWVDb3VudCxcbiAgICBzdWZmaXhUZXh0OiBzdGF0ZS5zdWZmaXhUZXh0LFxuICB9O1xufVxuXG5leHBvcnQgeyB1c2VNaWRkbGVUcnVuY2F0ZSB9O1xuIl19
178
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLW1pZGRsZS10cnVuY2F0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyYWNlLXZpZXdlci9jb21wb25lbnRzL21pZGRsZS10cnVuY2F0ZS91c2UtbWlkZGxlLXRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQztBQUViLE9BQU8sRUFDTCxXQUFXLEVBQ1gsU0FBUyxFQUNULGVBQWUsRUFDZixPQUFPLEVBQ1AsTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXpELE1BQU0seUJBQXlCLEdBQzdCLE9BQU8sTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUM7QUFzQjlELFNBQVMsZUFBZSxDQUN0QixLQUFhLEVBQ2IsU0FBbUI7SUFFbkIsT0FBTztRQUNMLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLG1CQUFtQixFQUFFLFNBQVMsQ0FBQyxNQUFNO1FBQ3JDLFVBQVUsRUFBRSxLQUFLO1FBQ2pCLG1CQUFtQixFQUFFLENBQUM7UUFDdEIsVUFBVSxFQUFFLEVBQUU7S0FDZixDQUFDO0FBQ0osQ0FBQztBQUVEOzs7Ozs7O0dBT0c7QUFDSCxTQUFTLGlCQUFpQixDQUFDLEtBQWE7SUFVdEMsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDN0QsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUN2QixHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FB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LEtBQUssQ0FBQyxXQUFXO1FBQzlCLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxtQkFBbUI7UUFDOUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVO1FBQzVCLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxtQkFBbUI7UUFDOUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVO0tBQzdCLENBQUM7QUFDSixDQUFDO0FBRUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VFZmZlY3QsXG4gIHVzZUxheW91dEVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY2FuY2VsTWVhc3VyZW1lbnQsIHNjaGVkdWxlTWVhc3VyZW1lbnQgfSBmcm9tICcuL21lYXN1cmVtZW50LWJhdGNoJztcbmltcG9ydCB7IG1pZGRsZVRydW5jYXRlLCB0b0dyYXBoZW1lcyB9IGZyb20gJy4vdHJ1bmNhdGUnO1xuXG5jb25zdCB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0ID1cbiAgdHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcgPyB1c2VFZmZlY3QgOiB1c2VMYXlvdXRFZmZlY3Q7XG5cbmludGVyZmFjZSBNaWRkbGVUcnVuY2F0ZVN0YXRlIHtcbiAgZGlzcGxheVRleHQ6IHN0cmluZztcbiAgaXNUcnVuY2F0ZWQ6IGJvb2xlYW47XG4gIHByZWZpeEdyYXBoZW1lQ291bnQ6IG51bWJlcjtcbiAgcHJlZml4VGV4dDogc3RyaW5nO1xuICBzdWZmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHN1ZmZpeFRleHQ6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIE1pZGRsZVRydW5jYXRlTWVhc3VyZW1lbnQge1xuICBhdmFpbGFibGVXaWR0aDogbnVtYmVyO1xuICB0eXBvZ3JhcGh5OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBUZXh0TWVhc3VyZW1lbnRDYWNoZSB7XG4gIHR5cG9ncmFwaHk6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgd2lkdGhzOiBNYXA8c3RyaW5nLCBudW1iZXI+O1xufVxuXG5mdW5jdGlvbiBjcmVhdGVGdWxsU3RhdGUoXG4gIHZhbHVlOiBzdHJpbmcsXG4gIGdyYXBoZW1lczogc3RyaW5nW11cbik6IE1pZGRsZVRydW5jYXRlU3RhdGUge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXlUZXh0OiB2YWx1ZSxcbiAgICBpc1RydW5jYXRlZDogZmFsc2UsXG4gICAgcHJlZml4R3JhcGhlbWVDb3VudDogZ3JhcGhlbWVzLmxlbmd0aCxcbiAgICBwcmVmaXhUZXh0OiB2YWx1ZSxcbiAgICBzdWZmaXhHcmFwaGVtZUNvdW50OiAwLFxuICAgIHN1ZmZpeFRleHQ6ICcnLFxuICB9O1xufVxuXG4vKipcbiAqIE1pZGRsZS10cnVuY2F0aW9uIGxvZ2ljLiBSZXR1cm5zIHJlZnMgdG8gYXR0YWNoIHRvIHRoZSBjb250YWluZXIgYW5kIG1lYXN1cmVtZW50IGVsZW1lbnRzLCBwbHVzIHRoZSB0cnVuY2F0ZWQgZGlzcGxheSB0ZXh0LiBSZWNhbGN1bGF0ZXMgb24gcmVzaXplLCBmb250IGxvYWRpbmcsIGFuZCB2YWx1ZSBjaGFuZ2VzLlxuICogUG93ZXJzIHRoZSBgPE1pZGRsZVRydW5jYXRlPmAgKGA8c3Bhbj5gKSBjb21wb25lbnQuXG4gKlxuICogRG9jdW1lbnRhdGlvbjogW0dlaXN0IE1pZGRsZSBUcnVuY2F0ZV0oaHR0cHM6Ly92ZXJjZWwuY29tL2dlaXN0L21pZGRsZS10cnVuY2F0ZSlcbiAqXG4gKiBAcGFyYW0gdmFsdWUgLSBGdWxsIHRleHQgc3RyaW5nIHRvIHRydW5jYXRlLlxuICovXG5mdW5jdGlvbiB1c2VNaWRkbGVUcnVuY2F0ZSh2YWx1ZTogc3RyaW5nKToge1xuICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MU3BhbkVsZW1lbnQgfCBudWxsPjtcbiAgbWVhc3VyZVJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxTcGFuRWxlbWVudCB8IG51bGw+O1xuICBkaXNwbGF5VGV4dDogc3RyaW5nO1xuICBpc1RydW5jYXRlZDogYm9vbGVhbjtcbiAgcHJlZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBwcmVmaXhUZXh0OiBzdHJpbmc7XG4gIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IG51bWJlcjtcbiAgc3VmZml4VGV4dDogc3RyaW5nO1xufSB7XG4gIGNvbnN0IGdyYXBoZW1lcyA9IHVzZU1lbW8oKCkgPT4gdG9HcmFwaGVtZXModmFsdWUpLCBbdmFsdWVdKTtcbiAgY29uc3QgZnVsbFN0YXRlID0gdXNlTWVtbyhcbiAgICAoKSA9PiBjcmVhdGVGdWxsU3RhdGUodmFsdWUsIGdyYXBoZW1lcyksXG4gICAgW2dyYXBoZW1lcywgdmFsdWVdXG4gICk7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MU3BhbkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgbWVhc3VyZVJlZiA9IHVzZVJlZjxIVE1MU3BhbkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgW3N0YXRlLCBzZXRTdGF0ZV0gPSB1c2VTdGF0ZTxNaWRkbGVUcnVuY2F0ZVN0YXRlPigoKSA9PiBmdWxsU3RhdGUpO1xuICBjb25zdCBtZWFzdXJlbWVudEtleVJlZiA9IHVzZVJlZjxvYmplY3Q+KHt9KTtcbiAgY29uc3QgdGV4dE1lYXN1cmVtZW50Q2FjaGVSZWYgPSB1c2VSZWY8VGV4dE1lYXN1cmVtZW50Q2FjaGU+KHtcbiAgICB0eXBvZ3JhcGh5OiAnJyxcbiAgICB2YWx1ZSxcbiAgICB3aWR0aHM6IG5ldyBNYXAoKSxcbiAgfSk7XG4gIGNvbnN0IGxhc3RNZWFzdXJlbWVudFJlZiA9IHVzZVJlZjxcbiAgICAoTWlkZGxlVHJ1bmNhdGVNZWFzdXJlbWVudCAmIHsgdmFsdWU6IHN0cmluZyB9KSB8IG51bGxcbiAgPihudWxsKTtcblxuICBjb25zdCB1cGRhdGVTdGF0ZSA9IHVzZUNhbGxiYWNrKChuZXh0U3RhdGU6IE1pZGRsZVRydW5jYXRlU3RhdGUpID0+IHtcbiAgICBzZXRTdGF0ZSgoY3VycmVudFN0YXRlKSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5kaXNwbGF5VGV4dCA9PT0gbmV4dFN0YXRlLmRpc3BsYXlUZXh0ICYmXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5pc1RydW5jYXRlZCA9PT0gbmV4dFN0YXRlLmlzVHJ1bmNhdGVkICYmXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5wcmVmaXhUZXh0ID09PSBuZXh0U3RhdGUucHJlZml4VGV4dCAmJlxuICAgICAgICBjdXJyZW50U3RhdGUucHJlZml4R3JhcGhlbWVDb3VudCA9PT0gbmV4dFN0YXRlLnByZWZpeEdyYXBoZW1lQ291bnQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLnN1ZmZpeFRleHQgPT09IG5leHRTdGF0ZS5zdWZmaXhUZXh0ICYmXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5zdWZmaXhHcmFwaGVtZUNvdW50ID09PSBuZXh0U3RhdGUuc3VmZml4R3JhcGhlbWVDb3VudFxuICAgICAgKSB7XG4gICAgICAgIHJldHVybiBjdXJyZW50U3RhdGU7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBuZXh0U3RhdGU7XG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCByZWFkTWVhc3VyZW1lbnQgPSB1c2VDYWxsYmFjaygoKTogTWlkZGxlVHJ1bmNhdGVNZWFzdXJlbWVudCB8IG51bGwgPT4ge1xuICAgIGNvbnN0IGVsID0gcmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgbWVhc3VyZUVsID0gbWVhc3VyZVJlZi5jdXJyZW50O1xuICAgIGlmICghZWwgfHwgIW1lYXN1cmVFbCkgcmV0dXJuIG51bGw7XG5cbiAgICBjb25zdCBhdmFpbGFibGVXaWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IHN0eWxlID0gZ2V0Q29tcHV0ZWRTdHlsZShtZWFzdXJlRWwpO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGF2YWlsYWJsZVdpZHRoLFxuICAgICAgdHlwb2dyYXBoeTogW1xuICAgICAgICBzdHlsZS5mb250RmFtaWx5LFxuICAgICAgICBzdHlsZS5mb250RmVhdHVyZVNldHRpbmdzLFxuICAgICAgICBzdHlsZS5mb250S2VybmluZyxcbiAgICAgICAgc3R5bGUuZm9udFNpemUsXG4gICAgICAgIHN0eWxlLmZvbnRTdHJldGNoLFxuICAgICAgICBzdHlsZS5mb250U3R5bGUsXG4gICAgICAgIHN0eWxlLmZvbnRWYXJpYXRpb25TZXR0aW5ncyxcbiAgICAgICAgc3R5bGUuZm9udFdlaWdodCxcbiAgICAgICAgc3R5bGUubGV0dGVyU3BhY2luZyxcbiAgICAgICAgc3R5bGUudGV4dFRyYW5zZm9ybSxcbiAgICAgIF0uam9pbignXFwwJyksXG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlY2FsY3VsYXRlID0gdXNlQ2FsbGJhY2soXG4gICAgKHsgYXZhaWxhYmxlV2lkdGgsIHR5cG9ncmFwaHkgfTogTWlkZGxlVHJ1bmNhdGVNZWFzdXJlbWVudCkgPT4ge1xuICAgICAgY29uc3QgbWVhc3VyZUVsID0gbWVhc3VyZVJlZi5jdXJyZW50O1xuICAgICAgaWYgKCFtZWFzdXJlRWwpIHJldHVybjtcblxuICAgICAgY29uc3QgbGFzdE1lYXN1cmVtZW50ID0gbGFzdE1lYXN1cmVtZW50UmVmLmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGxhc3RNZWFzdXJlbWVudD8uYXZhaWxhYmxlV2lkdGggPT09IGF2YWlsYWJsZVdpZHRoICYmXG4gICAgICAgIGxhc3RNZWFzdXJlbWVudC50eXBvZ3JhcGh5ID09PSB0eXBvZ3JhcGh5ICYmXG4gICAgICAgIGxhc3RNZWFzdXJlbWVudC52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGxhc3RNZWFzdXJlbWVudFJlZi5jdXJyZW50ID0ge1xuICAgICAgICBhdmFpbGFibGVXaWR0aCxcbiAgICAgICAgdHlwb2dyYXBoeSxcbiAgICAgICAgdmFsdWUsXG4gICAgICB9O1xuXG4gICAgICBpZiAoYXZhaWxhYmxlV2lkdGggPD0gMCkge1xuICAgICAgICB1cGRhdGVTdGF0ZShmdWxsU3RhdGUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IHRleHRNZWFzdXJlbWVudENhY2hlID0gdGV4dE1lYXN1cmVtZW50Q2FjaGVSZWYuY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgdGV4dE1lYXN1cmVtZW50Q2FjaGUudHlwb2dyYXBoeSAhPT0gdHlwb2dyYXBoeSB8fFxuICAgICAgICB0ZXh0TWVhc3VyZW1lbnRDYWNoZS52YWx1ZSAhPT0gdmFsdWVcbiAgICAgICkge1xuICAgICAgICB0ZXh0TWVhc3VyZW1lbnRDYWNoZS50eXBvZ3JhcGh5ID0gdHlwb2dyYXBoeTtcbiAgICAgICAgdGV4dE1lYXN1cmVtZW50Q2FjaGUudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGV4dE1lYXN1cmVtZW50Q2FjaGUud2lkdGhzLmNsZWFyKCk7XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IG1lYXN1cmUgPSAodGV4dDogc3RyaW5nKTogbnVtYmVyID0+IHtcbiAgICAgICAgY29uc3QgY2FjaGVkV2lkdGggPSB0ZXh0TWVhc3VyZW1lbnRDYWNoZS53aWR0aHMuZ2V0KHRleHQpO1xuICAgICAgICBpZiAoY2FjaGVkV2lkdGggIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIHJldHVybiBjYWNoZWRXaWR0aDtcbiAgICAgICAgfVxuXG4gICAgICAgIG1lYXN1cmVFbC50ZXh0Q29udGVudCA9IHRleHQ7XG4gICAgICAgIGNvbnN0IHdpZHRoID0gbWVhc3VyZUVsLnNjcm9sbFdpZHRoO1xuICAgICAgICB0ZXh0TWVhc3VyZW1lbnRDYWNoZS53aWR0aHMuc2V0KHRleHQsIHdpZHRoKTtcbiAgICAgICAgcmV0dXJuIHdpZHRoO1xuICAgICAgfTtcblxuICAgICAgY29uc3QgZnVsbFdpZHRoID0gbWVhc3VyZSh2YWx1ZSk7XG5cbiAgICAgIGlmIChmdWxsV2lkdGggPD0gYXZhaWxhYmxlV2lkdGgpIHtcbiAgICAgICAgdXBkYXRlU3RhdGUoZnVsbFN0YXRlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCByZXN1bHQgPSBtaWRkbGVUcnVuY2F0ZShcbiAgICAgICAgZ3JhcGhlbWVzLFxuICAgICAgICBhdmFpbGFibGVXaWR0aCxcbiAgICAgICAgbWVhc3VyZSxcbiAgICAgICAgZnVsbFdpZHRoXG4gICAgICApO1xuICAgICAgdXBkYXRlU3RhdGUoe1xuICAgICAgICBkaXNwbGF5VGV4dDogcmVzdWx0LnRleHQsXG4gICAgICAgIGlzVHJ1bmNhdGVkOiByZXN1bHQudHJ1bmNhdGVkLFxuICAgICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiByZXN1bHQucHJlZml4R3JhcGhlbWVDb3VudCxcbiAgICAgICAgcHJlZml4VGV4dDogcmVzdWx0LnByZWZpeFRleHQsXG4gICAgICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IHJlc3VsdC5zdWZmaXhHcmFwaGVtZUNvdW50LFxuICAgICAgICBzdWZmaXhUZXh0OiByZXN1bHQuc3VmZml4VGV4dCxcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgW2Z1bGxTdGF0ZSwgZ3JhcGhlbWVzLCB1cGRhdGVTdGF0ZSwgdmFsdWVdXG4gICk7XG5cbiAgLy8gTWVhc3VyZSBvbiBtb3VudCBhbmQgd2hlbiB2YWx1ZSBjaGFuZ2VzIC0gYmVmb3JlIHBhaW50XG4gIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IG1lYXN1cmVtZW50ID0gcmVhZE1lYXN1cmVtZW50KCk7XG4gICAgaWYgKG1lYXN1cmVtZW50KSB7XG4gICAgICByZWNhbGN1bGF0ZShtZWFzdXJlbWVudCk7XG4gICAgfVxuICB9LCBbcmVhZE1lYXN1cmVtZW50LCByZWNhbGN1bGF0ZV0pO1xuXG4gIC8vIFJlc2l6ZU9ic2VydmVyICsgZm9udCBsb2FkaW5nIGZvciBvbmdvaW5nIHJlc3BvbnNpdmVuZXNzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWwgPSByZWYuY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG5cbiAgICBjb25zdCBtZWFzdXJlbWVudEtleSA9IG1lYXN1cmVtZW50S2V5UmVmLmN1cnJlbnQ7XG4gICAgY29uc3Qgc2NoZWR1bGVSZWNhbGN1bGF0aW9uID0gKCk6IHZvaWQgPT4ge1xuICAgICAgc2NoZWR1bGVNZWFzdXJlbWVudChtZWFzdXJlbWVudEtleSwge1xuICAgICAgICByZWFkOiByZWFkTWVhc3VyZW1lbnQsXG4gICAgICAgIG1lYXN1cmU6IHJlY2FsY3VsYXRlLFxuICAgICAgfSk7XG4gICAgfTtcblxuICAgIGNvbnN0IHJvID1cbiAgICAgIHR5cGVvZiBSZXNpemVPYnNlcnZlciAhPT0gJ3VuZGVmaW5lZCdcbiAgICAgICAgPyBuZXcgUmVzaXplT2JzZXJ2ZXIoc2NoZWR1bGVSZWNhbGN1bGF0aW9uKVxuICAgICAgICA6IG51bGw7XG4gICAgcm8/Lm9ic2VydmUoZWwpO1xuICAgIGlmICghcm8pIHtcbiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzY2hlZHVsZVJlY2FsY3VsYXRpb24pO1xuICAgIH1cblxuICAgIGNvbnN0IG9uRm9udHNMb2FkZWQgPSAoKTogdm9pZCA9PiB7XG4gICAgICB0ZXh0TWVhc3VyZW1lbnRDYWNoZVJlZi5jdXJyZW50LndpZHRocy5jbGVhcigpO1xuICAgICAgbGFzdE1lYXN1cmVtZW50UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgc2NoZWR1bGVSZWNhbGN1bGF0aW9uKCk7XG4gICAgfTtcbiAgICBjb25zdCBmb250U2V0ID0gJ2ZvbnRzJyBpbiBkb2N1bWVudCA/IGRvY3VtZW50LmZvbnRzIDogbnVsbDtcbiAgICBmb250U2V0Py5hZGRFdmVudExpc3RlbmVyPy4oJ2xvYWRpbmdkb25lJywgb25Gb250c0xvYWRlZCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgcm8/LmRpc2Nvbm5lY3QoKTtcbiAgICAgIGlmICghcm8pIHtcbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNjaGVkdWxlUmVjYWxjdWxhdGlvbik7XG4gICAgICB9XG4gICAgICBjYW5jZWxNZWFzdXJlbWVudChtZWFzdXJlbWVudEtleSk7XG4gICAgICBmb250U2V0Py5yZW1vdmVFdmVudExpc3RlbmVyPy4oJ2xvYWRpbmdkb25lJywgb25Gb250c0xvYWRlZCk7XG4gICAgfTtcbiAgfSwgW3JlYWRNZWFzdXJlbWVudCwgcmVjYWxjdWxhdGVdKTtcblxuICByZXR1cm4ge1xuICAgIHJlZixcbiAgICBtZWFzdXJlUmVmLFxuICAgIGRpc3BsYXlUZXh0OiBzdGF0ZS5kaXNwbGF5VGV4dCxcbiAgICBpc1RydW5jYXRlZDogc3RhdGUuaXNUcnVuY2F0ZWQsXG4gICAgcHJlZml4R3JhcGhlbWVDb3VudDogc3RhdGUucHJlZml4R3JhcGhlbWVDb3VudCxcbiAgICBwcmVmaXhUZXh0OiBzdGF0ZS5wcmVmaXhUZXh0LFxuICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IHN0YXRlLnN1ZmZpeEdyYXBoZW1lQ291bnQsXG4gICAgc3VmZml4VGV4dDogc3RhdGUuc3VmZml4VGV4dCxcbiAgfTtcbn1cblxuZXhwb3J0IHsgdXNlTWlkZGxlVHJ1bmNhdGUgfTtcbiJdfQ==
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@workflow/web-shared",
3
3
  "description": "Shared components for Workflow Observability UI",
4
- "version": "5.0.0-beta.42",
4
+ "version": "5.0.0-beta.43",
5
5
  "private": false,
6
6
  "files": [
7
7
  "dist",
@@ -55,9 +55,9 @@
55
55
  "streamdown": "2.3.0",
56
56
  "tailwind-merge": "3.5.0",
57
57
  "tailwindcss": "4",
58
- "@workflow/core": "5.0.0-beta.42",
58
+ "@workflow/core": "5.0.0-beta.43",
59
59
  "@workflow/utils": "5.0.0-beta.8",
60
- "@workflow/world": "5.0.0-beta.27"
60
+ "@workflow/world": "5.0.0-beta.28"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@biomejs/biome": "^2.4.4",
@@ -0,0 +1,47 @@
1
+ interface MeasurementTask<T> {
2
+ measure: (measurement: T) => void;
3
+ read: () => T | null;
4
+ }
5
+
6
+ type PendingMeasurement = () => (() => void) | null;
7
+
8
+ const pendingMeasurements = new Map<object, PendingMeasurement>();
9
+ let measurementFrame = 0;
10
+
11
+ function flushMeasurements(): void {
12
+ measurementFrame = 0;
13
+
14
+ const reads = [...pendingMeasurements.values()];
15
+ pendingMeasurements.clear();
16
+ const measures = reads.map((read) => read());
17
+
18
+ for (const measure of measures) {
19
+ measure?.();
20
+ }
21
+ }
22
+
23
+ function scheduleMeasurement<T>(
24
+ key: object,
25
+ { read, measure }: MeasurementTask<T>
26
+ ): void {
27
+ pendingMeasurements.set(key, () => {
28
+ const measurement = read();
29
+ return measurement === null ? null : () => measure(measurement);
30
+ });
31
+
32
+ if (measurementFrame === 0) {
33
+ measurementFrame = requestAnimationFrame(flushMeasurements);
34
+ }
35
+ }
36
+
37
+ function cancelMeasurement(key: object): void {
38
+ pendingMeasurements.delete(key);
39
+
40
+ if (pendingMeasurements.size === 0 && measurementFrame !== 0) {
41
+ cancelAnimationFrame(measurementFrame);
42
+ measurementFrame = 0;
43
+ }
44
+ }
45
+
46
+ export { cancelMeasurement, scheduleMeasurement };
47
+ export type { MeasurementTask };
@@ -28,13 +28,20 @@ function getRangeOffsets(
28
28
  return null;
29
29
  }
30
30
 
31
- const startRange = document.createRange();
32
- startRange.selectNodeContents(container);
33
- startRange.setEnd(range.startContainer, range.startOffset);
34
-
35
- const endRange = document.createRange();
36
- endRange.selectNodeContents(container);
37
- endRange.setEnd(range.endContainer, range.endOffset);
31
+ let startRange: Range;
32
+ let endRange: Range;
33
+
34
+ try {
35
+ startRange = document.createRange();
36
+ startRange.selectNodeContents(container);
37
+ startRange.setEnd(range.startContainer, range.startOffset);
38
+
39
+ endRange = document.createRange();
40
+ endRange.selectNodeContents(container);
41
+ endRange.setEnd(range.endContainer, range.endOffset);
42
+ } catch {
43
+ return null;
44
+ }
38
45
 
39
46
  return {
40
47
  end: endRange.toString().length,
@@ -80,6 +87,7 @@ function MiddleTruncate({
80
87
  let copyText: string | null = null;
81
88
 
82
89
  if (
90
+ selectionText.includes(ELLIPSIS) &&
83
91
  e.currentTarget.contains(range.startContainer) &&
84
92
  e.currentTarget.contains(range.endContainer) &&
85
93
  visibleEl
@@ -8,6 +8,7 @@ import {
8
8
  useRef,
9
9
  useState,
10
10
  } from 'react';
11
+ import { cancelMeasurement, scheduleMeasurement } from './measurement-batch';
11
12
  import { middleTruncate, toGraphemes } from './truncate';
12
13
 
13
14
  const useIsomorphicLayoutEffect =
@@ -22,6 +23,17 @@ interface MiddleTruncateState {
22
23
  suffixText: string;
23
24
  }
24
25
 
26
+ interface MiddleTruncateMeasurement {
27
+ availableWidth: number;
28
+ typography: string;
29
+ }
30
+
31
+ interface TextMeasurementCache {
32
+ typography: string;
33
+ value: string;
34
+ widths: Map<string, number>;
35
+ }
36
+
25
37
  function createFullState(
26
38
  value: string,
27
39
  graphemes: string[]
@@ -62,7 +74,15 @@ function useMiddleTruncate(value: string): {
62
74
  const ref = useRef<HTMLSpanElement | null>(null);
63
75
  const measureRef = useRef<HTMLSpanElement | null>(null);
64
76
  const [state, setState] = useState<MiddleTruncateState>(() => fullState);
65
- const rafRef = useRef<number>(0);
77
+ const measurementKeyRef = useRef<object>({});
78
+ const textMeasurementCacheRef = useRef<TextMeasurementCache>({
79
+ typography: '',
80
+ value,
81
+ widths: new Map(),
82
+ });
83
+ const lastMeasurementRef = useRef<
84
+ (MiddleTruncateMeasurement & { value: string }) | null
85
+ >(null);
66
86
 
67
87
  const updateState = useCallback((nextState: MiddleTruncateState) => {
68
88
  setState((currentState) => {
@@ -81,76 +101,150 @@ function useMiddleTruncate(value: string): {
81
101
  });
82
102
  }, []);
83
103
 
84
- const recalculate = useCallback(() => {
104
+ const readMeasurement = useCallback((): MiddleTruncateMeasurement | null => {
85
105
  const el = ref.current;
86
106
  const measureEl = measureRef.current;
87
- if (!el || !measureEl) return;
107
+ if (!el || !measureEl) return null;
88
108
 
89
- const available = el.clientWidth;
109
+ const availableWidth = el.clientWidth;
110
+ const style = getComputedStyle(measureEl);
90
111
 
91
- if (available <= 0) {
92
- updateState(fullState);
93
- return;
94
- }
95
-
96
- const measure = (text: string): number => {
97
- measureEl.textContent = text;
98
- return measureEl.scrollWidth;
112
+ return {
113
+ availableWidth,
114
+ typography: [
115
+ style.fontFamily,
116
+ style.fontFeatureSettings,
117
+ style.fontKerning,
118
+ style.fontSize,
119
+ style.fontStretch,
120
+ style.fontStyle,
121
+ style.fontVariationSettings,
122
+ style.fontWeight,
123
+ style.letterSpacing,
124
+ style.textTransform,
125
+ ].join('\0'),
99
126
  };
127
+ }, []);
100
128
 
101
- const fullWidth = measure(value);
129
+ const recalculate = useCallback(
130
+ ({ availableWidth, typography }: MiddleTruncateMeasurement) => {
131
+ const measureEl = measureRef.current;
132
+ if (!measureEl) return;
102
133
 
103
- if (fullWidth <= available) {
104
- updateState(fullState);
105
- return;
106
- }
134
+ const lastMeasurement = lastMeasurementRef.current;
135
+ if (
136
+ lastMeasurement?.availableWidth === availableWidth &&
137
+ lastMeasurement.typography === typography &&
138
+ lastMeasurement.value === value
139
+ ) {
140
+ return;
141
+ }
107
142
 
108
- const result = middleTruncate(graphemes, available, measure, fullWidth);
109
- updateState({
110
- displayText: result.text,
111
- isTruncated: result.truncated,
112
- prefixGraphemeCount: result.prefixGraphemeCount,
113
- prefixText: result.prefixText,
114
- suffixGraphemeCount: result.suffixGraphemeCount,
115
- suffixText: result.suffixText,
116
- });
117
- }, [fullState, graphemes, updateState, value]);
143
+ lastMeasurementRef.current = {
144
+ availableWidth,
145
+ typography,
146
+ value,
147
+ };
148
+
149
+ if (availableWidth <= 0) {
150
+ updateState(fullState);
151
+ return;
152
+ }
153
+
154
+ const textMeasurementCache = textMeasurementCacheRef.current;
155
+ if (
156
+ textMeasurementCache.typography !== typography ||
157
+ textMeasurementCache.value !== value
158
+ ) {
159
+ textMeasurementCache.typography = typography;
160
+ textMeasurementCache.value = value;
161
+ textMeasurementCache.widths.clear();
162
+ }
163
+
164
+ const measure = (text: string): number => {
165
+ const cachedWidth = textMeasurementCache.widths.get(text);
166
+ if (cachedWidth !== undefined) {
167
+ return cachedWidth;
168
+ }
169
+
170
+ measureEl.textContent = text;
171
+ const width = measureEl.scrollWidth;
172
+ textMeasurementCache.widths.set(text, width);
173
+ return width;
174
+ };
175
+
176
+ const fullWidth = measure(value);
177
+
178
+ if (fullWidth <= availableWidth) {
179
+ updateState(fullState);
180
+ return;
181
+ }
182
+
183
+ const result = middleTruncate(
184
+ graphemes,
185
+ availableWidth,
186
+ measure,
187
+ fullWidth
188
+ );
189
+ updateState({
190
+ displayText: result.text,
191
+ isTruncated: result.truncated,
192
+ prefixGraphemeCount: result.prefixGraphemeCount,
193
+ prefixText: result.prefixText,
194
+ suffixGraphemeCount: result.suffixGraphemeCount,
195
+ suffixText: result.suffixText,
196
+ });
197
+ },
198
+ [fullState, graphemes, updateState, value]
199
+ );
118
200
 
119
201
  // Measure on mount and when value changes - before paint
120
202
  useIsomorphicLayoutEffect(() => {
121
- recalculate();
122
- }, [recalculate]);
203
+ const measurement = readMeasurement();
204
+ if (measurement) {
205
+ recalculate(measurement);
206
+ }
207
+ }, [readMeasurement, recalculate]);
123
208
 
124
209
  // ResizeObserver + font loading for ongoing responsiveness
125
210
  useEffect(() => {
126
211
  const el = ref.current;
127
212
  if (!el) return;
128
213
 
129
- const debouncedRecalc = (): void => {
130
- cancelAnimationFrame(rafRef.current);
131
- rafRef.current = requestAnimationFrame(recalculate);
214
+ const measurementKey = measurementKeyRef.current;
215
+ const scheduleRecalculation = (): void => {
216
+ scheduleMeasurement(measurementKey, {
217
+ read: readMeasurement,
218
+ measure: recalculate,
219
+ });
132
220
  };
133
221
 
134
222
  const ro =
135
223
  typeof ResizeObserver !== 'undefined'
136
- ? new ResizeObserver(debouncedRecalc)
224
+ ? new ResizeObserver(scheduleRecalculation)
137
225
  : null;
138
226
  ro?.observe(el);
139
- window.addEventListener('resize', debouncedRecalc);
227
+ if (!ro) {
228
+ window.addEventListener('resize', scheduleRecalculation);
229
+ }
140
230
 
141
231
  const onFontsLoaded = (): void => {
142
- debouncedRecalc();
232
+ textMeasurementCacheRef.current.widths.clear();
233
+ lastMeasurementRef.current = null;
234
+ scheduleRecalculation();
143
235
  };
144
236
  const fontSet = 'fonts' in document ? document.fonts : null;
145
237
  fontSet?.addEventListener?.('loadingdone', onFontsLoaded);
146
238
 
147
239
  return () => {
148
240
  ro?.disconnect();
149
- window.removeEventListener('resize', debouncedRecalc);
150
- cancelAnimationFrame(rafRef.current);
241
+ if (!ro) {
242
+ window.removeEventListener('resize', scheduleRecalculation);
243
+ }
244
+ cancelMeasurement(measurementKey);
151
245
  fontSet?.removeEventListener?.('loadingdone', onFontsLoaded);
152
246
  };
153
- }, [recalculate]);
247
+ }, [readMeasurement, recalculate]);
154
248
 
155
249
  return {
156
250
  ref,