@2112-lab/central-plant 0.1.76 → 0.1.77

package/dist/bundle/index.js

@@ -30938,7 +30938,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.log("\uD83D\uDD0D ModelPreloader available:", !!modelPreloader);
               console.log("\uD83D\uDD0D ComponentDictionary available:", !!(modelPreloader !== null && modelPreloader !== void 0 && modelPreloader.componentDictionary));
               if (!(modelPreloader && modelPreloader.componentDictionary)) {
-                _context2.n = 13;
+                _context2.n = 14;
                 break;
               }
               console.log("\uD83D\uDCDA Available dictionary keys:", Object.keys(modelPreloader.componentDictionary));
@@ -30954,7 +30954,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
                 });
               }
               if (!(componentData && componentData.modelKey)) {
-                _context2.n = 11;
+                _context2.n = 12;
                 break;
               }
               // Try to get cached model first
@@ -30994,7 +30994,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.warn("\u26A0\uFE0F Failed to preload model ".concat(componentData.modelKey, ":"), _t2);
             case 8:
               if (!cachedModel) {
-                _context2.n = 9;
+                _context2.n = 10;
                 break;
               }
               this.dragData.previewObject = cachedModel.clone();
@@ -31005,6 +31005,14 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               // Store original colors BEFORE making transparent
               this._storeOriginalColors(this.dragData.previewObject);
 
+              // For smart components, load and attach IO device models to the preview
+              if (!(componentData.isSmart && componentData.attachedDevices)) {
+                _context2.n = 9;
+                break;
+              }
+              _context2.n = 9;
+              return this._attachIODeviceModelsToPreview(this.dragData.previewObject, componentData, modelPreloader);
+            case 9:
               // Make the preview semi-transparent
               this._setPreviewTransparency(this.dragData.previewObject, 0.5);
               this.dragData.previewObject.userData = {
@@ -31018,19 +31026,19 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u2705 Created ".concat(componentData.isS3Component ? 'S3' : 'static', " GLB preview object for: ").concat(componentId));
               return _context2.a(2);
-            case 9:
-              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 10:
-              _context2.n = 12;
-              break;
+              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 11:
-              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
-            case 12:
-              _context2.n = 14;
+              _context2.n = 13;
               break;
+            case 12:
+              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
             case 13:
-              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+              _context2.n = 15;
+              break;
             case 14:
+              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+            case 15:
               // Fallback: Create a simple preview mesh if model not available
               geometry = new THREE__namespace.BoxGeometry(1, 1, 1);
               material = new THREE__namespace.MeshPhysicalMaterial({
@@ -31053,7 +31061,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.dragData.previewObject.position.set(1000, 1000, 1000);
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u26A0\uFE0F Created fallback wireframe preview for: ".concat(componentId));
-            case 15:
+            case 16:
               return _context2.a(2);
           }
         }, _callee2, this, [[5, 7], [1, 3]]);
@@ -31063,6 +31071,111 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       }
       return _createPreviewObject;
     }()
