kitchen-simulator 1.0.0-DIY-1119

package/es/mappings/external-events/mappers/addItemMapper.js

@@ -0,0 +1,97 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ITEM_TYPE } from "../../../constants";
+import { isEmpty } from "../../../utils/helper";
+
+/**
+ * Mapping logic for EXTERNAL_EVENT_ADD_ITEM.
+ *
+ * Converts the new assets3d payload shape into the legacy structure_json format
+ * expected by the existing 3D tool.
+ *
+ * @param {Object} evt.payload   External event payload
+ * @param {Immutable.Map} state Planner state
+ * @returns {Object|null} Updated event (or null when payload is empty)
+ */
+export function mapAddItemEvent(orgEvtPayload, state) {
+  var _evtPayload, _evtPayload3;
+  // make structure_json using assest3D
+  var layerId = state.getIn(['scene', 'selectedLayer']);
+  var layer = state.getIn(['scene', 'layers', layerId]);
+  var tempStructure = {};
+  var tempPlaceholders = [];
+  var cabinetDoorFinishId, animation;
+  if (isEmpty(orgEvtPayload)) return null;
+  var evtPayload = structuredClone(orgEvtPayload);
+  if (((_evtPayload = evtPayload) === null || _evtPayload === void 0 ? void 0 : _evtPayload.type) !== ITEM_TYPE.CABINET) {
+    var _evtPayload2;
+    evtPayload.structure_json = {
+      base: (_evtPayload2 = evtPayload) === null || _evtPayload2 === void 0 ? void 0 : _evtPayload2.gltf
+    };
+    return evtPayload;
+  }
+  var cabinetDoorFinish = (_evtPayload3 = evtPayload) === null || _evtPayload3 === void 0 ? void 0 : _evtPayload3.ccdf;
+  var assets3d = cabinetDoorFinish === null || cabinetDoorFinish === void 0 ? void 0 : cabinetDoorFinish.assets3d;
+  if (isEmpty(assets3d)) {
+    var _evtPayload4;
+    tempStructure.base = (_evtPayload4 = evtPayload) === null || _evtPayload4 === void 0 ? void 0 : _evtPayload4.gltf;
+  }
+  if (!isEmpty(cabinetDoorFinish === null || cabinetDoorFinish === void 0 ? void 0 : cabinetDoorFinish.id)) {
+    cabinetDoorFinishId = cabinetDoorFinish.id;
+  }
+
+  // clone so we can push injected handle assets without mutating original
+  var updatedAssets3D = _toConsumableArray(assets3d);
+
+  // first pass: inject door-handle assets where needed
+  if (!isEmpty(assets3d)) {
+    assets3d.forEach(function (asItem) {
+      // make door handle
+      if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.placeholder_name)) {
+        var phName = asItem.placeholder_name;
+        if (phName.includes('door_')) {
+          var doorHandleName = phName.slice(0, phName.length - 2) + '_handle' + phName.slice(phName.length - 2);
+          updatedAssets3D.push({
+            placeholder_name: doorHandleName,
+            gltf: layer.get('doorHandle')
+          });
+        }
+      }
+    });
+
+    // second pass: build structure + placeholders from full asset list
+    updatedAssets3D.forEach(function (asitem) {
+      var _evtPayload5;
+      // set base field with gltf
+      tempStructure.base = (_evtPayload5 = evtPayload) === null || _evtPayload5 === void 0 ? void 0 : _evtPayload5.gltf;
+      if (!isEmpty(asitem === null || asitem === void 0 ? void 0 : asitem.placeholder_name)) {
+        // make the structure using placeholder_name and gltf
+        var phName = asitem.placeholder_name;
+        if (!phName.includes('_handle_') && !phName.includes('sink')) {
+          phName = 'base_' + phName;
+        }
+        tempStructure[phName] = asitem.gltf;
+      }
+    });
+  }
+
+  // make the tempPlaceholders using structure and id
+  tempPlaceholders.push({
+    id: cabinetDoorFinishId,
+    structure: tempStructure
+  });
+
+  // make the structure_json using animation and tempPlaceholders
+  var structure_json = {
+    animation: animation,
+    tempPlaceholders: tempPlaceholders
+  };
+
+  // rebuild the cabinet payload with structure_json
+  evtPayload = _objectSpread(_objectSpread({}, evtPayload), {}, {
+    structure_json: structure_json
+  });
+  return evtPayload;
+}

