@a2f0/skyline 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2f0/skyline",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Interactive Chicago skyline viewer and reusable Three.js building models",
   "license": "UNLICENSED",
   "repository": {

package/site/skyline-3d.js

@@ -75,7 +75,8 @@ for (const button of celebrationButtons) {
         return message ? [`${message.lines.join(" ")}${message.adapted ? " (adapted tribute)" : ""} · ${model.building.userData["geography"]?.name ?? model.building.name}`] : [];
     });
     button.title = `${preset.label}: ${displays.join("; ")} · click to light all; click again to turn off`;
-    button.disabled = displays.length === 0;
+    // A badge no mapped building can display is left out rather than greyed out.
+    button.hidden = displays.length === 0;
     button.addEventListener("click", () => {
         const next = button.getAttribute("aria-pressed") === "true" ? null : preset.id;
         const targets = next === null ? illuminated.filter((model) => model.illumination.active === preset.id) : illuminated;

package/site/skyline-comparison.js

@@ -74,7 +74,8 @@ export function createSkylineComparison(models, anchor) {
     const streetButton = document.querySelector("#streets");
     function onLayoutChange(name) {
         const geographic = name === "geographic";
-        streetButton.disabled = !geographic;
+        // Only the geographic layout maps streets; elsewhere the toggle is left out.
+        streetButton.hidden = !geographic;
         document.querySelector("#layout-status").textContent = geographic
             ? "Geographic layout · mapped footprints and published heights, or heights read on the drawing where none is published, with detailed facades on all thirty-four buildings. Skyline view: the drawing’s camera, on the lakefront by the Adler Planetarium. Light grey outlines: mapped ground coverage. Grey lines: street centerlines. Grid: 100 m."
             : "Original layout · proportions and spacing fitted to the drawing. Use ground plan or height comparison, then toggle layouts to compare at the same camera scale.";

package/site/skyline-study.html

@@ -50,7 +50,7 @@
           <button type="button" id="reset">reset view</button>
         </div>
         <div class="button-group" role="group" aria-label="Model display">
-          <button type="button" id="streets" aria-pressed="true" disabled>streets</button>
+          <button type="button" id="streets" aria-pressed="true" hidden>streets</button>
           <button type="button" id="wireframe" aria-pressed="false">wireframe</button>
           <button type="button" id="turntable" aria-pressed="false" aria-describedby="motion-status">turntable</button>
         </div>

package/site/study-viewer.js

@@ -470,7 +470,8 @@ export function createBuildingStudy({ models, defaultView = "quarter", views = {
     }
     function updateMotionPreference() {
         controls.enabled = !reducedMotion.matches;
-        turntableButton.disabled = reducedMotion.matches;
+        // Under reduced motion the turntable cannot run, so its button goes rather than greying out.
+        turntableButton.hidden = reducedMotion.matches;
         if (reducedMotion.matches)
             setTurning(false);
         updateMotionStatus();