+    /**
+     * Load and attach IO device models to a smart component preview
+     * @param {THREE.Object3D} parentObject - The parent preview object
+     * @param {Object} componentData - Component dictionary entry (must have attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @private
+     */
+    )
+  }, {
+    key: "_attachIODeviceModelsToPreview",
+    value: (function () {
+      var _attachIODeviceModelsToPreview2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(parentObject, componentData, modelPreloader) {
+        var _i, _Object$entries, _Object$entries$_i, attachmentId, attachment, _modelPreloader$compo, _attachment$attachmen, deviceData, cachedDevice, _modelPreloader$loadi, deviceModel, pos, _t3;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              if (componentData.attachedDevices) {
+                _context3.n = 1;
+                break;
+              }
+              return _context3.a(2);
+            case 1:
+              _i = 0, _Object$entries = Object.entries(componentData.attachedDevices);
+            case 2:
+              if (!(_i < _Object$entries.length)) {
+                _context3.n = 12;
+                break;
+              }
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), attachmentId = _Object$entries$_i[0], attachment = _Object$entries$_i[1];
+              _context3.p = 3;
+              deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+              if (!(!deviceData || !deviceData.modelKey)) {
+                _context3.n = 4;
+                break;
+              }
+              console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary for preview"));
+              return _context3.a(3, 11);
+            case 4:
+              // Ensure device model is loaded
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+              if (cachedDevice) {
+                _context3.n = 8;
+                break;
+              }
+              if (!((_modelPreloader$loadi = modelPreloader.loadingPromises) !== null && _modelPreloader$loadi !== void 0 && _modelPreloader$loadi.has(deviceData.modelKey))) {
+                _context3.n = 6;
+                break;
+              }
+              _context3.n = 5;
+              return modelPreloader.loadingPromises.get(deviceData.modelKey);
+            case 5:
+              _context3.n = 7;
+              break;
+            case 6:
+              _context3.n = 7;
+              return modelPreloader.preloadSingleModel(deviceData.modelKey);
+            case 7:
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+            case 8:
+              if (cachedDevice) {
+                _context3.n = 9;
+                break;
+              }
+              console.warn("\u26A0\uFE0F Could not load IO device model: ".concat(deviceData.modelKey));
+              return _context3.a(3, 11);
+            case 9:
+              deviceModel = cachedDevice.clone();
+              this._cloneMaterials(deviceModel);
+              this._storeOriginalColors(deviceModel);
+              deviceModel.userData = {
+                objectType: 'io-device',
+                deviceId: attachment.deviceId,
+                attachmentId: attachmentId,
+                attachmentLabel: attachment.attachmentLabel
+              };
+              if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+                pos = attachment.attachmentPoint.position;
+                deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+              }
+
+              // IO device models use their natural (1:1) scale — the stored
+              // attachmentPoint.scale value is for the connector marker sphere.
+              deviceModel.scale.setScalar(1);
+              parentObject.add(deviceModel);
+              console.log("\u2705 Attached IO device preview: ".concat(attachment.attachmentLabel || attachment.deviceId));
+              _context3.n = 11;
+              break;
+            case 10:
+              _context3.p = 10;
+              _t3 = _context3.v;
+              console.warn("\u26A0\uFE0F Could not attach IO device model ".concat(attachment.deviceId, " to preview:"), _t3);
+            case 11:
+              _i++;
+              _context3.n = 2;
+              break;
+            case 12:
+              return _context3.a(2);
+          }
+        }, _callee3, this, [[3, 10]]);
+      }));
+      function _attachIODeviceModelsToPreview(_x5, _x6, _x7) {
+        return _attachIODeviceModelsToPreview2.apply(this, arguments);
+      }
+      return _attachIODeviceModelsToPreview;
+    }()
     /**
      * Clone all materials in an object hierarchy to avoid shared material issues
      * @param {THREE.Object3D} object - The object to clone materials for
@@ -31210,8 +31323,8 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       });
 
       // Check for overlaps
-      for (var _i = 0, _sceneMeshes = sceneMeshes; _i < _sceneMeshes.length; _i++) {
-        var mesh = _sceneMeshes[_i];
+      for (var _i2 = 0, _sceneMeshes = sceneMeshes; _i2 < _sceneMeshes.length; _i2++) {
+        var mesh = _sceneMeshes[_i2];
         var meshBBox = new THREE__namespace.Box3().setFromObject(mesh);
         if (previewBBox.intersectsBox(meshBBox)) {
           console.log('⚠️ ComponentDragManager: Overlap detected with:', mesh.userData.objectType || mesh.name || mesh.uuid);
@@ -31525,50 +31638,50 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       var _this3 = this;
       if (!element || !componentId) return;
       var handleMouseDown = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(event) {
-          return _regenerator().w(function (_context3) {
-            while (1) switch (_context3.n) {
+        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(event) {
+          return _regenerator().w(function (_context4) {
+            while (1) switch (_context4.n) {
               case 0:
                 if (!(event.button !== 0)) {
-                  _context3.n = 1;
+                  _context4.n = 1;
                   break;
                 }
-                return _context3.a(2);
+                return _context4.a(2);
               case 1:
                 // Only left mouse button
                 event.preventDefault();
-                _context3.n = 2;
+                _context4.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context3.a(2);
+                return _context4.a(2);
             }
-          }, _callee3);
+          }, _callee4);
         }));
-        return function handleMouseDown(_x5) {
+        return function handleMouseDown(_x8) {
           return _ref.apply(this, arguments);
         };
       }();
       var handleTouchStart = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(event) {
-          return _regenerator().w(function (_context4) {
-            while (1) switch (_context4.n) {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(event) {
+          return _regenerator().w(function (_context5) {
+            while (1) switch (_context5.n) {
               case 0:
                 if (!(event.touches.length !== 1)) {
-                  _context4.n = 1;
+                  _context5.n = 1;
                   break;
                 }
-                return _context4.a(2);
+                return _context5.a(2);
               case 1:
                 // Only single touch
                 event.preventDefault();
-                _context4.n = 2;
+                _context5.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context4.a(2);
+                return _context5.a(2);
             }
-          }, _callee4);
+          }, _callee5);
         }));
-        return function handleTouchStart(_x6) {
+        return function handleTouchStart(_x9) {
           return _ref2.apply(this, arguments);
         };
       }();
@@ -34710,6 +34823,11 @@ var CentralPlantInternals = /*#__PURE__*/function () {
           });
         }
 