package/es/mappings/external-events/mappers/ccdfMapper.js

@@ -0,0 +1,97 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isEmpty } from "../../../components/viewer2d/utils";
+import { toJSIfNeeded } from "../../../shared/objects/immutable";
+export function ccdfMapper(ccdf_list, layer) {
+  // This function make cabinet definition using ccdf, layer's item information and catalog
+  // console.log(ccdf_list, catalog);
+  // make structure_json list using ccdf-list
+  var cabinetDefinitionList = [];
+  var layerJS = toJSIfNeeded(layer);
+  ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (ccdf) {
+    // IMPORTANT: DIY-834-43
+    // Each CCDF row must produce its own independent structure/tempPlaceholders objects.
+    // Reusing the same object across iterations causes cross-cabinet mutation bugs
+    // (e.g. B12's `structure.base` being overwritten by W1218's gltf).
+    var tempPlaceholders = [];
+    var structure = {};
+    var cdfId;
+    var structure_json = {};
+    var cabinetDefinition = {};
+    var itemKeys = Object.keys(layerJS.items);
+    var correctItemId = '';
+    for (var i = 0; i < itemKeys.length; i++) {
+      var it = layerJS.items[itemKeys[i]];
+      // Join key: scene_cabinet_id (instance id).
+      if (!!(ccdf !== null && ccdf !== void 0 && ccdf.scene_cabinet_id) && (it === null || it === void 0 ? void 0 : it.id) === ccdf.scene_cabinet_id) correctItemId = layerJS.items[itemKeys[i]].id;
+    }
+    var cd = layerJS.items[correctItemId];
+    if (cd && !!(ccdf !== null && ccdf !== void 0 && ccdf.scene_cabinet_id) && (cd === null || cd === void 0 ? void 0 : cd.id) === ccdf.scene_cabinet_id) {
+      var _ccdf$cabinet_id, _ccdf$long_name, _ccdf$sizeinfo, _ccdf$shape_svg;
+      if (!isEmpty(ccdf === null || ccdf === void 0 ? void 0 : ccdf.id)) {
+        cdfId = ccdf.id;
+      }
+      var assets3d = Array.isArray(ccdf === null || ccdf === void 0 ? void 0 : ccdf.assets3d) ? ccdf.assets3d : [];
+      var updatedAssets3D = _toConsumableArray(assets3d);
+
+      // Always set base cabinet gltf even when there are no door/drawer assets.
+      // This ensures we can render a naked cabinet (base-only) for unsupported door styles.
+      structure.base = (ccdf === null || ccdf === void 0 ? void 0 : ccdf.gltf) || cd.gltf;
+
+      // make structure (augment assets3d with door handles)
+      assets3d.forEach(function (asItem) {
+        // make door handle
+        if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.placeholder_name)) {
+          var phName = asItem.placeholder_name;
+          if (phName.includes('door_')) {
+            var doorHandleName = phName.slice(0, phName.length - 2) + '_handle' + phName.slice(phName.length - 2);
+            updatedAssets3D.push({
+              placeholder_name: doorHandleName,
+              gltf: layerJS.doorHandle
+            });
+          }
+        }
+      });
+      updatedAssets3D.forEach(function (asitem) {
+        if (!isEmpty(asitem === null || asitem === void 0 ? void 0 : asitem.placeholder_name)) {
+          // make the structure using placeholder_name and gltf
+          var phName = asitem.placeholder_name;
+          if (!phName.includes('_handle_') && !phName.includes('sink')) {
+            phName = 'base_' + phName;
+          }
+          structure[phName] = asitem.gltf;
+        }
+      });
+      // make tempPlaceholders
+      // Only push when we have at least a base cabinet gltf to render.
+      if (!isEmpty(structure === null || structure === void 0 ? void 0 : structure.base)) {
+        tempPlaceholders.push({
+          structure: structure,
+          id: cdfId
+        });
+      }
+      // make structure_json
+      if (cd.category === 'cabinet' || cd.category === 'Base' || cd.category === 'Wall' || cd.category === 'Tall') structure_json = {
+        tempPlaceholders: tempPlaceholders
+      };else structure_json = structure;
+      // make cabinet definition using structure_json and catalog
+      cabinetDefinition = _objectSpread(_objectSpread({}, cd), {}, {
+        type: cd.category,
+        itemID: (_ccdf$cabinet_id = ccdf === null || ccdf === void 0 ? void 0 : ccdf.cabinet_id) !== null && _ccdf$cabinet_id !== void 0 ? _ccdf$cabinet_id : cd.itemID,
+        // cd.itemID may be legacy from legacy project, so ccdf.cabinet_id is preferred if exists
+        long_name: (_ccdf$long_name = ccdf === null || ccdf === void 0 ? void 0 : ccdf.long_name) !== null && _ccdf$long_name !== void 0 ? _ccdf$long_name : cd.long_name,
+        sizeinfo: (_ccdf$sizeinfo = ccdf === null || ccdf === void 0 ? void 0 : ccdf.sizeinfo) !== null && _ccdf$sizeinfo !== void 0 ? _ccdf$sizeinfo : cd.sizeinfo,
+        shape_svg: (_ccdf$shape_svg = ccdf === null || ccdf === void 0 ? void 0 : ccdf.shape_svg) !== null && _ccdf$shape_svg !== void 0 ? _ccdf$shape_svg : cd.shape_svg,
+        // If host provides cabinet base gltf/bin at CCDF top-level, prefer it.
+        gltf: (ccdf === null || ccdf === void 0 ? void 0 : ccdf.gltf) || cd.gltf,
+        bin: (ccdf === null || ccdf === void 0 ? void 0 : ccdf.bin) || (cd === null || cd === void 0 ? void 0 : cd.bin),
+        structure_json: structure_json
+      });
+    }
+    // make cabinet definition list using cabinetDefinition
+    cabinetDefinitionList.push(cabinetDefinition);
+  });
+  return cabinetDefinitionList;
+}

