@vertexvis/viewer 1.0.2-testing.5 → 1.1.1-canary.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/dist/cjs/{controller-C-I_MLA3.js → controller-C74GX70e.js} +138 -34
- package/dist/cjs/controller-C74GX70e.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/vertex-scene-tree-notification-banner_4.cjs.entry.js +9 -9
- package/dist/cjs/vertex-scene-tree-table-column.cjs.entry.js +1 -1
- package/dist/cjs/vertex-scene-tree-table-header.cjs.entry.js +1 -1
- package/dist/cjs/vertex-scene-tree.cjs.entry.js +3 -3
- package/dist/cjs/vertex-viewer-box-query-tool.cjs.entry.js +2 -2
- package/dist/cjs/vertex-viewer-button_3.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-default-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-dom-element_2.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-dom-group.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-hit-result-indicator.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-layer.cjs.entry.js +1 -1
- package/dist/cjs/vertex-viewer-measurement-distance.cjs.entry.js.map +1 -1
- package/dist/cjs/vertex-viewer-pin-group.cjs.entry.js +3 -3
- package/dist/cjs/vertex-viewer-pin-label_2.cjs.entry.js +4 -4
- package/dist/cjs/vertex-viewer.cjs.entry.js +9 -4
- package/dist/cjs/vertex-viewer.cjs.entry.js.map +1 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/scene-tree/lib/controller.js +48 -30
- package/dist/collection/components/scene-tree/lib/controller.js.map +1 -1
- package/dist/collection/components/scene-tree/lib/jwt.js +1 -1
- package/dist/collection/components/scene-tree/lib/jwt.js.map +1 -1
- package/dist/collection/components/scene-tree/scene-tree.js +2 -2
- package/dist/collection/components/scene-tree-notification-banner/scene-tree-notification-banner.js +1 -1
- package/dist/collection/components/scene-tree-search/scene-tree-search.js +3 -3
- package/dist/collection/components/scene-tree-table-column/scene-tree-table-column.js +1 -1
- package/dist/collection/components/scene-tree-table-header/scene-tree-table-header.js +1 -1
- package/dist/collection/components/scene-tree-table-layout/scene-tree-table-layout.js +5 -5
- package/dist/collection/components/viewer/viewer.css +45 -1
- package/dist/collection/components/viewer/viewer.js +18 -6
- package/dist/collection/components/viewer/viewer.js.map +1 -1
- package/dist/collection/components/viewer-box-query-tool/viewer-box-query-tool.js +2 -2
- package/dist/collection/components/viewer-button/viewer-button.js +1 -1
- package/dist/collection/components/viewer-default-toolbar/viewer-default-toolbar.js +1 -1
- package/dist/collection/components/viewer-dom-element/viewer-dom-element.js +1 -1
- package/dist/collection/components/viewer-dom-group/viewer-dom-group.js +1 -1
- package/dist/collection/components/viewer-hit-result-indicator/viewer-hit-result-indicator.js +1 -1
- package/dist/collection/components/viewer-layer/viewer-layer.js +1 -1
- package/dist/collection/components/viewer-measurement-distance/viewer-measurement-distance.js.map +1 -1
- package/dist/collection/components/viewer-pin-group/viewer-pin-group.js +2 -2
- package/dist/collection/components/viewer-pin-label/viewer-pin-label.js +3 -3
- package/dist/collection/components/viewer-pin-label-line/viewer-pin-label-line.js +1 -1
- package/dist/collection/index.js +1 -0
- package/dist/collection/index.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DwnNhGFv.js → p-B4MsUZ3n.js} +2 -2
- package/dist/components/p-BAsg2_dY.js +5 -0
- package/dist/components/{p-BwtZ7wGg.js → p-BEkJ7rmE.js} +2 -2
- package/dist/components/{p-XmNH38dk.js → p-BmoTo_-J.js} +2 -2
- package/dist/components/{p-Dymd58Ac.js → p-C--Voxln.js} +2 -2
- package/dist/components/{p-BphxnS-a.js → p-CIuxJYJL.js} +2 -2
- package/dist/components/p-CnYEgl0H.js +5 -0
- package/dist/components/p-CnYEgl0H.js.map +1 -0
- package/dist/components/{p-1qJWPhfT.js → p-D97fhwcJ.js} +2 -2
- package/dist/components/{p-CaXlgCvb.js → p-Dva0y9cX.js} +2 -2
- package/dist/components/{p-BxYIAIHN.js → p-NXN0rSu2.js} +2 -2
- package/dist/components/{p-D0KZu516.js → p-Y8W_BXUk.js} +2 -2
- package/dist/components/{p-CXO1zq8l.js → p-mJhaiMMT.js} +2 -2
- package/dist/components/vertex-scene-tree-notification-banner.js +1 -1
- package/dist/components/vertex-scene-tree-search.js +1 -1
- package/dist/components/vertex-scene-tree-table-column.js +1 -1
- package/dist/components/vertex-scene-tree-table-header.js +1 -1
- package/dist/components/vertex-scene-tree-table-layout.js +1 -1
- package/dist/components/vertex-scene-tree.js +1 -1
- package/dist/components/vertex-viewer-box-query-tool.js +1 -1
- package/dist/components/vertex-viewer-button.js +1 -1
- package/dist/components/vertex-viewer-default-toolbar.js +1 -1
- package/dist/components/vertex-viewer-default-toolbar.js.map +1 -1
- package/dist/components/vertex-viewer-dom-element.js +1 -1
- package/dist/components/vertex-viewer-dom-group.js +1 -1
- package/dist/components/vertex-viewer-hit-result-indicator.js +1 -1
- package/dist/components/vertex-viewer-layer.js +1 -1
- package/dist/components/vertex-viewer-measurement-distance.js.map +1 -1
- package/dist/components/vertex-viewer-pin-group.js +1 -1
- package/dist/components/vertex-viewer-pin-label-line.js +1 -1
- package/dist/components/vertex-viewer-pin-label.js +1 -1
- package/dist/components/vertex-viewer-pin-tool.js +1 -1
- package/dist/components/vertex-viewer-toolbar.js +1 -1
- package/dist/components/vertex-viewer-view-cube.js +1 -1
- package/dist/components/vertex-viewer.js +1 -1
- package/dist/components/vertex-viewer.js.map +1 -1
- package/dist/esm/{controller-CwTBp6Da.js → controller-CE2DwTNf.js} +139 -35
- package/dist/esm/controller-CE2DwTNf.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/vertex-scene-tree-notification-banner_4.entry.js +9 -9
- package/dist/esm/vertex-scene-tree-table-column.entry.js +1 -1
- package/dist/esm/vertex-scene-tree-table-header.entry.js +1 -1
- package/dist/esm/vertex-scene-tree.entry.js +3 -3
- package/dist/esm/vertex-viewer-box-query-tool.entry.js +2 -2
- package/dist/esm/vertex-viewer-button_3.entry.js +1 -1
- package/dist/esm/vertex-viewer-default-toolbar.entry.js +1 -1
- package/dist/esm/vertex-viewer-dom-element_2.entry.js +1 -1
- package/dist/esm/vertex-viewer-dom-group.entry.js +1 -1
- package/dist/esm/vertex-viewer-hit-result-indicator.entry.js +1 -1
- package/dist/esm/vertex-viewer-layer.entry.js +1 -1
- package/dist/esm/vertex-viewer-measurement-distance.entry.js.map +1 -1
- package/dist/esm/vertex-viewer-pin-group.entry.js +3 -3
- package/dist/esm/vertex-viewer-pin-label_2.entry.js +4 -4
- package/dist/esm/vertex-viewer.entry.js +9 -4
- package/dist/esm/vertex-viewer.entry.js.map +1 -1
- package/dist/types/components/scene-tree/lib/controller.d.ts +2 -0
- package/dist/types/components/scene-tree/lib/jwt.d.ts +1 -1
- package/dist/types/components/viewer/viewer.d.ts +9 -1
- package/dist/types/components.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/viewer/index.esm.js +1 -1
- package/dist/viewer/{p-4716c5d5.entry.js → p-06c99572.entry.js} +2 -2
- package/dist/viewer/p-15683a45.entry.js +5 -0
- package/dist/viewer/{p-78b4be75.entry.js → p-39129117.entry.js} +2 -2
- package/dist/viewer/p-5763b907.entry.js +5 -0
- package/dist/viewer/p-5763b907.entry.js.map +1 -0
- package/dist/viewer/{p-def7870b.entry.js → p-72479c7e.entry.js} +2 -2
- package/dist/viewer/{p-f3eff8c9.entry.js → p-7c767052.entry.js} +2 -2
- package/dist/viewer/{p-dd5d4304.entry.js → p-9c02567d.entry.js} +2 -2
- package/dist/viewer/p-CnYEgl0H.js +5 -0
- package/dist/viewer/p-CnYEgl0H.js.map +1 -0
- package/dist/viewer/p-a180d8a2.entry.js.map +1 -1
- package/dist/viewer/p-aceb3ef2.entry.js +5 -0
- package/dist/viewer/{p-21bacf72.entry.js.map → p-aceb3ef2.entry.js.map} +1 -1
- package/dist/viewer/p-b6dfbeec.entry.js +5 -0
- package/dist/viewer/{p-5963afa1.entry.js → p-c2c3579f.entry.js} +2 -2
- package/dist/viewer/p-d357d235.entry.js +5 -0
- package/dist/viewer/{p-c07dec9d.entry.js → p-dca0a6d8.entry.js} +2 -2
- package/dist/viewer/{p-5e162bd2.entry.js → p-ed965902.entry.js} +2 -2
- package/dist/viewer/{p-c76b6bc1.entry.js → p-ff5bb594.entry.js} +2 -2
- package/dist/viewer/viewer.esm.js +1 -1
- package/package.json +11 -11
- package/readme.md +4 -4
- package/dist/cjs/controller-C-I_MLA3.js.map +0 -1
- package/dist/components/p-C-Bg5fev.js +0 -5
- package/dist/components/p-C-Bg5fev.js.map +0 -1
- package/dist/components/p-CDa0u-Gp.js +0 -5
- package/dist/esm/controller-CwTBp6Da.js.map +0 -1
- package/dist/viewer/p-21bacf72.entry.js +0 -5
- package/dist/viewer/p-27e68321.entry.js +0 -5
- package/dist/viewer/p-27e68321.entry.js.map +0 -1
- package/dist/viewer/p-686eef80.entry.js +0 -5
- package/dist/viewer/p-C-Bg5fev.js +0 -5
- package/dist/viewer/p-C-Bg5fev.js.map +0 -1
- package/dist/viewer/p-ba57a018.entry.js +0 -5
- package/dist/viewer/p-c7bd9aea.entry.js +0 -5
- /package/dist/components/{p-DwnNhGFv.js.map → p-B4MsUZ3n.js.map} +0 -0
- /package/dist/components/{p-CDa0u-Gp.js.map → p-BAsg2_dY.js.map} +0 -0
- /package/dist/components/{p-BwtZ7wGg.js.map → p-BEkJ7rmE.js.map} +0 -0
- /package/dist/components/{p-XmNH38dk.js.map → p-BmoTo_-J.js.map} +0 -0
- /package/dist/components/{p-Dymd58Ac.js.map → p-C--Voxln.js.map} +0 -0
- /package/dist/components/{p-BphxnS-a.js.map → p-CIuxJYJL.js.map} +0 -0
- /package/dist/components/{p-1qJWPhfT.js.map → p-D97fhwcJ.js.map} +0 -0
- /package/dist/components/{p-CaXlgCvb.js.map → p-Dva0y9cX.js.map} +0 -0
- /package/dist/components/{p-BxYIAIHN.js.map → p-NXN0rSu2.js.map} +0 -0
- /package/dist/components/{p-D0KZu516.js.map → p-Y8W_BXUk.js.map} +0 -0
- /package/dist/components/{p-CXO1zq8l.js.map → p-mJhaiMMT.js.map} +0 -0
- /package/dist/viewer/{p-4716c5d5.entry.js.map → p-06c99572.entry.js.map} +0 -0
- /package/dist/viewer/{p-c7bd9aea.entry.js.map → p-15683a45.entry.js.map} +0 -0
- /package/dist/viewer/{p-78b4be75.entry.js.map → p-39129117.entry.js.map} +0 -0
- /package/dist/viewer/{p-def7870b.entry.js.map → p-72479c7e.entry.js.map} +0 -0
- /package/dist/viewer/{p-f3eff8c9.entry.js.map → p-7c767052.entry.js.map} +0 -0
- /package/dist/viewer/{p-dd5d4304.entry.js.map → p-9c02567d.entry.js.map} +0 -0
- /package/dist/viewer/{p-ba57a018.entry.js.map → p-b6dfbeec.entry.js.map} +0 -0
- /package/dist/viewer/{p-5963afa1.entry.js.map → p-c2c3579f.entry.js.map} +0 -0
- /package/dist/viewer/{p-686eef80.entry.js.map → p-d357d235.entry.js.map} +0 -0
- /package/dist/viewer/{p-c07dec9d.entry.js.map → p-dca0a6d8.entry.js.map} +0 -0
- /package/dist/viewer/{p-5e162bd2.entry.js.map → p-ed965902.entry.js.map} +0 -0
- /package/dist/viewer/{p-c76b6bc1.entry.js.map → p-ff5bb594.entry.js.map} +0 -0
|
@@ -95,12 +95,12 @@ export class ViewerBoxQueryTool {
|
|
|
95
95
|
* @ignore
|
|
96
96
|
*/
|
|
97
97
|
render() {
|
|
98
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: '754fc6867397c6f7f366b078f9a4403344cb5137' }, h("vertex-viewer-layer", { key: 'df484423586be7270901b01bbabe62659a681a3a' }, this.details != null && (h("div", { key: '354f3d5f616264e8635258b7e9f05ab8350338ff', class: "bounds", style: {
|
|
99
99
|
left: `${this.details.screenBounds.x}px`,
|
|
100
100
|
top: `${this.details.screenBounds.y}px`,
|
|
101
101
|
width: `${this.details.screenBounds.width}px`,
|
|
102
102
|
height: `${this.details.screenBounds.height}px`,
|
|
103
|
-
} }, h("slot", { key: '
|
|
103
|
+
} }, h("slot", { key: 'fa7330cb175bd1b40cf1aea9b0e845315b05c7b2', name: "bounds" }, h("div", { key: '6d03c4c016ce759f51a61406a79769c5c8c00acd', class: "outline" }), h("div", { key: 'b648029136d216ca805cc73c66c61d74e1297a5b', class: "fill" })))))));
|
|
104
104
|
}
|
|
105
105
|
handleScreenBoundsChanged(details) {
|
|
106
106
|
this.details = details;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { h, Host } from "@stencil/core";
|
|
5
5
|
export class ViewerButton {
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: 'ad089fc6e38b51cc0bd267c21f034f5cf92787f4' }, h("button", { key: '6c4c11f6ee44645ba5b8e8246dda2a2f7f7ca472', class: "viewer-button" }, h("slot", { key: '17fae4ab960240b4bb6e3fb41bfafec60e3db3f8' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "vertex-viewer-button"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class ViewerDefaultToolbar {
|
|
|
23
23
|
this.animationMs = 1000;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("vertex-viewer-toolbar", { key: '
|
|
26
|
+
return (h("vertex-viewer-toolbar", { key: '349bf96991062154e2e7666bbbecd3d66310e69f', placement: this.placement, direction: this.direction }, h("vertex-viewer-toolbar-group", { key: '6982b3cb19276e09484c52d8baaa825a7339f371', class: "group", direction: this.direction, "data-direction": this.direction }, h("vertex-viewer-button", { key: '77e0f4332b4997c433d2f28b5b9917cc9bea9a12', class: "group-item btn", "data-testid": "fit-all-btn", onClick: () => this.viewAll() }, h("vertex-viewer-icon", { key: '75f085b6c0443ba658e795f74a579cf70e1af2da', class: "icon", name: "fit-all", size: "md" })))));
|
|
27
27
|
}
|
|
28
28
|
async viewAll() {
|
|
29
29
|
var _a;
|
|
@@ -231,7 +231,7 @@ export class ViewerDomElement {
|
|
|
231
231
|
* @ignore
|
|
232
232
|
*/
|
|
233
233
|
render() {
|
|
234
|
-
return (h(Host, { key: '
|
|
234
|
+
return (h(Host, { key: 'd4276b146b15c6f0653737e3735fb75d06d73c35' }, h("slot", { key: 'a72b8436b34d5eb59573cafda8e1a29ead576017' })));
|
|
235
235
|
}
|
|
236
236
|
static get is() { return "vertex-viewer-dom-element"; }
|
|
237
237
|
static get encapsulation() { return "shadow"; }
|
|
@@ -164,7 +164,7 @@ export class ViewerDomGroup {
|
|
|
164
164
|
* @ignore
|
|
165
165
|
*/
|
|
166
166
|
render() {
|
|
167
|
-
return (h(Host, { key: '
|
|
167
|
+
return (h(Host, { key: '37c070b2d355a3c5e37ee8e3a7a457dc51976822' }, h("slot", { key: '0af1478c04d2c4b88f4ded8fa18897970f9cd125' })));
|
|
168
168
|
}
|
|
169
169
|
static get is() { return "vertex-viewer-dom-group"; }
|
|
170
170
|
static get encapsulation() { return "scoped"; }
|
package/dist/collection/components/viewer-hit-result-indicator/viewer-hit-result-indicator.js
CHANGED
|
@@ -132,7 +132,7 @@ export class ViewerHitResultIndicator {
|
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
134
|
var _a, _b;
|
|
135
|
-
return (h(Host, { key: '
|
|
135
|
+
return (h(Host, { key: '7553f25f76e20a766789b42fceb2d0c6024f48c3' }, h("canvas", { key: 'e9415c4ae604cdf3799f81e1eccfa5feab1210de', ref: (el) => {
|
|
136
136
|
this.canvasRef = el;
|
|
137
137
|
}, class: "indicator", width: (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.viewport.width, height: (_b = this.viewer) === null || _b === void 0 ? void 0 : _b.viewport.height })));
|
|
138
138
|
}
|
|
@@ -14,7 +14,7 @@ export class ViewerLayer {
|
|
|
14
14
|
* @ignore
|
|
15
15
|
*/
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '9c4cc8b9fd8c1ea5f294e0fe0ab415fa2b50671c' }, h("slot", { key: '92a8f05680ce408c72f7cc22536cb42b2ae03693' })));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "vertex-viewer-layer"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/viewer-measurement-distance/viewer-measurement-distance.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viewer-measurement-distance.js","sourceRoot":"","sources":["../../../../../src/components/viewer-measurement-distance/viewer-measurement-distance.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAU,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAEhB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,aAAa,EAIb,QAAQ,GACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gCAAgC,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAGL,iCAAiC,EACjC,4BAA4B,GAC7B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,0BAA0B,GAE3B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AA8CvF,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;GAcG;AAMH,MAAM,OAAO,yBAAyB;IALtC;QA0CE;;;WAGG;QAEI,2BAAsB,GAAG,KAAK,CAAC;QAEtC;;;WAGG;QAEI,iBAAY,GAAW,yBAAyB,CAAC;QAExD;;WAEG;QAEI,UAAK,GAAqB,aAAa,CAAC;QAE/C;;WAEG;QAEI,qBAAgB,GAAG,CAAC,CAAC;QAU5B;;WAEG;QAEI,sBAAiB,GAAG,EAAE,CAAC;QAE9B;;WAEG;QAEI,kBAAa,GAAG,2BAA2B,CAAC;QAEnD;;;;;;;;;;;;WAYG;QAEI,SAAI,GAAkC,EAAE,CAAC;QAEhD;;WAEG;QAEI,sBAAiB,GAAoB,MAAM,CAAC;QAEnD;;;WAGG;QAEI,YAAO,GAAG,KAAK,CAAC;QA4BvB;;;;WAIG;QAEI,qBAAgB,GAAqB,IAAI,gBAAgB,EAAE,CAAC;QAiB3D,aAAQ,GAAa,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAMxC,qBAAgB,GAAG,CAAC,CAAC;QAMrB,2BAAsB,GAAG,CAAC,CAAC;QAK3B,aAAQ,GAAa,EAAE,CAAC;QAGxB,qBAAgB,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAKjD,UAAK,GAAG,4BAA4B,CAAC,KAAK,EAAE,CAAC;QAC7C,eAAU,GAAG,IAAI,iCAAiC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAG/D,aAAQ,GAAG,IAAI,yBAAyB,EAAE,CAAC;QAG3C,+BAA0B,GAAG,KAAK,CAAC;QAgUnC,qBAAgB,GAAG,GAAS,EAAE;YACpC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QA6BM,mBAAc,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;QACnC,CAAC,CAAC;QAEM,sBAAiB,GAAG,KAAK,EAAE,KAAmB,EAAiB,EAAE;YACvE,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAE9B,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,EAAE,CAAC;gBAChC,MAAM,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;gBACzC,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,KAAmB,EAAQ,EAAE;YACrD,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACtD,wEAAwE;gBACxE,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAQ,EAAE;oBACnD,MAAM,OAAO,GAAG,GAAS,EAAE;wBACzB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;wBACnD,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBACzD,CAAC,CAAC;oBACF,MAAM,SAAS,GAAG,KAAK,IAAmB,EAAE;wBAC1C,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,CAAC;oBACV,CAAC,CAAC;oBACF,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAQ,EAAE;wBAChD,IAAI,KAAK,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;4BACtB,OAAO,EAAE,CAAC;wBACZ,CAAC;oBACH,CAAC,CAAC;oBAEF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBACpD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;gBAClD,CAAC,CAAC;gBAEF,iEAAiE;gBACjE,wEAAwE;gBACxE,mCAAmC;gBACnC,MAAM,kBAAkB,GAAG,CAAC,QAAoB,EAAc,EAAE;oBAC9D,IAAI,MAAM,GAAgB,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBAE7C,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAQ,EAAE;wBAChD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CACzB,MAAM,EACN,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAClD,CAAC;wBACF,IAAI,IAAI,IAAI,qBAAqB,EAAE,CAAC;4BAClC,QAAQ,EAAE,CAAC;wBACb,CAAC;oBACH,CAAC,CAAC;oBAEF,MAAM,OAAO,GAAG,GAAS,EAAE;wBACzB,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;wBACvD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;oBACrD,CAAC,CAAC;oBAEF,MAAM,SAAS,GAAG,GAAS,EAAE,CAAC,OAAO,EAAE,CAAC;oBAExC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAQ,EAAE;wBAChD,MAAM,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;wBAC3D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;wBACpD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;oBAClD,CAAC,CAAC;oBAEF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBAEpD,OAAO;wBACL,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC;qBACtE,CAAC;gBACJ,CAAC,CAAC;gBAEF,mEAAmE;gBACnE,MAAM,kBAAkB,GAAG,GAAS,EAAE;oBACpC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,EAAE;;wBAChD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;wBACvC,MAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;oBACvC,CAAC,CAAC,CAAC;oBAEH,MAAM,OAAO,GAAG,GAAS,EAAE;wBACzB,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;wBACvD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;wBACnD,iBAAiB,CAAC,OAAO,EAAE,CAAC;oBAC9B,CAAC,CAAC;oBAEF,MAAM,WAAW,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;oBACxD,MAAM,SAAS,GAAG,KAAK,EAAE,KAAmB,EAAiB,EAAE;;wBAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;4BACvB,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC;gCACpC,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;4BAC1C,CAAC;iCAAM,CAAC;gCACN,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;gCACnC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;oCACjB,MAAM,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;oCAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oCACzC,MAAM,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA,CAAC;oCAE7C,OAAO,EAAE,CAAC;oCACV,IAAI,CAAC,+BAA+B,EAAE,CAAC;oCACvC,IAAI,CAAC,UAAU,EAAE,CAAC;gCACpB,CAAC;4BACH,CAAC;wBACH,CAAC;oBACH,CAAC,CAAC;oBAEF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBACpC,IAAI,CAAC,qBAAqB,GAAG,EAAE,OAAO,EAAE,CAAC;oBAEzC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBACpD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;gBAClD,CAAC,CAAC;gBAEF,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;gBACnC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;oBACjB,MAAM,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oBACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;oBAEhE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;wBAC7B,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;oBACvC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;KAsLH;IA5oBC;;;;OAIG;IAEI,KAAK,CAAC,qBAAqB;;QAGhC,MAAM,aAAa,GACjB,MAAA,IAAI,CAAC,MAAM,CAAC,UAAU,0CAAE,cAAc,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,UAAU,0CAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAEhE,IAAI,aAAa,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YACpE,OAAO;gBACL,WAAW,EAAE,aAAa,CAAC,qBAAqB,EAAE;gBAClD,SAAS,EAAE,WAAW,CAAC,qBAAqB,EAAE;gBAC9C,KAAK,EAAE,OAAO,CAAC,qBAAqB,EAAE;aACvC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC;IAED;;OAEG;IACO,iBAAiB;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;OAEG;IACO,oBAAoB;;QAC5B,MAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QACrC,MAAA,IAAI,CAAC,qBAAqB,0CAAE,OAAO,EAAE,CAAC;QACtC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED;;OAEG;IACO,KAAK,CAAC,iBAAiB;QAC/B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEzE,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAE/B,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAElC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,EAAE,EAAE;YACnC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACO,gBAAgB;QACxB,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACO,KAAK,CAAC,mBAAmB;QACjC,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;IACpC,CAAC;IAED;;OAEG;IACO,MAAM;QACd,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,sBAAsB,IAAI,CAC9B,2FACE,mBAAmB,EAAE,IAAI,CAAC,QAAQ,EAClC,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACH;YACA,IAAI,CAAC,iBAAiB,EAAE,CACpB,CACR,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAChE,SAAS,CAAC;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEpD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,CACL,EAAC,2BAA2B,IAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,wBAAwB,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EACxD,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACpD,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,EAAC,2BAA2B,IAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,iBAAiB,EAAC,SAAS,GAC3B,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;OAEG;IAEO,KAAK,CAAC,mBAAmB,CACjC,SAAmC,EACnC,SAAmC;QAEnC,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;YACtB,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACnE,MAAM,IAAI,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QACnD,CAAC;QAED,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;YACtB,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAChE,MAAM,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED;;OAEG;IAEO,kBAAkB;QAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAED;;OAEG;IAEO,mBAAmB;QAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IAEO,KAAK,CAAC,iBAAiB;;QAC/B,oEAAoE;QACpE,qBAAqB;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;YACrB,MAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;YACxB,MAAM,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnD,MAAM,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED;;OAEG;IAEO,kBAAkB;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IAEO,gBAAgB;QACxB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IAEO,oBAAoB;QAC5B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,KAAK,CAAC,oBAAoB;QAChC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/B,IAAI,CAAC,+BAA+B,EAAE,CAAC;QACvC,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,cAAc;;QACpB,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;QAExB,IACE,IAAI,CAAC,sBAAsB;YAC3B,IAAI,CAAC,gBAAgB,KAAK,CAAC;YAC3B,CAAC,IAAI,CAAC,OAAO;YACb,IAAI,CAAC,KAAK,IAAI,IAAI;YAClB,IAAI,CAAC,GAAG,IAAI,IAAI,EAChB,CAAC;YACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,SAAS,CAAC,MAAc;;QACpC,MAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,CAAC,MAAM,CAAC,CAAA,CAAC;QACnE,CAAC;IACH,CAAC;IAEO,uBAAuB;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,8BAA8B,EAAE,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAC,iCAAiC,EAAE,CAAC;QAClD,CAAC;IACH,CAAC;IAEO,iCAAiC;QACvC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACvD,OAAO,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAEO,8BAA8B;QACpC,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;YAChC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAEhD,MAAM,IAAI,GACR,WAAW,IAAI,IAAI;gBACjB,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBAC7D,CAAC,CAAC,EAAE,CAAC;YACT,MAAM,SAAS,GACb,IAAI,CAAC,WAAW,IAAI,IAAI;gBACtB,CAAC,CAAC;oBACE,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CACjD,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,cAAc,CAAC,oBAAoB,CACzC;iBACF;gBACH,CAAC,CAAC,EAAE,CAAC;YAET,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAEO,2BAA2B,CACjC,IAAiB;QAEjB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;YAChC,OAAO,0BAA0B,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE;gBAC9D,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,MAAM,EAAE,IAAI,CAAC,cAAc;aAC5B,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAEO,YAAY;;QAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,KAAI,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,CAAA,CAAC;IACxE,CAAC;IAEO,KAAK,CAAC,iBAAiB;;QAC7B,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,0CAAE,WAAW,EAAE,CAAA,CAAC;IACtE,CAAC;IAEO,cAAc;QACpB,MAAM,IAAI,GAAG,gCAAgC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAEO,mBAAmB;;QACzB,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3E,CAAC;IAMO,eAAe;QACrB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC;IAChE,CAAC;IAEO,KAAK,CAAC,uBAAuB,CACnC,MAA+B;QAE/B,MAAM,iBAAiB,GAAG,MAAM,MAAM,CAAC,+BAA+B,EAAE,CAAC;QACzE,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,iBAAiB,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC1E,iBAAiB,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACvE,iBAAiB,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,0BAA0B,CACtC,MAA+B;QAE/B,MAAM,iBAAiB,GAAG,MAAM,MAAM,CAAC,+BAA+B,EAAE,CAAC;QACzE,iBAAiB,CAAC,mBAAmB,CACnC,aAAa,EACb,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1E,iBAAiB,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC7E,CAAC;IA+HO,gBAAgB,CACtB,MAAc;QAEd,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpD,MAAM,iBAAiB,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;YAC9D,MAAM,eAAe,GAAG,KAAK,EAAE,KAAmB,EAAiB,EAAE;;gBACnE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;gBACnC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;oBACjB,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;oBAC7D,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;oBAEzD,MAAM,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oBACzC,MAAM,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA,CAAC;oBAE7C,IAAI,CAAC,+BAA+B,EAAE,CAAC;oBACvC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC;YAEF,OAAO,KAAK,EAAE,KAAK,EAAE,EAAE;gBACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAE9B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;oBAElC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;oBAE3D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;oBAC1D,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;gBACxD,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,4BAA4B;QAGlC,OAAO,KAAK,EAAE,KAAK,EAAE,EAAE;;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;gBAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAE9B,MAAM,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;gBACzC,MAAA,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBACvC,IAAI,CAAC,+BAA+B,EAAE,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,gBAAgB;;QAC5B,MAAM,OAAO,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,aAAa,CAAC,sBAAsB,EAAE,CAAA,CAAC;QAC1E,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAClC,CAAC;IAEO,SAAS,CAAC,EAAe,EAAE,KAAiB;QAClD,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACpD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,kBAAkB,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QAC/D,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,cAAc,CAAC,QAA4B;QACjD,MAAM,IAAI,GACR,QAAQ,IAAI,IAAI;YACd,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,QAAQ,CAAC;YACzD,CAAC,CAAC,SAAS,CAAC;QAEhB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC;YAC/D,OAAO,IAAI,IAAI,IAAI;gBACjB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,WAAW,EAAE,CAAC;QAC/D,CAAC;IACH,CAAC;IAEO,YAAY,CAClB,IAAmC,EACnC,MAAuC;QAEvC,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;IACpD,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,EAAE,CAAC;YAChC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAEhD,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC;YAChC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAE9B,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;gBACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;IACpD,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;YAC5D,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC;gBAC/B,aAAa,EAAE,IAAI;gBACnB,OAAO,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;aAC3D,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;YAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,IAAI,MAAM,IAAI,IAAI,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACxC,OAAO;oBACL,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;oBAC1B,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE;iBAC1D,CAAC;YACJ,CAAC;QACH,CAAC;;YAAM,OAAO,IAAI,CAAC,WAAW,CAAC;IACjC,CAAC;IAEO,YAAY;QAClB,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/C,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,qBAAqB,CAC9B,OAAO,EACP,WAAW,EACX,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,cAAc,CACpB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,+BAA+B;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChD,IAAI,CAAC,KAAK,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC;QAChC,IAAI,CAAC,GAAG,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,WAAW,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAC3D,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,EAAe;;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,MAAM,WAAW,GACf,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAE3D,IAAI,WAAW,EAAE,CAAC;YAChB,MAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IACE,IAAI,CAAC,IAAI,IAAI,IAAI;YACjB,IAAI,CAAC,MAAM,IAAI,IAAI;YACnB,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,EAChC,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,uBAAuB,GAAG,IAAI,CAAC;YAC7C,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,OAAO,CAAC;QACrC,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;YACjE,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,SAAS,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,GAAG,SAAS,CAAC;QACpD,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,SAAS,YAAY,CACnB,KAA2C;IAE3C,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACrE,CAAC","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { Line3, Point, Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport {\n MEASUREMENT_LINE_CAP_LENGTH,\n MEASUREMENT_SNAP_DISTANCE,\n} from '../../lib/constants';\nimport { Cursor, measurementCursor } from '../../lib/cursors';\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { Formatter } from '../../lib/formatter';\nimport {\n makeMinimumDistanceResult,\n MeasurementModel,\n MeasurementOverlay,\n MeasurementOverlayManager,\n} from '../../lib/measurement';\nimport {\n DepthBuffer,\n DistanceUnits,\n DistanceUnitType,\n FrameCameraBase,\n StencilBuffer,\n Viewport,\n} from '../../lib/types';\nimport { getMeasurementBoundingClientRect } from './dom';\nimport { PointToPointHitTester } from './hitTest';\nimport {\n PointToPointHitProvider,\n PointToPointInteraction,\n PointToPointInteractionController,\n PointToPointInteractionModel,\n} from './interactions';\nimport {\n Anchor,\n getViewingElementPositions,\n MeasurementElementPositions,\n} from './utils';\nimport { DistanceMeasurementRenderer } from './viewer-measurement-distance-components';\n\n/**\n * Contains the bounding boxes of child elements of this component. This\n * information is useful for positioning popups or other elements around the\n * measurement.\n *\n * @see {@link ViewerDistanceMeasurement.computeElementMetrics} - For\n * calculating element metrics.\n */\nexport interface ViewerMeasurementDistanceElementMetrics {\n startAnchor: DOMRect;\n endAnchor: DOMRect;\n label: DOMRect;\n}\n\n/**\n * The supported measurement modes.\n *\n * @see {@link ViewerDistanceMeasurement.mode} - For more details about modes.\n */\nexport type ViewerMeasurementDistanceMode = 'edit' | 'replace' | '';\n\n/**\n * A details object describing the edit begin event.\n */\nexport interface EditBeginEventDetails {\n type: Exclude<ViewerMeasurementDistanceMode, ''>;\n anchor: Anchor;\n}\n/**\n * A details object describing the edit end event.\n */\nexport interface EditEndEventDetails {\n start: Vector3.Vector3;\n end: Vector3.Vector3;\n valid: boolean;\n}\n\ninterface StateMap {\n hoverCursor?: Disposable;\n stencil?: StencilBuffer;\n depthBuffer?: DepthBuffer;\n shouldClearDepthBuffers?: boolean;\n}\n\nconst INTERACTION_THRESHOLD = 3;\n\n/**\n * @slot start-anchor - An HTML element for the starting point anchor.\n *\n * @slot start-label - An HTML or text element that displays next to the start\n * anchor.\n *\n * @slot end-anchor - An HTML element for the ending point anchor.\n *\n * @slot end-label - An HTML or text element that displays next to the end\n * anchor.\n *\n * @slot indicator - An HTML element for the measurement indicator. The\n * indicator represents the position where a measurement will be placed while\n * editing.\n */\n@Component({\n tag: 'vertex-viewer-measurement-distance',\n styleUrl: 'viewer-measurement-distance.css',\n shadow: true,\n})\nexport class ViewerMeasurementDistance {\n /**\n * The world position of the starting anchor.\n */\n @Prop({ mutable: true })\n public start?: Vector3.Vector3;\n\n /**\n * The world position of the starting anchor, as a JSON string. The JSON\n * string can be an array or object representation in the format of `[x, y,\n * z]` or `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n */\n @Prop()\n public startJson?: string;\n\n /**\n * The world position of the ending anchor.\n */\n @Prop({ mutable: true })\n public end?: Vector3.Vector3;\n\n /**\n * The world position of the ending anchor, as a JSON string. The JSON string\n * can be an array or object representation in the format of `[x, y, z]` or\n * `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n */\n @Prop()\n public endJson?: string;\n\n /**\n * The distance between `start` and `end` in real world units. Value will be\n * undefined if the start and end positions are undefined, or if the\n * measurement is invalid.\n */\n @Prop({ mutable: true })\n public distance?: number;\n\n /**\n * Enables the display of axis reference lines between the start and end\n * point.\n */\n @Prop()\n public showAxisReferenceLines = false;\n\n /**\n * The distance, in pixels, between the mouse and nearest snappable edge. A\n * value of 0 disables snapping.\n */\n @Prop()\n public snapDistance: number = MEASUREMENT_SNAP_DISTANCE;\n\n /**\n * The unit of measurement.\n */\n @Prop()\n public units: DistanceUnitType = 'millimeters';\n\n /**\n * The number of fraction digits to display.\n */\n @Prop()\n public fractionalDigits = 2;\n\n /**\n * An optional formatter that can be used to format the display of a distance.\n * The formatting function is passed a calculated real-world distance and is\n * expected to return a string.\n */\n @Prop()\n public labelFormatter?: Formatter<number | undefined>;\n\n /**\n * The distance from an anchor to its label.\n */\n @Prop()\n public anchorLabelOffset = 20;\n\n /**\n * The length of the caps at each end of the distance measurement.\n */\n @Prop()\n public lineCapLength = MEASUREMENT_LINE_CAP_LENGTH;\n\n /**\n * A mode that specifies how the measurement component should behave.\n *\n * When unset, the component will not respond to interactions with the\n * handles.\n *\n * When `edit`, the measurement anchors are interactive and the user is able\n * to reposition them.\n *\n * When `replace`, anytime the user clicks on the canvas, a new measurement\n * will be created and replace any existing measurement. After a measurement\n * is created, the measurement will be editable.\n */\n @Prop({ reflect: true })\n public mode: ViewerMeasurementDistanceMode = '';\n\n /**\n * A property that reflects which anchor is currently being interacted with.\n */\n @Prop({ reflect: true, mutable: true })\n public interactingAnchor: Anchor | 'none' = 'none';\n\n /**\n * Indicates if the measurement is invalid. A measurement is invalid if either\n * the start or end position are not on the surface of the model.\n */\n @Prop({ mutable: true, reflect: true })\n public invalid = false;\n\n /**\n * The camera used to position the anchors. If `viewer` is defined, then the\n * projection view matrix of the viewer will be used.\n */\n @Prop()\n public camera?: FrameCameraBase;\n\n /**\n * @internal\n */\n @Prop()\n public hitProvider?: PointToPointHitProvider;\n\n /**\n * @internal\n */\n @Prop({ mutable: true })\n public indicatorPt?: Vector3.Vector3;\n\n /**\n * The viewer to connect to this measurement. The measurement will redraw any\n * time the viewer redraws the scene.\n */\n @Prop()\n public viewer?: HTMLVertexViewerElement;\n\n /**\n * The measurement model that will be updated when this measurement changes.\n * You can pass this to a <vertex-viewer-measurement-details> component to\n * display measurement outcomes.\n */\n @Prop()\n public measurementModel: MeasurementModel = new MeasurementModel();\n\n /**\n * An event that is dispatched anytime the user begins editing the\n * measurement.\n */\n @Event()\n public editBegin!: EventEmitter<EditBeginEventDetails>;\n\n /**\n * An event that is dispatched when the user has finished editing the\n * measurement.\n */\n @Event()\n public editEnd!: EventEmitter<EditEndEventDetails>;\n\n @State()\n private viewport: Viewport = new Viewport(0, 0);\n\n @State()\n private elementBounds?: DOMRect;\n\n @State()\n private interactionCount = 0;\n\n @State()\n private internalCamera?: FrameCameraBase;\n\n @State()\n private invalidateStateCounter = 0;\n\n @State()\n // Any data that should be preserved across live-reloads, but should not cause\n // a rerender if changed.\n private stateMap: StateMap = {};\n\n @State()\n private measurementUnits = new DistanceUnits(this.units);\n\n @Element()\n private hostEl!: HTMLElement;\n\n private model = PointToPointInteractionModel.empty();\n private controller = new PointToPointInteractionController(this.model);\n private interaction?: PointToPointInteraction;\n\n private overlays = new MeasurementOverlayManager();\n private overlay?: MeasurementOverlay;\n\n private isUserInteractingWithModel = false;\n\n private newInteractionHandler?: Disposable;\n\n /**\n * Computes the bounding boxes of the anchors and label. **Note:** invoking\n * this function uses `getBoundingClientRect` internally and will cause a\n * relayout of the DOM.\n */\n @Method()\n public async computeElementMetrics(): Promise<\n ViewerMeasurementDistanceElementMetrics | undefined\n > {\n const startAnchorEl =\n this.hostEl.shadowRoot?.getElementById('start-anchor');\n const endAnchorEl = this.hostEl.shadowRoot?.getElementById('end-anchor');\n const labelEl = this.hostEl.shadowRoot?.getElementById('label');\n\n if (startAnchorEl != null && endAnchorEl != null && labelEl != null) {\n return {\n startAnchor: startAnchorEl.getBoundingClientRect(),\n endAnchor: endAnchorEl.getBoundingClientRect(),\n label: labelEl.getBoundingClientRect(),\n };\n } else {\n return undefined;\n }\n }\n\n /**\n * @ignore\n */\n protected connectedCallback(): void {\n this.setDepthBuffers();\n }\n\n /**\n * @ignore\n */\n protected disconnectedCallback(): void {\n this.stateMap.hoverCursor?.dispose();\n this.newInteractionHandler?.dispose();\n this.resetDepthBuffers();\n }\n\n /**\n * @ignore\n */\n protected async componentWillLoad(): Promise<void> {\n this.updatePropsFromJson();\n this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n\n await this.getStencilBuffer();\n this.updateViewport();\n this.setDepthBuffers();\n\n await this.handleViewerChanged(this.viewer);\n await this.handleModeChanged();\n\n await this.computePropsAndState();\n\n this.model.onIndicatorChanged((pt) => {\n this.indicatorPt = pt;\n });\n }\n\n /**\n * @ignore\n */\n protected componentDidLoad(): void {\n const resize = new ResizeObserver(() => this.updateViewport());\n resize.observe(this.hostEl);\n }\n\n /**\n * @ignore\n */\n protected async componentWillUpdate(): Promise<void> {\n await this.computePropsAndState();\n }\n\n /**\n * @ignore\n */\n protected render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n {this.showAxisReferenceLines && (\n <vertex-viewer-measurement-overlays\n measurementOverlays={this.overlays}\n viewer={this.viewer}\n />\n )}\n {this.renderMeasurement()}\n </Host>\n );\n }\n\n private renderMeasurement(): h.JSX.IntrinsicElements {\n const positions = this.computeElementPositions();\n const { startPt, endPt, labelPt, indicatorPt, hideStart, hideEnd } =\n positions;\n const distance = this.formatDistance(this.distance);\n\n if (this.mode === 'edit' || this.mode === 'replace') {\n return (\n <DistanceMeasurementRenderer\n startPt={startPt}\n endPt={endPt}\n centerPt={labelPt}\n indicatorPt={indicatorPt}\n distance={distance}\n anchorLabelOffset={this.anchorLabelOffset}\n lineCapLength={this.lineCapLength}\n hideStartAnchor={hideStart}\n hideEndAnchor={hideEnd}\n onStartAnchorPointerDown={this.handleEditAnchor('start')}\n onEndAnchorPointerDown={this.handleEditAnchor('end')}\n />\n );\n } else {\n return (\n <DistanceMeasurementRenderer\n startPt={startPt}\n endPt={endPt}\n centerPt={labelPt}\n indicatorPt={this.indicatorPt}\n distance={distance}\n hideStartAnchor={hideStart}\n hideEndAnchor={hideEnd}\n anchorLabelOffset={this.anchorLabelOffset}\n lineCapLength={this.lineCapLength}\n linePointerEvents=\"painted\"\n />\n );\n }\n }\n\n /**\n * @ignore\n */\n @Watch('viewer')\n protected async handleViewerChanged(\n newViewer?: HTMLVertexViewerElement,\n oldViewer?: HTMLVertexViewerElement,\n ): Promise<void> {\n if (oldViewer != null) {\n oldViewer.removeEventListener('frameDrawn', this.handleFrameDrawn);\n await this.removeInteractionListeners(oldViewer);\n }\n\n if (newViewer != null) {\n newViewer.addEventListener('frameDrawn', this.handleFrameDrawn);\n await this.addInteractionListeners(newViewer);\n }\n }\n\n /**\n * @ignore\n */\n @Watch('units', { immediate: true })\n protected handleUnitsChanged(): void {\n this.measurementUnits = new DistanceUnits(this.units);\n }\n\n /**\n * @ignore\n */\n @Watch('camera')\n protected handleCameraChanged(): void {\n this.updateCamera();\n }\n\n /**\n * @ignore\n */\n @Watch('mode')\n protected async handleModeChanged(): Promise<void> {\n // If we're not in edit or replace mode, ensure that the measurement\n // cursor is removed.\n if (this.mode === '') {\n this.stateMap.hoverCursor?.dispose();\n }\n\n if (this.viewer != null) {\n await this.removeInteractionListeners(this.viewer);\n await this.addInteractionListeners(this.viewer);\n }\n }\n\n /**\n * @ignore\n */\n @Watch('start')\n protected handleStartChanged(): void {\n this.updateInteractionModel();\n }\n\n /**\n * @ignore\n */\n @Watch('end')\n protected handleEndChanged(): void {\n this.updateInteractionModel();\n }\n\n /**\n * @ignore\n */\n @Watch('invalid')\n protected handleInvalidChanged(): void {\n this.updateInteractionModel();\n }\n\n private async computePropsAndState(): Promise<void> {\n this.updateCamera();\n await this.updateDepthBuffer();\n this.updateMeasurementPropsFromModel();\n this.updateOverlays();\n }\n\n private updateOverlays(): void {\n this.overlay?.dispose();\n\n if (\n this.showAxisReferenceLines &&\n this.interactionCount === 0 &&\n !this.invalid &&\n this.start != null &&\n this.end != null\n ) {\n this.overlay = this.overlays.addDistanceVector(this.start, this.end);\n }\n }\n\n private async setCursor(cursor: Cursor): Promise<void> {\n this.stateMap.hoverCursor?.dispose();\n\n if (!this.isUserInteractingWithModel) {\n this.stateMap.hoverCursor = await this.viewer?.addCursor(cursor);\n }\n }\n\n private computeElementPositions(): MeasurementElementPositions {\n if (this.mode === 'replace') {\n return this.computeReplaceElementPositions();\n } else {\n return this.computeEditOrViewElementPositions();\n }\n }\n\n private computeEditOrViewElementPositions(): MeasurementElementPositions {\n const measurement = this.model.getMeasurement();\n if (this.internalCamera != null && measurement != null) {\n return this.computeLineElementPositions(Line3.create(measurement));\n } else {\n return {};\n }\n }\n\n private computeReplaceElementPositions(): MeasurementElementPositions {\n if (this.internalCamera != null) {\n const measurement = this.model.getMeasurement();\n\n const line =\n measurement != null\n ? this.computeLineElementPositions(Line3.create(measurement))\n : {};\n const indicator =\n this.indicatorPt != null\n ? {\n indicatorPt: this.viewport.transformWorldToViewport(\n this.indicatorPt,\n this.internalCamera.projectionViewMatrix,\n ),\n }\n : {};\n\n return { ...line, ...indicator };\n } else {\n return {};\n }\n }\n\n private computeLineElementPositions(\n line: Line3.Line3,\n ): MeasurementElementPositions {\n if (this.internalCamera != null) {\n return getViewingElementPositions(line, this.interactingAnchor, {\n viewport: this.viewport,\n camera: this.internalCamera,\n });\n } else {\n return {};\n }\n }\n\n private updateCamera(): void {\n this.internalCamera = this.camera || this.viewer?.frame?.scene.camera;\n }\n\n private async updateDepthBuffer(): Promise<void> {\n this.stateMap.depthBuffer = await this.viewer?.frame?.depthBuffer();\n }\n\n private updateViewport(): void {\n const rect = getMeasurementBoundingClientRect(this.hostEl);\n this.viewport = new Viewport(rect.width, rect.height);\n this.elementBounds = rect;\n }\n\n private updatePropsFromJson(): void {\n this.start = parseVector3(this.startJson ?? this.start);\n this.end = parseVector3(this.endJson ?? this.end);\n }\n\n private updateInteractionModel(): void {\n this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n }\n\n private handleFrameDrawn = (): void => {\n this.invalidateState();\n };\n\n private invalidateState(): void {\n this.invalidateStateCounter = this.invalidateStateCounter + 1;\n }\n\n private async addInteractionListeners(\n viewer: HTMLVertexViewerElement,\n ): Promise<void> {\n const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n if (this.mode === 'replace') {\n interactionTarget.addEventListener('pointermove', this.updateStartAnchor);\n interactionTarget.addEventListener('pointerdown', this.newMeasurement);\n interactionTarget.addEventListener('pointerleave', this.clearIndicator);\n }\n }\n\n private async removeInteractionListeners(\n viewer: HTMLVertexViewerElement,\n ): Promise<void> {\n const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n interactionTarget.removeEventListener(\n 'pointermove',\n this.updateStartAnchor,\n );\n interactionTarget.removeEventListener('pointerdown', this.newMeasurement);\n interactionTarget.removeEventListener('pointerleave', this.clearIndicator);\n }\n\n private clearIndicator = (): void => {\n this.controller.clearIndicator();\n };\n\n private updateStartAnchor = async (event: PointerEvent): Promise<void> => {\n await this.getStencilBuffer();\n\n if (this.interactionCount === 0) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.updateIndicator(snapPt);\n }\n };\n\n private newMeasurement = (event: PointerEvent): void => {\n if (this.interactionCount === 0 && event.button === 0) {\n // Function that registers event listeners to perform a new measurement.\n const startMeasurement = (start: () => void): void => {\n const dispose = (): void => {\n window.removeEventListener('pointerup', pointerUp);\n window.removeEventListener('pointermove', pointerMove);\n };\n const pointerUp = async (): Promise<void> => {\n dispose();\n start();\n };\n const pointerMove = (event: PointerEvent): void => {\n if (event.buttons > 0) {\n dispose();\n }\n };\n\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n // Function that registers event listeners to detect if a user is\n // interacting with the model. If so, we temporarily disable measurement\n // updates until the user finishes.\n const pointerDownAndMove = (callback: () => void): Disposable => {\n let downPt: Point.Point = Point.create(0, 0);\n\n const pointerMove = (event: PointerEvent): void => {\n const dist = Point.distance(\n downPt,\n getMouseClientPosition(event, this.elementBounds),\n );\n if (dist >= INTERACTION_THRESHOLD) {\n callback();\n }\n };\n\n const dispose = (): void => {\n window.removeEventListener('pointermove', pointerMove);\n window.removeEventListener('pointerup', pointerUp);\n };\n\n const pointerUp = (): void => dispose();\n\n const pointerDown = (event: PointerEvent): void => {\n downPt = getMouseClientPosition(event, this.elementBounds);\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n window.addEventListener('pointerdown', pointerDown);\n\n return {\n dispose: () => window.removeEventListener('pointerdown', pointerDown),\n };\n };\n\n // Function that registers event listeners to finish a measurement.\n const measureInteraction = (): void => {\n const handleDownAndMove = pointerDownAndMove(() => {\n this.isUserInteractingWithModel = true;\n this.stateMap.hoverCursor?.dispose();\n });\n\n const dispose = (): void => {\n window.removeEventListener('pointermove', pointerMove);\n window.removeEventListener('pointerup', pointerUp);\n handleDownAndMove.dispose();\n };\n\n const pointerMove = this.createInteractionMoveHandler();\n const pointerUp = async (event: PointerEvent): Promise<void> => {\n if (event.button === 0) {\n if (this.isUserInteractingWithModel) {\n this.isUserInteractingWithModel = false;\n } else {\n const hits = this.getHitProvider();\n if (hits != null) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.interaction?.finish(snapPt, hits);\n\n dispose();\n this.updateMeasurementPropsFromModel();\n this.endEditing();\n }\n }\n }\n };\n\n this.beginEditing('replace', 'end');\n this.newInteractionHandler = { dispose };\n\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n const hits = this.getHitProvider();\n if (hits != null) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n this.interaction = this.controller.newMeasurement(snapPt, hits);\n\n if (this.interaction != null) {\n startMeasurement(measureInteraction);\n }\n }\n }\n };\n\n private handleEditAnchor(\n anchor: Anchor,\n ): ((event: PointerEvent) => Promise<void>) | undefined {\n if (this.mode === 'edit' || this.mode === 'replace') {\n const handlePointerMove = this.createInteractionMoveHandler();\n const handlePointerUp = async (event: PointerEvent): Promise<void> => {\n const hits = this.getHitProvider();\n if (hits != null) {\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.interaction?.finish(snapPt, hits);\n\n this.updateMeasurementPropsFromModel();\n this.endEditing();\n }\n };\n\n return async (event) => {\n await this.getStencilBuffer();\n\n if (event.button === 0) {\n this.beginEditing('edit', anchor);\n\n this.interaction = this.controller.editMeasurement(anchor);\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n }\n };\n }\n }\n\n private createInteractionMoveHandler(): (\n event: PointerEvent,\n ) => Promise<void> {\n return async (event) => {\n const hits = this.getHitProvider();\n if (this.elementBounds != null && hits != null) {\n event.preventDefault();\n await this.getStencilBuffer();\n\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n this.interaction?.update(snapPt, hits);\n this.updateMeasurementPropsFromModel();\n }\n };\n }\n\n private async getStencilBuffer(): Promise<void> {\n const stencil = await this.viewer?.stencilBuffer.latestAfterInteraction();\n this.stateMap.stencil = stencil;\n }\n\n private snapPoint(pt: Point.Point, event: MouseEvent): Point.Point {\n const hits = this.getHitProvider();\n if (hits != null && !event.shiftKey) {\n const snapDistance = Math.max(0, this.snapDistance);\n return hits.hitTester().snapToNearestPixel(pt, snapDistance);\n }\n return pt;\n }\n\n private formatDistance(distance: number | undefined): string {\n const dist =\n distance != null\n ? this.measurementUnits.convertWorldValueToReal(distance)\n : undefined;\n\n if (this.labelFormatter != null) {\n return this.labelFormatter(dist);\n } else {\n const abbreviated = this.measurementUnits.unit.abbreviatedName;\n return dist == null\n ? '---'\n : `~${dist.toFixed(this.fractionalDigits)} ${abbreviated}`;\n }\n }\n\n private beginEditing(\n type: EditBeginEventDetails['type'],\n anchor: EditBeginEventDetails['anchor'],\n ): void {\n if (this.interactionCount === 0) {\n this.interactingAnchor = anchor;\n this.editBegin.emit({ type, anchor });\n }\n this.interactionCount = this.interactionCount + 1;\n }\n\n private endEditing(): void {\n if (this.interactionCount === 1) {\n const measurement = this.model.getMeasurement();\n\n this.interactingAnchor = 'none';\n this.updateMeasurementModel();\n\n if (measurement != null) {\n this.editEnd.emit(measurement);\n }\n }\n this.interactionCount = this.interactionCount - 1;\n }\n\n private updateMeasurementModel(): void {\n this.measurementModel.clearOutcome();\n\n if (!this.invalid && this.start != null && this.end != null) {\n this.measurementModel.setOutcome({\n isApproximate: true,\n results: [makeMinimumDistanceResult(this.start, this.end)],\n });\n }\n }\n\n private getHitProvider(): PointToPointHitProvider | undefined {\n if (this.hitProvider == null) {\n const hitTester = this.getHitTester();\n const viewer = this.viewer;\n if (viewer != null && hitTester != null) {\n return {\n hitTester: () => hitTester,\n raycaster: async () => (await viewer.scene()).raycaster(),\n };\n }\n } else return this.hitProvider;\n }\n\n private getHitTester(): PointToPointHitTester | undefined {\n const { stencil, depthBuffer } = this.stateMap;\n if (depthBuffer != null) {\n return new PointToPointHitTester(\n stencil,\n depthBuffer,\n this.viewport,\n this.internalCamera,\n );\n }\n }\n\n private updateMeasurementPropsFromModel(): void {\n const measurement = this.model.getMeasurement();\n this.start = measurement?.start;\n this.end = measurement?.end;\n this.distance = measurement?.distance;\n this.invalid = measurement != null && !measurement.valid;\n }\n\n private async updateIndicator(pt: Point.Point): Promise<void> {\n const hits = this.getHitProvider();\n const clearCursor =\n hits == null || !this.controller.moveIndicator(pt, hits);\n\n if (clearCursor) {\n this.stateMap.hoverCursor?.dispose();\n } else {\n await this.setCursor(measurementCursor);\n }\n }\n\n private setDepthBuffers(): void {\n if (\n this.mode != null &&\n this.viewer != null &&\n this.viewer.depthBuffers == null\n ) {\n this.stateMap.shouldClearDepthBuffers = true;\n this.viewer.depthBuffers = 'final';\n }\n }\n\n private resetDepthBuffers(): void {\n if (this.stateMap.shouldClearDepthBuffers && this.viewer != null) {\n this.viewer.depthBuffers = undefined;\n this.stateMap.shouldClearDepthBuffers = undefined;\n }\n }\n}\n\nfunction parseVector3(\n value: string | Vector3.Vector3 | undefined,\n): Vector3.Vector3 | undefined {\n return typeof value === 'string' ? Vector3.fromJson(value) : value;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"viewer-measurement-distance.js","sourceRoot":"","sources":["../../../../../src/components/viewer-measurement-distance/viewer-measurement-distance.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { Line3, Point, Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport {\n MEASUREMENT_LINE_CAP_LENGTH,\n MEASUREMENT_SNAP_DISTANCE,\n} from '../../lib/constants';\nimport { Cursor, measurementCursor } from '../../lib/cursors';\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { Formatter } from '../../lib/formatter';\nimport {\n makeMinimumDistanceResult,\n MeasurementModel,\n MeasurementOverlay,\n MeasurementOverlayManager,\n} from '../../lib/measurement';\nimport {\n DepthBuffer,\n DistanceUnits,\n DistanceUnitType,\n FrameCameraBase,\n StencilBuffer,\n Viewport,\n} from '../../lib/types';\nimport { getMeasurementBoundingClientRect } from './dom';\nimport { PointToPointHitTester } from './hitTest';\nimport {\n PointToPointHitProvider,\n PointToPointInteraction,\n PointToPointInteractionController,\n PointToPointInteractionModel,\n} from './interactions';\nimport {\n Anchor,\n getViewingElementPositions,\n MeasurementElementPositions,\n} from './utils';\nimport { DistanceMeasurementRenderer } from './viewer-measurement-distance-components';\n\n/**\n * Contains the bounding boxes of child elements of this component. This\n * information is useful for positioning popups or other elements around the\n * measurement.\n *\n * @see {@link ViewerDistanceMeasurement.computeElementMetrics} - For\n * calculating element metrics.\n */\nexport interface ViewerMeasurementDistanceElementMetrics {\n startAnchor: DOMRect;\n endAnchor: DOMRect;\n label: DOMRect;\n}\n\n/**\n * The supported measurement modes.\n *\n * @see {@link ViewerDistanceMeasurement.mode} - For more details about modes.\n */\nexport type ViewerMeasurementDistanceMode = 'edit' | 'replace' | '';\n\n/**\n * A details object describing the edit begin event.\n */\nexport interface EditBeginEventDetails {\n type: Exclude<ViewerMeasurementDistanceMode, ''>;\n anchor: Anchor;\n}\n/**\n * A details object describing the edit end event.\n */\nexport interface EditEndEventDetails {\n start: Vector3.Vector3;\n end: Vector3.Vector3;\n valid: boolean;\n}\n\ninterface StateMap {\n hoverCursor?: Disposable;\n stencil?: StencilBuffer;\n depthBuffer?: DepthBuffer;\n shouldClearDepthBuffers?: boolean;\n}\n\nconst INTERACTION_THRESHOLD = 3;\n\n/**\n * @slot start-anchor - An HTML element for the starting point anchor.\n *\n * @slot start-label - An HTML or text element that displays next to the start\n * anchor.\n *\n * @slot end-anchor - An HTML element for the ending point anchor.\n *\n * @slot end-label - An HTML or text element that displays next to the end\n * anchor.\n *\n * @slot indicator - An HTML element for the measurement indicator. The\n * indicator represents the position where a measurement will be placed while\n * editing.\n */\n@Component({\n tag: 'vertex-viewer-measurement-distance',\n styleUrl: 'viewer-measurement-distance.css',\n shadow: true,\n})\nexport class ViewerMeasurementDistance {\n /**\n * The world position of the starting anchor.\n */\n @Prop({ mutable: true })\n public start?: Vector3.Vector3;\n\n /**\n * The world position of the starting anchor, as a JSON string. The JSON\n * string can be an array or object representation in the format of `[x, y,\n * z]` or `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n */\n @Prop()\n public startJson?: string;\n\n /**\n * The world position of the ending anchor.\n */\n @Prop({ mutable: true })\n public end?: Vector3.Vector3;\n\n /**\n * The world position of the ending anchor, as a JSON string. The JSON string\n * can be an array or object representation in the format of `[x, y, z]` or\n * `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n */\n @Prop()\n public endJson?: string;\n\n /**\n * The distance between `start` and `end` in real world units. Value will be\n * undefined if the start and end positions are undefined, or if the\n * measurement is invalid.\n */\n @Prop({ mutable: true })\n public distance?: number;\n\n /**\n * Enables the display of axis reference lines between the start and end\n * point.\n */\n @Prop()\n public showAxisReferenceLines = false;\n\n /**\n * The distance, in pixels, between the mouse and nearest snappable edge. A\n * value of 0 disables snapping.\n */\n @Prop()\n public snapDistance: number = MEASUREMENT_SNAP_DISTANCE;\n\n /**\n * The unit of measurement.\n */\n @Prop()\n public units: DistanceUnitType = 'millimeters';\n\n /**\n * The number of fraction digits to display.\n */\n @Prop()\n public fractionalDigits = 2;\n\n /**\n * An optional formatter that can be used to format the display of a distance.\n * The formatting function is passed a calculated real-world distance and is\n * expected to return a string.\n */\n @Prop()\n public labelFormatter?: Formatter<number | undefined>;\n\n /**\n * The distance from an anchor to its label.\n */\n @Prop()\n public anchorLabelOffset = 20;\n\n /**\n * The length of the caps at each end of the distance measurement.\n */\n @Prop()\n public lineCapLength = MEASUREMENT_LINE_CAP_LENGTH;\n\n /**\n * A mode that specifies how the measurement component should behave.\n *\n * When unset, the component will not respond to interactions with the\n * handles.\n *\n * When `edit`, the measurement anchors are interactive and the user is able\n * to reposition them.\n *\n * When `replace`, anytime the user clicks on the canvas, a new measurement\n * will be created and replace any existing measurement. After a measurement\n * is created, the measurement will be editable.\n */\n @Prop({ reflect: true })\n public mode: ViewerMeasurementDistanceMode = '';\n\n /**\n * A property that reflects which anchor is currently being interacted with.\n */\n @Prop({ reflect: true, mutable: true })\n public interactingAnchor: Anchor | 'none' = 'none';\n\n /**\n * Indicates if the measurement is invalid. A measurement is invalid if either\n * the start or end position are not on the surface of the model.\n */\n @Prop({ mutable: true, reflect: true })\n public invalid = false;\n\n /**\n * The camera used to position the anchors. If `viewer` is defined, then the\n * projection view matrix of the viewer will be used.\n */\n @Prop()\n public camera?: FrameCameraBase;\n\n /**\n * @internal\n */\n @Prop()\n public hitProvider?: PointToPointHitProvider;\n\n /**\n * @internal\n */\n @Prop({ mutable: true })\n public indicatorPt?: Vector3.Vector3;\n\n /**\n * The viewer to connect to this measurement. The measurement will redraw any\n * time the viewer redraws the scene.\n */\n @Prop()\n public viewer?: HTMLVertexViewerElement;\n\n /**\n * The measurement model that will be updated when this measurement changes.\n * You can pass this to a <vertex-viewer-measurement-details> component to\n * display measurement outcomes.\n */\n @Prop()\n public measurementModel: MeasurementModel = new MeasurementModel();\n\n /**\n * An event that is dispatched anytime the user begins editing the\n * measurement.\n */\n @Event()\n public editBegin!: EventEmitter<EditBeginEventDetails>;\n\n /**\n * An event that is dispatched when the user has finished editing the\n * measurement.\n */\n @Event()\n public editEnd!: EventEmitter<EditEndEventDetails>;\n\n @State()\n private viewport: Viewport = new Viewport(0, 0);\n\n @State()\n private elementBounds?: DOMRect;\n\n @State()\n private interactionCount = 0;\n\n @State()\n private internalCamera?: FrameCameraBase;\n\n @State()\n private invalidateStateCounter = 0;\n\n @State()\n // Any data that should be preserved across live-reloads, but should not cause\n // a rerender if changed.\n private stateMap: StateMap = {};\n\n @State()\n private measurementUnits = new DistanceUnits(this.units);\n\n @Element()\n private hostEl!: HTMLElement;\n\n private model = PointToPointInteractionModel.empty();\n private controller = new PointToPointInteractionController(this.model);\n private interaction?: PointToPointInteraction;\n\n private overlays = new MeasurementOverlayManager();\n private overlay?: MeasurementOverlay;\n\n private isUserInteractingWithModel = false;\n\n private newInteractionHandler?: Disposable;\n\n /**\n * Computes the bounding boxes of the anchors and label. **Note:** invoking\n * this function uses `getBoundingClientRect` internally and will cause a\n * relayout of the DOM.\n */\n @Method()\n public async computeElementMetrics(): Promise<\n ViewerMeasurementDistanceElementMetrics | undefined\n > {\n const startAnchorEl =\n this.hostEl.shadowRoot?.getElementById('start-anchor');\n const endAnchorEl = this.hostEl.shadowRoot?.getElementById('end-anchor');\n const labelEl = this.hostEl.shadowRoot?.getElementById('label');\n\n if (startAnchorEl != null && endAnchorEl != null && labelEl != null) {\n return {\n startAnchor: startAnchorEl.getBoundingClientRect(),\n endAnchor: endAnchorEl.getBoundingClientRect(),\n label: labelEl.getBoundingClientRect(),\n };\n } else {\n return undefined;\n }\n }\n\n /**\n * @ignore\n */\n protected connectedCallback(): void {\n this.setDepthBuffers();\n }\n\n /**\n * @ignore\n */\n protected disconnectedCallback(): void {\n this.stateMap.hoverCursor?.dispose();\n this.newInteractionHandler?.dispose();\n this.resetDepthBuffers();\n }\n\n /**\n * @ignore\n */\n protected async componentWillLoad(): Promise<void> {\n this.updatePropsFromJson();\n this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n\n await this.getStencilBuffer();\n this.updateViewport();\n this.setDepthBuffers();\n\n await this.handleViewerChanged(this.viewer);\n await this.handleModeChanged();\n\n await this.computePropsAndState();\n\n this.model.onIndicatorChanged((pt) => {\n this.indicatorPt = pt;\n });\n }\n\n /**\n * @ignore\n */\n protected componentDidLoad(): void {\n const resize = new ResizeObserver(() => this.updateViewport());\n resize.observe(this.hostEl);\n }\n\n /**\n * @ignore\n */\n protected async componentWillUpdate(): Promise<void> {\n await this.computePropsAndState();\n }\n\n /**\n * @ignore\n */\n protected render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n {this.showAxisReferenceLines && (\n <vertex-viewer-measurement-overlays\n measurementOverlays={this.overlays}\n viewer={this.viewer}\n />\n )}\n {this.renderMeasurement()}\n </Host>\n );\n }\n\n private renderMeasurement(): h.JSX.IntrinsicElements {\n const positions = this.computeElementPositions();\n const { startPt, endPt, labelPt, indicatorPt, hideStart, hideEnd } =\n positions;\n const distance = this.formatDistance(this.distance);\n\n if (this.mode === 'edit' || this.mode === 'replace') {\n return (\n <DistanceMeasurementRenderer\n startPt={startPt}\n endPt={endPt}\n centerPt={labelPt}\n indicatorPt={indicatorPt}\n distance={distance}\n anchorLabelOffset={this.anchorLabelOffset}\n lineCapLength={this.lineCapLength}\n hideStartAnchor={hideStart}\n hideEndAnchor={hideEnd}\n onStartAnchorPointerDown={this.handleEditAnchor('start')}\n onEndAnchorPointerDown={this.handleEditAnchor('end')}\n />\n );\n } else {\n return (\n <DistanceMeasurementRenderer\n startPt={startPt}\n endPt={endPt}\n centerPt={labelPt}\n indicatorPt={this.indicatorPt}\n distance={distance}\n hideStartAnchor={hideStart}\n hideEndAnchor={hideEnd}\n anchorLabelOffset={this.anchorLabelOffset}\n lineCapLength={this.lineCapLength}\n linePointerEvents=\"painted\"\n />\n );\n }\n }\n\n /**\n * @ignore\n */\n @Watch('viewer')\n protected async handleViewerChanged(\n newViewer?: HTMLVertexViewerElement,\n oldViewer?: HTMLVertexViewerElement,\n ): Promise<void> {\n if (oldViewer != null) {\n oldViewer.removeEventListener('frameDrawn', this.handleFrameDrawn);\n await this.removeInteractionListeners(oldViewer);\n }\n\n if (newViewer != null) {\n newViewer.addEventListener('frameDrawn', this.handleFrameDrawn);\n await this.addInteractionListeners(newViewer);\n }\n }\n\n /**\n * @ignore\n */\n @Watch('units', { immediate: true })\n protected handleUnitsChanged(): void {\n this.measurementUnits = new DistanceUnits(this.units);\n }\n\n /**\n * @ignore\n */\n @Watch('camera')\n protected handleCameraChanged(): void {\n this.updateCamera();\n }\n\n /**\n * @ignore\n */\n @Watch('mode')\n protected async handleModeChanged(): Promise<void> {\n // If we're not in edit or replace mode, ensure that the measurement\n // cursor is removed.\n if (this.mode === '') {\n this.stateMap.hoverCursor?.dispose();\n }\n\n if (this.viewer != null) {\n await this.removeInteractionListeners(this.viewer);\n await this.addInteractionListeners(this.viewer);\n }\n }\n\n /**\n * @ignore\n */\n @Watch('start')\n protected handleStartChanged(): void {\n this.updateInteractionModel();\n }\n\n /**\n * @ignore\n */\n @Watch('end')\n protected handleEndChanged(): void {\n this.updateInteractionModel();\n }\n\n /**\n * @ignore\n */\n @Watch('invalid')\n protected handleInvalidChanged(): void {\n this.updateInteractionModel();\n }\n\n private async computePropsAndState(): Promise<void> {\n this.updateCamera();\n await this.updateDepthBuffer();\n this.updateMeasurementPropsFromModel();\n this.updateOverlays();\n }\n\n private updateOverlays(): void {\n this.overlay?.dispose();\n\n if (\n this.showAxisReferenceLines &&\n this.interactionCount === 0 &&\n !this.invalid &&\n this.start != null &&\n this.end != null\n ) {\n this.overlay = this.overlays.addDistanceVector(this.start, this.end);\n }\n }\n\n private async setCursor(cursor: Cursor): Promise<void> {\n this.stateMap.hoverCursor?.dispose();\n\n if (!this.isUserInteractingWithModel) {\n this.stateMap.hoverCursor = await this.viewer?.addCursor(cursor);\n }\n }\n\n private computeElementPositions(): MeasurementElementPositions {\n if (this.mode === 'replace') {\n return this.computeReplaceElementPositions();\n } else {\n return this.computeEditOrViewElementPositions();\n }\n }\n\n private computeEditOrViewElementPositions(): MeasurementElementPositions {\n const measurement = this.model.getMeasurement();\n if (this.internalCamera != null && measurement != null) {\n return this.computeLineElementPositions(Line3.create(measurement));\n } else {\n return {};\n }\n }\n\n private computeReplaceElementPositions(): MeasurementElementPositions {\n if (this.internalCamera != null) {\n const measurement = this.model.getMeasurement();\n\n const line =\n measurement != null\n ? this.computeLineElementPositions(Line3.create(measurement))\n : {};\n const indicator =\n this.indicatorPt != null\n ? {\n indicatorPt: this.viewport.transformWorldToViewport(\n this.indicatorPt,\n this.internalCamera.projectionViewMatrix,\n ),\n }\n : {};\n\n return { ...line, ...indicator };\n } else {\n return {};\n }\n }\n\n private computeLineElementPositions(\n line: Line3.Line3,\n ): MeasurementElementPositions {\n if (this.internalCamera != null) {\n return getViewingElementPositions(line, this.interactingAnchor, {\n viewport: this.viewport,\n camera: this.internalCamera,\n });\n } else {\n return {};\n }\n }\n\n private updateCamera(): void {\n this.internalCamera = this.camera || this.viewer?.frame?.scene.camera;\n }\n\n private async updateDepthBuffer(): Promise<void> {\n this.stateMap.depthBuffer = await this.viewer?.frame?.depthBuffer();\n }\n\n private updateViewport(): void {\n const rect = getMeasurementBoundingClientRect(this.hostEl);\n this.viewport = new Viewport(rect.width, rect.height);\n this.elementBounds = rect;\n }\n\n private updatePropsFromJson(): void {\n this.start = parseVector3(this.startJson ?? this.start);\n this.end = parseVector3(this.endJson ?? this.end);\n }\n\n private updateInteractionModel(): void {\n this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n }\n\n private handleFrameDrawn = (): void => {\n this.invalidateState();\n };\n\n private invalidateState(): void {\n this.invalidateStateCounter = this.invalidateStateCounter + 1;\n }\n\n private async addInteractionListeners(\n viewer: HTMLVertexViewerElement,\n ): Promise<void> {\n const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n if (this.mode === 'replace') {\n interactionTarget.addEventListener('pointermove', this.updateStartAnchor);\n interactionTarget.addEventListener('pointerdown', this.newMeasurement);\n interactionTarget.addEventListener('pointerleave', this.clearIndicator);\n }\n }\n\n private async removeInteractionListeners(\n viewer: HTMLVertexViewerElement,\n ): Promise<void> {\n const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n interactionTarget.removeEventListener(\n 'pointermove',\n this.updateStartAnchor,\n );\n interactionTarget.removeEventListener('pointerdown', this.newMeasurement);\n interactionTarget.removeEventListener('pointerleave', this.clearIndicator);\n }\n\n private clearIndicator = (): void => {\n this.controller.clearIndicator();\n };\n\n private updateStartAnchor = async (event: PointerEvent): Promise<void> => {\n await this.getStencilBuffer();\n\n if (this.interactionCount === 0) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.updateIndicator(snapPt);\n }\n };\n\n private newMeasurement = (event: PointerEvent): void => {\n if (this.interactionCount === 0 && event.button === 0) {\n // Function that registers event listeners to perform a new measurement.\n const startMeasurement = (start: () => void): void => {\n const dispose = (): void => {\n window.removeEventListener('pointerup', pointerUp);\n window.removeEventListener('pointermove', pointerMove);\n };\n const pointerUp = async (): Promise<void> => {\n dispose();\n start();\n };\n const pointerMove = (event: PointerEvent): void => {\n if (event.buttons > 0) {\n dispose();\n }\n };\n\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n // Function that registers event listeners to detect if a user is\n // interacting with the model. If so, we temporarily disable measurement\n // updates until the user finishes.\n const pointerDownAndMove = (callback: () => void): Disposable => {\n let downPt: Point.Point = Point.create(0, 0);\n\n const pointerMove = (event: PointerEvent): void => {\n const dist = Point.distance(\n downPt,\n getMouseClientPosition(event, this.elementBounds),\n );\n if (dist >= INTERACTION_THRESHOLD) {\n callback();\n }\n };\n\n const dispose = (): void => {\n window.removeEventListener('pointermove', pointerMove);\n window.removeEventListener('pointerup', pointerUp);\n };\n\n const pointerUp = (): void => dispose();\n\n const pointerDown = (event: PointerEvent): void => {\n downPt = getMouseClientPosition(event, this.elementBounds);\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n window.addEventListener('pointerdown', pointerDown);\n\n return {\n dispose: () => window.removeEventListener('pointerdown', pointerDown),\n };\n };\n\n // Function that registers event listeners to finish a measurement.\n const measureInteraction = (): void => {\n const handleDownAndMove = pointerDownAndMove(() => {\n this.isUserInteractingWithModel = true;\n this.stateMap.hoverCursor?.dispose();\n });\n\n const dispose = (): void => {\n window.removeEventListener('pointermove', pointerMove);\n window.removeEventListener('pointerup', pointerUp);\n handleDownAndMove.dispose();\n };\n\n const pointerMove = this.createInteractionMoveHandler();\n const pointerUp = async (event: PointerEvent): Promise<void> => {\n if (event.button === 0) {\n if (this.isUserInteractingWithModel) {\n this.isUserInteractingWithModel = false;\n } else {\n const hits = this.getHitProvider();\n if (hits != null) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.interaction?.finish(snapPt, hits);\n\n dispose();\n this.updateMeasurementPropsFromModel();\n this.endEditing();\n }\n }\n }\n };\n\n this.beginEditing('replace', 'end');\n this.newInteractionHandler = { dispose };\n\n window.addEventListener('pointermove', pointerMove);\n window.addEventListener('pointerup', pointerUp);\n };\n\n const hits = this.getHitProvider();\n if (hits != null) {\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n this.interaction = this.controller.newMeasurement(snapPt, hits);\n\n if (this.interaction != null) {\n startMeasurement(measureInteraction);\n }\n }\n }\n };\n\n private handleEditAnchor(\n anchor: Anchor,\n ): ((event: PointerEvent) => Promise<void>) | undefined {\n if (this.mode === 'edit' || this.mode === 'replace') {\n const handlePointerMove = this.createInteractionMoveHandler();\n const handlePointerUp = async (event: PointerEvent): Promise<void> => {\n const hits = this.getHitProvider();\n if (hits != null) {\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n await this.interaction?.finish(snapPt, hits);\n\n this.updateMeasurementPropsFromModel();\n this.endEditing();\n }\n };\n\n return async (event) => {\n await this.getStencilBuffer();\n\n if (event.button === 0) {\n this.beginEditing('edit', anchor);\n\n this.interaction = this.controller.editMeasurement(anchor);\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n }\n };\n }\n }\n\n private createInteractionMoveHandler(): (\n event: PointerEvent,\n ) => Promise<void> {\n return async (event) => {\n const hits = this.getHitProvider();\n if (this.elementBounds != null && hits != null) {\n event.preventDefault();\n await this.getStencilBuffer();\n\n const pt = getMouseClientPosition(event, this.elementBounds);\n const snapPt = this.snapPoint(pt, event);\n this.interaction?.update(snapPt, hits);\n this.updateMeasurementPropsFromModel();\n }\n };\n }\n\n private async getStencilBuffer(): Promise<void> {\n const stencil = await this.viewer?.stencilBuffer!.latestAfterInteraction();\n this.stateMap.stencil = stencil;\n }\n\n private snapPoint(pt: Point.Point, event: MouseEvent): Point.Point {\n const hits = this.getHitProvider();\n if (hits != null && !event.shiftKey) {\n const snapDistance = Math.max(0, this.snapDistance);\n return hits.hitTester().snapToNearestPixel(pt, snapDistance);\n }\n return pt;\n }\n\n private formatDistance(distance: number | undefined): string {\n const dist =\n distance != null\n ? this.measurementUnits.convertWorldValueToReal(distance)\n : undefined;\n\n if (this.labelFormatter != null) {\n return this.labelFormatter(dist);\n } else {\n const abbreviated = this.measurementUnits.unit.abbreviatedName;\n return dist == null\n ? '---'\n : `~${dist.toFixed(this.fractionalDigits)} ${abbreviated}`;\n }\n }\n\n private beginEditing(\n type: EditBeginEventDetails['type'],\n anchor: EditBeginEventDetails['anchor'],\n ): void {\n if (this.interactionCount === 0) {\n this.interactingAnchor = anchor;\n this.editBegin.emit({ type, anchor });\n }\n this.interactionCount = this.interactionCount + 1;\n }\n\n private endEditing(): void {\n if (this.interactionCount === 1) {\n const measurement = this.model.getMeasurement();\n\n this.interactingAnchor = 'none';\n this.updateMeasurementModel();\n\n if (measurement != null) {\n this.editEnd.emit(measurement);\n }\n }\n this.interactionCount = this.interactionCount - 1;\n }\n\n private updateMeasurementModel(): void {\n this.measurementModel.clearOutcome();\n\n if (!this.invalid && this.start != null && this.end != null) {\n this.measurementModel.setOutcome({\n isApproximate: true,\n results: [makeMinimumDistanceResult(this.start, this.end)],\n });\n }\n }\n\n private getHitProvider(): PointToPointHitProvider | undefined {\n if (this.hitProvider == null) {\n const hitTester = this.getHitTester();\n const viewer = this.viewer;\n if (viewer != null && hitTester != null) {\n return {\n hitTester: () => hitTester,\n raycaster: async () => (await viewer.scene()).raycaster(),\n };\n }\n } else return this.hitProvider;\n }\n\n private getHitTester(): PointToPointHitTester | undefined {\n const { stencil, depthBuffer } = this.stateMap;\n if (depthBuffer != null) {\n return new PointToPointHitTester(\n stencil,\n depthBuffer,\n this.viewport,\n this.internalCamera,\n );\n }\n }\n\n private updateMeasurementPropsFromModel(): void {\n const measurement = this.model.getMeasurement();\n this.start = measurement?.start;\n this.end = measurement?.end;\n this.distance = measurement?.distance;\n this.invalid = measurement != null && !measurement.valid;\n }\n\n private async updateIndicator(pt: Point.Point): Promise<void> {\n const hits = this.getHitProvider();\n const clearCursor =\n hits == null || !this.controller.moveIndicator(pt, hits);\n\n if (clearCursor) {\n this.stateMap.hoverCursor?.dispose();\n } else {\n await this.setCursor(measurementCursor);\n }\n }\n\n private setDepthBuffers(): void {\n if (\n this.mode != null &&\n this.viewer != null &&\n this.viewer.depthBuffers == null\n ) {\n this.stateMap.shouldClearDepthBuffers = true;\n this.viewer.depthBuffers = 'final';\n }\n }\n\n private resetDepthBuffers(): void {\n if (this.stateMap.shouldClearDepthBuffers && this.viewer != null) {\n this.viewer.depthBuffers = undefined;\n this.stateMap.shouldClearDepthBuffers = undefined;\n }\n }\n}\n\nfunction parseVector3(\n value: string | Vector3.Vector3 | undefined,\n): Vector3.Vector3 | undefined {\n return typeof value === 'string' ? Vector3.fromJson(value) : value;\n}\n"]}
|
|
@@ -80,12 +80,12 @@ export class ViewerPinGroup {
|
|
|
80
80
|
throw new Error('Unable to draw pin');
|
|
81
81
|
}
|
|
82
82
|
const { pinPoint, labelPoint } = this.computePinPoints(this.pin);
|
|
83
|
-
return (h(Fragment, { key: '
|
|
83
|
+
return (h(Fragment, { key: '84a22b24189e46d618c7266874d6584feb4e0b93' }, h("vertex-viewer-dom-element", { key: 'd4b9cf5194049099b2a7a2c1ef07fc3757e91cdc', "data-testid": `drawn-pin-${this.pin.id}`, position: this.pin.worldPosition, onPointerDown: async () => {
|
|
84
84
|
var _a;
|
|
85
85
|
await ((_a = this.labelEl) === null || _a === void 0 ? void 0 : _a.submit());
|
|
86
86
|
this.selectPin();
|
|
87
87
|
this.handleAnchorPointerDown();
|
|
88
|
-
}, detachedOff: false }, h(PinRenderer, { key: '
|
|
88
|
+
}, detachedOff: false }, h(PinRenderer, { key: '7312b90e959e7d61de89c80ff032c29c5d32d888', pin: this.pin, selected: this.selected, occluded: this.occluded, detached: this.detached })), isTextPin(this.pin) && !this.occluded && !this.detached && (h(Fragment, { key: '975ae561cc3eb0bf6d259d99c10c48ab0bb2661a' }, h("vertex-viewer-pin-label-line", { key: 'cbb32a2788a89f53c5ea2e2e6abe83b0b49c0fd4', id: `pin-label-line-${(_a = this.pin) === null || _a === void 0 ? void 0 : _a.id}`, pinPoint: pinPoint, pin: this.pin, labelPoint: labelPoint, onPointerDown: () => this.selectPin() }), h("vertex-viewer-pin-label", { key: '296958cff46f102cef5621c2512b71f0d4d97ff9', pin: this.pin, ref: (el) => (this.labelEl = el), elementBounds: this.elementBounds, pinController: this.pinController, onPointerDown: () => this.selectPin() })))));
|
|
89
89
|
}
|
|
90
90
|
setLabelObserver() {
|
|
91
91
|
if (this.labelEl != null) {
|
|
@@ -188,7 +188,7 @@ export class VertexPinLabel {
|
|
|
188
188
|
render() {
|
|
189
189
|
var _a, _b, _c;
|
|
190
190
|
const { primaryColor, accentColor } = getPinColors(this.pin);
|
|
191
|
-
return (h(Host, { key: '
|
|
191
|
+
return (h(Host, { key: '2eeca89781ad06fce5403bee5d967496c4886201' }, h("div", { key: '9f6ca00bfadf8b6090db219ce05ec2eae28f341f', class: classNames('pin-label-input-wrapper', {
|
|
192
192
|
focused: this.focused,
|
|
193
193
|
}), onPointerDown: this.handlePointerDown, style: {
|
|
194
194
|
top: `${((_a = this.computedScreenPosition) === null || _a === void 0 ? void 0 : _a.y.toString()) || 0}px`,
|
|
@@ -198,9 +198,9 @@ export class VertexPinLabel {
|
|
|
198
198
|
maxHeight: this.computeMaxHeight(),
|
|
199
199
|
borderColor: primaryColor,
|
|
200
200
|
background: accentColor,
|
|
201
|
-
} }, h("textarea", { key: '
|
|
201
|
+
} }, h("textarea", { key: 'faee5e02d2f9bd18dd2e367e4e52b4325ac3c782', id: `pin-label-input-${(_c = this.pin) === null || _c === void 0 ? void 0 : _c.id}`, class: classNames('pin-label-input', 'pin-label-text', {
|
|
202
202
|
['readonly']: !this.focused,
|
|
203
|
-
}), disabled: !this.focused, ref: (ref) => (this.inputEl = ref), value: this.value, rows: this.textareaRows, onKeyDown: this.handleInputKeyDown, onInput: this.handleTextInput, onBlur: this.handleTextBlur }), !this.focused && (h("div", { key: '
|
|
203
|
+
}), disabled: !this.focused, ref: (ref) => (this.inputEl = ref), value: this.value, rows: this.textareaRows, onKeyDown: this.handleInputKeyDown, onInput: this.handleTextInput, onBlur: this.handleTextBlur }), !this.focused && (h("div", { key: '2851d39b6cf87c64ef585a9f1967c689f01d030e', class: "pin-input-drag-target", onPointerDown: this.handlePointerDown }))), h("div", { key: 'a7c2e114227e9fe744b0ef4e42c3fd5abd5c626e', ref: (el) => (this.contentEl = el), class: classNames('pin-label-text', 'pin-label-hidden'), style: {
|
|
204
204
|
maxWidth: this.computeMaxWidth(),
|
|
205
205
|
maxHeight: this.computeMaxHeight(),
|
|
206
206
|
} }, this.hiddenContent())));
|
|
@@ -9,7 +9,7 @@ export class VertexPinLabelLine {
|
|
|
9
9
|
render() {
|
|
10
10
|
var _a, _b, _c, _d;
|
|
11
11
|
const { primaryColor } = getPinColors(this.pin);
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: 'daf863da93b542c252fdedcf3a6effc95d86942c' }, h("svg", { key: '4a1b04fd9fb7a04b3a46cdbaf2b5ded7efa0bc2c', class: "svg" }, h("line", { key: '809a20f602e6c459f3d8988b931406ca63770337', class: "label-line", style: {
|
|
13
13
|
stroke: primaryColor,
|
|
14
14
|
}, x1: (_a = this.labelPoint) === null || _a === void 0 ? void 0 : _a.x, y1: (_b = this.labelPoint) === null || _b === void 0 ? void 0 : _b.y, x2: (_c = this.pinPoint) === null || _c === void 0 ? void 0 : _c.x, y2: (_d = this.pinPoint) === null || _d === void 0 ? void 0 : _d.y }))));
|
|
15
15
|
}
|
package/dist/collection/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AAExD,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAElC,OAAO,EACL,MAAM,EACN,cAAc,EACd,oBAAoB,EACpB,8BAA8B,EAC9B,2BAA2B,EAC3B,SAAS,EAGT,SAAS,EACT,KAAK,EACL,yBAAyB,EAEzB,8BAA8B,EAC9B,0BAA0B,EAC1B,sBAAsB,EACtB,2BAA2B,GAG5B,MAAM,cAAc,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,KAAK,IAAI,aAAa,EACtB,UAAU,IAAI,kBAAkB,EAChC,UAAU,IAAI,kBAAkB,EAChC,uBAAuB,IAAI,0BAA0B,EACrD,sBAAsB,IAAI,yBAAyB,EACnD,wBAAwB,EACxB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,GACT,MAAM,aAAa,CAAC;AACrB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC","sourcesContent":["/**\n * @module Viewer\n * @document component-readmes.md\n */\nimport * as ColorMaterial from './lib/scenes/colorMaterial';\n\nexport { ColorMaterial };\n\nexport * from './components';\nexport * from './components/scene-tree/lib';\nexport * from './components/scene-tree/types';\nexport * from './components/viewer-box-query-tool/types';\nexport * from './components/viewer-toolbar/types';\nexport * from './components/viewer-toolbar-group/types';\nexport { Config } from './lib/config';\nexport * from './lib/cursors';\nexport { Environment } from './lib/environment';\nexport * from './lib/formatter';\nexport * from './lib/interactions/interactionHandler';\nexport * from './lib/interactions/keyInteraction';\nexport * from './lib/measurement';\nexport * from './lib/model-views';\nexport * from './lib/pins';\nexport * from './lib/pmi';\nexport * from './lib/scene-items';\nexport { SceneViewItem } from './lib/scene-items';\nexport {\n Camera,\n CrossSectioner,\n ItemOperationBuilder,\n PmiAnnotationOperationsBuilder,\n PmiAnnotationsQueryExecutor,\n Raycaster,\n RaycasterOptions,\n ResetViewOptions,\n RootQuery,\n Scene,\n SceneElementQueryExecutor,\n SceneElementsExecutionOptions,\n SceneElementsOperationExecutor,\n SceneItemOperationsBuilder,\n SceneItemQueryExecutor,\n SceneItemsOperationExecutor,\n SceneViewStateFeature,\n TerminalItemOperationBuilder,\n} from './lib/scenes';\nexport * from './lib/transforms';\nexport {\n CrossSectioning,\n EntityType,\n FrameCamera,\n FrameCameraBase,\n LoadableResource,\n Orientation,\n Frame as ReceivedFrame,\n FrameImage as ReceivedFrameImage,\n FrameScene as ReceivedFrameScene,\n FrameOrthographicCamera as ReceivedOrthographicCamera,\n FramePerspectiveCamera as ReceivedPerspectiveCamera,\n SceneViewStateIdentifier,\n StandardView,\n SynchronizedClock,\n Viewport,\n} from './lib/types';\nexport * from './lib/types/distanceUnits';\nexport * from './lib/types/markup';\nexport * from './lib/volume-intersection';\n\nimport { TapEventDetails } from './lib/interactions/tapEventDetails';\n\nexport { TapEventDetails };\n"]}
|
package/dist/components/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright (c) 2026 Vertex Software LLC. All rights reserved.
|
|
3
3
|
*/
|
|
4
|
-
import{g as o}from"./p-Bb32XUUS.js";export{a as getAssetPath,r as render,s as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-Bb32XUUS.js";export{C as Camera,c as ColorMaterial,a as CrossSectioner,I as ItemOperationBuilder,l as LoadableResource,M as ModelViewController,P as PmiAnnotationOperationsBuilder,b as PmiAnnotationsQueryExecutor,k as PmiController,R as Raycaster,d as RootQuery,S as Scene,e as SceneElementQueryExecutor,f as SceneElementsOperationExecutor,g as SceneItemOperationsBuilder,h as SceneItemQueryExecutor,i as SceneItemsOperationExecutor,s as SceneViewStateIdentifier,j as SynchronizedClock}from"./p-CCd5zLm4.js";export{S as SceneTreeController}from"./p-
|
|
4
|
+
import{g as o}from"./p-Bb32XUUS.js";export{a as getAssetPath,r as render,s as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-Bb32XUUS.js";export{C as Camera,c as ColorMaterial,a as CrossSectioner,I as ItemOperationBuilder,l as LoadableResource,M as ModelViewController,P as PmiAnnotationOperationsBuilder,b as PmiAnnotationsQueryExecutor,k as PmiController,R as Raycaster,d as RootQuery,S as Scene,e as SceneElementQueryExecutor,f as SceneElementsOperationExecutor,g as SceneItemOperationsBuilder,h as SceneItemQueryExecutor,i as SceneItemsOperationExecutor,s as SceneViewStateIdentifier,j as SynchronizedClock}from"./p-CCd5zLm4.js";export{S as SceneTreeController}from"./p-CnYEgl0H.js";export{f as fromNodeProto,i as isLoadedRow}from"./p-CiSHWNC4.js";export{S as SCENE_ITEM_NAME_METADATA_KEY}from"./p-BZwvQkyb.js";export{C as CursorManager,b as boxQueryCursor,l as labelPinCursor,m as measurementCursor,a as measurementWithArrowCursor,p as pinCursor}from"./p-Fn5MVjY7.js";export{M as MeasurementController,a as MeasurementEntity}from"./p-B3LQA-LM.js";export{M as MeasurementModel}from"./p-BydhCz78.js";export{M as MeasurementOverlayManager}from"./p-D056d_sC.js";export{m as makeMinimumDistanceResult}from"./p-CEvrpx3k.js";import{v as n,q as u,m as x}from"./p-Q_Zx-nhC.js";export{T as TransformController}from"./p-B6evXeur.js";export{f as flattenPointArray,a as toDegreesTransform,e as toLocalTransform,b as toMatrix,t as toRadiansTransform,c as toTransform,d as toWorldTransform}from"./p-DQCZcLRK.js";export{A as AngleUnits,h as AreaUnits,c as CrossSectioning,D as DistanceUnits,E as EntityType,f as FrameCamera,F as FrameCameraBase,O as Orientation,a as ReceivedFrame,b as ReceivedFrameImage,d as ReceivedFrameScene,e as ReceivedOrthographicCamera,g as ReceivedPerspectiveCamera,S as StandardView}from"./p-B87-hFXA.js";export{A as ArrowMarkup,C as CircleMarkup,F as FreeformMarkup}from"./p-DgZfSIH7.js";export{V as Viewport}from"./p-DYUbh6Nm.js";export{V as VolumeIntersectionQueryController,a as VolumeIntersectionQueryModel}from"./p-DTI-5PTR.js";const y=.9999;function v(e){const r=n.create(0,e.z,-e.y);const a=n.create(-e.z,0,e.x);const s=n.magnitudeSquared(r)>n.magnitudeSquared(a)?r:a;return n.normalize(n.cross(e,s))}function B(e,r){const a=n.dot(e,r);if(a>y){const r=v(e);const a=u.fromAxisAngle(r,Math.PI);return x.transpose(x.makeRotation(a))}else if(a<=-y){return x.makeIdentity()}else{const a=n.angleTo(r,e);const s=n.normalize(n.cross(e,r));return x.transpose(x.makeRotation(u.fromAxisAngle(s,a+Math.PI)))}}function Q(e,r,a,s){const o=B(e,a);const t=x.makeTranslation(s);return x.multiply(x.makeTranslation(n.negate(r)),x.multiply(o,t))}var _=Object.freeze({__proto__:null,ALMOST_ONE:y,calculateOrthogonalCoordinate:v,computeRotationMatrix:B,computeTransformationDelta:Q});o();export{_ as TransformationDelta};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright (c) 2026 Vertex Software LLC. All rights reserved.
|
|
3
3
|
*/
|
|
4
|
-
import{t as e,p as t,H as i,h as n,e as o}from"./p-Bb32XUUS.js";import{g as s}from"./p-DMtbdNoY.js";const l=()=>`:host{--viewer-annotations-pin-label-line-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-line-width:1;overflow:hidden;pointer-events:none}.label-line{pointer-events:auto;stroke:var(--viewer-annotations-pin-label-line-color);stroke-width:var( --viewer-annotations-pin-label-line-width);cursor:default}.svg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;height:100%;width:100%}`;const a=t(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}}render(){var e,t,i,l;const{primaryColor:a}=s(this.pin);return n(o,{key:"
|
|
5
|
-
//# sourceMappingURL=p-
|
|
4
|
+
import{t as e,p as t,H as i,h as n,e as o}from"./p-Bb32XUUS.js";import{g as s}from"./p-DMtbdNoY.js";const l=()=>`:host{--viewer-annotations-pin-label-line-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-line-width:1;overflow:hidden;pointer-events:none}.label-line{pointer-events:auto;stroke:var(--viewer-annotations-pin-label-line-color);stroke-width:var( --viewer-annotations-pin-label-line-width);cursor:default}.svg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;height:100%;width:100%}`;const a=t(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}}render(){var e,t,i,l;const{primaryColor:a}=s(this.pin);return n(o,{key:"daf863da93b542c252fdedcf3a6effc95d86942c"},n("svg",{key:"4a1b04fd9fb7a04b3a46cdbaf2b5ded7efa0bc2c",class:"svg"},n("line",{key:"809a20f602e6c459f3d8988b931406ca63770337",class:"label-line",style:{stroke:a},x1:(e=this.labelPoint)===null||e===void 0?void 0:e.x,y1:(t=this.labelPoint)===null||t===void 0?void 0:t.y,x2:(i=this.pinPoint)===null||i===void 0?void 0:i.x,y2:(l=this.pinPoint)===null||l===void 0?void 0:l.y})))}static get style(){return l()}},[0,"vertex-viewer-pin-label-line",{pinPoint:[16],labelPoint:[16],pin:[16]}]);function r(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-pin-label-line"];t.forEach((t=>{switch(t){case"vertex-viewer-pin-label-line":if(!customElements.get(e(t))){customElements.define(e(t),a)}break}}))}r();export{a as V,r as d};
|
|
5
|
+
//# sourceMappingURL=p-B4MsUZ3n.js.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2026 Vertex Software LLC. All rights reserved.
|
|
3
|
+
*/
|
|
4
|
+
import{t as e,p as t,H as s,h as r,e as o}from"./p-Bb32XUUS.js";const c=()=>`:host{pointer-events:none;overflow:hidden}:host(:not([stretch-off])){position:absolute;left:0;right:0;top:0;bottom:0}`;const n=t(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.stretchOff=false}render(){return r(o,{key:"9c4cc8b9fd8c1ea5f294e0fe0ab415fa2b50671c"},r("slot",{key:"92a8f05680ce408c72f7cc22536cb42b2ae03693"}))}get hostEl(){return this}static get style(){return c()}},[257,"vertex-viewer-layer",{stretchOff:[516,"stretch-off"]}]);function f(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-layer"];t.forEach((t=>{switch(t){case"vertex-viewer-layer":if(!customElements.get(e(t))){customElements.define(e(t),n)}break}}))}f();export{n as V,f as d};
|
|
5
|
+
//# sourceMappingURL=p-BAsg2_dY.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright (c) 2026 Vertex Software LLC. All rights reserved.
|
|
3
3
|
*/
|
|
4
|
-
import{t,p as i,H as s,d as e,h as n,e as o}from"./p-Bb32XUUS.js";import{p as h}from"./p-Q_Zx-nhC.js";import{_ as r}from"./p-BzyVljQN.js";import{r as l}from"./p-Cd7kap5W.js";import{i as a}from"./p-CiSHWNC4.js";import{E as d}from"./p-JEG5R8Jl.js";function u(t){return t.clientHeight}function c(t,i){return t.contains(i)}function f(t){return t.toLowerCase()}var v=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g];var p=/[^A-Z0-9]+/gi;function m(t,i){if(i===void 0){i={}}var s=i.splitRegexp,e=s===void 0?v:s,n=i.stripRegexp,o=n===void 0?p:n,h=i.transform,r=h===void 0?f:h,l=i.delimiter,a=l===void 0?" ":l;var d=w(w(t,e,"$1\0$2"),o,"\0");var u=0;var c=d.length;while(d.charAt(u)==="\0")u++;while(d.charAt(c-1)==="\0")c--;return d.slice(u,c).split("\0").map(r).join(a)}function w(t,i,s){if(i instanceof RegExp)return t.replace(i,s);return i.reduce((function(t,i){return t.replace(i,s)}),t)}function g(t,i){var s=t.charAt(0);var e=t.substr(1).toLowerCase();if(i>0&&s>="0"&&s<="9"){return"_"+s+e}return""+s.toUpperCase()+e}function y(t,i){if(i===void 0){i={}}return m(t,r({delimiter:"",transform:g},i))}function b(t,i){if(i===0)return t.toLowerCase();return g(t,i)}function x(t,i){if(i===void 0){i={}}return y(t,r({transform:b},i))}const C=/{{(.+)}}/;class R{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((i=>i.bind(t)))}}class z{constructor(t,i){this.node=t;this.expr=i}}class $ extends z{constructor(t,i){super(t,i)}bind(t){const i=T(t,this.expr);if(i!==this.node.textContent){this.node.textContent=i}}}class E extends z{constructor(t,i,s){super(t,i);this.attr=s}bind(t){const i=T(t,this.expr);const s=this.node.getAttribute(this.attr);if(s!==i){this.node.setAttribute(this.attr,i)}}}class P extends z{constructor(t,i,s){super(t,i);this.prop=s}bind(t){const i=k(t,this.expr);const s=this.node[this.prop];if(s!==i){this.node[this.prop]=i}}}class D extends z{constructor(t,i,s){super(t,i);this.eventName=s}bind(t){var i;const s=M(this.expr);if(s!=null){(i=this.disposable)===null||i===void 0?void 0:i.dispose();const e=V(t,s,true);this.node.addEventListener(this.eventName,e);this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,e)}}}}}function H(t){const i=[];if(t.nodeType===Node.ELEMENT_NODE){const s=t;const e=L(s);e.forEach((t=>{if(t.name.startsWith("event:")){const e=x(t.name.replace("event:",""));i.push(new D(s,t.value,e))}else if(t.name.startsWith("attr:")){i.push(new E(s,t.value,t.name.replace("attr:","")))}else if(t.name.startsWith("prop:")){const e=x(t.name.replace("prop:",""));i.push(new P(s,t.value,e))}}))}else if(t.nodeType===Node.TEXT_NODE&&t.textContent!=null&&C.test(t.textContent)){i.push(new $(t,t.textContent))}for(let s=0;s<t.childNodes.length;s++){i.push(...H(t.childNodes[s]))}return i}function L(t){return Array.from(t.attributes).filter((t=>C.test(t.value)))}function M(t){const i=C.exec(t);return i!=null?i[1]:undefined}function T(t,i){const s=M(i);if(s!=null){const e=V(t,s,true);return i.replace(`{{${s}}}`,e===null||e===void 0?void 0:e.toString())}else{return i}}function k(t,i){const s=M(i);if(s!=null){const i=V(t,s,true);return i}else{return i}}function V(t,i,s=false){const[e,...n]=i.split(".");if(s&&n.length===0){return t}else if(s&&n.length>0){return V(t,n.join("."),false)}else{const i=t[e];if(n.length>0){return V(i,n.join("."),false)}else{return i}}}class W{constructor(t,i){this.container=t;this.elementFactory=i;this.instanceMap=new Map;this.elements=[]}swapHeadToTail(t){const i=this.elements.splice(0,t);this.elements.splice(this.elements.length,0,...i);return this.elements.concat()}swapTailToHead(t){const i=this.elements.splice(-t,t);this.elements.splice(0,0,...i);return this.elements.concat()}updateElements(t){const i=t-this.elements.length;if(i>0){for(let t=0;t<i;t++){this.createElement()}}else{for(let t=0;t<-i;t++){this.deleteElement()}}return this.elements.concat()}updateData(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);const n=t(s);e===null||e===void 0?void 0:e.bindings.bind(n)}))}updateElementFactory(t){this.elementFactory=t;this.updateElements(0)}iterateElements(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);t(i,e.bindings,s)}))}createElement(){const t=this.elementFactory();this.elements.push(t.element);this.instanceMap.set(t.element,t);this.container.append(t.element);return t}deleteElement(){const t=this.elements.pop();if(t!=null){this.instanceMap.delete(t);t.remove()}}}function j(t){const i=t.content.cloneNode(true);const s=i.firstElementChild;const e=new R(H(i));return{element:s,bindings:e}}function A(t){var i;return(i=t.getBoundingClientRect().top)!==null&&i!==void 0?i:0}function I(t){return t.clientWidth}function S(t,i,s){t.scrollTo({top:i,...s})}class N{constructor(){this.onStateChange=new d}setHovered(t){this.onStateChange.emit(t)}stateChanged(t){return this.onStateChange.on(t)}}function Z(t,i,s=200){window.clearTimeout(i);return window.setTimeout(t,s)}const G=()=>`:host{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;font-size:0.825rem;--scene-tree-table-row-padding:2px 0px;--scene-tree-table-column-gap:0.5rem;--scene-tree-table-column-resize-cursor:col-resize}.header{position:relative;display:grid;width:100%;border-bottom:var(--scene-tree-toolbar-separator)}.table{position:relative;display:grid;width:100%;height:100%;overflow:auto}.resize-overlay{position:absolute;top:0;cursor:var(--scene-tree-table-column-resize-cursor);z-index:1000;width:100%;height:100%}.divider-overlay{position:absolute;top:0;display:grid;pointer-events:none;z-index:2000;width:100%;height:100%}`;const O=i(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.layoutRendered=e(this,"layoutRendered");this.columnsResized=e(this,"columnsResized");this.rows=[];this.totalRows=0;this.rowHeight=24;this.overScanCount=25;this.layoutOffset=0;this.scrollOffset=0;this.viewportStartIndex=0;this.viewportEndIndex=0;this.columnGridLayout="1fr";this.columnGridFixedLayout="";this.isComputingCellHeight=true;this.isScrolling=false;this.stateMap={viewportRows:[],columnWidths:[],columnWidthPercentages:[]};this.lastStartIndex=0;this.columnElements=[];this.cellHoverController=new N;this.layoutColumns=()=>{const t=this.viewportEndIndex-this.viewportStartIndex+1;const i=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex;this.iterateColumns(((s,e,n)=>{e.updateElements(t);if(i>0){e.swapHeadToTail(i)}else{e.swapTailToHead(-i)}s.style.minHeight=`${this.rowHeight*this.totalRows}px`;const o=n===0?t=>`calc(${t} * 0.5rem)`:()=>`0`;e.iterateElements(((t,i,s)=>{const e=this.stateMap.viewportRows[s];if(a(e)){this.updateCell(e,t,i,s,o)}}))}))};this.updateCell=(t,i,s,e,n)=>{i.style.position="absolute";i.style.top=`${(this.viewportStartIndex+e)*this.rowHeight}px`;i.style.boxSizing="border-box";i.style.height=`${this.rowHeight}px`;i.style.width="100%";i.style.paddingLeft=n(t.node.depth);i.tree=this.tree;i.node=t.node;i.hoverController=this.cellHoverController;i.isScrolling=this.isScrolling;s.bind(t)};this.updateLayoutPosition=()=>{l((()=>{if(this.tableElement!=null){this.layoutOffset=A(this.tableElement)}}))};this.recomputeColumnWidths=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidths=this.stateMap.columnWidthPercentages.map((i=>i*t));this.columnsResized.emit(this.stateMap.columnWidths)}};this.recomputeColumnPercentages=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidthPercentages=this.stateMap.columnWidths.map((i=>i/t))}};this.computeInitialColumnWidths=()=>{this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}));const t=this.getLayoutWidth();if(t!=null){const i=this.stateMap.columnWidths.reduce(((t,i)=>t+i),0);const s=this.stateMap.columnWidths.map((s=>s*(t/i)));this.stateMap.columnWidthPercentages=s.map((i=>i/t));this.stateMap.columnWidths=s}};this.updateColumnElements=()=>{this.columnElements=Array.from(this.hostEl.querySelectorAll("vertex-scene-tree-table-column"))};this.computeCellHeight=async()=>{var t;if(this.isComputingCellHeight&&this.columnElements.length>0){const i={index:0,node:{id:{hex:""},name:"Dummy row",expanded:false,selected:false,visible:false,partiallyVisible:false,isLeaf:false,depth:0,columnsList:[],filterHit:false,hasGeometry:false,phantom:false,endItem:false},metadata:{},data:{}};const{bindings:s,element:e}=this.createColumnCellInstance(this.columnElements[0]);s.bind(i);e.style.visibility="hidden";(t=this.columnElements[0])===null||t===void 0?void 0:t.appendChild(e);if(typeof e.componentOnReady==="function"){await e.componentOnReady()}let n=e.clientHeight;if(n===0){n=await new Promise((t=>{setTimeout((()=>t(e.getBoundingClientRect().height)),5)}))}this.rowHeight=n!==null&&n!==void 0?n:this.rowHeight;e.remove();this.isComputingCellHeight=this.rowHeight===0}};this.computeHeaderHeight=()=>{var t;if(this.stateMap.headerHeight==null){this.stateMap.headerHeight=(t=this.headerElement)===null||t===void 0?void 0:t.getBoundingClientRect().height;this.hostEl.style.setProperty("--header-height",`${this.stateMap.headerHeight}px`)}};this.computeColumnGridLayout=()=>{if(this.stateMap.columnWidths.length===0){this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}))}const t=this.getLayoutWidth();if(t!=null){if(this.stateMap.columnWidthPercentages.length===0){this.stateMap.columnWidthPercentages=this.columnElements.map((i=>{var s;return((s=i.initialWidth)!==null&&s!==void 0?s:100)/t}))}}this.columnGridLayout=`${this.stateMap.columnWidths.slice(0,-1).reduce(((t,i)=>`${t} ${i}px`),"")} 1fr`;this.columnGridFixedLayout=`${this.stateMap.columnWidths.reduce(((t,i)=>`${t} ${i}px`),"")}`};this.bindHeaderData=()=>{if(this.stateMap.headerInstances==null){this.stateMap.headerInstances=this.columnElements.map(((t,i)=>{var s;const e=this.createHeaderInstance(t);if(e!=null){e.element.style.paddingRight=i===this.columnElements.length-1?`0`:`var(--scene-tree-table-column-gap)`;e.element.slot="header";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element)}return e})).filter((t=>t!=null))}if(this.stateMap.headerDividerInstances==null){this.stateMap.headerDividerInstances=this.columnElements.slice(0,-1).map(((t,i)=>{var s;const e=this.createDividerInstance();e.element.slot="divider";e.element.style.position="absolute";e.element.style.right="0";e.element.style.pointerEvents="auto";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element);return e}))}};this.rebindHeaderData=()=>{var t,i;this.removeDividerDragListeners();(t=this.stateMap.headerInstances)===null||t===void 0?void 0:t.forEach((t=>t.element.remove()));(i=this.stateMap.headerDividerInstances)===null||i===void 0?void 0:i.forEach((t=>t.element.remove()));this.stateMap.headerInstances=undefined;this.stateMap.headerDividerInstances=undefined;this.bindHeaderData();this.addDividerDragListeners()};this.createDividerPointerDownHandler=t=>i=>{var s,e;i.preventDefault();i.stopPropagation();this.lastDividerPointerPosition=h.create(Math.floor(i.clientX),Math.floor(i.clientY));this.resizingColumnIndex=t;(e=(s=this.stateMap.headerDividerInstances)===null||s===void 0?void 0:s[t])===null||e===void 0?void 0:e.element.classList.add("dragging");window.addEventListener("pointermove",this.handleDividerPointerMove);window.addEventListener("pointerup",this.handleDividerPointerUp)};this.handleDividerPointerMove=t=>{const i=h.create(Math.floor(t.clientX),Math.floor(t.clientY));if(this.lastDividerPointerPosition!=null&&this.resizingColumnIndex!=null){const t=this.resizingColumnIndex;const s=h.subtract(this.lastDividerPointerPosition,i);if(Math.abs(s.x)>=1&&this.isValidResize(s,t)){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t?i-s.x:i));if(t+1<this.stateMap.columnWidths.length){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t+1?i+s.x:i))}this.lastDividerPointerPosition=i;this.computeColumnGridLayout()}}};this.handleDividerPointerUp=()=>{var t,i;if(this.resizingColumnIndex!=null){(i=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t[this.resizingColumnIndex])===null||i===void 0?void 0:i.element.classList.remove("dragging")}this.lastDividerPointerPosition=undefined;this.resizingColumnIndex=undefined;this.recomputeColumnPercentages();this.recomputeColumnWidths();window.removeEventListener("pointermove",this.handleDividerPointerMove);window.removeEventListener("pointerup",this.handleDividerPointerUp)};this.isValidResize=(t,i)=>{var s,e,n,o;const h=this.columnElements[i];const r=this.columnElements[i+1];const l=this.stateMap.columnWidths[i];const a=this.stateMap.columnWidths[i+1];const d=(s=h.minWidth)!==null&&s!==void 0?s:0;const u=(e=h.maxWidth)!==null&&e!==void 0?e:Number.MAX_SAFE_INTEGER;const c=(n=r.minWidth)!==null&&n!==void 0?n:0;const f=(o=r.maxWidth)!==null&&o!==void 0?o:Number.MAX_SAFE_INTEGER;const v=l-t.x>d&&l-t.x<u;const p=r!=null?a+t.x>c&&a+t.x<f:true;return v&&p};this.handleScrollChanged=async t=>{this.isScrolling=true;this.scrollTimer=Z((()=>{this.isScrolling=false}),this.scrollTimer);this.scrollOffset=t.target.scrollTop;await this.computeAndUpdateViewportRows()}}componentWillLoad(){this.updateColumnElements();this.createPools();this.initializeColumnLayout();this.headerResizeObserver=new ResizeObserver((()=>{this.stateMap.headerHeight=undefined;this.computeHeaderHeight();this.updateLayoutPosition()}));this.resizeObserver=new ResizeObserver((()=>{this.updateLayoutPosition();this.clearLayoutHeight();this.clearLayoutWidth();this.recomputeColumnWidths();this.computeColumnGridLayout()}))}async componentDidLoad(){var t,i,s;(t=this.tableElement)===null||t===void 0?void 0:t.addEventListener("scroll",this.handleScrollChanged,{passive:true});if(this.headerElement!=null){(i=this.headerResizeObserver)===null||i===void 0?void 0:i.observe(this.headerElement)}(s=this.resizeObserver)===null||s===void 0?void 0:s.observe(this.hostEl);await Promise.resolve();await this.initializeMeasuredLayout()}async componentWillRender(){await this.computeAndUpdateViewportRows()}componentDidRender(){this.layoutColumns();this.layoutRendered.emit()}async componentDidUpdate(){if(this.isComputingCellHeight){await this.computeCellHeight()}}disconnectedCallback(){var t,i,s;(t=this.tableElement)===null||t===void 0?void 0:t.removeEventListener("scroll",this.handleScrollChanged);this.removeDividerDragListeners();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect();this.stateMap.columnWidths=[];this.stateMap.columnWidthPercentages=[]}async handleViewportRowsPropsChanged(){await this.computeAndUpdateViewportRows()}async scrollToPosition(t,i){if(this.tableElement!=null){S(this.tableElement,t,i)}}async attemptComputeCellHeight(){this.computeCellHeight()}render(){return n(o,{key:"2656824698df951f2a41f2ad223cb459dd78cb05"},n("div",{key:"df621c883d9f8c4e00490eb7665bda5e65bb9ef3",class:"header",ref:t=>this.headerElement=t,style:{gridTemplateColumns:this.columnGridFixedLayout,display:this.columnElements.length<=1?"none":"grid"}},n("slot",{key:"3d6425521dd682166712477f7697544b49267dfd",name:"header"})),n("div",{key:"e54e5bef181ab97fc204c4a67b702d198d10ae9a",class:"table",ref:t=>this.tableElement=t,style:{gridTemplateColumns:this.columnGridLayout}},n("slot",{key:"4bd35302ad438bf5d20e19afe3d2793c9ea2a073",onSlotchange:()=>{this.ensureDividerTemplateDefined();this.updateColumnElements();this.recreateColumnPools();this.computeInitialColumnWidths();this.rebindHeaderData();this.computeColumnGridLayout()}})),n("div",{key:"2a732b5e4f66a64392f035946bffc9fdd9e569fd",class:"divider-overlay",style:{gridTemplateColumns:this.columnGridFixedLayout}},n("slot",{key:"497a76a7cf9e7e8cd41eec79e9a0f89b2946516c",name:"divider"})),this.resizingColumnIndex!=null&&n("div",{key:"d0252a71b7e88f85253a7d47229fc2f664ccdea5",class:"resize-overlay"}))}computeViewportRows(){const t=this.getLayoutHeight();const i=t!=null&&t>0&&!this.isComputingCellHeight;if(i){const i=Math.ceil(t/this.rowHeight);const s=Math.floor(this.scrollOffset/this.rowHeight);const e=s+i;const n=Math.max(0,s-this.overScanCount);const o=Math.min(this.totalRows-1,e+this.overScanCount);const h=this.getViewportRows(n,o);this.viewportStartIndex=n;this.viewportEndIndex=o;this.stateMap.viewportRows=h}}initializeColumnLayout(){this.computeInitialColumnWidths();this.computeColumnGridLayout();this.ensureDividerTemplateDefined();this.rebindHeaderData()}async initializeMeasuredLayout(){await this.computeCellHeight();this.computeHeaderHeight()}async computeAndUpdateViewportRows(){var t;this.computeViewportRows();if(((t=this.controller)===null||t===void 0?void 0:t.isConnected)&&this.totalRows>0){await this.controller.updateActiveRowRange(this.viewportStartIndex,this.viewportEndIndex)}}createPools(){if(this.stateMap.columnElementPools==null){this.stateMap.columnElementPools=this.columnElements.reduce(((t,i)=>t.set(i,new W(i,(()=>this.createColumnCellInstance(i))))),new WeakMap)}}recreateColumnPools(){this.columnElements.forEach((t=>{var i,s,e;if(((i=this.stateMap.columnElementPools)===null||i===void 0?void 0:i.get(t))==null){(s=this.stateMap.columnElementPools)===null||s===void 0?void 0:s.set(t,new W(t,(()=>this.createColumnCellInstance(t))))}else{(e=this.stateMap.columnElementPools.get(t))===null||e===void 0?void 0:e.updateElementFactory((()=>this.createColumnCellInstance(t)))}}))}iterateColumns(t){this.columnElements.forEach(((i,s)=>{var e;const n=(e=this.stateMap.columnElementPools)===null||e===void 0?void 0:e.get(i);if(n!=null){t(i,n,s)}else{throw new Error("Cannot find pool for column")}}))}ensureDividerTemplateDefined(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t==null){const t=document.createElement("template");t.slot="divider";t.innerHTML=`\n <vertex-scene-tree-table-resize-divider slot="divider">\n </vertex-scene-tree-table-resize-divider>\n `;this.hostEl.appendChild(t)}}createHeaderInstance(t){const i=t.querySelector('template[slot="header"]');if(i!=null){return j(i)}}createDividerInstance(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t!=null){return j(t)}else{throw new Error("Table is missing divider template element")}}createColumnCellInstance(t){const i=t.querySelector('template:not([slot="header"])');if(i!=null){return j(i)}else{throw new Error("Column is missing cell template element")}}addDividerDragListeners(){var t;this.stateMap.headerDividerListeners=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.map(((t,i)=>{const s=this.createDividerPointerDownHandler(i);t.element.addEventListener("pointerdown",s);return s}))}removeDividerDragListeners(){var t;if(this.stateMap.headerDividerListeners!=null){const i=this.stateMap.headerDividerListeners;(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.forEach(((t,s)=>{const e=i[s];if(e!=null){t.element.removeEventListener("pointerdown",e)}}));this.stateMap.headerDividerListeners=undefined}}getViewportRows(t,i){const s=this.rows.slice(t,i+1);return s.map((t=>t!=null?this.populateRowData(t):t))}populateRowData(t){var i;if(this.rowData!=null&&t!=null){const s=((i=this.rowData)===null||i===void 0?void 0:i.call(this,t))||{};return{...t,data:s}}else{return t}}getLayoutHeight(){if(this.layoutHeight==null&&this.tableElement!=null){this.layoutHeight=u(this.tableElement)}return this.layoutHeight}getLayoutWidth(){if(this.layoutWidth==null){const t=I(this.hostEl);if(t>0){this.layoutWidth=t}}return this.layoutWidth}clearLayoutHeight(){this.layoutHeight=undefined}clearLayoutWidth(){this.layoutWidth=undefined}get hostEl(){return this}static get watchers(){return{rows:[{handleViewportRowsPropsChanged:0}],totalRows:[{handleViewportRowsPropsChanged:0}],rowHeight:[{handleViewportRowsPropsChanged:0}]}}static get style(){return G()}},[257,"vertex-scene-tree-table-layout",{tree:[16],controller:[16],rows:[16],totalRows:[2,"total-rows"],rowHeight:[1026,"row-height"],overScanCount:[2,"over-scan-count"],rowData:[16],layoutOffset:[1026,"layout-offset"],scrollOffset:[1026,"scroll-offset"],layoutHeight:[1026,"layout-height"],layoutWidth:[1026,"layout-width"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],columnGridLayout:[32],columnGridFixedLayout:[32],isComputingCellHeight:[32],lastDividerPointerPosition:[32],resizingColumnIndex:[32],isScrolling:[32],scrollTimer:[32],stateMap:[32],scrollToPosition:[64],attemptComputeCellHeight:[64]},undefined,{rows:[{handleViewportRowsPropsChanged:0}],totalRows:[{handleViewportRowsPropsChanged:0}],rowHeight:[{handleViewportRowsPropsChanged:0}]}]);function U(){if(typeof customElements==="undefined"){return}const i=["vertex-scene-tree-table-layout"];i.forEach((i=>{switch(i){case"vertex-scene-tree-table-layout":if(!customElements.get(t(i))){customElements.define(t(i),O)}break}}))}U();export{O as S,U as d,c as g};
|
|
5
|
-
//# sourceMappingURL=p-
|
|
4
|
+
import{t,p as i,H as s,d as e,h as n,e as o}from"./p-Bb32XUUS.js";import{p as h}from"./p-Q_Zx-nhC.js";import{_ as r}from"./p-BzyVljQN.js";import{r as l}from"./p-Cd7kap5W.js";import{i as a}from"./p-CiSHWNC4.js";import{E as d}from"./p-JEG5R8Jl.js";function u(t){return t.clientHeight}function c(t,i){return t.contains(i)}function f(t){return t.toLowerCase()}var v=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g];var p=/[^A-Z0-9]+/gi;function m(t,i){if(i===void 0){i={}}var s=i.splitRegexp,e=s===void 0?v:s,n=i.stripRegexp,o=n===void 0?p:n,h=i.transform,r=h===void 0?f:h,l=i.delimiter,a=l===void 0?" ":l;var d=w(w(t,e,"$1\0$2"),o,"\0");var u=0;var c=d.length;while(d.charAt(u)==="\0")u++;while(d.charAt(c-1)==="\0")c--;return d.slice(u,c).split("\0").map(r).join(a)}function w(t,i,s){if(i instanceof RegExp)return t.replace(i,s);return i.reduce((function(t,i){return t.replace(i,s)}),t)}function g(t,i){var s=t.charAt(0);var e=t.substr(1).toLowerCase();if(i>0&&s>="0"&&s<="9"){return"_"+s+e}return""+s.toUpperCase()+e}function y(t,i){if(i===void 0){i={}}return m(t,r({delimiter:"",transform:g},i))}function b(t,i){if(i===0)return t.toLowerCase();return g(t,i)}function x(t,i){if(i===void 0){i={}}return y(t,r({transform:b},i))}const C=/{{(.+)}}/;class R{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((i=>i.bind(t)))}}class z{constructor(t,i){this.node=t;this.expr=i}}class $ extends z{constructor(t,i){super(t,i)}bind(t){const i=T(t,this.expr);if(i!==this.node.textContent){this.node.textContent=i}}}class E extends z{constructor(t,i,s){super(t,i);this.attr=s}bind(t){const i=T(t,this.expr);const s=this.node.getAttribute(this.attr);if(s!==i){this.node.setAttribute(this.attr,i)}}}class P extends z{constructor(t,i,s){super(t,i);this.prop=s}bind(t){const i=k(t,this.expr);const s=this.node[this.prop];if(s!==i){this.node[this.prop]=i}}}class D extends z{constructor(t,i,s){super(t,i);this.eventName=s}bind(t){var i;const s=M(this.expr);if(s!=null){(i=this.disposable)===null||i===void 0?void 0:i.dispose();const e=V(t,s,true);this.node.addEventListener(this.eventName,e);this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,e)}}}}}function H(t){const i=[];if(t.nodeType===Node.ELEMENT_NODE){const s=t;const e=L(s);e.forEach((t=>{if(t.name.startsWith("event:")){const e=x(t.name.replace("event:",""));i.push(new D(s,t.value,e))}else if(t.name.startsWith("attr:")){i.push(new E(s,t.value,t.name.replace("attr:","")))}else if(t.name.startsWith("prop:")){const e=x(t.name.replace("prop:",""));i.push(new P(s,t.value,e))}}))}else if(t.nodeType===Node.TEXT_NODE&&t.textContent!=null&&C.test(t.textContent)){i.push(new $(t,t.textContent))}for(let s=0;s<t.childNodes.length;s++){i.push(...H(t.childNodes[s]))}return i}function L(t){return Array.from(t.attributes).filter((t=>C.test(t.value)))}function M(t){const i=C.exec(t);return i!=null?i[1]:undefined}function T(t,i){const s=M(i);if(s!=null){const e=V(t,s,true);return i.replace(`{{${s}}}`,e===null||e===void 0?void 0:e.toString())}else{return i}}function k(t,i){const s=M(i);if(s!=null){const i=V(t,s,true);return i}else{return i}}function V(t,i,s=false){const[e,...n]=i.split(".");if(s&&n.length===0){return t}else if(s&&n.length>0){return V(t,n.join("."),false)}else{const i=t[e];if(n.length>0){return V(i,n.join("."),false)}else{return i}}}class W{constructor(t,i){this.container=t;this.elementFactory=i;this.instanceMap=new Map;this.elements=[]}swapHeadToTail(t){const i=this.elements.splice(0,t);this.elements.splice(this.elements.length,0,...i);return this.elements.concat()}swapTailToHead(t){const i=this.elements.splice(-t,t);this.elements.splice(0,0,...i);return this.elements.concat()}updateElements(t){const i=t-this.elements.length;if(i>0){for(let t=0;t<i;t++){this.createElement()}}else{for(let t=0;t<-i;t++){this.deleteElement()}}return this.elements.concat()}updateData(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);const n=t(s);e===null||e===void 0?void 0:e.bindings.bind(n)}))}updateElementFactory(t){this.elementFactory=t;this.updateElements(0)}iterateElements(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);t(i,e.bindings,s)}))}createElement(){const t=this.elementFactory();this.elements.push(t.element);this.instanceMap.set(t.element,t);this.container.append(t.element);return t}deleteElement(){const t=this.elements.pop();if(t!=null){this.instanceMap.delete(t);t.remove()}}}function j(t){const i=t.content.cloneNode(true);const s=i.firstElementChild;const e=new R(H(i));return{element:s,bindings:e}}function A(t){var i;return(i=t.getBoundingClientRect().top)!==null&&i!==void 0?i:0}function I(t){return t.clientWidth}function S(t,i,s){t.scrollTo({top:i,...s})}class N{constructor(){this.onStateChange=new d}setHovered(t){this.onStateChange.emit(t)}stateChanged(t){return this.onStateChange.on(t)}}function Z(t,i,s=200){window.clearTimeout(i);return window.setTimeout(t,s)}const G=()=>`:host{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;font-size:0.825rem;--scene-tree-table-row-padding:2px 0px;--scene-tree-table-column-gap:0.5rem;--scene-tree-table-column-resize-cursor:col-resize}.header{position:relative;display:grid;width:100%;border-bottom:var(--scene-tree-toolbar-separator)}.table{position:relative;display:grid;width:100%;height:100%;overflow:auto}.resize-overlay{position:absolute;top:0;cursor:var(--scene-tree-table-column-resize-cursor);z-index:1000;width:100%;height:100%}.divider-overlay{position:absolute;top:0;display:grid;pointer-events:none;z-index:2000;width:100%;height:100%}`;const O=i(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.layoutRendered=e(this,"layoutRendered");this.columnsResized=e(this,"columnsResized");this.rows=[];this.totalRows=0;this.rowHeight=24;this.overScanCount=25;this.layoutOffset=0;this.scrollOffset=0;this.viewportStartIndex=0;this.viewportEndIndex=0;this.columnGridLayout="1fr";this.columnGridFixedLayout="";this.isComputingCellHeight=true;this.isScrolling=false;this.stateMap={viewportRows:[],columnWidths:[],columnWidthPercentages:[]};this.lastStartIndex=0;this.columnElements=[];this.cellHoverController=new N;this.layoutColumns=()=>{const t=this.viewportEndIndex-this.viewportStartIndex+1;const i=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex;this.iterateColumns(((s,e,n)=>{e.updateElements(t);if(i>0){e.swapHeadToTail(i)}else{e.swapTailToHead(-i)}s.style.minHeight=`${this.rowHeight*this.totalRows}px`;const o=n===0?t=>`calc(${t} * 0.5rem)`:()=>`0`;e.iterateElements(((t,i,s)=>{const e=this.stateMap.viewportRows[s];if(a(e)){this.updateCell(e,t,i,s,o)}}))}))};this.updateCell=(t,i,s,e,n)=>{i.style.position="absolute";i.style.top=`${(this.viewportStartIndex+e)*this.rowHeight}px`;i.style.boxSizing="border-box";i.style.height=`${this.rowHeight}px`;i.style.width="100%";i.style.paddingLeft=n(t.node.depth);i.tree=this.tree;i.node=t.node;i.hoverController=this.cellHoverController;i.isScrolling=this.isScrolling;s.bind(t)};this.updateLayoutPosition=()=>{l((()=>{if(this.tableElement!=null){this.layoutOffset=A(this.tableElement)}}))};this.recomputeColumnWidths=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidths=this.stateMap.columnWidthPercentages.map((i=>i*t));this.columnsResized.emit(this.stateMap.columnWidths)}};this.recomputeColumnPercentages=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidthPercentages=this.stateMap.columnWidths.map((i=>i/t))}};this.computeInitialColumnWidths=()=>{this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}));const t=this.getLayoutWidth();if(t!=null){const i=this.stateMap.columnWidths.reduce(((t,i)=>t+i),0);const s=this.stateMap.columnWidths.map((s=>s*(t/i)));this.stateMap.columnWidthPercentages=s.map((i=>i/t));this.stateMap.columnWidths=s}};this.updateColumnElements=()=>{this.columnElements=Array.from(this.hostEl.querySelectorAll("vertex-scene-tree-table-column"))};this.computeCellHeight=async()=>{var t;if(this.isComputingCellHeight&&this.columnElements.length>0){const i={index:0,node:{id:{hex:""},name:"Dummy row",expanded:false,selected:false,visible:false,partiallyVisible:false,isLeaf:false,depth:0,columnsList:[],filterHit:false,hasGeometry:false,phantom:false,endItem:false},metadata:{},data:{}};const{bindings:s,element:e}=this.createColumnCellInstance(this.columnElements[0]);s.bind(i);e.style.visibility="hidden";(t=this.columnElements[0])===null||t===void 0?void 0:t.appendChild(e);if(typeof e.componentOnReady==="function"){await e.componentOnReady()}let n=e.clientHeight;if(n===0){n=await new Promise((t=>{setTimeout((()=>t(e.getBoundingClientRect().height)),5)}))}this.rowHeight=n!==null&&n!==void 0?n:this.rowHeight;e.remove();this.isComputingCellHeight=this.rowHeight===0}};this.computeHeaderHeight=()=>{var t;if(this.stateMap.headerHeight==null){this.stateMap.headerHeight=(t=this.headerElement)===null||t===void 0?void 0:t.getBoundingClientRect().height;this.hostEl.style.setProperty("--header-height",`${this.stateMap.headerHeight}px`)}};this.computeColumnGridLayout=()=>{if(this.stateMap.columnWidths.length===0){this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}))}const t=this.getLayoutWidth();if(t!=null){if(this.stateMap.columnWidthPercentages.length===0){this.stateMap.columnWidthPercentages=this.columnElements.map((i=>{var s;return((s=i.initialWidth)!==null&&s!==void 0?s:100)/t}))}}this.columnGridLayout=`${this.stateMap.columnWidths.slice(0,-1).reduce(((t,i)=>`${t} ${i}px`),"")} 1fr`;this.columnGridFixedLayout=`${this.stateMap.columnWidths.reduce(((t,i)=>`${t} ${i}px`),"")}`};this.bindHeaderData=()=>{if(this.stateMap.headerInstances==null){this.stateMap.headerInstances=this.columnElements.map(((t,i)=>{var s;const e=this.createHeaderInstance(t);if(e!=null){e.element.style.paddingRight=i===this.columnElements.length-1?`0`:`var(--scene-tree-table-column-gap)`;e.element.slot="header";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element)}return e})).filter((t=>t!=null))}if(this.stateMap.headerDividerInstances==null){this.stateMap.headerDividerInstances=this.columnElements.slice(0,-1).map(((t,i)=>{var s;const e=this.createDividerInstance();e.element.slot="divider";e.element.style.position="absolute";e.element.style.right="0";e.element.style.pointerEvents="auto";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element);return e}))}};this.rebindHeaderData=()=>{var t,i;this.removeDividerDragListeners();(t=this.stateMap.headerInstances)===null||t===void 0?void 0:t.forEach((t=>t.element.remove()));(i=this.stateMap.headerDividerInstances)===null||i===void 0?void 0:i.forEach((t=>t.element.remove()));this.stateMap.headerInstances=undefined;this.stateMap.headerDividerInstances=undefined;this.bindHeaderData();this.addDividerDragListeners()};this.createDividerPointerDownHandler=t=>i=>{var s,e;i.preventDefault();i.stopPropagation();this.lastDividerPointerPosition=h.create(Math.floor(i.clientX),Math.floor(i.clientY));this.resizingColumnIndex=t;(e=(s=this.stateMap.headerDividerInstances)===null||s===void 0?void 0:s[t])===null||e===void 0?void 0:e.element.classList.add("dragging");window.addEventListener("pointermove",this.handleDividerPointerMove);window.addEventListener("pointerup",this.handleDividerPointerUp)};this.handleDividerPointerMove=t=>{const i=h.create(Math.floor(t.clientX),Math.floor(t.clientY));if(this.lastDividerPointerPosition!=null&&this.resizingColumnIndex!=null){const t=this.resizingColumnIndex;const s=h.subtract(this.lastDividerPointerPosition,i);if(Math.abs(s.x)>=1&&this.isValidResize(s,t)){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t?i-s.x:i));if(t+1<this.stateMap.columnWidths.length){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t+1?i+s.x:i))}this.lastDividerPointerPosition=i;this.computeColumnGridLayout()}}};this.handleDividerPointerUp=()=>{var t,i;if(this.resizingColumnIndex!=null){(i=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t[this.resizingColumnIndex])===null||i===void 0?void 0:i.element.classList.remove("dragging")}this.lastDividerPointerPosition=undefined;this.resizingColumnIndex=undefined;this.recomputeColumnPercentages();this.recomputeColumnWidths();window.removeEventListener("pointermove",this.handleDividerPointerMove);window.removeEventListener("pointerup",this.handleDividerPointerUp)};this.isValidResize=(t,i)=>{var s,e,n,o;const h=this.columnElements[i];const r=this.columnElements[i+1];const l=this.stateMap.columnWidths[i];const a=this.stateMap.columnWidths[i+1];const d=(s=h.minWidth)!==null&&s!==void 0?s:0;const u=(e=h.maxWidth)!==null&&e!==void 0?e:Number.MAX_SAFE_INTEGER;const c=(n=r.minWidth)!==null&&n!==void 0?n:0;const f=(o=r.maxWidth)!==null&&o!==void 0?o:Number.MAX_SAFE_INTEGER;const v=l-t.x>d&&l-t.x<u;const p=r!=null?a+t.x>c&&a+t.x<f:true;return v&&p};this.handleScrollChanged=async t=>{this.isScrolling=true;this.scrollTimer=Z((()=>{this.isScrolling=false}),this.scrollTimer);this.scrollOffset=t.target.scrollTop;await this.computeAndUpdateViewportRows()}}componentWillLoad(){this.updateColumnElements();this.createPools();this.initializeColumnLayout();this.headerResizeObserver=new ResizeObserver((()=>{this.stateMap.headerHeight=undefined;this.computeHeaderHeight();this.updateLayoutPosition()}));this.resizeObserver=new ResizeObserver((()=>{this.updateLayoutPosition();this.clearLayoutHeight();this.clearLayoutWidth();this.recomputeColumnWidths();this.computeColumnGridLayout()}))}async componentDidLoad(){var t,i,s;(t=this.tableElement)===null||t===void 0?void 0:t.addEventListener("scroll",this.handleScrollChanged,{passive:true});if(this.headerElement!=null){(i=this.headerResizeObserver)===null||i===void 0?void 0:i.observe(this.headerElement)}(s=this.resizeObserver)===null||s===void 0?void 0:s.observe(this.hostEl);await Promise.resolve();await this.initializeMeasuredLayout()}async componentWillRender(){await this.computeAndUpdateViewportRows()}componentDidRender(){this.layoutColumns();this.layoutRendered.emit()}async componentDidUpdate(){if(this.isComputingCellHeight){await this.computeCellHeight()}}disconnectedCallback(){var t,i,s;(t=this.tableElement)===null||t===void 0?void 0:t.removeEventListener("scroll",this.handleScrollChanged);this.removeDividerDragListeners();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect();this.stateMap.columnWidths=[];this.stateMap.columnWidthPercentages=[]}async handleViewportRowsPropsChanged(){await this.computeAndUpdateViewportRows()}async scrollToPosition(t,i){if(this.tableElement!=null){S(this.tableElement,t,i)}}async attemptComputeCellHeight(){this.computeCellHeight()}render(){return n(o,{key:"fb503e5ce411669efe4549f3d8063fe630993341"},n("div",{key:"1b7acde237a9a7cf8d14f950cc664b82dd253486",class:"header",ref:t=>this.headerElement=t,style:{gridTemplateColumns:this.columnGridFixedLayout,display:this.columnElements.length<=1?"none":"grid"}},n("slot",{key:"ec62af4cb951011ed571418051d52b6cdf2dd152",name:"header"})),n("div",{key:"d3183a765e381d9899a00d4a70302a28bc7deddd",class:"table",ref:t=>this.tableElement=t,style:{gridTemplateColumns:this.columnGridLayout}},n("slot",{key:"5dcfa30b5f230987cd33d35e9011718c60786ad4",onSlotchange:()=>{this.ensureDividerTemplateDefined();this.updateColumnElements();this.recreateColumnPools();this.computeInitialColumnWidths();this.rebindHeaderData();this.computeColumnGridLayout()}})),n("div",{key:"df5e5e83a5d833c22e0234d36ae6b6be224b8504",class:"divider-overlay",style:{gridTemplateColumns:this.columnGridFixedLayout}},n("slot",{key:"98ea7728b5faf0dcf48464aebcb99aae0369b8cc",name:"divider"})),this.resizingColumnIndex!=null&&n("div",{key:"e146248e00f7e8c63de50efdc72bc93a02be4227",class:"resize-overlay"}))}computeViewportRows(){const t=this.getLayoutHeight();const i=t!=null&&t>0&&!this.isComputingCellHeight;if(i){const i=Math.ceil(t/this.rowHeight);const s=Math.floor(this.scrollOffset/this.rowHeight);const e=s+i;const n=Math.max(0,s-this.overScanCount);const o=Math.min(this.totalRows-1,e+this.overScanCount);const h=this.getViewportRows(n,o);this.viewportStartIndex=n;this.viewportEndIndex=o;this.stateMap.viewportRows=h}}initializeColumnLayout(){this.computeInitialColumnWidths();this.computeColumnGridLayout();this.ensureDividerTemplateDefined();this.rebindHeaderData()}async initializeMeasuredLayout(){await this.computeCellHeight();this.computeHeaderHeight()}async computeAndUpdateViewportRows(){var t;this.computeViewportRows();if(((t=this.controller)===null||t===void 0?void 0:t.isConnected)&&this.totalRows>0){await this.controller.updateActiveRowRange(this.viewportStartIndex,this.viewportEndIndex)}}createPools(){if(this.stateMap.columnElementPools==null){this.stateMap.columnElementPools=this.columnElements.reduce(((t,i)=>t.set(i,new W(i,(()=>this.createColumnCellInstance(i))))),new WeakMap)}}recreateColumnPools(){this.columnElements.forEach((t=>{var i,s,e;if(((i=this.stateMap.columnElementPools)===null||i===void 0?void 0:i.get(t))==null){(s=this.stateMap.columnElementPools)===null||s===void 0?void 0:s.set(t,new W(t,(()=>this.createColumnCellInstance(t))))}else{(e=this.stateMap.columnElementPools.get(t))===null||e===void 0?void 0:e.updateElementFactory((()=>this.createColumnCellInstance(t)))}}))}iterateColumns(t){this.columnElements.forEach(((i,s)=>{var e;const n=(e=this.stateMap.columnElementPools)===null||e===void 0?void 0:e.get(i);if(n!=null){t(i,n,s)}else{throw new Error("Cannot find pool for column")}}))}ensureDividerTemplateDefined(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t==null){const t=document.createElement("template");t.slot="divider";t.innerHTML=`\n <vertex-scene-tree-table-resize-divider slot="divider">\n </vertex-scene-tree-table-resize-divider>\n `;this.hostEl.appendChild(t)}}createHeaderInstance(t){const i=t.querySelector('template[slot="header"]');if(i!=null){return j(i)}}createDividerInstance(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t!=null){return j(t)}else{throw new Error("Table is missing divider template element")}}createColumnCellInstance(t){const i=t.querySelector('template:not([slot="header"])');if(i!=null){return j(i)}else{throw new Error("Column is missing cell template element")}}addDividerDragListeners(){var t;this.stateMap.headerDividerListeners=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.map(((t,i)=>{const s=this.createDividerPointerDownHandler(i);t.element.addEventListener("pointerdown",s);return s}))}removeDividerDragListeners(){var t;if(this.stateMap.headerDividerListeners!=null){const i=this.stateMap.headerDividerListeners;(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.forEach(((t,s)=>{const e=i[s];if(e!=null){t.element.removeEventListener("pointerdown",e)}}));this.stateMap.headerDividerListeners=undefined}}getViewportRows(t,i){const s=this.rows.slice(t,i+1);return s.map((t=>t!=null?this.populateRowData(t):t))}populateRowData(t){var i;if(this.rowData!=null&&t!=null){const s=((i=this.rowData)===null||i===void 0?void 0:i.call(this,t))||{};return{...t,data:s}}else{return t}}getLayoutHeight(){if(this.layoutHeight==null&&this.tableElement!=null){this.layoutHeight=u(this.tableElement)}return this.layoutHeight}getLayoutWidth(){if(this.layoutWidth==null){const t=I(this.hostEl);if(t>0){this.layoutWidth=t}}return this.layoutWidth}clearLayoutHeight(){this.layoutHeight=undefined}clearLayoutWidth(){this.layoutWidth=undefined}get hostEl(){return this}static get watchers(){return{rows:[{handleViewportRowsPropsChanged:0}],totalRows:[{handleViewportRowsPropsChanged:0}],rowHeight:[{handleViewportRowsPropsChanged:0}]}}static get style(){return G()}},[257,"vertex-scene-tree-table-layout",{tree:[16],controller:[16],rows:[16],totalRows:[2,"total-rows"],rowHeight:[1026,"row-height"],overScanCount:[2,"over-scan-count"],rowData:[16],layoutOffset:[1026,"layout-offset"],scrollOffset:[1026,"scroll-offset"],layoutHeight:[1026,"layout-height"],layoutWidth:[1026,"layout-width"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],columnGridLayout:[32],columnGridFixedLayout:[32],isComputingCellHeight:[32],lastDividerPointerPosition:[32],resizingColumnIndex:[32],isScrolling:[32],scrollTimer:[32],stateMap:[32],scrollToPosition:[64],attemptComputeCellHeight:[64]},undefined,{rows:[{handleViewportRowsPropsChanged:0}],totalRows:[{handleViewportRowsPropsChanged:0}],rowHeight:[{handleViewportRowsPropsChanged:0}]}]);function U(){if(typeof customElements==="undefined"){return}const i=["vertex-scene-tree-table-layout"];i.forEach((i=>{switch(i){case"vertex-scene-tree-table-layout":if(!customElements.get(t(i))){customElements.define(t(i),O)}break}}))}U();export{O as S,U as d,c as g};
|
|
5
|
+
//# sourceMappingURL=p-BEkJ7rmE.js.map
|