+        // Add attached IO device models for smart components
+        if (componentData.isSmart && componentData.attachedDevices) {
+          this._attachIODevicesToComponent(componentModel, componentData, modelPreloader, componentId);
+        }
+
         // Notify the component manager about the new component
         if (componentManager.registerComponent) {
           componentManager.registerComponent(componentModel);
@@ -34760,6 +34878,74 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Attach IO device models to a smart component from cached models.
+     * Each device referenced in componentData.attachedDevices is looked up
+     * in the model preloader cache, cloned, positioned, and added as a child.
+     * @param {THREE.Object3D} componentModel - The parent component model
+     * @param {Object} componentData - Component dictionary entry (has attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @param {string} parentComponentId - The parent component's UUID
+     * @private
+     */
+  }, {
+    key: "_attachIODevicesToComponent",
+    value: function _attachIODevicesToComponent(componentModel, componentData, modelPreloader, parentComponentId) {
+      var attachedDevices = componentData.attachedDevices;
+      console.log("\uD83D\uDD0C addComponent(): Attaching ".concat(Object.keys(attachedDevices).length, " IO devices to smart component"));
+      for (var _i = 0, _Object$entries = Object.entries(attachedDevices); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          attachmentId = _Object$entries$_i[0],
+          attachment = _Object$entries$_i[1];
+        try {
+          var _modelPreloader$compo, _attachment$attachmen;
+          var deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+          if (!deviceData || !deviceData.modelKey) {
+            console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary, skipping"));
+            continue;
+          }
+          var deviceModel = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+          if (!deviceModel) {
+            console.warn("\u26A0\uFE0F IO device model not in cache: ".concat(deviceData.modelKey, ", skipping"));
+            continue;
+          }
+
+          // Name the device model
+          deviceModel.name = "".concat(attachment.attachmentLabel || 'IO Device', " (").concat(attachmentId, ")");
+
+          // Set user data for identification
+          deviceModel.userData = {
+            objectType: 'io-device',
+            deviceId: attachment.deviceId,
+            attachmentId: attachmentId,
+            attachmentLabel: attachment.attachmentLabel,
+            parentComponentId: parentComponentId
+          };
+
+          // Position at the attachment point
+          if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+            var pos = attachment.attachmentPoint.position;
+            deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+          }
+
+          // IO device models are authored at the same real-world unit scale
+          // as the host component, so keep them at their natural (1:1) size.
+          // Note: attachmentPoint.scale is the connector marker sphere size,
+          // NOT a desired device model scale.
+          deviceModel.scale.setScalar(1);
+
+          // Add as child of the component
+          componentModel.add(deviceModel);
+          console.log("\u2705 Attached IO device: ".concat(attachment.attachmentLabel || attachment.deviceId, " at"), {
+            position: deviceModel.position,
+            scale: deviceModel.scale
+          });
+        } catch (err) {
+          console.error("\u274C Error attaching IO device ".concat(attachment.deviceId, ":"), err);
+        }
+      }
+    }
+
     /**
      * Delete a component from the scene by componentId (internal implementation)
      * @param {string} componentId - The UUID of the component to delete
@@ -34865,7 +35051,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.76
+   * @version 0.1.77
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/cjs/src/core/centralPlant.js

@@ -19,7 +19,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.76
+   * @version 0.1.77
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/cjs/src/core/centralPlantInternals.js

@@ -1055,6 +1055,11 @@ var CentralPlantInternals = /*#__PURE__*/function () {
           });
         }
 
