@smarterplan/ngx-smarterplan-core 1.4.21 → 1.4.22

package/src/assets/viewers/splat/convert-4DRLH77X.js

@@ -0,0 +1 @@
+import{b as r}from"./chunk-WZ5Z4TU3.js";import"./chunk-BYLI4YBI.js";import"./chunk-LDV6YPMG.js";function t(o){window.parent.postMessage(o,window.location.origin)}window.addEventListener("message",o=>{if(o.origin!==window.location.origin||o.source!==window.parent||o.data?.type!=="convert")return;let{file:a,baseName:i}=o.data;r(a,i,(e,n)=>t({type:"convert-progress",step:e,fraction:n})).then(({files:e,entry:n,splats:s,sh:d,levels:c})=>t({type:"converted",files:e,entry:n,splats:s,sh:d,levels:c})).catch(e=>{console.error("Splat converter:",e),t({type:"convert-error",message:e?.message??String(e)})})});t({type:"ready"});

package/src/assets/viewers/splat/convert.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>SmarterPlan splat converter</title>
+</head>
+<body>
+  <!-- Opened unseen by the app's 3D models form, which hands it a splat file to turn into .sog. -->
+  <script type="module" src="convert-4DRLH77X.js"></script>
+</body>
+</html>

package/src/assets/viewers/splat/converter-SLBB5MHG.js

@@ -0,0 +1 @@
+import{a,b,c}from"./chunk-WZ5Z4TU3.js";import"./chunk-BYLI4YBI.js";import"./chunk-LDV6YPMG.js";export{a as STREAMED_ENTRY,b as convertForUpload,c as toCompressedPly};

package/src/assets/viewers/splat/index.html

@@ -0,0 +1,90 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>SmarterPlan splat viewer</title>
+  <!-- SuperSplat's viewer builds its controls inside #viewer; this is their stylesheet. -->
+  <link rel="stylesheet" href="viewer.css">
+  <style>
+    /* The app's colours, which main.ts sets from those the page is opened with; these, the SmarterPlan
+       app's, when it is not. The background is also the scene's where there are no splats. */
+    :root { --app-accent: rgb(83, 182, 187); --app-background: #e0f7ff; }
+    html, body { margin: 0; height: 100%; overflow: hidden; background: var(--app-background); }
+    /* SuperSplat's controls in the app's colour rather than its orange. */
+    :root .sse-viewer { --sse-accent: var(--app-accent); --sse-grip: color-mix(in srgb, var(--app-accent), white 15%); }
+    #viewer { position: absolute; inset: 0; }
+    /* The app's tags, over the scene, as Matterport draws them: a disc at the end of a stem standing
+       out of the surface, and the tag's name in a bubble on hover. Only the discs take the pointer. */
+    #tags { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 5; }
+    #stems { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
+    #stems line { stroke: #fff; stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6)); }
+    .tag { position: absolute; left: 0; top: 0; width: 0; height: 0; display: none; }
+    .disc {
+      position: absolute; left: -14px; top: -14px; width: 28px; height: 28px; padding: 0;
+      border: 2px solid #fff; border-radius: 50%; cursor: pointer; pointer-events: auto;
+      background-size: 70%; background-position: center; background-repeat: no-repeat;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); transition: transform 0.15s ease-out;
+    }
+    .tag:hover .disc { transform: scale(1.3); }
+    .bubble {
+      position: absolute; bottom: 24px; left: 0; transform: translate(-50%, 6px); opacity: 0;
+      padding: 6px 10px; border-radius: 6px; background: #fff; color: #222; font: 13px/1.3 sans-serif;
+      white-space: nowrap; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); pointer-events: none;
+      transition: opacity 0.15s ease-out, transform 0.15s ease-out;
+    }
+    .bubble::after {
+      content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px;
+      border: 6px solid transparent; border-top-color: #fff;
+    }
+    .bubble:empty { display: none; }
+    .tag:hover .bubble { opacity: 1; transform: translate(-50%, 0); }
+    .tag.pointed .disc { animation: pointed 0.6s ease-in-out 3; }
+    /* The tag following the pointer while one is placed: where a click would put it. */
+    .tag.ghost { opacity: 0.75; }
+    .tag.ghost .disc { pointer-events: none; background-color: #fff; border-color: #1E88E5; }
+    #stems line.ghost { stroke-dasharray: 4 3; }
+    /* While a tag is placed: over the whole scene, taking the click that picks its spot. */
+    #placing { position: absolute; inset: 0; z-index: 6; display: none; cursor: crosshair; }
+    /* The app shows how loading goes, as for its other viewers: the viewer's own bar would be a second one. */
+    .sse-viewer .sse-loadingWrap { display: none !important; }
+    #placing.missed { cursor: not-allowed; }
+    /* A calibration, in the app's 3D viewer's colours: a green numbered pin where each matched tag
+       really is, with a line to it from the tag, faded; and an amber ring round the tag being matched. */
+    .pin {
+      position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; box-sizing: border-box;
+      display: none; border: 2px solid #fff; border-radius: 50%; background: #1E9E5A; color: #fff;
+      font: bold 13px/20px sans-serif; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
+      pointer-events: none; z-index: 1000001;
+    }
+    #stems line.link { stroke: #1E9E5A; stroke-opacity: 0.75; stroke-dasharray: none; }
+    .tag.matched, #stems line.matched { opacity: 0.4; }
+    .tag.selected .disc { box-shadow: 0 0 0 4px #FFB103, 0 1px 4px rgba(0, 0, 0, 0.5); }
+    /* A measurement, in the app's 3D viewer's colours: amber points and segments, each length on a dark label. */
+    .measure-point {
+      position: absolute; left: 0; top: 0; width: 12px; height: 12px; box-sizing: border-box; display: none;
+      border: 2px solid #fff; border-radius: 50%; background: #FFB103; pointer-events: none; z-index: 1000002;
+    }
+    #stems line.measure { stroke: #FFB103; stroke-width: 3; filter: none; }
+    #stems line.measure.rubber { stroke-opacity: 0.6; }
+    .measure-label {
+      position: absolute; left: 0; top: 0; display: none; padding: 3px 8px; border-radius: 9px;
+      background: rgba(0, 0, 0, 0.78); color: #fff; font: bold 13px/18px sans-serif; white-space: nowrap;
+      pointer-events: none; z-index: 1000003;
+    }
+    .measure-label.rubber { opacity: 0.85; }
+    .tag.ghost.measure-ghost .disc { left: -6px; top: -6px; width: 12px; height: 12px; box-sizing: border-box; background: #FFB103; border-color: #fff; }
+    .tag.ghost.pin-ghost .disc {
+      left: -12px; top: -12px; width: 24px; height: 24px; box-sizing: border-box;
+      background: #1E9E5A; border-color: #fff; color: #fff; font: bold 13px/20px sans-serif; text-align: center;
+    }
+    @keyframes pointed { 50% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6); } }
+  </style>
+</head>
+<body>
+  <div id="viewer"></div>
+  <div id="tags"><svg id="stems"></svg></div>
+  <div id="placing"></div>
+  <script type="module" src="viewer-W4X3FWQJ.js"></script>
+</body>
+</html>