package/es/mappings/external-events/mappers/ccdfToCDSMapper.js

@@ -0,0 +1,50 @@
+import { isEmpty } from "../../../components/viewer2d/utils";
+export function mapFromCCDFToCDS(ccdf_list) {
+  var sceneItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  // This function make CDS from CCDF_List
+  // `sceneItems` (optional) lets us map CCDF rows back onto placed scene items
+  // using stable identity (long_name), because host `cabinet_id` can vary per doorstyle.
+  var itemsArray = sceneItems ? Array.isArray(sceneItems) ? sceneItems : Object.values(sceneItems) : null;
+  var itemCDSList = [];
+  ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (asItem) {
+    var _asItem$assets3d;
+    // IMPORTANT: DIY-834-43
+    // `itemCDSData` must be recreated per asItem. Reusing it across iterations
+    // can leak one cabinet's door/drawer mappings into another.
+    var itemCDSData = {};
+    var cabitnetDoorStyleId;
+    if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
+      cabitnetDoorStyleId = asItem.id;
+    }
+    asItem === null || asItem === void 0 || (_asItem$assets3d = asItem.assets3d) === null || _asItem$assets3d === void 0 || _asItem$assets3d.forEach(function (as) {
+      if (!isEmpty(as === null || as === void 0 ? void 0 : as.placeholder_name) && !isEmpty(as === null || as === void 0 ? void 0 : as.gltf)) {
+        var updatedName = 'base_' + (as === null || as === void 0 ? void 0 : as.placeholder_name) + '_gltf';
+        itemCDSData[updatedName] = as === null || as === void 0 ? void 0 : as.gltf;
+      }
+      itemCDSData['is_euro_cds'] = !isEmpty(as === null || as === void 0 ? void 0 : as.is_euro_cds) ? as.is_euro_cds : 0;
+      itemCDSData['euro_shape_svg'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_shape_svg) ? as.is_euro_cds : null;
+      itemCDSData['euro_width'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_width) ? as.is_euro_cds : null;
+      itemCDSData['euro_height'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_height) ? as.is_euro_cds : null;
+      itemCDSData['euro_length'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_length) ? as.is_euro_cds : null;
+    });
+    var data = [];
+    data.push(itemCDSData);
+
+    // Prefer stable join key: long_name -> scene item's itemID.
+    // Fall back to host cabinet_id for backward compatibility.
+    var resolvedItemID = asItem === null || asItem === void 0 ? void 0 : asItem.cabinet_id;
+    if (itemsArray) {
+      var match = itemsArray.find(function (it) {
+        return it.id === asItem.scene_cabinet_id;
+      });
+      if (match !== null && match !== void 0 && match.itemID) resolvedItemID = match.itemID;
+    }
+    itemCDSList.push({
+      itemID: resolvedItemID,
+      long_name: asItem === null || asItem === void 0 ? void 0 : asItem.long_name,
+      data: data,
+      cabinet_door_style_id: cabitnetDoorStyleId
+    });
+  });
+  return itemCDSList;
+}