+        // Add attached IO device models for smart components
+        if (componentData.isSmart && componentData.attachedDevices) {
+          this._attachIODevicesToComponent(componentModel, componentData, modelPreloader, componentId);
+        }
+
         // Notify the component manager about the new component
         if (componentManager.registerComponent) {
           componentManager.registerComponent(componentModel);
@@ -1105,6 +1110,74 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Attach IO device models to a smart component from cached models.
+     * Each device referenced in componentData.attachedDevices is looked up
+     * in the model preloader cache, cloned, positioned, and added as a child.
+     * @param {THREE.Object3D} componentModel - The parent component model
+     * @param {Object} componentData - Component dictionary entry (has attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @param {string} parentComponentId - The parent component's UUID
+     * @private
+     */
+  }, {
+    key: "_attachIODevicesToComponent",
+    value: function _attachIODevicesToComponent(componentModel, componentData, modelPreloader, parentComponentId) {
+      var attachedDevices = componentData.attachedDevices;
+      console.log("\uD83D\uDD0C addComponent(): Attaching ".concat(Object.keys(attachedDevices).length, " IO devices to smart component"));
+      for (var _i = 0, _Object$entries = Object.entries(attachedDevices); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries[_i], 2),
+          attachmentId = _Object$entries$_i[0],
+          attachment = _Object$entries$_i[1];
+        try {
+          var _modelPreloader$compo, _attachment$attachmen;
+          var deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+          if (!deviceData || !deviceData.modelKey) {
+            console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary, skipping"));
+            continue;
+          }
+          var deviceModel = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+          if (!deviceModel) {
+            console.warn("\u26A0\uFE0F IO device model not in cache: ".concat(deviceData.modelKey, ", skipping"));
+            continue;
+          }
+
+          // Name the device model
+          deviceModel.name = "".concat(attachment.attachmentLabel || 'IO Device', " (").concat(attachmentId, ")");
+
+          // Set user data for identification
+          deviceModel.userData = {
+            objectType: 'io-device',
+            deviceId: attachment.deviceId,
+            attachmentId: attachmentId,
+            attachmentLabel: attachment.attachmentLabel,
+            parentComponentId: parentComponentId
+          };
+
+          // Position at the attachment point
+          if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+            var pos = attachment.attachmentPoint.position;
+            deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+          }
+
+          // IO device models are authored at the same real-world unit scale
+          // as the host component, so keep them at their natural (1:1) size.
+          // Note: attachmentPoint.scale is the connector marker sphere size,
+          // NOT a desired device model scale.
+          deviceModel.scale.setScalar(1);
+
+          // Add as child of the component
+          componentModel.add(deviceModel);
+          console.log("\u2705 Attached IO device: ".concat(attachment.attachmentLabel || attachment.deviceId, " at"), {
+            position: deviceModel.position,
+            scale: deviceModel.scale
+          });
+        } catch (err) {
+          console.error("\u274C Error attaching IO device ".concat(attachment.deviceId, ":"), err);
+        }
+      }
+    }
+
     /**
      * Delete a component from the scene by componentId (internal implementation)
      * @param {string} componentId - The UUID of the component to delete

package/dist/cjs/src/managers/controls/componentDragManager.js

@@ -191,7 +191,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.log("\uD83D\uDD0D ModelPreloader available:", !!modelPreloader);
               console.log("\uD83D\uDD0D ComponentDictionary available:", !!(modelPreloader !== null && modelPreloader !== void 0 && modelPreloader.componentDictionary));
               if (!(modelPreloader && modelPreloader.componentDictionary)) {
-                _context2.n = 13;
+                _context2.n = 14;
                 break;
               }
               console.log("\uD83D\uDCDA Available dictionary keys:", Object.keys(modelPreloader.componentDictionary));
@@ -207,7 +207,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
                 });
               }
               if (!(componentData && componentData.modelKey)) {
-                _context2.n = 11;
+                _context2.n = 12;
                 break;
               }
               // Try to get cached model first
@@ -247,7 +247,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.warn("\u26A0\uFE0F Failed to preload model ".concat(componentData.modelKey, ":"), _t2);
             case 8:
               if (!cachedModel) {
-                _context2.n = 9;
+                _context2.n = 10;
                 break;
               }
               this.dragData.previewObject = cachedModel.clone();
@@ -258,6 +258,14 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               // Store original colors BEFORE making transparent
               this._storeOriginalColors(this.dragData.previewObject);
 
+              // For smart components, load and attach IO device models to the preview
+              if (!(componentData.isSmart && componentData.attachedDevices)) {
+                _context2.n = 9;
+                break;
+              }
+              _context2.n = 9;
+              return this._attachIODeviceModelsToPreview(this.dragData.previewObject, componentData, modelPreloader);
+            case 9:
               // Make the preview semi-transparent
               this._setPreviewTransparency(this.dragData.previewObject, 0.5);
               this.dragData.previewObject.userData = {
@@ -271,19 +279,19 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u2705 Created ".concat(componentData.isS3Component ? 'S3' : 'static', " GLB preview object for: ").concat(componentId));
               return _context2.a(2);
-            case 9:
-              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 10:
-              _context2.n = 12;
-              break;
+              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 11:
-              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
-            case 12:
-              _context2.n = 14;
+              _context2.n = 13;
               break;
+            case 12:
+              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
             case 13:
-              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+              _context2.n = 15;
+              break;
             case 14:
+              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+            case 15:
               // Fallback: Create a simple preview mesh if model not available
               geometry = new THREE__namespace.BoxGeometry(1, 1, 1);
               material = new THREE__namespace.MeshPhysicalMaterial({
@@ -306,7 +314,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.dragData.previewObject.position.set(1000, 1000, 1000);
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u26A0\uFE0F Created fallback wireframe preview for: ".concat(componentId));
-            case 15:
+            case 16:
               return _context2.a(2);
           }
         }, _callee2, this, [[5, 7], [1, 3]]);
@@ -316,6 +324,111 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       }
       return _createPreviewObject;
     }()
+    /**
+     * Load and attach IO device models to a smart component preview
+     * @param {THREE.Object3D} parentObject - The parent preview object
+     * @param {Object} componentData - Component dictionary entry (must have attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @private
+     */
+    )
+  }, {
+    key: "_attachIODeviceModelsToPreview",
+    value: (function () {
+      var _attachIODeviceModelsToPreview2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(parentObject, componentData, modelPreloader) {
+        var _i, _Object$entries, _Object$entries$_i, attachmentId, attachment, _modelPreloader$compo, _attachment$attachmen, deviceData, cachedDevice, _modelPreloader$loadi, deviceModel, pos, _t3;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              if (componentData.attachedDevices) {
+                _context3.n = 1;
+                break;
+              }
+              return _context3.a(2);
+            case 1:
+              _i = 0, _Object$entries = Object.entries(componentData.attachedDevices);
+            case 2:
+              if (!(_i < _Object$entries.length)) {
+                _context3.n = 12;
+                break;
+              }
+              _Object$entries$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries[_i], 2), attachmentId = _Object$entries$_i[0], attachment = _Object$entries$_i[1];
+              _context3.p = 3;
+              deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+              if (!(!deviceData || !deviceData.modelKey)) {
+                _context3.n = 4;
+                break;
+              }
+              console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary for preview"));
+              return _context3.a(3, 11);
+            case 4:
+              // Ensure device model is loaded
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+              if (cachedDevice) {
+                _context3.n = 8;
+                break;
+              }
+              if (!((_modelPreloader$loadi = modelPreloader.loadingPromises) !== null && _modelPreloader$loadi !== void 0 && _modelPreloader$loadi.has(deviceData.modelKey))) {
+                _context3.n = 6;
+                break;
+              }
+              _context3.n = 5;
+              return modelPreloader.loadingPromises.get(deviceData.modelKey);
+            case 5:
+              _context3.n = 7;
+              break;
+            case 6:
+              _context3.n = 7;
+              return modelPreloader.preloadSingleModel(deviceData.modelKey);
+            case 7:
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+            case 8:
+              if (cachedDevice) {
+                _context3.n = 9;
+                break;
+              }
+              console.warn("\u26A0\uFE0F Could not load IO device model: ".concat(deviceData.modelKey));
+              return _context3.a(3, 11);
+            case 9:
+              deviceModel = cachedDevice.clone();
+              this._cloneMaterials(deviceModel);
+              this._storeOriginalColors(deviceModel);
+              deviceModel.userData = {
+                objectType: 'io-device',
+                deviceId: attachment.deviceId,
+                attachmentId: attachmentId,
+                attachmentLabel: attachment.attachmentLabel
+              };
+              if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+                pos = attachment.attachmentPoint.position;
+                deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+              }
+
+              // IO device models use their natural (1:1) scale — the stored
+              // attachmentPoint.scale value is for the connector marker sphere.
+              deviceModel.scale.setScalar(1);
+              parentObject.add(deviceModel);
+              console.log("\u2705 Attached IO device preview: ".concat(attachment.attachmentLabel || attachment.deviceId));
+              _context3.n = 11;
+              break;
+            case 10:
+              _context3.p = 10;
+              _t3 = _context3.v;
+              console.warn("\u26A0\uFE0F Could not attach IO device model ".concat(attachment.deviceId, " to preview:"), _t3);
+            case 11:
+              _i++;
+              _context3.n = 2;
+              break;
+            case 12:
+              return _context3.a(2);
+          }
+        }, _callee3, this, [[3, 10]]);
+      }));
+      function _attachIODeviceModelsToPreview(_x5, _x6, _x7) {
+        return _attachIODeviceModelsToPreview2.apply(this, arguments);
+      }
+      return _attachIODeviceModelsToPreview;
+    }()
     /**
      * Clone all materials in an object hierarchy to avoid shared material issues
      * @param {THREE.Object3D} object - The object to clone materials for
@@ -463,8 +576,8 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       });
 
       // Check for overlaps
-      for (var _i = 0, _sceneMeshes = sceneMeshes; _i < _sceneMeshes.length; _i++) {
-        var mesh = _sceneMeshes[_i];
+      for (var _i2 = 0, _sceneMeshes = sceneMeshes; _i2 < _sceneMeshes.length; _i2++) {
+        var mesh = _sceneMeshes[_i2];
         var meshBBox = new THREE__namespace.Box3().setFromObject(mesh);
         if (previewBBox.intersectsBox(meshBBox)) {
           console.log('⚠️ ComponentDragManager: Overlap detected with:', mesh.userData.objectType || mesh.name || mesh.uuid);
@@ -778,50 +891,50 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       var _this3 = this;
       if (!element || !componentId) return;
       var handleMouseDown = /*#__PURE__*/function () {
-        var _ref = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(event) {
-          return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
-            while (1) switch (_context3.n) {
+        var _ref = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4(event) {
+          return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
+            while (1) switch (_context4.n) {
               case 0:
                 if (!(event.button !== 0)) {
-                  _context3.n = 1;
+                  _context4.n = 1;
                   break;
                 }
-                return _context3.a(2);
+                return _context4.a(2);
               case 1:
                 // Only left mouse button
                 event.preventDefault();
-                _context3.n = 2;
+                _context4.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context3.a(2);
+                return _context4.a(2);
             }
-          }, _callee3);
+          }, _callee4);
         }));
-        return function handleMouseDown(_x5) {
+        return function handleMouseDown(_x8) {
           return _ref.apply(this, arguments);
         };
       }();
       var handleTouchStart = /*#__PURE__*/function () {
-        var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4(event) {
-          return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
-            while (1) switch (_context4.n) {
+        var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee5(event) {
+          return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
+            while (1) switch (_context5.n) {
               case 0:
                 if (!(event.touches.length !== 1)) {
-                  _context4.n = 1;
+                  _context5.n = 1;
                   break;
                 }
-                return _context4.a(2);
+                return _context5.a(2);
               case 1:
                 // Only single touch
                 event.preventDefault();
-                _context4.n = 2;
+                _context5.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context4.a(2);
+                return _context5.a(2);
             }
-          }, _callee4);
+          }, _callee5);
         }));
-        return function handleTouchStart(_x6) {
+        return function handleTouchStart(_x9) {
           return _ref2.apply(this, arguments);
         };
       }();

package/dist/esm/src/core/centralPlant.js

@@ -15,7 +15,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.76
+   * @version 0.1.77
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/esm/src/core/centralPlantInternals.js

@@ -1,4 +1,4 @@
-import { createClass as _createClass, objectSpread2 as _objectSpread2, createForOfIteratorHelper as _createForOfIteratorHelper, typeof as _typeof, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { createClass as _createClass, objectSpread2 as _objectSpread2, createForOfIteratorHelper as _createForOfIteratorHelper, typeof as _typeof, slicedToArray as _slicedToArray, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import * as THREE from 'three';
 import { CentralPlantValidator } from './centralPlantValidator.js';
 import { createTransformControls } from '../managers/controls/transformControlsManager.js';
@@ -1031,6 +1031,11 @@ var CentralPlantInternals = /*#__PURE__*/function () {
           });
         }
 