package/es/mappings/external-events/mappers/changeDoorStyleMapper.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getDefaultInteriorTexture } from "../../../catalog/cabinet/cabinet-texture-resolver";
+import { isEmpty } from "../../../utils/helper";
+export function mapChangeDoorStyleEvent(evt, state, defaultTextures) {
+  var _evt$payload, _layer$toJS;
+  if (isEmpty(evt)) return null;
+  var targetDoorStyle = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 ? void 0 : _evt$payload.doorStyle;
+  if (isEmpty(targetDoorStyle)) return evt;
+  var layerId = state.getIn(['scene', 'selectedLayer']);
+  var layer = state.getIn(['scene', 'layers', layerId]);
+  if (isEmpty(layer)) return evt;
+  var handleTexture = layer.get('doorHandle');
+  var counterToptexture = layer === null || layer === void 0 || (_layer$toJS = layer.toJS()) === null || _layer$toJS === void 0 || (_layer$toJS = _layer$toJS.counterTop) === null || _layer$toJS === void 0 ? void 0 : _layer$toJS.uri;
+
+  // make doorStyles and update the doorStyle payload
+  var Max_PH = 9;
+  var doorStyles = {
+    base: targetDoorStyle.texture,
+    counttop: counterToptexture,
+    interior: getDefaultInteriorTexture(defaultTextures)
+  };
+  for (var i = 1; i <= Max_PH; i++) {
+    doorStyles['base_door_' + i] = targetDoorStyle.texture;
+    doorStyles['base_fixed_drawer_door_' + i] = targetDoorStyle.texture;
+    doorStyles['base_drawer_' + i] = targetDoorStyle.texture;
+    doorStyles['base_drawer_door_' + i] = targetDoorStyle.texture;
+    doorStyles['door_handle_' + i] = handleTexture;
+    doorStyles['fixed_drawer_door_handle_' + i] = handleTexture;
+    doorStyles['drawer_door_handle_' + i] = handleTexture;
+  }
+  evt.payload.doorStyle = _objectSpread(_objectSpread({}, targetDoorStyle), {}, {
+    doorStyles: doorStyles
+  });
+  return evt;
+}