+        // Add attached IO device models for smart components
+        if (componentData.isSmart && componentData.attachedDevices) {
+          this._attachIODevicesToComponent(componentModel, componentData, modelPreloader, componentId);
+        }
+
         // Notify the component manager about the new component
         if (componentManager.registerComponent) {
           componentManager.registerComponent(componentModel);
@@ -1081,6 +1086,74 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Attach IO device models to a smart component from cached models.
+     * Each device referenced in componentData.attachedDevices is looked up
+     * in the model preloader cache, cloned, positioned, and added as a child.
+     * @param {THREE.Object3D} componentModel - The parent component model
+     * @param {Object} componentData - Component dictionary entry (has attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @param {string} parentComponentId - The parent component's UUID
+     * @private
+     */
+  }, {
+    key: "_attachIODevicesToComponent",
+    value: function _attachIODevicesToComponent(componentModel, componentData, modelPreloader, parentComponentId) {
+      var attachedDevices = componentData.attachedDevices;
+      console.log("\uD83D\uDD0C addComponent(): Attaching ".concat(Object.keys(attachedDevices).length, " IO devices to smart component"));
+      for (var _i = 0, _Object$entries = Object.entries(attachedDevices); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          attachmentId = _Object$entries$_i[0],
+          attachment = _Object$entries$_i[1];
+        try {
+          var _modelPreloader$compo, _attachment$attachmen;
+          var deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+          if (!deviceData || !deviceData.modelKey) {
+            console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary, skipping"));
+            continue;
+          }
+          var deviceModel = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+          if (!deviceModel) {
+            console.warn("\u26A0\uFE0F IO device model not in cache: ".concat(deviceData.modelKey, ", skipping"));
+            continue;
+          }
+
+          // Name the device model
+          deviceModel.name = "".concat(attachment.attachmentLabel || 'IO Device', " (").concat(attachmentId, ")");
+
+          // Set user data for identification
+          deviceModel.userData = {
+            objectType: 'io-device',
+            deviceId: attachment.deviceId,
+            attachmentId: attachmentId,
+            attachmentLabel: attachment.attachmentLabel,
+            parentComponentId: parentComponentId
+          };
+
+          // Position at the attachment point
+          if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+            var pos = attachment.attachmentPoint.position;
+            deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+          }
+
+          // IO device models are authored at the same real-world unit scale
+          // as the host component, so keep them at their natural (1:1) size.
+          // Note: attachmentPoint.scale is the connector marker sphere size,
+          // NOT a desired device model scale.
+          deviceModel.scale.setScalar(1);
+
+          // Add as child of the component
+          componentModel.add(deviceModel);
+          console.log("\u2705 Attached IO device: ".concat(attachment.attachmentLabel || attachment.deviceId, " at"), {
+            position: deviceModel.position,
+            scale: deviceModel.scale
+          });
+        } catch (err) {
+          console.error("\u274C Error attaching IO device ".concat(attachment.deviceId, ":"), err);
+        }
+      }
+    }
+
     /**
      * Delete a component from the scene by componentId (internal implementation)
      * @param {string} componentId - The UUID of the component to delete

package/dist/esm/src/managers/controls/componentDragManager.js

@@ -1,4 +1,4 @@
-import { inherits as _inherits, createClass as _createClass, superPropGet as _superPropGet, classCallCheck as _classCallCheck, callSuper as _callSuper, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createClass as _createClass, superPropGet as _superPropGet, classCallCheck as _classCallCheck, callSuper as _callSuper, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { BaseDisposable } from '../../core/baseDisposable.js';
 import * as THREE from 'three';
 
@@ -167,7 +167,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.log("\uD83D\uDD0D ModelPreloader available:", !!modelPreloader);
               console.log("\uD83D\uDD0D ComponentDictionary available:", !!(modelPreloader !== null && modelPreloader !== void 0 && modelPreloader.componentDictionary));
               if (!(modelPreloader && modelPreloader.componentDictionary)) {
-                _context2.n = 13;
+                _context2.n = 14;
                 break;
               }
               console.log("\uD83D\uDCDA Available dictionary keys:", Object.keys(modelPreloader.componentDictionary));
@@ -183,7 +183,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
                 });
               }
               if (!(componentData && componentData.modelKey)) {
-                _context2.n = 11;
+                _context2.n = 12;
                 break;
               }
               // Try to get cached model first
@@ -223,7 +223,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               console.warn("\u26A0\uFE0F Failed to preload model ".concat(componentData.modelKey, ":"), _t2);
             case 8:
               if (!cachedModel) {
-                _context2.n = 9;
+                _context2.n = 10;
                 break;
               }
               this.dragData.previewObject = cachedModel.clone();
@@ -234,6 +234,14 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               // Store original colors BEFORE making transparent
               this._storeOriginalColors(this.dragData.previewObject);
 
+              // For smart components, load and attach IO device models to the preview
+              if (!(componentData.isSmart && componentData.attachedDevices)) {
+                _context2.n = 9;
+                break;
+              }
+              _context2.n = 9;
+              return this._attachIODeviceModelsToPreview(this.dragData.previewObject, componentData, modelPreloader);
+            case 9:
               // Make the preview semi-transparent
               this._setPreviewTransparency(this.dragData.previewObject, 0.5);
               this.dragData.previewObject.userData = {
@@ -247,19 +255,19 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u2705 Created ".concat(componentData.isS3Component ? 'S3' : 'static', " GLB preview object for: ").concat(componentId));
               return _context2.a(2);
-            case 9:
-              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 10:
-              _context2.n = 12;
-              break;
+              console.warn("\u26A0\uFE0F Failed to load model for ".concat(componentId, ", will use fallback"));
             case 11:
-              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
-            case 12:
-              _context2.n = 14;
+              _context2.n = 13;
               break;
+            case 12:
+              console.warn("\u26A0\uFE0F No modelKey found for component ".concat(componentId));
             case 13:
-              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+              _context2.n = 15;
+              break;
             case 14:
+              console.warn("\u26A0\uFE0F ModelPreloader or component dictionary not available");
+            case 15:
               // Fallback: Create a simple preview mesh if model not available
               geometry = new THREE.BoxGeometry(1, 1, 1);
               material = new THREE.MeshPhysicalMaterial({
@@ -282,7 +290,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               this.dragData.previewObject.position.set(1000, 1000, 1000);
               this.sceneViewer.scene.add(this.dragData.previewObject);
               console.log("\u26A0\uFE0F Created fallback wireframe preview for: ".concat(componentId));
-            case 15:
+            case 16:
               return _context2.a(2);
           }
         }, _callee2, this, [[5, 7], [1, 3]]);
@@ -292,6 +300,111 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       }
       return _createPreviewObject;
     }()
+    /**
+     * Load and attach IO device models to a smart component preview
+     * @param {THREE.Object3D} parentObject - The parent preview object
+     * @param {Object} componentData - Component dictionary entry (must have attachedDevices)
+     * @param {Object} modelPreloader - ModelPreloader instance
+     * @private
+     */
+    )
+  }, {
+    key: "_attachIODeviceModelsToPreview",
+    value: (function () {
+      var _attachIODeviceModelsToPreview2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(parentObject, componentData, modelPreloader) {
+        var _i, _Object$entries, _Object$entries$_i, attachmentId, attachment, _modelPreloader$compo, _attachment$attachmen, deviceData, cachedDevice, _modelPreloader$loadi, deviceModel, pos, _t3;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              if (componentData.attachedDevices) {
+                _context3.n = 1;
+                break;
+              }
+              return _context3.a(2);
+            case 1:
+              _i = 0, _Object$entries = Object.entries(componentData.attachedDevices);
+            case 2:
+              if (!(_i < _Object$entries.length)) {
+                _context3.n = 12;
+                break;
+              }
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), attachmentId = _Object$entries$_i[0], attachment = _Object$entries$_i[1];
+              _context3.p = 3;
+              deviceData = (_modelPreloader$compo = modelPreloader.componentDictionary) === null || _modelPreloader$compo === void 0 ? void 0 : _modelPreloader$compo[attachment.deviceId];
+              if (!(!deviceData || !deviceData.modelKey)) {
+                _context3.n = 4;
+                break;
+              }
+              console.warn("\u26A0\uFE0F IO device ".concat(attachment.deviceId, " not found in dictionary for preview"));
+              return _context3.a(3, 11);
+            case 4:
+              // Ensure device model is loaded
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+              if (cachedDevice) {
+                _context3.n = 8;
+                break;
+              }
+              if (!((_modelPreloader$loadi = modelPreloader.loadingPromises) !== null && _modelPreloader$loadi !== void 0 && _modelPreloader$loadi.has(deviceData.modelKey))) {
+                _context3.n = 6;
+                break;
+              }
+              _context3.n = 5;
+              return modelPreloader.loadingPromises.get(deviceData.modelKey);
+            case 5:
+              _context3.n = 7;
+              break;
+            case 6:
+              _context3.n = 7;
+              return modelPreloader.preloadSingleModel(deviceData.modelKey);
+            case 7:
+              cachedDevice = modelPreloader.getCachedModelWithDimensions(deviceData.modelKey, attachment.deviceId);
+            case 8:
+              if (cachedDevice) {
+                _context3.n = 9;
+                break;
+              }
+              console.warn("\u26A0\uFE0F Could not load IO device model: ".concat(deviceData.modelKey));
+              return _context3.a(3, 11);
+            case 9:
+              deviceModel = cachedDevice.clone();
+              this._cloneMaterials(deviceModel);
+              this._storeOriginalColors(deviceModel);
+              deviceModel.userData = {
+                objectType: 'io-device',
+                deviceId: attachment.deviceId,
+                attachmentId: attachmentId,
+                attachmentLabel: attachment.attachmentLabel
+              };
+              if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
+                pos = attachment.attachmentPoint.position;
+                deviceModel.position.set(pos.x || 0, pos.y || 0, pos.z || 0);
+              }
+
+              // IO device models use their natural (1:1) scale — the stored
+              // attachmentPoint.scale value is for the connector marker sphere.
+              deviceModel.scale.setScalar(1);
+              parentObject.add(deviceModel);
+              console.log("\u2705 Attached IO device preview: ".concat(attachment.attachmentLabel || attachment.deviceId));
+              _context3.n = 11;
+              break;
+            case 10:
+              _context3.p = 10;
+              _t3 = _context3.v;
+              console.warn("\u26A0\uFE0F Could not attach IO device model ".concat(attachment.deviceId, " to preview:"), _t3);
+            case 11:
+              _i++;
+              _context3.n = 2;
+              break;
+            case 12:
+              return _context3.a(2);
+          }
+        }, _callee3, this, [[3, 10]]);
+      }));
+      function _attachIODeviceModelsToPreview(_x5, _x6, _x7) {
+        return _attachIODeviceModelsToPreview2.apply(this, arguments);
+      }
+      return _attachIODeviceModelsToPreview;
+    }()
     /**
      * Clone all materials in an object hierarchy to avoid shared material issues
      * @param {THREE.Object3D} object - The object to clone materials for
@@ -439,8 +552,8 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       });
 
       // Check for overlaps
-      for (var _i = 0, _sceneMeshes = sceneMeshes; _i < _sceneMeshes.length; _i++) {
-        var mesh = _sceneMeshes[_i];
+      for (var _i2 = 0, _sceneMeshes = sceneMeshes; _i2 < _sceneMeshes.length; _i2++) {
+        var mesh = _sceneMeshes[_i2];
         var meshBBox = new THREE.Box3().setFromObject(mesh);
         if (previewBBox.intersectsBox(meshBBox)) {
           console.log('⚠️ ComponentDragManager: Overlap detected with:', mesh.userData.objectType || mesh.name || mesh.uuid);
@@ -754,50 +867,50 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       var _this3 = this;
       if (!element || !componentId) return;
       var handleMouseDown = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(event) {
-          return _regenerator().w(function (_context3) {
-            while (1) switch (_context3.n) {
+        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(event) {
+          return _regenerator().w(function (_context4) {
+            while (1) switch (_context4.n) {
               case 0:
                 if (!(event.button !== 0)) {
-                  _context3.n = 1;
+                  _context4.n = 1;
                   break;
                 }
-                return _context3.a(2);
+                return _context4.a(2);
               case 1:
                 // Only left mouse button
                 event.preventDefault();
-                _context3.n = 2;
+                _context4.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context3.a(2);
+                return _context4.a(2);
             }
-          }, _callee3);
+          }, _callee4);
         }));
-        return function handleMouseDown(_x5) {
+        return function handleMouseDown(_x8) {
           return _ref.apply(this, arguments);
         };
       }();
       var handleTouchStart = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(event) {
-          return _regenerator().w(function (_context4) {
-            while (1) switch (_context4.n) {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(event) {
+          return _regenerator().w(function (_context5) {
+            while (1) switch (_context5.n) {
               case 0:
                 if (!(event.touches.length !== 1)) {
-                  _context4.n = 1;
+                  _context5.n = 1;
                   break;
                 }
-                return _context4.a(2);
+                return _context5.a(2);
               case 1:
                 // Only single touch
                 event.preventDefault();
-                _context4.n = 2;
+                _context5.n = 2;
                 return _this3.startComponentDrag(componentId, element, event);
               case 2:
-                return _context4.a(2);
+                return _context5.a(2);
             }
-          }, _callee4);
+          }, _callee5);
         }));
-        return function handleTouchStart(_x6) {
+        return function handleTouchStart(_x9) {
           return _ref2.apply(this, arguments);
         };
       }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2112-lab/central-plant",
-  "version": "0.1.76",
+  "version": "0.1.77",
   "description": "Utility modules for the Central Plant Application",
   "main": "dist/bundle/index.js",
   "module": "dist/esm/index.js",