package/es/mappings/external-events/mappers/loadProjectMapper.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getDefaultInteriorTexture } from "../../../catalog/cabinet/cabinet-texture-resolver";
+import { isEmpty } from "../../../utils/helper";
+export function mapLoadProjectEvent(evt, state, defaultTextures) {
+  // preprocessing for loading project
+  // this function make doorStyles using item's doorStyle
+  if (isEmpty(evt)) return null;
+  var layerId = evt.payload.layers['layer-1'].id;
+  var layer = evt.payload.layers;
+  var itemKeys = Object.keys(layer[layerId].items);
+  if (isEmpty(layer)) return evt;
+  var handleTexture = layer[layerId].doorHandle;
+  var counterToptexture = layer[layerId].counterTop;
+  // make doorStyles and update the doorStyle payload
+  var Max_PH = 9;
+  for (var i = 0; i < itemKeys.length; i++) {
+    var item = layer[layerId].items[itemKeys[i]];
+    var doorStyle = item.doorStyle;
+    var doorStyles = {
+      base: doorStyle.texture,
+      counttop: counterToptexture,
+      interior: getDefaultInteriorTexture(defaultTextures)
+    };
+    for (var _i = 1; _i <= Max_PH; _i++) {
+      doorStyles['base_door_' + _i] = doorStyle.texture;
+      doorStyles['base_fixed_drawer_door_' + _i] = doorStyle.texture;
+      doorStyles['base_drawer_' + _i] = doorStyle.texture;
+      doorStyles['base_drawer_door_' + _i] = doorStyle.texture;
+      doorStyles['door_handle_' + _i] = handleTexture;
+      doorStyles['fixed_drawer_door_handle_' + _i] = handleTexture;
+      doorStyles['drawer_door_handle_' + _i] = handleTexture;
+    }
+    item.doorStyle = _objectSpread(_objectSpread({}, doorStyle), {}, {
+      doorStyles: doorStyles
+    });
+    layer[layerId].items[itemKeys[i]] = item;
+  }
+  return evt;
+}
+export function updateProjectWithCDSList(project, cdsList) {
+  //This function updates the project json using CDSList
+  if (isEmpty(project) || isEmpty(cdsList)) return project;
+  var layerId = project.layers['layer-1'].id;
+  var layer = project.layers;
+  var itemKeys = Object.keys(layer[layerId].items);
+  if (isEmpty(itemKeys)) return project;
+  var _loop = function _loop(i) {
+    cdsList.forEach(function (cds) {
+      var _layer$layerId;
+      if (((_layer$layerId = layer[layerId]) === null || _layer$layerId === void 0 || (_layer$layerId = _layer$layerId.items[itemKeys[i]]) === null || _layer$layerId === void 0 ? void 0 : _layer$layerId.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
+        layer[layerId].items[itemKeys[i]].doorStyle.cds = cds;
+      }
+    });
+  };
+  for (var i = 0; i < itemKeys.length; i++) {
+    _loop(i);
+  }
+  project.layers = layer;
+  return project;
+}

package/es/mappings/holesToCatalog.js

@@ -0,0 +1,139 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import * as Holes from "../catalog/holes/export";
+var INCH_TO_CM = 2.54;
+var normalizeKey = function normalizeKey(value) {
+  return (value !== null && value !== void 0 ? value : '').toString().toLowerCase().replace(/[^a-z0-9]+/g, '');
+};
+var safeParseJson = function safeParseJson(value) {
+  if (!value) return null;
+  try {
+    return JSON.parse(value);
+  } catch (_unused) {
+    return null;
+  }
+};
+var toCatalogLength = function toCatalogLength(value, prop) {
+  var _prop$defaultValue;
+  if (value == null) return null;
+  var unit = prop === null || prop === void 0 || (_prop$defaultValue = prop.defaultValue) === null || _prop$defaultValue === void 0 ? void 0 : _prop$defaultValue.unit;
+  if (unit && unit.toLowerCase() === 'in') return value;
+  return value * INCH_TO_CM;
+};
+var overrideLengthProperty = function overrideLengthProperty(prop, value) {
+  if (!prop || value == null) return prop;
+  var length = toCatalogLength(value, prop);
+  if (length == null) return prop;
+  return _objectSpread(_objectSpread({}, prop), {}, {
+    defaultValue: _objectSpread(_objectSpread({}, prop.defaultValue), {}, {
+      length: length
+    })
+  });
+};
+var findBaseHoleTemplate = function findBaseHoleTemplate(hole, templates) {
+  var target = normalizeKey(hole === null || hole === void 0 ? void 0 : hole.name);
+  if (!target) return null;
+  return templates.find(function (template) {
+    var _template$info, _template$info2;
+    var candidates = [template === null || template === void 0 ? void 0 : template.name, template === null || template === void 0 || (_template$info = template.info) === null || _template$info === void 0 ? void 0 : _template$info.title, template === null || template === void 0 || (_template$info2 = template.info) === null || _template$info2 === void 0 ? void 0 : _template$info2.description].map(normalizeKey);
+    return candidates.includes(target);
+  }) || null;
+};
+var buildHoleElementFromTemplate = function buildHoleElementFromTemplate(hole, base) {
+  var _base$info, _base$info2, _base$info3, _base$info4, _base$info5, _base$structure_json;
+  if (!hole || !base) return null;
+  var nextInfo = _objectSpread(_objectSpread({}, base.info), {}, {
+    title: hole.name || ((_base$info = base.info) === null || _base$info === void 0 ? void 0 : _base$info.title),
+    description: ((_base$info2 = base.info) === null || _base$info2 === void 0 ? void 0 : _base$info2.description) || hole.name || ((_base$info3 = base.info) === null || _base$info3 === void 0 ? void 0 : _base$info3.title),
+    image: hole.menu_thumbnail || ((_base$info4 = base.info) === null || _base$info4 === void 0 ? void 0 : _base$info4.image),
+    url: hole.gltf || ((_base$info5 = base.info) === null || _base$info5 === void 0 ? void 0 : _base$info5.url)
+  });
+  var nextProperties = _objectSpread({}, base.properties);
+  if (nextProperties.width) {
+    nextProperties.width = overrideLengthProperty(nextProperties.width, hole.width);
+  }
+  if (nextProperties.height) {
+    nextProperties.height = overrideLengthProperty(nextProperties.height, hole.height);
+  }
+  if (nextProperties.length) {
+    nextProperties.length = overrideLengthProperty(nextProperties.length, hole.length);
+  }
+  var customConfig = safeParseJson(hole.custom_config);
+  var customProps = (customConfig === null || customConfig === void 0 ? void 0 : customConfig.properties) || {};
+  Object.keys(customProps).forEach(function (key) {
+    if (!nextProperties[key]) return;
+    nextProperties[key] = overrideLengthProperty(nextProperties[key], customProps[key]);
+  });
+  return _objectSpread(_objectSpread({}, base), {}, {
+    name: hole.name || base.name,
+    info: nextInfo,
+    properties: nextProperties,
+    structure_json: _objectSpread(_objectSpread({}, base.structure_json || {}), {}, {
+      hole_id: hole.id || ((_base$structure_json = base.structure_json) === null || _base$structure_json === void 0 ? void 0 : _base$structure_json.hole_id)
+    })
+  });
+};
+export var buildHoleElements = function buildHoleElements(holes) {
+  var categories = {
+    Doors: [],
+    Windows: []
+  };
+  var elements = [];
+  if (!Array.isArray(holes)) return {
+    elements: elements,
+    categories: categories
+  };
+  var templates = Object.values(Holes);
+  var usedNames = new Set();
+  holes.forEach(function (hole) {
+    var _base$info6;
+    if (!hole || hole.is_deleted) return;
+    var base = findBaseHoleTemplate(hole, templates);
+    if (!base) return;
+    var element = buildHoleElementFromTemplate(hole, base);
+    if (!element || !element.name || usedNames.has(element.name)) return;
+    usedNames.add(element.name);
+    elements.push(element);
+    var typeKey = normalizeKey(hole.type);
+    if (typeKey === 'window') {
+      categories.Windows.push(element);
+    } else if (typeKey === 'door') {
+      categories.Doors.push(element);
+    } else if ((_base$info6 = base.info) !== null && _base$info6 !== void 0 && (_base$info6 = _base$info6.tag) !== null && _base$info6 !== void 0 && _base$info6.includes('window')) {
+      categories.Windows.push(element);
+    } else {
+      categories.Doors.push(element);
+    }
+  });
+  return {
+    elements: elements,
+    categories: categories
+  };
+};
+export var registerDynamicHoles = function registerDynamicHoles(catalog, holePayload) {
+  if (!catalog) return;
+  var holeElements = (holePayload === null || holePayload === void 0 ? void 0 : holePayload.elements) || [];
+  holeElements.forEach(function (element) {
+    if (!catalog.hasElement(element.name)) {
+      catalog.registerElement(element);
+    }
+  });
+  var categories = (holePayload === null || holePayload === void 0 ? void 0 : holePayload.categories) || {};
+  Object.entries(categories).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      elements = _ref2[1];
+    if (!elements.length) return;
+    if (!catalog.hasCategory(name)) {
+      catalog.registerCategory(name, name, elements);
+      return;
+    }
+    elements.forEach(function (element) {
+      if (!catalog.categoryHasElement(name, element.name)) {
+        catalog.addToCategory(name, element);
+      }
+    });
+  });
+};