{"version":3,"file":"product-0509b1de.min.js","sources":["../src/js/product/ProductViewModelFactories.js","../src/js/product/ProductEditor.js","../src/js/product/ProductInteraction.js","../src/js/product/DoorFrontInteraction.js","../src/js/product/Components.js","../src/js/product/ProductDrawingViewModel.js","../src/js/product/MultiStepProductEditor.js","../src/js/product/MultiStepDoorFrontEditor.js","../src/js/product/DoorFrontEditor.js","../src/js/product/InteriorInteraction.js","../src/js/product/InteriorEditor.js","../src/js/product/VariantProductEditor.js","../src/js/product/Components-Flexi.js","../src/js/product/ProductViewModelSpecificFactories.js","../src/js/product/DrawingEngine.js","../src/js/product/ImageLoader.js","../src/js/product/ProductMaterialLoader.js","../src/js/product/DrawingEngine2020.js","../src/js/product/DrawingService2020.js","../src/js/product/DrawingService.js","../src/js/product/Iterator.js","../src/js/product/ProductVisitors.js","../src/js/product/UpdateMaterialImageVisitor.js","../src/js/product/HtmlDrawing/HtmlRenderVisitor.js","../src/js/product/HtmlDrawing/HtmlDrawingService.js","../src/js/product/HtmlDrawing/HtmlAspectRatioSizer.js","../src/js/product/HtmlDrawing/HtmlDrawingEngine.js","../src/js/product/Babylon/FaceUVHelper.js","../src/js/product/Babylon/QuadriLateralFrustumBuilder.js","../src/js/product/Babylon/BabylonBasketBuilders.js","../src/js/product/Babylon/BabylonRenderVisitor.js","../src/js/product/Babylon/BabylonDrawingService.js","../src/js/product/Babylon/BabylonRoom.js","../src/js/product/Babylon/BabylonDrawingEngine.js","../src/js/product/ProductMaterialsMap.js","../src/js/product/ProductDrawing.js","../src/js/product/DesignerService.js","../src/js/product/ProductZoomer.js","../src/js/product/zoomer.js","../src/js/product/ProductPreviewer.js","../src/js/product/ProductPageViewModel.js","../src/js/product.js"],"sourcesContent":["export class ProductViewModelFactory {\r\n  constructor(productType) {\r\n    this.productType = productType;\r\n  }\r\n\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n  }\r\n\r\n  /**\r\n   * The materialIds object will be populated with properties matching the values in the finishes\r\n   * array. Each property's value will be set to true.\r\n   * @param {any} materialIds An object which will given additional properties by this method.\r\n   * @param {any} prefix Prefix for the property names\r\n   * @param {any} finishes An array of finish id's which will become property names on the materialIds parameter.\r\n   */\r\n  addMaterials(materialIds, prefix, finishes) {\r\n    finishes.forEach(finish => materialIds[prefix + '-' + finish] = true);\r\n  };\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    return {};\r\n  }\r\n\r\n  createProduct(drawingService, apiProduct) {\r\n  }\r\n}\r\n\r\nclass ProductViewModelFactoryList {\r\n  constructor() {\r\n    this.factories = {};\r\n    this.knownFactories = [];\r\n  }\r\n\r\n  get(productType, factoryClass, productClass) {\r\n    let factory = this.factories[productType];\r\n    if (!factory) {\r\n      factory = this.factories[productType] = new factoryClass(productType, productClass);\r\n    }\r\n    return factory;\r\n  }\r\n\r\n  getFactory(productType) {\r\n    let map = this.knownFactories[productType];\r\n    if (!map) {\r\n      map = this.knownFactories['FixedDesignerProduct'];\r\n    }\r\n    return this.get(productType, map.factoryClass, map.productClass);\r\n  }\r\n\r\n  createProduct(drawingService, apiProduct, config) {\r\n    const factory = this.getFactory(apiProduct.type);\r\n    return factory.createProduct(drawingService, apiProduct, config);\r\n  }\r\n\r\n  /**\r\n   * Registers a map from product type to product view model factory (and optional product class).\r\n   * @param {any} productType Must match the types specified in API products (product.type) returned\r\n   * by the Langlo Store API on the LangloWeb (link.langlo.no) server.\r\n   * @param {ProductViewModelFactory} factoryClass A subclass of ProductViewModelFactory.\r\n   * @param {Component} productClass A subclass of Component.\r\n   */\r\n  register(productType, factoryClass, productClass) {\r\n    this.knownFactories[productType] = { factoryClass, productClass };\r\n  }\r\n}\r\n\r\nexport const ProductViewModelFactories = new ProductViewModelFactoryList();\r\n","import { ObjectUtils, Utils, MinDuration, PromiseFlag } from '../main/ObjectUtils.js';\r\nimport { GlobalErrorHandler } from '../main/GlobalErrorHandler.js';\r\n\r\n/**\r\n * The ProductEditor is a ViewModel for the part of the product's user interface which is responsible\r\n * for accepting edits by the user.\r\n */\r\nexport class ProductEditor {\r\n  /**\r\n   * This constructor is async because--if session storage contains a product--it will communicate\r\n   * with the remote designerService to restore the product. This happens on the last line of the\r\n   * constructor.\r\n   */\r\n  constructor(config, designerService, productService) {\r\n    this.config = config;\r\n    /** An object containing child objects with configuration for each edit field */\r\n    this.fieldsCfg = config.fields || {};\r\n    this.designerService = designerService;\r\n    this.productService = productService;\r\n    this.componentType = null; // Must be assigned by subclass\r\n    this.designerUpdateFlag = new PromiseFlag(); // Used by addToCart click event handler\r\n\r\n    // Debug:\r\n    //const abortController = new AbortController();\r\n    //this.designerService.getProductDetails(99, abortController.signal);\r\n\r\n    const byId = id => document.getElementById(id);\r\n\r\n    const elementIds = config.UI.El;\r\n    this.elements = {\r\n      productData: byId(elementIds.productData),\r\n      designerSessionId: byId(elementIds.designerSessionId),\r\n      productTitle: byId(elementIds.productTitle),\r\n      shortDescription: byId(elementIds.shortDescription),\r\n      sku: byId(elementIds.sku),\r\n      grossPrice: byId(elementIds.grossPrice),\r\n      netPrice: byId(elementIds.netPrice),\r\n      discountPercent: byId(elementIds.discountPercent),\r\n      resetBtn: byId(elementIds.resetBtn),\r\n      productSpinner: byId(elementIds.productSpinner),\r\n      errorContainer: byId(elementIds.errorContainer),\r\n      errorMessage: byId(elementIds.errorMessage),\r\n      addToCartBtn: byId(elementIds.addToCartBtn),\r\n      productForm: byId(elementIds.productForm),\r\n    };\r\n    this.assignEditFieldElements(elementIds);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.quantity, false)) {\r\n      this.elements.quantity = byId(elementIds.quantity);\r\n      this.hasQuantity = true;\r\n      this.addNumberInputEventHandlers(this.elements.quantity, (changedElement, changedValue) => {\r\n        this.quantityChanged(changedValue);\r\n      });\r\n    }\r\n\r\n\r\n\r\n    //this.popupEditorConfig = config.UI.popupEditor; // Must be JIT-assigned\r\n    this.validValuesMap = config.validValuesMap;\r\n    this.allFinishesMap = config.allFinishesMap;\r\n\r\n    // Child element of addToCartBtn - separate element to avoid overwriting icons, etc. on the btn\r\n    this.elements.addToCartBtnText = this.elements.addToCartBtn.querySelector('.text');\r\n\r\n    this.elements.productForm.addEventListener('focusin', event => {\r\n      // Removes the error message whenever the user focuses on an element, except when the currently\r\n      // focused element is the one with an error.\r\n      if (!event.target.validationMessage) {\r\n        this.toggleErrorMessage(false);\r\n      }\r\n    });\r\n    this.addPopupEditorBtnHandlers();\r\n    //this.addPopupEditorHandlers(); // This is done JIT\r\n\r\n    this.elements.productData.value = null;\r\n    if (this.elements.designerSessionId) {\r\n      this.elements.designerSessionId.value = null;\r\n    }\r\n    /* The product we're viewing and editing. Will have all the changes since we started or last\r\n     * reset it. */\r\n    this.product = {};\r\n    /* True if the current product (this.product) is equal to the default product (this.config.defaultProduct). */\r\n    this.isDefaultProduct = true;\r\n    /* True if the current product (this.product) is equal to the saved product from the cart, if present\r\n     * (this.config.savedProduct). If no cart, then saved and default products are the same: */\r\n    this.isSavedProduct = true;\r\n    /* Assigns the saved product from the cart (if present). If no cart, then saved and default\r\n     * products are the same. This call should update the isDefault- and isSavedProduct properties. */\r\n    this.assignProduct(this.config.savedProduct, false);\r\n    /* Initialize origProduct as a clone of the product. origProduct is the state of the\r\n     * product before the property changed timer starts. We compare the changed product property to\r\n     * the origProduct's value to determine if we have a need to call the server with the changes. */\r\n    this.resetOrigProduct();\r\n    /* changedProduct contains the accumulated changes since the property changed timer started. */\r\n    this.changedProduct = {};\r\n    this.quantity = this.config.quantity;\r\n    this.propertyChangedTimerId = null;\r\n    // The number of ms. to wait from a property is changed until we call the Store API update method:\r\n    this.propertyChangedUpdateDelay = 500;\r\n    // Used for detecting committable input events on the number input edit boxes:\r\n    this.isKeyDown = false;\r\n\r\n    const resetBtn = this.elements.resetBtn;\r\n    this.hasResetBtn = resetBtn !== null && resetBtn !== undefined;\r\n    if (this.hasResetBtn) {\r\n      resetBtn.onclick = () => {\r\n        $(resetBtn).tooltip('hide'); // Because it seems to get stuck on screen after the click\r\n        const content = this.config.resetBtnPopup;\r\n        window.yesNoPopup.display(content.title, content.body,\r\n          {\r\n            yesBtnLabel: content.yes,\r\n            noBtnLabel: content.no,\r\n            onYes: (event) => {\r\n              if (this.isPropertyChangedTimerActive()) {\r\n                this.clearPropertyChangedTimer();\r\n              }\r\n            /*await*/ this.resetProduct(true, resetBtn);\r\n            },\r\n          });\r\n      };\r\n    }\r\n\r\n    this.elements.addToCartBtn.onclick = async () => {\r\n      this.disableAddToCartBtn(); // Prevent re-entrancy (double clicks, etc.)\r\n      try {\r\n        try {\r\n          /* We must await because we want the updated product back before stringifying it below.\r\n           * Also, we want to validate the latest change(s) to avoid passing invalid data to the\r\n           * server. 12/27/2019. */\r\n          await this.commitPropertyChangesIfPending(true, false);\r\n        } catch (ex) {\r\n          if (this.isValidationError(ex)) {\r\n            /* We rely on the commitPropertyChanges method to having already displayed info about the\r\n             * error to the user, and will swallow the error here; no need to report the error to the\r\n             * server. But, we do need to skip the submit call below so just return now: */\r\n            return;\r\n          } else {\r\n            throw ex; // Re-throw since this is an unknown exception\r\n          }\r\n        }\r\n        // For passing to server and storing with order, etc.:\r\n        this.elements.productData.value = JSON.stringify(this.product);\r\n        if (this.elements.designerSessionId) {\r\n          this.elements.designerSessionId.value = this.designerService.sessionId;\r\n        }\r\n        this.elements.productForm.submit();\r\n      } finally {\r\n        this.enableAddToCartBtn();\r\n      }\r\n    };\r\n\r\n    /* If we are viewing a product from an order line, then use the query string (order id, order\r\n     * line id, and transaction no.) as the id for the session storage object. Otherwise, use the\r\n     * product id. */\r\n    this.sessionStorageId = this.config.isOrderLine\r\n      ? 'productEditor.product.' + window.location.search\r\n      : 'productEditor.product.' + this.config.productId;\r\n    this.NO_SESSION = 'NoSession';\r\n\r\n    /* We have 3 event handlers to deal with different event life cycles on desktop and mobile\r\n     * browsers. See https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/\r\n     * for more. There will be a minor overhead on modern browsers which handle all 3 events, but we'll\r\n     * accept that. If we want to optimize we would need to introduce a product \"dirty\" flag. */\r\n    window.addEventListener('beforeunload', () => {\r\n      this.saveProductToSessionStorage();\r\n    });\r\n    window.addEventListener('pagehide', () => {\r\n      this.saveProductToSessionStorage();\r\n    });\r\n    document.addEventListener('visibilitychange', () => {\r\n      // fires when user switches tabs, apps, goes to homescreen, etc.\r\n      if (document.visibilityState == 'hidden') {\r\n        this.saveProductToSessionStorage();\r\n      }\r\n    });\r\n    this.isPreviewDrawingLabelActive = false;\r\n\r\n    this.isProductRestorePending = false; // Will be set to true when/if we see there's a product in the session storage\r\n    /*await*/ this.restoreProductFromSessionStorage();\r\n  }\r\n\r\n  togglePreviewDrawingFinishLabels(on) {\r\n    this.isPreviewDrawingLabelActive = on;\r\n    if (this.onPreviewDrawingFinishLabelsToggled) {\r\n      this.onPreviewDrawingFinishLabelsToggled(on);\r\n    }\r\n  }\r\n\r\n  assignEditFieldElements(elementIds) {\r\n    // To be overridden by subclasses\r\n  }\r\n\r\n  /**\r\n   * Factory method used by the owner ProductPageViewModel.\r\n   */\r\n  createPopupEditor(editDrawing) {\r\n    //return new MultiStepDoorFrontEditor(editDrawing, this.config.UI.popupEditor);\r\n    // Must be overridden by subclasses!\r\n  }\r\n\r\n  /**\r\n   * Click handler for the buttons which trigger the modal popup editors. We need the code in these\r\n   * handlers to run before the popup event handlers (see the addPopupEditorHandlers() method) so\r\n   * that we can prevent the popups from starting their display process in case of validation errors.\r\n   */\r\n  async handlePopupEditorBtnClick(event) {\r\n    if (this.onNeedPopupEditor) {\r\n      this.onNeedPopupEditor();\r\n    }\r\n    if (this.popupEditorDisplayed) {\r\n      try {\r\n        /* Commit any pending property changes and wait for updated product information to be returned\r\n         * from the server. We must wait because 1) we want to display the updated product in the popup,\r\n         * and 2) if there's an error (e.g. server-side validation error), then we don't want to display\r\n         * the popup at all. 3/10/2021. */\r\n        await this.commitPropertyChangesIfPending(true, false);\r\n\r\n        // Ok, the update succeeded. Let's continue and display the popup editor:\r\n        const btn = event.target;\r\n        const popupId = btn.dataset.target;\r\n        const popup = jQuery(popupId);\r\n        // Pass needed data to the popup (is accessed in the popup's event handlers):\r\n        popup.data('compType', btn.dataset.compType);\r\n        popup.data('lastPopupElement', btn);\r\n        popup.modal(); // Display the popup\r\n      } catch (ex) {\r\n        if (this.isValidationError(ex)) {\r\n          /* The commitPropertyChanges method should already have displayed info about the error to\r\n           * the user. We'll just swallow the exception; no need to report the error to the server. */\r\n        } else {\r\n          throw ex; // Re-throw since this is an unknown exception\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Adds button html elements to the buttons array parameter. */\r\n  registerPopupEditorButtons(buttons) {\r\n    // To be overridden by subclasses\r\n  }\r\n\r\n  /**\r\n   * Assigns click handlers for the buttons which trigger modal popup editors. We need the code in\r\n   * these handlers to run before the popup event handlers (see the addPopupEditorHandlers() method)\r\n   * so that we can prevent the popups from starting their display process in case of validation errors.\r\n   */\r\n  addPopupEditorBtnHandlers() {\r\n    let buttons = [];\r\n    this.registerPopupEditorButtons(buttons);\r\n    buttons.forEach(btn => {\r\n      /* We are going to manually trigger the popup display in code in the handlePopupEditorBtnClick\r\n       * event handler. Let's remove any data-toggle attribute on the button (that attribute causes\r\n       * BootStrap to attach event handlers which will automatically display the popup). */\r\n      delete btn.dataset.toggle;\r\n      btn.onclick = async (event) => await this.handlePopupEditorBtnClick(event);\r\n    });\r\n  }\r\n\r\n  /** Assigns BootStrap modal popup event handlers. */\r\n  addPopupEditorHandlers() {\r\n    // Can be overridden by subclasses!\r\n    const popup = jQuery(this.popupEditorConfig.elements.modalPopup);\r\n\r\n    popup.on('show.bs.modal', async (event) => {\r\n      if (this.popupEditorDisplayed) {\r\n        const typeId = popup.data('compType');\r\n        this.editedComponentType = this.componentType[typeId];\r\n        this.rebuildPopupEditor(this.editedComponentType);\r\n      }\r\n    });\r\n\r\n    popup.on('shown.bs.modal', event => this.doOnPopupEditorDisplayed(event));\r\n\r\n    popup.on('click', 'button[data-reason]', event => {\r\n      this.lastPopupCloseReason = event.target.dataset.reason;\r\n      //alert('click');\r\n      //console.log(`Hiding popup, element was clicked: \"${event.target}\", reason is: \"${this.lastPopupCloseReason}\"`);\r\n    });\r\n\r\n    popup.on('hide.bs.modal', (event) => {\r\n      //alert('hiding');\r\n      /* Since Safari (at least on ios) doesn't update document.activeElement on button clicks, we can't rely on that.\r\n       * Instead we handle the click event and update lastPopupReason there (see above). */\r\n      //this.lastPopupCloseReason = null;\r\n      //if (document.activeElement) {\r\n      //  this.lastPopupCloseReason = document.activeElement.dataset.reason;\r\n      //  console.log(`Hiding popup, document.activeElement is: \"${document.activeElement}\", reason is: \"${this.lastPopupCloseReason}\"`);\r\n      //} else {\r\n      //  console.log('Hiding popup, document.activeElement is undefined!');\r\n      //}\r\n    });\r\n\r\n    popup.on('hidden.bs.modal', (event) => {\r\n      //alert('hidden');\r\n      //console.log(`Popup closed, reason: \"${this.lastPopupCloseReason}\"`);\r\n      if (this.popupEditorClosed) {\r\n        const lastElement = popup.data('lastPopupElement');\r\n        this.popupEditorClosed(this, this.editedComponentType, this.lastPopupCloseReason === 'Ok', lastElement);\r\n      }\r\n    });\r\n  }\r\n\r\n  rebuildValidValuesMaps(validators) {\r\n    // Must be overridden by subclasses!\r\n  }\r\n\r\n  /**\r\n   * Helper method for rebuildPopupEditor. Updates the element's caption. If caption is null or empty,\r\n   * then element's display will be set to none.\r\n   * @param {any} mode If mode = 0, then the 'd-none' css class will be set if caption is unassigned.\r\n   * If mode = 1, then the 'invisible' class will be set instead. If mode = 2, then no class will be set.\r\n   */\r\n  assignText(element, caption, clearWhenCaptionIsNull, mode = 0) {\r\n    if (element) {\r\n      if (caption) {\r\n        element.textContent = caption;\r\n      } else if (clearWhenCaptionIsNull) {\r\n        element.textContent = null;\r\n      }\r\n      if (mode !== 2) {\r\n        element.classList.remove('d-none', 'invisible');\r\n        if (ObjectUtils.isNullOrEmpty(caption)) {\r\n          if (mode === 0) {\r\n            element.classList.add('d-none');\r\n          } else if (mode === 1) {\r\n            element.classList.add('invisible');\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  createSortedGalleryItems(componentType) {\r\n    // Must be implemented by subclass!\r\n  }\r\n\r\n  createGalleryItemFragment(item, clickTarget, hideZoomIcon, zoomIconTooltip) {\r\n    const elem = document.createElement('div');\r\n    elem.classList.add('col', 'col-6', 'col-lg-4');\r\n    const zoomIcon = hideZoomIcon ? '' : `<span class=\"zoom-target icon-expand\" title=\"${zoomIconTooltip}\"></span>`;\r\n    elem.innerHTML = `<div data-key=\"${item.id}\" class=\"gallery-item\" data-appearance-key=\"${item.appearanceKey}\">\r\n        <span>${item.caption}</span><i class=\"icon-check\"></i>\r\n        <a href=\"${item.largeImgUrl}\" data-size=\"${item.dataSize}\" ${clickTarget}>\r\n          <img class=\"img-thumbnail\" src=\"${item.thumbImgUrl}\" alt=\"${item.caption}\">\r\n          ${zoomIcon}\r\n        </a>\r\n      </div>`;\r\n    return elem;\r\n  }\r\n\r\n  rebuildPopupEditor(componentType) {\r\n    const config = this.popupEditorConfig;\r\n    const popup = config.elements.popup;\r\n    const compType = config.content[componentType.id];\r\n\r\n    popup.title.innerHTML = compType.title;\r\n\r\n    this.assignText(popup.largeScreen.drawingTitle, compType.drawingTitle.front, false, 2);\r\n    // Initially \"hide\" the drawing title (use invisible instead of d-none to ensure drawing canvas doesn't jump around:\r\n    popup.largeScreen.drawingTitle.classList.add('invisible');\r\n\r\n    this.assignText(popup.smallScreen.drawingTitle, compType.drawingTitle.front, false, 2);\r\n    // Initially \"hide\" the drawing title (use invisible instead of d-none to ensure drawing canvas doesn't jump around:\r\n    popup.smallScreen.drawingTitle.classList.add('invisible');\r\n\r\n    const rebuildEditScopeContainer = (screen) => {\r\n      screen.editScopeContainer.classList.toggle('d-none', !componentType.useEditScope);\r\n      this.assignText(screen.editScopeTitle, compType.editScopeTitle);\r\n      this.assignText(screen.galleryTitle, compType.galleryTitle);\r\n\r\n      if (screen.editScopeButtons && compType.editScopeButtons) {\r\n        this.assignText(screen.editScopeButtons.btn1, compType.editScopeButtons.btn1);\r\n        this.assignText(screen.editScopeButtons.btn2, compType.editScopeButtons.btn2);\r\n        this.assignText(screen.editScopeButtons.btn3, compType.editScopeButtons.btn3);\r\n      }\r\n    };\r\n\r\n    //popup.largeScreen.editScopeContainer.classList.toggle('d-none', !componentType.useEditScope);\r\n    //this.assignText(popup.largeScreen.editScopeTitle, compType.editScopeTitle);\r\n    //this.assignText(popup.largeScreen.galleryTitle, compType.galleryTitle);\r\n    //this.assignText(popup.largeScreen.editScopeButtons.btn1, compType.editScopeButtons.btn1);\r\n    //this.assignText(popup.largeScreen.editScopeButtons.btn2, compType.editScopeButtons.btn2);\r\n    //this.assignText(popup.largeScreen.editScopeButtons.btn3, compType.editScopeButtons.btn3);\r\n\r\n    //popup.smallScreen.editScopeContainer.classList.toggle('d-none', !componentType.useEditScope);\r\n    //this.assignText(popup.smallScreen.editScopeTitle, compType.editScopeTitle);\r\n    //this.assignText(popup.smallScreen.galleryTitle, compType.galleryTitle);\r\n    //this.assignText(popup.smallScreen.editScopeButtons.btn1, compType.editScopeButtons.btn1);\r\n    //this.assignText(popup.smallScreen.editScopeButtons.btn2, compType.editScopeButtons.btn2);\r\n    //this.assignText(popup.smallScreen.editScopeButtons.btn3, compType.editScopeButtons.btn3);\r\n    if (config.showEditScopeStep) {\r\n      rebuildEditScopeContainer(popup.largeScreen);\r\n      rebuildEditScopeContainer(popup.smallScreen);\r\n    }\r\n\r\n    const clickTarget = 'data-target=\".vp-editor .carousel\" data-slide=\"next\"';\r\n    const largeScreenClickTarget = popup.largeScreen.slideOnFinishClick ? clickTarget : '';\r\n    const smallScreenClickTarget = popup.smallScreen.slideOnFinishClick ? clickTarget : '';\r\n    const zoomIconTooltip = config.content.zoomIconTooltip;\r\n\r\n    const largeScreenMenu = popup.largeScreen.$galleryFilterMenu[0];\r\n    const smallScreenMenu = popup.smallScreen.$galleryFilterMenu[0];\r\n    const hide = !componentType.showGalleryFilterButton;\r\n    largeScreenMenu.classList.toggle('d-none', hide);\r\n    if (smallScreenMenu) {\r\n      smallScreenMenu.classList.toggle('d-none', hide);\r\n    }\r\n\r\n    const sortedValues = this.createSortedGalleryItems(componentType);\r\n    ObjectUtils.clearChildren(popup.largeScreen.gallery);\r\n    ObjectUtils.clearChildren(popup.smallScreen.gallery);\r\n    const largeScreenDom = document.createDocumentFragment();\r\n    const smallScreenDom = document.createDocumentFragment();\r\n    sortedValues.forEach(item => {\r\n      if (item) {\r\n        largeScreenDom.appendChild(this.createGalleryItemFragment(item, largeScreenClickTarget,\r\n          compType.hideZoomIcon, zoomIconTooltip));\r\n        smallScreenDom.appendChild(this.createGalleryItemFragment(item, smallScreenClickTarget,\r\n          compType.hideZoomIcon, zoomIconTooltip));\r\n      }\r\n    });\r\n    popup.largeScreen.gallery.appendChild(largeScreenDom);\r\n    popup.smallScreen.gallery.appendChild(smallScreenDom);\r\n  }\r\n\r\n  createSortedValues(validValues, allValuesMap) {\r\n    const sortedValues = Array(validValues.length);\r\n    let index = 0;\r\n    validValues.forEach(id => {\r\n      sortedValues[index] = allValuesMap[id];\r\n      if (sortedValues[index]) {\r\n        sortedValues[index].id = id;\r\n        index++;\r\n      } else {\r\n        console.warn(`${id} in the validValues array was not found in the allValuesMap`);\r\n      }\r\n    });\r\n    // TODO: Add current web site's culture to the localeCompare function\r\n    sortedValues.sort((a, b) => a.caption.localeCompare(b.caption));\r\n    return sortedValues;\r\n  }\r\n\r\n  doOnPopupEditorDisplayed() {\r\n    this.lastPopupCloseReason = null;\r\n    if (this.popupEditorDisplayed) {\r\n      this.popupEditorDisplayed(this, this.popupEditorConfig, this.editedComponentType);\r\n    }\r\n    this.popupEditorChangeType = {\r\n      isAtomic: false,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * When the popup editors are committed, the event handling is delegated to the owner ProductPageViewModel\r\n   * which will first update the page, then call us back (this method).\r\n   */\r\n  async updateProductFromPopupEditor(modifiedProduct, componentType, changedElement) {\r\n    //console.log(`Updating product from popup editor. Modified product: \"${JSON.stringify(modifiedProduct)}\"`);\r\n    if (modifiedProduct) {\r\n      if (this.popupEditorChangeType.isAtomic) {\r\n        /* This means we should not send all changes (on the product's components) to the server.\r\n         * Instead we'll just send the atomic change on the root product. */\r\n        const apiPropertyName = this.popupEditorChangeType.propertyName;\r\n        const changedValue = modifiedProduct[apiPropertyName];\r\n        // Update the editor with the atomic change to the root, this will cause a smaller change to be sent to the server:\r\n        this.propertyChanged(apiPropertyName, changedValue, changedElement);\r\n      } else {\r\n        // Assign all the changes on the modified product (including on components); all changes will be sent to the server:\r\n        this.changedProduct = modifiedProduct;\r\n        /* Note, we're not handling any possible validation errors inside the call.\r\n         * At this point we assume validation has been done inside the popup editor.\r\n         * If we later find that validation cannot be done by the popup editor, then\r\n         * we must wrap the call below in a try/catch phrase, and decide which errors\r\n         * to handle, and which ones to pass on (to the global error handler). 3/9/2021. */\r\n        await this.commitPropertyChanges(false, false, changedElement);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * This method is async because--if session storage contains a product--it will communicate\r\n   * with the remote designerService.\r\n   */\r\n  async restoreProductFromSessionStorage() {\r\n    const dataStr = sessionStorage.getItem(this.sessionStorageId);\r\n    if (dataStr && dataStr !== '') {\r\n      /* If we have just switched region by choosing a different \"flag\", then the product in the\r\n       * session storage contains the market code from the old region while we actually want to\r\n       * use the market code from the current region (which is what's in the product right now).\r\n       * Hence, replace the product (with the one from session storage), but don't replace the\r\n       * market code. 3/11/2021. */\r\n      const data = JSON.parse(dataStr);\r\n      const product = data.p || data; // \"|| data\" is for backwards compatibility. Can be removed later.\r\n      const quantity = data.q || 1; // \"|| 1\" is for backwards compatibility. Can be removed later.\r\n      this.replaceProduct(product, /*replaceMktCode:*/ false);\r\n      this.quantity = quantity;\r\n      this.resetOrigProduct();\r\n      this.changedProduct = {};\r\n      this.isProductRestorePending = true;\r\n      try {\r\n        console.log('(await) ProductEditor: Restoring product from session storage...');\r\n        // Must use await to enable exception handling.\r\n        await this.commitPropertyChanges(false, true, null);\r\n      } catch (ex) {\r\n        this.toggleErrorMessage(false);\r\n        // Swallow the exception, but report it:\r\n        GlobalErrorHandler.HandleException(ex);\r\n        /* If an error happens on processing the data from the session storage, then (most likely)\r\n         * the only way to continue is to reset to the default product: */\r\n        /*await*/ this.resetProduct(false); // Note, no catch handler for aborts here\r\n      } finally {\r\n        this.isProductRestorePending = false;\r\n        console.log('ProductEditor: isProductRestorePending = false');\r\n      }\r\n    }\r\n  }\r\n\r\n  saveProductToSessionStorage() {\r\n    if (this.isSavedProduct && !this.isQuantityChanged()) {\r\n      sessionStorage.removeItem(this.sessionStorageId);\r\n    } else {\r\n      const obj = { p: this.product, q: this.quantity };\r\n      const data = JSON.stringify(obj);\r\n      sessionStorage.setItem(this.sessionStorageId, data);\r\n    }\r\n  }\r\n\r\n  addNumberInputEventHandlers(element, onChanged) {\r\n    /* The purpose of these event handlers is to trigger a change event not only when the user\r\n     * leaves the field, but also when he clicks the up/down arrows. Normally, clicks on the up/down\r\n     * arrows wouldn't trigger the change event. */\r\n    element.addEventListener('keydown', () => {\r\n      this.isKeyDown = true;\r\n    });\r\n    element.addEventListener('keyup', () => {\r\n      this.isKeyDown = false;\r\n    });\r\n    element.addEventListener('input', (event) => {\r\n      if (this.isKeyDown) {\r\n        this.isKeyDown = false;\r\n        if (this.config.canEditOrderLine) {\r\n          /* The user just started editing the value, but has not committed anything yet. At this\r\n           * point we want to update the cart button to let the user know that clicking it will save\r\n           * the not yet committed changes in the input field. 12/27/2019 */\r\n          this.elements.addToCartBtnText.textContent = this.config.saveAndReturnToCartLabel;\r\n        }\r\n      } else {\r\n        //console.log(event.target.id + ' changed (input event)...');\r\n        onChanged(event.target, parseFloat(event.target.value));\r\n      }\r\n    });\r\n    element.addEventListener('change', (event) => {\r\n      //console.log(event.target.id + ' changed (change event)...');\r\n      onChanged(event.target, parseFloat(event.target.value));\r\n    });\r\n  }\r\n\r\n  addStringRadioListEventHandlers(parentElement, onChanged) {\r\n    // We'll add the listener to the parent element since the radio items will be updated at runtime\r\n    parentElement.addEventListener('change', (event) => {\r\n      //console.log(event.target.id + ' changed (change event)...');\r\n      onChanged(parentElement, event.target.value);\r\n    });\r\n  }\r\n\r\n  addNumberRadioListEventHandlers(parentElement, onChanged) {\r\n    // We'll add the listener to the parent element since the radio items will be updated at runtime\r\n    parentElement.addEventListener('change', (event) => {\r\n      //console.log(event.target.id + ' changed (change event)...');\r\n      onChanged(parentElement, parseFloat(event.target.value));\r\n    });\r\n  }\r\n\r\n  /**\r\n   * We assume this is a Bootstrap style dropdown with a clickable button or anchor tag, followed\r\n   * by a sibling div with one or more child elements representing the items of the dropdown.\r\n   */\r\n  addDropdownListEventHandlers(buttonElements, onChanged) {\r\n    if (buttonElements instanceof HTMLElement) {\r\n      buttonElements = [buttonElements]; // Make it an array\r\n    }\r\n    for (const buttonElement of buttonElements) {\r\n      const menu = buttonElement.parentElement.querySelector('.dropdown-menu');\r\n      // We'll simplify by adding the listener to the parent element:\r\n      menu.addEventListener('click', (event) => {\r\n        if (event.target.name) {\r\n          onChanged(buttonElement, event.target.name);\r\n        } else {\r\n          // Assume the click was on the border of the parent div or something similar\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  //#region Handling changed product properties....................\r\n\r\n  formatCurrency(value, language, currency, maxDecimals) {\r\n    language = language ? language : this.config.language;\r\n    currency = currency ? currency : this.config.currency;\r\n    const options = { style: 'currency', currency: currency };\r\n    options.minimumFractionDigits = 0;\r\n    if (value == Math.trunc(value)) {\r\n      options.maximumFractionDigits = 0;\r\n    } else if (typeof maxDecimals !== typeof undefined) {\r\n      options.maximumFractionDigits = maxDecimals;\r\n    }\r\n    return value.toLocaleString(language, options);\r\n  }\r\n\r\n  getGrossPrice(product, includeVat) {\r\n    let withVat = product.price * (1 + this.config.vatRate);\r\n    if (withVat >= 100) {\r\n      // This matches the same code in the backend c#\r\n      withVat = ObjectUtils.round(withVat);\r\n    }\r\n    if (includeVat) {\r\n      return withVat;\r\n    } else {\r\n      return withVat / (1 + this.config.vatRate);\r\n    }\r\n  }\r\n\r\n  getNetPriceRate() {\r\n    return (100 - this.config.discountPercent) / 100;\r\n  }\r\n\r\n  /**\r\n   * Returns the text of the first label element associated with the input element, or defaultValue\r\n   * if none found.\r\n   */\r\n  getInputLabel(input, defaultValue) {\r\n    let label = defaultValue;\r\n    if (input.labels && input.labels.length > 0) {\r\n      label = input.labels[0].firstChild.wholeText;\r\n      if (!label && input.labels.length > 1) {\r\n        label = input.labels[1].firstChild.wholeText;\r\n      }\r\n    }\r\n    return label ? label.trim() : null;\r\n  }\r\n\r\n  /**\r\n   * Helper function for the displayNumberInput and assignValidValue methods.\r\n   * @param {any} log A text string containing all changes. Is updated inside this function.\r\n   * @param {any} label A label in front of the change.\r\n   */\r\n  addToLog(log, label, oldValue, newValue) {\r\n    log.text += `<li><b>${label}</b>: ${oldValue} --> ${newValue}</li>`;\r\n  }\r\n\r\n  /**\r\n   * Helper method for the input fields setup. Returns true if the field's isDisplayed property is\r\n   * true, or if the field is undefined, or if the isDisplayed is undefined.\r\n   * @param {any} field A product editor field configuration.\r\n   */\r\n  isFieldVisible(field, defaultValue = true) {\r\n    // Return true by default if the field or the isDisplayed property has not been defined\r\n    if (!field || (field.isDisplayed === undefined)) {\r\n      return defaultValue;\r\n    }\r\n    return field.isDisplayed;\r\n  }\r\n\r\n  displayNumberInput(input, value, validator, storeValidator, changeLog, defaultLogLabel, changedElement, readOnly) {\r\n    // Validator from Langlo Designer:\r\n    validator = validator || {};\r\n    // If validator is undefined then keep the original values (3/9/2021):\r\n    let min = validator.min || input.min; //0;\r\n    let max = validator.max || input.max; //999999;\r\n\r\n    // Validator from our CMS:\r\n    storeValidator = storeValidator || {};\r\n    const storeMin = storeValidator.min || 0;\r\n    const storeMax = storeValidator.max || 999999;\r\n\r\n    /* Use the maximum min value of the 2 validators, and the mimimum max value.\r\n     * Although the validator might allow decimals, the current UI design (the input html element)\r\n     * does not support it. We'll make the assumption that the nearest (ceil/floor) number is\r\n     * acceptable. 12/10/2020. */\r\n    min = Math.max(Math.ceil(min), Math.ceil(storeMin));\r\n    max = Math.min(Math.floor(max), Math.floor(storeMax));\r\n\r\n    if (min !== input.min || max !== input.max) {\r\n      input.min = min;\r\n      input.max = max;\r\n      // Update the text below the input with validity information:\r\n      const units = input.dataset.units || 'mm';\r\n      const range = `${input.min} ${units} - ${input.max} ${units}`;\r\n      const element = input.parentElement.querySelector('label.validity-info');\r\n      if (element) {\r\n        element.textContent = range;\r\n      }\r\n      // Update the Info popup with validity information:\r\n      const infoSpan = input.parentElement.querySelector('span.info');\r\n      if (infoSpan) {\r\n        let content = infoSpan.dataset.content;\r\n        const eolPos = content.indexOf('\\n');\r\n        if (eolPos > 0) {\r\n          infoSpan.dataset.content = range + content.substr(eolPos);\r\n        }\r\n      }\r\n    }\r\n    input.readOnly = readOnly;\r\n    if (value != input.value) {\r\n      if (changeLog && input != changedElement) {\r\n        // Update the change log:\r\n        const logLabel = this.getInputLabel(input, defaultLogLabel);\r\n        this.addToLog(changeLog, logLabel, input.value, value);\r\n      }\r\n      input.value = value;\r\n    }\r\n  }\r\n\r\n  displayRadioListInput(input, value, validator, storeValidator, changeLog, defaultLogLabel,\r\n    changedElement, displayValues) {\r\n    // Save the current value:\r\n    const selectedItem = input.querySelector('input[type=\"radio\"]:checked');\r\n    const oldValue = selectedItem ? selectedItem.value : null;\r\n\r\n    const validValues = Utils.getArrayIntersect(\r\n      validator ? validator.values : null,\r\n      storeValidator ? storeValidator.values : null);\r\n\r\n    if (validValues) {\r\n      // Rebuild the list of radio items based on the validator's values:\r\n\r\n      // First, remove all existing items:\r\n      const radioItemDivs = input.querySelectorAll('.custom-radio');\r\n      radioItemDivs.forEach(item => input.removeChild(item));\r\n\r\n      // Get the display values:\r\n      let actualDisplayValues;\r\n      if (displayValues) {\r\n        actualDisplayValues = [];\r\n        validValues.forEach(item => {\r\n          actualDisplayValues.push(displayValues[item] || item);\r\n        });\r\n      } else {\r\n        actualDisplayValues = validValues;\r\n      }\r\n\r\n      // Then add new items:\r\n      validValues.forEach((item, index) => {\r\n        const isChecked = item == value;\r\n        const radioId = input.id + '_' + index;\r\n        const checked = isChecked ? 'checked' : null;\r\n        const div = document.createElement('div');\r\n        div.classList.add('custom-control', 'custom-radio');\r\n        div.innerHTML =\r\n          `<input class=\"custom-control-input\" type=\"radio\" id=\"${radioId}\" name=\"${input.id}\"\r\n                value=\"${item}\" ${checked} />\r\n          <label class=\"custom-control-label\" for=\"${radioId}\">${actualDisplayValues[index]}</label>`;\r\n        input.appendChild(div);\r\n      });\r\n    } else {\r\n      // We don't have a validator. Let's try to find the radio item matching the new value, and\r\n      // set its checked attribute:\r\n      const radioItems = input.querySelectorAll('.custom-radio input');\r\n      radioItems.forEach(item => {\r\n        if (item.value == value) {\r\n          item.checked = true;\r\n        }\r\n      });\r\n    }\r\n\r\n    // \"!=\" on the next line; we want to be able to compare strings to numbers, e.g. 500 != \"500\"\r\n    if (value != oldValue) {\r\n      if (changeLog && input !== changedElement) {\r\n        // Update the change log:\r\n        const label = input.querySelector('label');\r\n        const logLabel = label ? label.innerText.trim() : defaultLogLabel;\r\n        this.addToLog(changeLog, logLabel, oldValue, value);\r\n      }\r\n      //input.value = value; Done above!\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Update the dropdown list's element with new content and update which item is the currently\r\n   * active one. We assume this is a Bootstrap style dropdown, and we assume the \"active\" class\r\n   * name is associated with the selected/active item. We also assume the product property value\r\n   * associated with each item is stored as the item's name attribute.\r\n   * @param {any} buttonElement The button or anchor element which is clicked to drop down the list\r\n   * @param {any} value The new value (product value).\r\n   * @param {any} changeLog For tracking side effects when changing values\r\n   * @param {any} defaultLogLabel\r\n   * @param {any} changedElement The element the user originally changed (could be different than this one)\r\n   * @param {any} displayValues We need to update the button content with one of these values\r\n   */\r\n  displayDropdownList(buttonElement, value, changeLog, defaultLogLabel, changedElement, displayValues) {\r\n    const menu = buttonElement.parentElement.querySelector('.dropdown-menu');\r\n    // Save the current value:\r\n    let activeItem = menu.querySelector('.dropdown-item.active');\r\n    const oldValue = activeItem ? activeItem.name : null;\r\n\r\n    // \"!=\" on the next line; we want to be able to compare strings to numbers, e.g. 1 != \"1\"\r\n    if (value != oldValue) {\r\n      if (activeItem) {\r\n        activeItem.classList.remove('active');\r\n      }\r\n      activeItem = menu.querySelector(`a[name='${value}']`);\r\n      if (activeItem) {\r\n        activeItem.classList.add('active');\r\n      }\r\n      let content = null;\r\n      if (displayValues) {\r\n        /* displayValues is an object whose property names correspond to the product property's valid\r\n         * values and the object property values contain the display values. */\r\n        content = displayValues[value];\r\n      } else if (activeItem) {\r\n        content = activeItem.text;\r\n      }\r\n\r\n      if (changeLog && buttonElement !== changedElement) {\r\n        // Update the change log:\r\n        const logLabel = this.getInputLabel(buttonElement, defaultLogLabel);\r\n        this.addToLog(changeLog, logLabel, buttonElement.textContent, content);\r\n      }\r\n      buttonElement.textContent = content;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Finds the human readable text associated with the value parameter and updates the element's\r\n   * text content. If content has changed, then also update the change log.\r\n   */\r\n  assignValidValue(element, map, value, changeLog, defaultLogLabel, changedElement) {\r\n    if (element) {\r\n      const content = map[value] ? map[value].caption.trim() : null;\r\n      if (content !== element.textContent.trim()) {\r\n        if (changeLog && element != changedElement) {\r\n          const logLabel = this.getInputLabel(element, defaultLogLabel);\r\n          this.addToLog(changeLog, logLabel, element.textContent, content);\r\n        }\r\n        element.textContent = content;\r\n      }\r\n    }\r\n  }\r\n\r\n  showMessagePopup(title, html, options) {\r\n    if (this.config.onDisplayPopup) {\r\n      this.config.onDisplayPopup(title, html, options);\r\n    } else if (window.okPopup) {\r\n      window.okPopup.display(title, html, options);\r\n    } else {\r\n      alert(`${title}\\n\\n${html}`);\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    if (this.isFieldVisible(this.fieldsCfg.quantity, false)) {\r\n      const validator = validators ? validators.quantity : null;\r\n      this.displayNumberInput(this.elements.quantity, this.quantity, validator,\r\n        this.fieldsCfg.quantity, changeLog, 'Quantity', changedElement);\r\n    }\r\n  }\r\n\r\n  refreshResetBtn() {\r\n    if (this.isSavedProduct && !this.isQuantityChanged()) {\r\n      this.disableResetBtn();\r\n      if (this.config.canEditOrderLine) {\r\n        this.elements.addToCartBtnText.textContent = this.config.returnToCartLabel;\r\n      }\r\n    } else {\r\n      this.enableResetBtn();\r\n      if (this.config.canEditOrderLine) {\r\n        this.elements.addToCartBtnText.textContent = this.config.saveAndReturnToCartLabel;\r\n      }\r\n    }\r\n  }\r\n\r\n  displayProduct(product, validators, changedElement) {\r\n    const isUserDriven = changedElement && changedElement != null;\r\n    const changeLog = isUserDriven ? { text: '' } : null;\r\n\r\n    this.refreshResetBtn();\r\n    this.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (isUserDriven && changeLog.text) {\r\n      const suppressChangeMsg = changedElement && changedElement.dataset.suppressChgMsg;\r\n      if (!suppressChangeMsg) {\r\n        const prompt = `<b>${this.config.changeLogSubTitle}:</b><br/><br/>`;\r\n        const list = `<ul>${changeLog.text}</ul>`;\r\n        this.showMessagePopup(this.config.changeLogTitle, prompt + list);\r\n      }\r\n    }\r\n  }\r\n\r\n  displayPrice(product) {\r\n    const grossPriceWithVat = this.getGrossPrice(product, true);\r\n    if (this.elements.grossPrice) {\r\n      this.elements.grossPrice.textContent = this.formatCurrency(grossPriceWithVat);\r\n    }\r\n    if (this.elements.netPrice) {\r\n      const netPriceWithVat = grossPriceWithVat * this.getNetPriceRate();\r\n      // The last param says \"round to 0 decimals\"\r\n      this.elements.netPrice.textContent = this.formatCurrency(netPriceWithVat, undefined, undefined, 0);\r\n    }\r\n  }\r\n\r\n  displayProductDetails(details, changedElement) {\r\n    this.displayPrice(details.product);\r\n    this.displayProduct(details.product, details.validators, changedElement);\r\n  }\r\n\r\n  equalProducts(a, b) {\r\n    if (a === undefined && b === undefined) {\r\n      return true;\r\n    }\r\n    // The codeVer property should not be considered when comparing the products.\r\n    const savedCodeVer = b.codeVer;\r\n    b.codeVer = a.codeVer;\r\n    try {\r\n      return ObjectUtils.equalContents(a, b);\r\n    } finally {\r\n      b.codeVer = savedCodeVer;\r\n    }\r\n  }\r\n  productChanged(isUserDriven) {\r\n    this.isDefaultProduct = this.equalProducts(this.product, this.config.defaultProduct);\r\n    // The saved product from the cart (if present). If no cart, then saved and default products are the same:\r\n    this.isSavedProduct = this.equalProducts(this.product, this.config.savedProduct);\r\n    if (this.onProductChanged) {\r\n      this.onProductChanged(this, isUserDriven);\r\n    }\r\n  }\r\n  replaceProduct(newProduct, replaceMktCode = true) {\r\n    if (newProduct !== this.product) {\r\n      const oldMktCode = this.product.mktCode;\r\n      this.product = newProduct;\r\n      if (!replaceMktCode) {\r\n        this.product.mktCode = oldMktCode;\r\n      }\r\n      this.productChanged();\r\n    }\r\n  }\r\n  assignProduct(source, isUserDrivenChange) {\r\n    this.product = ObjectUtils.clone(source, true);\r\n    this.productChanged(isUserDrivenChange);\r\n  }\r\n  resetOrigProduct() {\r\n    this.origProduct = ObjectUtils.clone(this.product, true);\r\n  }\r\n\r\n  /* Updates technical specification in the UI with the latest live values. The formattedSpec\r\n   * parameter is a techspec object whose values are formatted string values. */\r\n  updateTechSpec(formattedSpec) {\r\n    /* We assume techSpecValues is a NodeList with id and textContent. Each id should match one of\r\n     * the properties of the formattedSpec object. */\r\n    const elements = this.config.UI.techSpecValues;\r\n    for (let i = 0; i < elements.length; i++) {\r\n      const element = elements[i];\r\n      const value = formattedSpec[element.id];\r\n      element.textContent = value;\r\n      // Toggle display:none on the parent <tr> if the value is undefined\r\n      element.parentElement.classList.toggle('d-none', !value);\r\n    }\r\n  }\r\n\r\n  /* Is called from commitPropertyChanges() and resetProduct() */\r\n  productDetailsChanged(details, changedElement, isReset) {\r\n    const isUserDriven = isReset || (changedElement && changedElement != null);\r\n    this.assignProduct(details.product, isUserDriven);\r\n    //this.lastProductValidators = details.validators;\r\n    this.rebuildValidValuesMaps(details.validators);\r\n    // Update the UI (DOM):\r\n    if (this.config.isDesignerProduct) {\r\n      this.elements.productTitle.innerHTML = this.isDefaultProduct || this.config.keepOriginalTexts\r\n        ? this.config.productTitle\r\n        : this.config.overriddenTitle;\r\n      this.elements.shortDescription.innerHTML = this.isDefaultProduct || this.config.keepOriginalTexts\r\n        ? this.config.shortDescription\r\n        : this.config.overriddenShortDescription;\r\n    } else if (details.uiData) {\r\n      this.elements.productTitle.innerHTML = details.uiData.productTitle;\r\n      this.elements.shortDescription.innerHTML = details.uiData.shortDescription;\r\n      this.elements.sku.innerHTML = details.uiData.sku;\r\n    }\r\n    this.displayProductDetails(details, changedElement);\r\n    this.changedProduct = {};\r\n    this.resetOrigProduct();\r\n\r\n    if (this.config.isDesignerProduct) {\r\n      this.productService.getFormattedTechSpec(this.config.langReg, details.techSpec, this.abortController.signal)\r\n        .then(formattedTechSpec => {\r\n          this.updateTechSpec(formattedTechSpec);\r\n        })\r\n        .catch(ex => {\r\n          if (ex.name === 'AbortError') {\r\n            /* A promise (i.e. fetch call) was aborted (see AbortController.abort() method). At this\r\n             * point the only use case is when the user makes another change before we've received a\r\n             * response from the server for the previous change. 3/9/2021. */\r\n            console.log('Getting formatted tech. spec. was aborted due to user making more changes!');\r\n          } else {\r\n            console.error('Unknown error during call to productService.getFormattedTechSpec: ', ex);\r\n            // Swallow the exception, but report it:\r\n            GlobalErrorHandler.HandleException(ex);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  findSpinnerTarget(origParent) {\r\n    let parent = origParent;\r\n    let target = null;\r\n    while (parent && !target) {\r\n      target = parent.querySelector('label[data-is-spinner-target=\"1\"]');\r\n      parent = parent.parentElement;\r\n    }\r\n    return target ? target.parentElement : origParent;\r\n  }\r\n\r\n  toggleProductSpinner(on, changedElement) {\r\n    if (on) {\r\n      // Move the spinner to a position relative to the changed element:\r\n      const element = changedElement || this.elements.productSpinner;\r\n      const newParent = this.findSpinnerTarget(element.parentElement);\r\n      if (newParent !== this.elements.productSpinner.parentElement) {\r\n        newParent.appendChild(this.elements.productSpinner);\r\n      }\r\n      // Ensure it's visible:\r\n      this.elements.productSpinner.classList.remove('invisible');\r\n      // Use helper class to ensure the spinner is visible for at least 1 second (avoid \"blink-of-the-eye\" spinner)\r\n      this.spinnerMinDuration = new MinDuration(300, () => this.elements.productSpinner.classList.add('invisible'));\r\n    } else if (this.spinnerMinDuration) {\r\n      // This will hide the spinner by calling the callback added to MinDuration above, but not until x ms have elapsed:\r\n      this.spinnerMinDuration.complete();\r\n    }\r\n  }\r\n\r\n  toggleErrorMessage(on, message) {\r\n    this.elements.errorMessage.textContent = message ? message : null;\r\n    if (on) {\r\n      this.elements.errorContainer.classList.remove('d-none');\r\n    } else {\r\n      this.elements.errorContainer.classList.add('d-done');\r\n    }\r\n  }\r\n\r\n  /** This method is async because it communicates with the remote designerService. */\r\n  async commitPropertyChanges(validate, submitFullProduct, changedElement, spinnerElement) {\r\n    //console.log('Timer expired...');\r\n    if (validate && !this.elements.productForm.reportValidity()) {\r\n      // We have a client side validation error!!!\r\n      const errorMsg = (changedElement ? changedElement.validationMessage : null) || this.config.invalidValueMessage;\r\n      this.toggleErrorMessage(true, errorMsg);\r\n      // Restore product and ensure restored values are displayed\r\n      this.assignProduct(this.origProduct, false);\r\n      this.displayProduct(this.product);\r\n      this.changedProduct = {};\r\n      /* Note, the error thrown here must either be handled by the caller, or allow it to be sent\r\n       * to the global error handler (i.e. reported to the server). 3/9/2021. */\r\n      throw new ValidationException(errorMsg);\r\n    }\r\n    let details = null;\r\n    this.toggleProductSpinner(true, spinnerElement || changedElement);\r\n    this.designerUpdateFlag.clear(); // Allows us to wait for update completion before adding to cart\r\n    try {\r\n      this.abortController = new AbortController();\r\n      const signal = this.abortController.signal;\r\n      if (!this.changedProduct.type) {\r\n        this.changedProduct.type = this.product.type;\r\n      }\r\n      if (!this.config.isDesignerProduct) {\r\n        details = await this.productService.getVariantProductDetails(this.config.productId, this.product.variantId, signal);\r\n      } else if (submitFullProduct) {\r\n        /* Note, as of 9/17/2020, the only time submitFullProduct is true is when restoring the\r\n         * product from session storage. */\r\n        details = await this.designerService.updateProduct(this.product, signal);\r\n      } else {\r\n        details = await this.designerService.updateProductValues(this.changedProduct, signal);\r\n        /* I'm not sure if the capitalized \"Message\" was a bug before, or if the serialization on the\r\n         * server has changed recently. To avoid issues, I'm testing for both (lower case \"message\")\r\n         * seems to be correct from now on, at least in my local env. 8/4/2022. */\r\n        const noSession = (details.Message && details.Message === this.NO_SESSION) || (details.message && details.message === this.NO_SESSION);\r\n        if (noSession) {\r\n          /* We need to give the server both the original product, and the change(s) made by the user: */\r\n          details = await this.designerService.updateProductPlusDelta(this.origProduct, this.changedProduct, signal);\r\n        }\r\n      }\r\n      //console.log('Received updated product details:');\r\n      //console.log(details);\r\n      this.productDetailsChanged(details, changedElement);\r\n    } catch (ex) {\r\n      if (ex.name === 'AbortError') {\r\n        /* A promise (i.e. fetch call) was aborted (see AbortController.abort() method). At this\r\n         * point the only use case is when the user makes another change before we've received a\r\n         * response from the server for the previous change. 3/9/2021. */\r\n        console.log('Designer Service call was aborted due to user making more changes!');\r\n      } else {\r\n        if (this.isValidationError(ex)) {\r\n          this.toggleErrorMessage(true, this.config.invalidValueMessage); //'Invalid value!'\r\n        } else if (this.containsError(ex.errorInfo, true,\r\n          error => error.ExceptionType && error.ExceptionType.includes('UnableToMoveComponent'))) {\r\n          // TODO: Localize\r\n          this.toggleErrorMessage(true, `Vi var dessverre ikke i stand til å endre produktet som ønsket.`);\r\n        } else {\r\n          this.toggleErrorMessage(true, this.config.genericErrorMessage); //'Sorry! Something unexpected happened in the app.'\r\n        }\r\n        // Recover from the exception - ensure displayed product values are restored\r\n        this.assignProduct(this.origProduct, false);\r\n        const validator = details ? details.validators : null;\r\n        this.displayProduct(this.product, validator);\r\n        this.changedProduct = {};\r\n        throw ex; // Since this is an async method, the caller must use await and catch the exception to avoid it being unhandled\r\n      }\r\n    } finally {\r\n      this.designerUpdateFlag.set();\r\n      this.toggleProductSpinner(false, spinnerElement || changedElement);\r\n    }\r\n  }\r\n\r\n  containsError(errorInfo, recursive, predicate) {\r\n    if (errorInfo) {\r\n      if (predicate(errorInfo)) {\r\n        return true;\r\n      } else if (recursive) {\r\n        return this.containsError(errorInfo.InnerException, recursive, predicate);\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n\r\n  isValidationError(ex) {\r\n    return ex instanceof ValidationException ||\r\n      this.containsError(ex.errorInfo, true,\r\n        error => error.ExceptionType && error.ExceptionType.includes('Validation'));\r\n  }\r\n\r\n  /**\r\n   * This method is used in cases where we need to commit any pending changes before\r\n   * continuing, e.g. if we need to get updated product validators back from the server.\r\n   * It's the caller's responsibility to handle exceptions thrown inside the call, e.g.\r\n   * validation errors.\r\n   */\r\n  async commitPropertyChangesIfPending(validate, submitFullProduct) {\r\n    if (this.isPropertyChangedTimerActive()) {\r\n      this.clearPropertyChangedTimer();\r\n      await this.commitPropertyChanges(validate, submitFullProduct, this.propertyChangedElement,\r\n        this.lastSpinnerElement);\r\n    }\r\n    // Wait for any updates to the remote Designer service to complete before returning:\r\n    await this.designerUpdateFlag.hasBeenSet();\r\n  }\r\n\r\n  isPropertyChangedTimerActive() {\r\n    return this.propertyChangedTimerId != null;\r\n  }\r\n\r\n  clearPropertyChangedTimer() {\r\n    clearTimeout(this.propertyChangedTimerId);\r\n    this.propertyChangedTimerId = null;\r\n  }\r\n\r\n  disableButton(button) {\r\n    button.setAttribute('disabled', ''); // Yes, this disables it\r\n  }\r\n\r\n  enableButton(button) {\r\n    button.removeAttribute('disabled');\r\n  }\r\n\r\n  disableAddToCartBtn() {\r\n    this.disableButton(this.elements.addToCartBtn);\r\n  }\r\n\r\n  enableAddToCartBtn() {\r\n    this.enableButton(this.elements.addToCartBtn);\r\n  }\r\n\r\n  disableResetBtn() {\r\n    if (this.hasResetBtn) {\r\n      this.disableButton(this.elements.resetBtn);\r\n    }\r\n  }\r\n\r\n  enableResetBtn() {\r\n    if (this.hasResetBtn) {\r\n      this.enableButton(this.elements.resetBtn);\r\n    }\r\n  }\r\n\r\n  invalidatePropertyChangedTimer(changedElement, spinnerElement) {\r\n    if (this.isPropertyChangedTimerActive()) {\r\n      //console.log('Clearing timer...');\r\n      this.clearPropertyChangedTimer();\r\n    }\r\n    if (ObjectUtils.hasProperties(this.changedProduct)) {\r\n      //console.log('Setting timer...');\r\n      this.propertyChangedElement = changedElement;\r\n      this.lastSpinnerElement = spinnerElement;\r\n      this.disableAddToCartBtn(); // Don't allow adding to cart until the changes are committed\r\n      this.propertyChangedTimerId = setTimeout(async () => {\r\n        // We use the timer to allow the user to make multiple changes before they are submitted to the server\r\n        this.clearPropertyChangedTimer();\r\n        this.propertyChangedElement = null;\r\n        this.lastSpinnerElement = null;\r\n        try {\r\n          await this.commitPropertyChanges(true, false, changedElement, spinnerElement);\r\n        } catch (ex) {\r\n          if (this.isValidationError(ex)) {\r\n            /* We rely on the commitPropertyChanges method to having already displayed info\r\n             * about the error to the user, and will swallow the error here;\r\n             * no need to report the error to the server. */\r\n          } else {\r\n            throw ex; // Re-throw since this is an unknown exception\r\n          }\r\n        } finally {\r\n          this.enableAddToCartBtn();\r\n        }\r\n      }, this.propertyChangedUpdateDelay);\r\n    } else {\r\n      //console.log('changedProduct has no properties...');\r\n    }\r\n  }\r\n\r\n  isQuantityChanged() {\r\n    return this.quantity !== this.config.quantity;\r\n  }\r\n\r\n  quantityChanged(value) {\r\n    if (value !== this.quantity) {\r\n      this.quantity = value;\r\n      this.refreshResetBtn();\r\n    }\r\n  }\r\n\r\n  propertyChanged(propertyName, value, changedElement, spinnerElement) {\r\n    this.product[propertyName] = value;\r\n    if ((!this.changedProduct[propertyName]) || value !== this.changedProduct[propertyName]) {\r\n      //console.log('Property changed...');\r\n      if (value !== this.origProduct[propertyName]) {\r\n        //console.log(`Assigning ${propertyName}=${value}...`);\r\n        this.changedProduct[propertyName] = value;\r\n      } else {\r\n        //console.log(`Removing ${propertyName}...`);\r\n        delete this.changedProduct[propertyName];\r\n      }\r\n      // DONE: Clear any pending server updates here...\r\n      if (this.abortController) {\r\n        this.abortController.abort();\r\n      }\r\n      this.invalidatePropertyChangedTimer(changedElement, spinnerElement);\r\n    } else {\r\n      //console.log('Property unchanged...');\r\n    }\r\n  }\r\n\r\n  async resetProduct(isUserDriven, changedElement) {\r\n    this.disableResetBtn(); // Prevent re-entrancy (multiple clicks)\r\n    this.designerUpdateFlag.clear(); // Allows us to wait for update completion before adding to cart\r\n    this.toggleProductSpinner(true, changedElement);\r\n    try {\r\n      this.abortController = new AbortController();\r\n      const signal = this.abortController.signal;\r\n      try {\r\n        this.quantity = this.config.quantity;\r\n        let details;\r\n        if (this.config.isDesignerProduct) {\r\n          // The saved product from the cart (if present). If no cart, then saved and default products are the same:\r\n          details = await this.designerService.updateProduct(this.config.savedProduct, signal, /*resetSession:*/ true);\r\n        } else {\r\n          details = await this.productService.getVariantProductDetails(this.config.productId, this.config.savedProduct.variantId, signal);\r\n        }\r\n        /* 1/24/20: We have a case where the savedProduct.DataVer and details.product.DataVer are\r\n         * different. Let's try a simple fix: */\r\n        this.config.savedProduct.dataVer = details.product.dataVer;\r\n        this.config.defaultProduct.dataVer = details.product.dataVer;\r\n        //console.log('Received updated product details:');\r\n        //console.log(details);\r\n        this.productDetailsChanged(details, null, true);\r\n      } catch (ex) {\r\n        if (ex.name === 'AbortError') {\r\n          /* A promise (i.e. fetch call) was aborted (see AbortController.abort() method). At this\r\n           * point the only use case is when the user makes another change before we've received a\r\n           * response from the server for the previous change. 3/9/2021. */\r\n          console.log('Designer Service call to reset the product was aborted due to user making more changes!');\r\n        } else {\r\n          console.error('Unknown error during call to designerService.updateProduct: ', ex);\r\n          // Swallow the exception, but report it:\r\n          GlobalErrorHandler.HandleException(ex);\r\n        }\r\n        this.enableResetBtn(); // We disabled it at the top of the method (only enable on exception though)\r\n      }\r\n      /*\r\n      if (!this.isSavedProduct) {\r\n        // Should never happen!!!\r\n        const savedProductStr = JSON.stringify(this.config.savedProduct, null, '  ');\r\n        const productStr = JSON.stringify(this.product, null, '  ');\r\n        if (savedProductStr != productStr) {\r\n          // Should never happen!!!\r\n          console.log(savedProductStr);\r\n          console.log(productStr);\r\n        }\r\n      }\r\n      */\r\n    } finally {\r\n      this.designerUpdateFlag.set();\r\n      this.toggleProductSpinner(false, changedElement);\r\n    }\r\n  }\r\n\r\n  //#endregion Handling changed product properties....................\r\n\r\n  // This method is called from the main view file (cshtml)\r\n  async display() {\r\n    // Intentionally left empty. Subclasses may override and add functionality here\r\n  }\r\n}\r\n\r\nexport class ValidationException extends Error {\r\n  constructor(message) {\r\n    super(message);\r\n  }\r\n}\r\n","class InteractionBehavior {\r\n  constructor() {\r\n    this.onInteraction = null;\r\n    this.isInteractive = false;\r\n    /**\r\n     * This event/callback property should be assigned by the user to a method which understands the\r\n     * UI and which UI events to listen to. toggleInteractive is called from within the activateInteraction\r\n     * method in subclasses.\r\n     */\r\n    this.toggleInteractive = this.toggleInteractiveNull; // Must be replaced by user\r\n  }\r\n\r\n  /**\r\n   * Turns interaction on or off for this object. This is the main \"public\" method for toggling\r\n   * the interactivity. It is called from the application when the app's interactivity is\r\n   * toggled, but also called internally in this class when we update the edit scope.\r\n   * @param {bool} on Whether to turn interaction on or off.\r\n   */\r\n  setIsInteractive(on) {\r\n    if (on !== this.isInteractive) {\r\n      this.activateInteraction(on);\r\n      this.isInteractive = on;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * This method should be overridden by subclasses to turn the interaction on/off on the\r\n   * target display objects. This method is used when we need to temporarily turn off\r\n   * interaction while making internal changes. Internally the method might use the toggleInteractive\r\n   * callback to delegate the event add/removal to a class which understands the UI better (e.g.\r\n   * the DrawingEngine subclasses).\r\n   * @param {any} on Activate? or deactivate?\r\n   */\r\n  activateInteraction(on) {\r\n  }\r\n\r\n  toggleInteractiveNull(displayObject, on, clickHandler) {\r\n    throw Error('The toggleInteractive callback must be assigned by the owner');\r\n  }\r\n\r\n  /**\r\n   * Protected method called from the method which received the UI event. Raises the onInteraction event.\r\n   */\r\n  doOnInteraction(event) {\r\n    if (this.onInteraction) {\r\n      this.onInteraction(this, event);\r\n    }\r\n  }\r\n}\r\n\r\nexport class ProductInteraction extends InteractionBehavior {\r\n  constructor() {\r\n    super();\r\n    this._product = null;\r\n    this.selectedValue = null;\r\n    this._editScope = null; // Should be assigned by subclass\r\n    this._componentType = null; // Should be assigned by subclass\r\n  }\r\n\r\n  get product() {\r\n    return this._product;\r\n  }\r\n  set product(value) {\r\n    if (value !== this._product) {\r\n      if (this.isInteractive) {\r\n        this.activateInteraction(false);\r\n        this._product = value;\r\n        this.activateInteraction(true);\r\n      } else {\r\n        this._product = value;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * The edit scope determines whether you're only updating a single component of the product, or\r\n   * multiple components at a certain level. For instance, in a door front if the edit scope is\r\n   * 'door' and the component type is 'panel', then you're updating all panels on the clicked door.\r\n   * Similarly, in an organizer, if the scope is 'module' and the component type is 'side', then all\r\n   * flexi sides in the clicked module are updated.\r\n   */\r\n  get editScope() {\r\n    return this._editScope;\r\n  }\r\n  set editScope(value) {\r\n    if (value !== this._editScope) {\r\n      if (this.isInteractive) {\r\n        this.activateInteraction(false);\r\n        this._editScope = value;\r\n        this.activateInteraction(true);\r\n      } else {\r\n        this._editScope = value;\r\n      }\r\n    }\r\n  }\r\n\r\n/**\r\n * The component type determines which parts of the product you are updating. For instance, in a\r\n * door front if the edit scope is 'door' and the component type is 'panel', then you're updating\r\n * all panels on the clicked door. Similarly, in an organizer, if the scope is 'module' and the\r\n * component type is 'side', then all flexi sides in the clicked module are updated.\r\n */\r\n  get componentType() {\r\n    return this._componentType;\r\n  }\r\n  set componentType(value) {\r\n    if (value !== this._componentType) {\r\n      if (this.isInteractive) {\r\n        this.activateInteraction(false);\r\n        this._componentType = value;\r\n        this.activateInteraction(true);\r\n      } else {\r\n        this._componentType = value;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Removes the clickHandler from the old display object, and adds it to the new display object,\r\n   * but only if interaction is enabled on the old, and the new display object is different from\r\n   * the old.\r\n   */\r\n  refreshInteractive(oldDisplayObject, newDisplayObject, clickHandler) {\r\n    if (oldDisplayObject.interactive && newDisplayObject !== oldDisplayObject) {\r\n      // The displayObject was recreated, we must make it interactive again:\r\n      this.toggleInteractive(newDisplayObject, true, clickHandler);\r\n      // Clean up\r\n      this.toggleInteractive(oldDisplayObject, false);\r\n    }\r\n  }\r\n\r\n  doOnProductChanged(changedComponent) {\r\n    if (this.onProductChanged) {\r\n      this.onProductChanged(this, this.componentType, changedComponent);\r\n    }\r\n  }\r\n\r\n  unsupportedTypeAndScope() {\r\n    const message = `Unsupported component type (${this.componentType.id}) and edit scope (${this.editScope}) combination`;\r\n    // In the prototype app we can't throw exceptions due to how the UI works\r\n    //throw new Error(message);\r\n    console.warn(message);\r\n  }\r\n\r\n  triggerDrawingClick() {\r\n    const event = {\r\n      target: { dataComponent: this.product }\r\n    };\r\n    if (this.componentType) {\r\n      this.componentType.handleDrawingClick(this, event);\r\n    } else {\r\n      this.unsupportedTypeAndScope();\r\n    }\r\n  }\r\n}\r\n\r\nexport class AnyProductInteraction extends ProductInteraction {\r\n  constructor() {\r\n    super();\r\n    /* We need to create a wrapper object for the removeEventListener call to actually remove the\r\n     * listener. This happens inside the drawing engine's toggleDisplayObjectInteractive method. */\r\n    this.productClickHandler = { handler: event => this.handleProductClick(event) };\r\n  }\r\n\r\n  activateInteraction(on) {\r\n    super.activateInteraction(on);\r\n    if (this.product) {\r\n      /* Passing an arrow function to the method may prevent the toggleInteractive method from\r\n        * successfully unregistering the event. Instead we use a wrapper object. */\r\n      //this.toggleInteractive(this.product.displayObject, on, (event) => this.handleProductClick(event));\r\n      this.toggleInteractive(this.product.displayObject, on, this.productClickHandler.handler);\r\n    }\r\n  }\r\n\r\n  handleProductClick(event) {\r\n    //const productDisplayObject = event.currentTarget;\r\n    this.doOnInteraction(event);\r\n  }\r\n}\r\n","import { ProductInteraction } from './ProductInteraction.js';\r\n\r\nexport const EditScope = {\r\n  front: 'front',\r\n  door: 'door',\r\n  panel: 'panel'\r\n};\r\n\r\nexport const ComponentType = {\r\n  panel: {\r\n    id: 'panel',\r\n    useEditScope: true,\r\n    getValue: (apiProduct) => apiProduct.f,\r\n    getAllUsedValues: (product) => product.getAllPrimaryFinishes(),\r\n    handleDrawingClick: (interaction, event) => interaction.handleFrontPanelsClick(event),\r\n    showGalleryFilterButton: true,\r\n  },\r\n  frame: {\r\n    id: 'frame',\r\n    useEditScope: false,\r\n    defaultEditScope: 'front',\r\n    getValue: (apiProduct) => apiProduct.frameF,\r\n    getAllUsedValues: (product) => product.getAllFrameFinishes(true),\r\n    handleDrawingClick: (interaction, event) => interaction.handleFrontFrameClick(event),\r\n    showGalleryFilterButton: false,\r\n  },\r\n  track: {\r\n    id: 'track',\r\n    useEditScope: false,\r\n    defaultEditScope: 'front',\r\n    getValue: (apiProduct) => apiProduct.topTrack.f,\r\n    getAllUsedValues: (product) => product.getAllTrackFinishes(true),\r\n    handleDrawingClick: (interaction, event) => interaction.handleTrackClick(event),\r\n    showGalleryFilterButton: false,\r\n  },\r\n  layout: {\r\n    id: 'layout',\r\n    useEditScope: true,\r\n    getValue: (apiProduct) => apiProduct.panelLayout,\r\n    getAllUsedValues: (product) => product.getAllPanelLayouts(true),\r\n    handleDrawingClick: (interaction, event) => interaction.handleFrontLayoutClick(event),\r\n    showGalleryFilterButton: false,\r\n  },\r\n};\r\n\r\nexport class DoorInteraction extends ProductInteraction {\r\n  constructor() {\r\n    super();\r\n    this._editScope = EditScope.panel;\r\n    this._componentType = ComponentType.panel;\r\n    /* We need to create a wrapper object for the removeEventListener call to actually remove the\r\n     * listener. This happens inside the drawing engine's toggleDisplayObjectInteractive method. */\r\n    this.doorFrameClickHandler = { handler: event => this.handleDoorFrameClick(event) };\r\n    this.panelClickHandler = { handler: event => this.handlePanelClick(event) };\r\n    this.doorPanelsClickHandler = { handler: event => this.handleDoorPanelsClick(event) };\r\n    this.doorLayoutClickHandler = { handler: event => this.handleDoorLayoutClick(event) };\r\n  }\r\n\r\n  toggleInteractiveOnEachDoorPanel(door, on, clickHandler) {\r\n    door.core.panels.forEach(element => this.toggleInteractive(element.displayObject, on, clickHandler));\r\n  }\r\n\r\n  activateInteraction(on) {\r\n    super.activateInteraction(on);\r\n    if (!this.product) {\r\n      return;\r\n    }\r\n\r\n    switch (this.componentType) {\r\n      case ComponentType.frame:\r\n        if (this.editScope === EditScope.door) {\r\n          this.toggleInteractive(this.product.displayObject, on, this.doorFrameClickHandler.handler);\r\n        } else {\r\n          this.unsupportedTypeAndScope();\r\n        }\r\n        break;\r\n\r\n      case ComponentType.panel:\r\n        switch (this.editScope) {\r\n          case EditScope.panel:\r\n            this.toggleInteractiveOnEachDoorPanel(this.product, on, this.panelClickHandler.handler);\r\n            break;\r\n          case EditScope.door:\r\n            this.toggleInteractive(this.product.displayObject, on, this.doorPanelsClickHandler.handler);\r\n            break;\r\n          default:\r\n            this.unsupportedTypeAndScope();\r\n            break;\r\n        }\r\n        break;\r\n\r\n      case ComponentType.layout:\r\n        if (this.editScope === EditScope.door) {\r\n          this.toggleInteractive(this.product.displayObject, on, this.panelLayoutClickHandler.handler);\r\n        } else {\r\n          this.unsupportedTypeAndScope();\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this.unsupportedTypeAndScope();\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** Raises the onPanelFinishChanged event. */\r\n  doOnPanelFinishChanged(panel, oldFinish) {\r\n    if (this.onPanelFinishChanged) {\r\n      this.onPanelFinishChanged(this, oldFinish, panel);\r\n    }\r\n  }\r\n\r\n  /** Raises the onFrameFinishChanged event. */\r\n  doOnDoorFrameFinishChanged(door, oldFinish) {\r\n    if (this.onFrameFinishChanged) {\r\n      this.onFrameFinishChanged(this, oldFinish, door.frame);\r\n    }\r\n  }\r\n\r\n  doOnDoorLayoutChanged(door, oldLayout) {\r\n    if (this.onDoorLayoutChanged) {\r\n      this.onDoorLayoutChanged(this, oldLayout, door);\r\n    }\r\n  }\r\n\r\n  /** Click on a single panel. */\r\n  handlePanelClick(event) {\r\n    if (this.selectedValue) {\r\n      const panel = event.currentTarget.dataComponent;\r\n      panel.replaceFinish(this.selectedValue, (sender, args) => {\r\n        this.refreshInteractive(args.oldDisplayObject, panel.displayObject, this.panelClickHandler.handler);\r\n        this.doOnProductChanged(panel);\r\n        this.doOnPanelFinishChanged(panel, args.oldFinish);\r\n      });\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  /** Click on a door, and we need to update all the panels. */\r\n  handleDoorPanelsClick(event) {\r\n    if (this.selectedValue) {\r\n      const door = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      door.replaceAllPanelsFinish(this.selectedValue, (dor, args) => {\r\n        this.doOnPanelFinishChanged(args.panel, args.oldFinish);\r\n        wasChanged = true;\r\n      });\r\n      if (wasChanged) {\r\n        this.doOnProductChanged(door);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n/** Click on a single door, and we need to update the door's frame finish. */\r\n  handleDoorFrameClick(event) {\r\n    if (this.selectedValue) {\r\n      const door = event.currentTarget.dataComponent;\r\n      door.replaceFrameFinish(this.selectedValue, (dor, { oldFinish }) => {\r\n        this.doOnProductChanged(dor.frame);\r\n        this.doOnDoorFrameFinishChanged(dor, oldFinish);\r\n      });\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n/** Click on a single door, and we need to update the door's layout (design). */\r\n  handleDoorLayoutClick(event) {\r\n    if (this.selectedValue !== null) {\r\n      const door = event.currentTarget.dataComponent;\r\n      door.replaceLayout(this.selectedValue, (dor, { oldLayout }) => {\r\n        this.doOnProductChanged(dor);\r\n        this.doOnDoorLayoutChanged(dor, oldLayout);\r\n      });\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n}\r\n\r\nexport class DoorFrontInteraction extends DoorInteraction {\r\n  constructor() {\r\n    super();\r\n    /* We need to create a wrapper object for the removeEventListener call to actually remove the\r\n     * listener. This happens inside the drawing engine's toggleDisplayObjectInteractive method. */\r\n    this.frontPanelsClickHandler = { handler: event => this.handleFrontPanelsClick(event) };\r\n    this.frontFrameClickHandler = { handler: event => this.handleFrontFrameClick(event) };\r\n    this.trackClickHandler = { handler: event => this.handleTrackClick(event) };\r\n    this.frontLayoutClickHandler = { handler: event => this.handleFrontLayoutClick(event) };\r\n  }\r\n\r\n  toggleInteractiveOnEachDoor(on, clickHandler) {\r\n    this.product.doors.forEach(door => this.toggleInteractive(door.displayObject, on, clickHandler));\r\n  }\r\n\r\n  toggleInteractiveOnEachDoorPanel(on, clickHandler) {\r\n    this.product.doors.forEach(door => super.toggleInteractiveOnEachDoorPanel(door, on, clickHandler));\r\n  }\r\n\r\n  activateInteraction(on) {\r\n    //super.activateInteraction(on); Don't call super here!\r\n    if (!this.product) {\r\n      return;\r\n    }\r\n\r\n    switch (this.componentType) {\r\n      case ComponentType.panel:\r\n        switch (this.editScope) {\r\n          case EditScope.front:\r\n            this.toggleInteractive(this.product.displayObject, on, this.frontPanelsClickHandler.handler);\r\n            break;\r\n          case EditScope.door:\r\n            this.toggleInteractiveOnEachDoor(on, this.doorPanelsClickHandler.handler);\r\n            break;\r\n          case EditScope.panel:\r\n            this.toggleInteractiveOnEachDoorPanel(on, this.panelClickHandler.handler);\r\n            break;\r\n          default:\r\n            this.unsupportedTypeAndScope();\r\n            break;\r\n        }\r\n        break;\r\n      case ComponentType.frame:\r\n        switch (this.editScope) {\r\n          case EditScope.front:\r\n            this.toggleInteractive(this.product.displayObject, on, this.frontFrameClickHandler.handler);\r\n            break;\r\n          case EditScope.door:\r\n            this.toggleInteractiveOnEachDoor(on, this.doorFrameClickHandler.handler);\r\n            break;\r\n          default:\r\n            this.unsupportedTypeAndScope();\r\n            break;\r\n        }\r\n        break;\r\n      case ComponentType.track:\r\n        if (this.editScope === EditScope.front) {\r\n          this.toggleInteractive(this.product.displayObject, on, this.trackClickHandler.handler);\r\n        } else {\r\n          this.unsupportedTypeAndScope();\r\n        }\r\n        break;\r\n      case ComponentType.layout:\r\n        switch (this.editScope) {\r\n          case EditScope.front:\r\n            this.toggleInteractive(this.product.displayObject, on, this.frontLayoutClickHandler.handler);\r\n            break;\r\n          case EditScope.door:\r\n            this.toggleInteractiveOnEachDoor(on, this.doorLayoutClickHandler.handler);\r\n            break;\r\n          default:\r\n            this.unsupportedTypeAndScope();\r\n            break;\r\n        }\r\n        break;\r\n      default:\r\n        this.unsupportedTypeAndScope();\r\n        break;\r\n    }\r\n  }\r\n\r\n  doOnTrackFinishChanged(track, oldFinish) {\r\n    if (this.onTrackFinishChanged) {\r\n      this.onTrackFinishChanged(this, oldFinish, track);\r\n    }\r\n  }\r\n\r\n  replaceTrackFinish(track) {\r\n    return track.replaceFinish(this.selectedValue, (trck, args) => this.doOnTrackFinishChanged(trck, args.oldFinish));\r\n  }\r\n\r\n  //#region Click Handlers\r\n\r\n  handleFrontPanelsClick(event) {\r\n    if (this.selectedValue) {\r\n      const front = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      front.replaceAllPanelsFinish(this.selectedValue, (frnt, args) => {\r\n        this.doOnPanelFinishChanged(args.panel, args.oldFinish);\r\n        wasChanged = true;\r\n      });\r\n      if (wasChanged) {\r\n        this.doOnProductChanged(front);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  handleFrontFrameClick(event) {\r\n    if (this.selectedValue) {\r\n      const front = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      front.replaceFrameFinish(this.selectedValue, (door, { oldFinish }) => {\r\n        this.doOnDoorFrameFinishChanged(door, oldFinish);\r\n        wasChanged = true;\r\n      });\r\n      if (wasChanged) {\r\n        //this.doOnProductChanged(door.frame);\r\n        this.doOnProductChanged(front);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  handleTrackClick(event) {\r\n    if (this.selectedValue) {\r\n      const front = event.currentTarget.dataComponent;\r\n      const topChanged = this.replaceTrackFinish(front.topTrack);\r\n      const botChanged = this.replaceTrackFinish(front.bottomTrack);\r\n      if (topChanged || botChanged) {\r\n        this.doOnProductChanged(front);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  handleFrontLayoutClick(event) {\r\n    if (this.selectedValue) {\r\n      const front = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      front.doors.forEach(door => {\r\n        door.replaceLayout(this.selectedValue, (dor, { oldLayout }) => {\r\n          this.doOnDoorLayoutChanged(dor, oldLayout);\r\n        });\r\n      });\r\n      if (wasChanged) {\r\n        this.doOnProductChanged(front);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  //#endregion Click Handlers\r\n}\r\n\r\n","import { ObjectUtils } from '../main/ObjectUtils.js';\r\nimport { ProductViewModelFactories } from './ProductViewModelFactories.js';\r\n\r\n// TODO: Rename Component to Product\r\n/**\r\n * The Component class is composition of a Langlo Designer API product and a display object.\r\n *\r\n * Properties:\r\n *   - displayObject - a rendering-engine specific object, e.g. a element in an HTML DOM or a\r\n *     Pixi Sprite, Graphics, or Container object (WebGL based 2D display engine). Each display\r\n *     object will have a dataComponent property back-referencing this component object.\r\n *   - apiProduct - a data-transfer object (DTO) from the Designer server containing the properties\r\n *     needed for displaying and editing.\r\n *   - drawingService - provides rendering-engine specific methods.\r\n *   - rect - the size and position of the component in cm units using Designer's bottom-left based\r\n *     coord system. The units are resolution independent since the entire drawing will be scaled to\r\n *     fit within the parent html element.\r\n *   - finish - a Langlo Designer compatible product finish Id.\r\n *   - components - each component may have zero or more child components.\r\n */\r\nexport class Component {\r\n  constructor(name, drawingService, apiProduct, config) {\r\n    this.name = name;\r\n    this.type = apiProduct.type;\r\n    this.drawingService = drawingService;\r\n    this._displayObject = null;\r\n    this.components = [];\r\n    /* Note, Component classes use a bottom/left/back oriented coordinate system. rect objects have\r\n     * left, bottom, width, and height properties. There's a getTopLeftRect() method for converting\r\n     * to a top/left oriented rectangle. */\r\n    const p = this.apiProduct = apiProduct;\r\n    p.l = p.l || 0; // Left\r\n    p.b = p.b || 0; // Bottom\r\n    p.z = p.z || 0; // Back\r\n    p.w = p.w || 0; // Width\r\n    p.h = p.h || 0; // Height\r\n    p.d = p.d || 0; // Depth\r\n    // Bottom-left oriented coordinates:\r\n    this.rect = {\r\n      left: p.l,\r\n      bottom: p.b,\r\n      back: p.z,\r\n      width: p.w,\r\n      height: p.h,\r\n      depth: p.d,\r\n    };\r\n\r\n    // Assign rotation in the \"x,y,z\" format from the apiProduct\r\n    if (p.r) {\r\n      const xyz = p.r.split(',');\r\n      this.rotation = {\r\n        x: parseFloat(xyz[0]),\r\n        y: parseFloat(xyz[1]),\r\n        z: parseFloat(xyz[2]),\r\n      }\r\n    } else {\r\n      this.rotation = { x: 0, y: 0, z: 0 };\r\n    }\r\n\r\n    this.preFactorySetup(config);\r\n    this.factorySetup(config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    // TODO: Rename to finishId\r\n    this.finish = this.apiProduct.f;\r\n    this.materialIdPrefix = null;\r\n  }\r\n\r\n  factorySetup(config) {\r\n    this.updateMaterial();\r\n  }\r\n\r\n  updateMaterial(finishId) {\r\n    finishId = finishId || this.finish;\r\n    const material = this.materialIdPrefix\r\n      ? this.drawingService.getMaterial(this.materialIdPrefix, finishId)\r\n      : null;\r\n    return this.material = material;\r\n  }\r\n\r\n  finishChanged() {\r\n    // Note, the drawingService will know whether this component class actually needs a label\r\n    // DONE: Enable once we have Visitor classes for updating finish labels\r\n    this.drawingService.updateFinishLabel(this);\r\n  }\r\n\r\n  /**\r\n   * Lightweight method updating this.finish and optionally this.material. No other side effects.\r\n   * @param {any} value The new finish id\r\n   * @param {any} preventNotification If the new finish is different and preventNotification is not true,\r\n   * then finishChanged() method will be called.\r\n   * @returns true if the finish was changed.\r\n   */\r\n  setFinish(value, preventNotification) {\r\n    if (value !== this.finish) {\r\n      this.finish = value;\r\n      this.updateMaterial();\r\n      if (!preventNotification) {\r\n        this.finishChanged();\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Updates this.finish and indirectly this.material. this.drawingService will be accessed for\r\n   * updating the UI.\r\n   * @param {any} newFinish The new finish Id\r\n   * @param {any} onChanged A callback called if the finish was changed.\r\n   * @returns true if the finish was changed.\r\n   */\r\n  replaceFinish(newFinish, onChanged) {\r\n    if (newFinish !== this.finish) {\r\n      const oldFinish = this.finish;\r\n      const oldDisplayObject = this.displayObject;\r\n      if (this.drawingService.replaceFinishInline(this, newFinish)) {\r\n        this.setFinish(newFinish);\r\n      } else {\r\n        /* It was not possible to replace the finish on the existing display object. Instead,\r\n         * we must create a new displayObject with the new finish. */\r\n        this.setFinish(newFinish, /*preventNotification:*/ true); // <-- false because we're making the finishChanged call below\r\n        const newDisplayObject = this.createMaterialObject();\r\n        this.displayObject = newDisplayObject;\r\n        this.drawingService.replaceDisplayObject(oldDisplayObject, newDisplayObject);\r\n        this.finishChanged();\r\n      }\r\n      if (onChanged) {\r\n        onChanged(this, { oldFinish, oldDisplayObject });\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** Virtual method which can be overridden to be more specific in which components to recurse into. */\r\n  doReplaceFinishesRecursively(newFinish, onChanged) {\r\n    this.components.forEach(comp => comp.doReplaceFinishesRecursively(newFinish));\r\n    this.replaceFinish(newFinish, onChanged);\r\n  }\r\n\r\n  replaceFinishesRecursively(newFinish, onChanged) {\r\n    this.drawingService.disableDrawingUpdates();\r\n    try {\r\n      this.doReplaceFinishesRecursively(newFinish, onChanged);\r\n    } finally {\r\n      if (this.drawingService.enableDrawingUpdates()) {\r\n        this.drawingService.updateAllFinishesInline(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  getSecondaryFinish() {\r\n    // We intentionally don't return anything in the base method. Undefined: SecondaryFinish is not used for this component\r\n  }\r\n\r\n  setSecondaryFinish(value) {\r\n  }\r\n\r\n  /**\r\n   * Updates the secondary finish.\r\n   * @param {any} newFinish The new finish Id\r\n   * @param {any} onChanged A callback called if the finish was changed.\r\n   * @returns true if the finish was changed.\r\n   */\r\n  replaceSecondaryFinish(newFinish, onChanged) {\r\n    const oldFinish = this.getSecondaryFinish();\r\n    if (typeof oldFinish !== 'undefined' && newFinish !== oldFinish) {\r\n      const oldDisplayObject = this.displayObject;\r\n      this.setSecondaryFinish(newFinish);\r\n      if (onChanged) {\r\n        onChanged(this, { oldFinish, oldDisplayObject });\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** Virtual method which can be overridden to be more specific in which components to recurse into. */\r\n  doReplaceSecondaryFinishesRecursively(newFinish, onChanged) {\r\n    this.components.forEach(comp => comp.doReplaceSecondaryFinishesRecursively(newFinish));\r\n    this.replaceSecondaryFinish(newFinish, onChanged);\r\n  }\r\n\r\n  replaceSecondaryFinishesRecursively(newFinish, onChanged) {\r\n    this.drawingService.disableDrawingUpdates();\r\n    try {\r\n      this.doReplaceSecondaryFinishesRecursively(newFinish, onChanged);\r\n    } finally {\r\n      if (this.drawingService.enableDrawingUpdates()) {\r\n        this.drawingService.performInlineUpdate(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  // [Obsolete('Not used anymore')]\r\n  replaceChildFinish(child, newFinish, onChanged) {\r\n    child.replaceFinish(newFinish, (sender, { oldFinish, oldChildDisplayObject }) => {\r\n      if (onChanged) {\r\n        onChanged(this, { child, oldFinish, oldChildDisplayObject });\r\n      }\r\n    });\r\n  }\r\n\r\n  get displayObject() {\r\n    return this._displayObject;\r\n  }\r\n\r\n  set displayObject(value) {\r\n    if (value !== this._displayObject) {\r\n      if (this._displayObject) {\r\n        this._displayObject.dataComponent = null;\r\n      }\r\n      this._displayObject = value;\r\n      if (this._displayObject) {\r\n        this._displayObject.dataComponent = this;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Creates a display object where the product's material is shown.\r\n   */\r\n  createMaterialObject() {\r\n    return this.drawingService.createMaterialObject(this);\r\n  }\r\n\r\n  /**\r\n   * Creates a light-weight display object whose only purpose is to contain child display objects.\r\n   */\r\n  createContainer() {\r\n    return this.drawingService.createContainer(this);\r\n  }\r\n\r\n  /**\r\n   * Semi-abstract method to be overridden by subclasses which have to decide whether to create\r\n   * a material-based display object, or a light-weight container object.\r\n   */\r\n  createDisplayObject() {\r\n  }\r\n\r\n  /**\r\n   * Factory method for creating a component instance.\r\n   */\r\n  createProduct(name, apiProduct, config) {\r\n    const product = ProductViewModelFactories.createProduct(this.drawingService, apiProduct, config);\r\n    product.name = name;\r\n    return product;\r\n  }\r\n\r\n  /**\r\n   * Recursively removes and destroys all display objects from this component and its descendants.\r\n   * Note, in addition to being used internally in this class, this method is also called when the\r\n   * drawing needs to replace one product with another (it first calls removeDisplayObject on the\r\n   * old product).\r\n   */\r\n  removeDisplayObject() {\r\n    this.components.forEach(child => child.removeDisplayObject());\r\n    if (this.displayObject) {\r\n      this.drawingService.removeChildDisplayObject(this.displayObject);\r\n      this.displayObject = null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Recursively creates and adds display objects for this component and its children.\r\n   * this.displayObject property will be assigned in the process. Also adds the displayObject as a\r\n   * child of the parent's displayObject. If this is the root component, then this call effectively\r\n   * adds all the displayObjects to the drawing.\r\n   */\r\n  addDisplayObject() {\r\n    if (!this.displayObject) {\r\n      this.displayObject = this.createDisplayObject();\r\n      this.components.forEach(child => child.addDisplayObject());\r\n      this.drawingService.addChildDisplayObject(this);\r\n    }\r\n    return this.displayObject;\r\n  }\r\n\r\n  /**\r\n   * Perform necessary clean up to help the browser's memory management and to avoid leaks.\r\n   * This method is called by the DetachFromDomIterator. It's the iterator's responsibility to iterate\r\n   * children, hence don't iterate into child components directly from this method.\r\n   */\r\n  detachFromUI() {\r\n    this.displayObject = null;\r\n    this.drawingService.detachFinishLabel(this);\r\n  }\r\n\r\n  addComponent(component) {\r\n    this.components.push(component);\r\n    component.parent = this;\r\n    return component;\r\n  }\r\n\r\n  removeComponent(component) {\r\n    const index = this.components.indexOf(component);\r\n    if (index > -1) {\r\n      component.parent = null;\r\n      this.components.splice(index, 1);\r\n    }\r\n    return index;\r\n  }\r\n\r\n  /**\r\n   * Helper method for adding components from the apiComponents array to ourselves. The new component\r\n   * array will be the return value of the method.\r\n   * @param {any} name Will be used as the prefix in the component's name\r\n   * @param {any} apiComponents The array of components from an API product.\r\n   */\r\n  addApiComponents(name, apiComponents) {\r\n    const components = [];\r\n    if (apiComponents) {\r\n      let i = 1;\r\n      apiComponents.forEach(apiComponent => {\r\n        const component = this.createProduct(`${name} ${i} (${apiComponent.type})`, apiComponent);\r\n        this.addComponent(component);\r\n        components.push(component);\r\n        i++;\r\n      });\r\n    }\r\n    return components;\r\n  }\r\n\r\n  toggleFinishLabels(on) {\r\n    // Note, the drawingService will know whether this component class actually needs a label\r\n    this.drawingService.toggleFinishLabels(this, on);\r\n  }\r\n\r\n  updateHeight(value) {\r\n    if (value !== this.rect.height) {\r\n      this.rect.height = value;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  updateWidth(value) {\r\n    if (value !== this.rect.width) {\r\n      this.rect.width = value;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  updateDepth(value) {\r\n    if (value !== this.rect.depth) {\r\n      this.rect.depth = value;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** Compatible with the Iterator class. The purpose of this method is simply to recurse the\r\n   * component graph. Subclasses should call iterator.iterate(child) for each component.\r\n   */\r\n  iterate(iterator) {\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitComponent(this);\r\n  }\r\n\r\n  static shrinkRect(rect, delta) {\r\n    return {\r\n      left: rect.left + delta.left,\r\n      bottom: rect.bottom + delta.bottom,\r\n      back: rect.back + delta.back,\r\n      width: rect.width - delta.left - delta.right,\r\n      height: rect.height - delta.top - delta.bottom,\r\n      depth: rect.depth - delta.back - delta.front,\r\n    };\r\n  }\r\n\r\n  static growRect(rect, delta) {\r\n    return {\r\n      left: rect.left - delta.left,\r\n      bottom: rect.bottom - delta.bottom,\r\n      back: rect.back - delta.back,\r\n      width: rect.width + delta.left + delta.right,\r\n      height: rect.height + delta.top + delta.bottom,\r\n      depth: rect.depth + delta.back - delta.front,\r\n    };\r\n  }\r\n\r\n  /** Returns the top-left based vertical position of a child component. */\r\n  to2dTop(childBottom, childHeight) {\r\n    return this.rect.height - childBottom - childHeight;\r\n  }\r\n\r\n  /**\r\n   * Returns the component's rect in a top-left-based coordinate system. top/left are relative to\r\n   * the parent component.\r\n   */\r\n  getTopLeftRect() {\r\n    const top = this.parent ? this.parent.to2dTop(this.rect.bottom, this.rect.height) : 0;\r\n    return {\r\n      left: this.rect.left,\r\n      top: top,\r\n      back: this.rect.back,\r\n      width: this.rect.width,\r\n      height: this.rect.height,\r\n      depth: this.rect.depth,\r\n    };\r\n  }\r\n\r\n  /** Returns this component's relative top position when converted to a top-left based coordinate system. */\r\n  getRelative2dTop() {\r\n    if (this.parent) {\r\n      const top = this.parent.to2dTop(this.rect.bottom, this.rect.height);\r\n      return top / this.parent.rect.height;\r\n    } else {\r\n      return 0;\r\n    }\r\n  }\r\n\r\n  /** Returns this component's relative left position. */\r\n  getRelative2dLeft(leftCorrection, parentWidthCorrection) {\r\n    if (this.parent) {\r\n      let left = this.rect.left;\r\n      if (leftCorrection)\r\n        left += leftCorrection;\r\n      let parentWidth = this.parent.rect.width;\r\n      if (parentWidthCorrection) {\r\n        parentWidth += parentWidthCorrection;\r\n      }\r\n      return left / parentWidth;\r\n    } else {\r\n      return 0;\r\n    }\r\n  }\r\n\r\n  addToMaterialIdList(list) {\r\n    this.components.forEach(child => child.addToMaterialIdList(list));\r\n    if (this.material) {\r\n      // Let's use the actual material already found (might be a fallback material/general finish):\r\n      list[this.material.id] = true;\r\n    } else if (this.finish) {\r\n      if (this.materialIdPrefix) {\r\n        list[this.materialIdPrefix + this.drawingService.materialPrefixDelim + this.finish] = true;\r\n      } else {\r\n        list[this.finish] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  createMaterialIdList() {\r\n    const list = {};\r\n    this.addToMaterialIdList(list);\r\n    return list;\r\n  }\r\n\r\n  /**\r\n   * Adds the product's primary finishes to the finishes array parameter. Note, secondary finishes\r\n   * should not be added (frame finish on doors, metal finish in flexi sections, etc.).\r\n   */\r\n  addToPrimaryFinishArray(finishes) {\r\n    if (!finishes.includes(this.finish)) {\r\n      finishes.push(this.finish);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adds the product's primary finishes to the finishes array parameter. Note, secondary finishes\r\n   * should not be added (frame finish on doors, metal finish in flexi sections, etc.).\r\n   */\r\n  addToSecondaryFinishArray(finishes) {\r\n    const finish = this.getSecondaryFinish();\r\n    if (finish && !finishes.includes(finish)) {\r\n      finishes.push(finish);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns an array of the product's primary finishes (id's). Note, secondary finishes should\r\n   * not be added (frame finish on doors, metal finish in flexi sections, etc.).\r\n   */\r\n  getAllPrimaryFinishes() {\r\n    let finishes = [];\r\n    this.addToPrimaryFinishArray(finishes);\r\n    return finishes;\r\n  }\r\n\r\n  /**\r\n   * Returns an array of the product's secondary finishes (frame finish on doors, metal finish in\r\n   * flexi sections, etc.).\r\n   */\r\n  getAllSecondaryFinishes() {\r\n    let finishes = [];\r\n    this.addToSecondaryFinishArray(finishes);\r\n    return finishes;\r\n  }\r\n\r\n  static assignArrayModificationsTo(destApiProduct, arrayName, sourceArray, assignType) {\r\n    if (!sourceArray) {\r\n      return false;\r\n    }\r\n    let isModified = false;\r\n    let index = 0;\r\n    let destArray = null;\r\n    let lastModNdx = -1;\r\n    sourceArray.forEach(product => {\r\n      const destProduct = {};\r\n      if (assignType) {\r\n        destProduct.type = product.type;\r\n      }\r\n      if (product.assignModificationsTo(destProduct)) {\r\n        destArray = destArray || Array(sourceArray.length).fill({});\r\n        destArray[index] = destProduct;\r\n        isModified = true;\r\n        lastModNdx = index;\r\n      }\r\n      index++;\r\n    });\r\n    if (isModified) {\r\n      destApiProduct[arrayName] = destArray.slice(0, lastModNdx + 1);\r\n    }\r\n    return isModified;\r\n  }\r\n\r\n  /**\r\n   * Returns the ratio of this component's width relative to the component's height (width / height).\r\n   * @param {any} use2D If true, then use the rotation property to determine which lengths to be used\r\n   * in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getWidthHeightRatio(use2D = null, rotation = null) {\r\n    if (use2D) {\r\n      rotation = rotation || this.rotation;\r\n      if (rotation.x === 90) {\r\n        return this.rect.depth ? this.rect.width / this.rect.depth : NaN;\r\n      }\r\n      if (rotation.y === 90) {\r\n        return this.rect.height ? this.rect.depth / this.rect.height : NaN;\r\n      }\r\n    }\r\n    return this.rect.height ? this.rect.width / this.rect.height : NaN;\r\n  }\r\n\r\n  /** Returns the ratio of this component's width relative to the component's depth (width / depth). */\r\n  getWidthDepthRatio() {\r\n    return this.rect.depth ? this.rect.width / this.rect.depth : NaN;\r\n  }\r\n\r\n  /** Returns the ratio of the material's width relative to the material's height (width / height). */\r\n  getMaterialWidthHeightRatio() {\r\n    return this.material ? this.material.productWidth / this.material.productHeight : NaN;\r\n  }\r\n\r\n  /**\r\n   * Returns the ratio of the width relative to the parent component's width.\r\n   * @param {double} width The width in mm which we want to convert to a percent of the parent's width.\r\n   * If width is not provided, then the component's width is used instead.\r\n   * @param {any} use2D If true, then use the rotation property to determine which lengths to be used\r\n   * in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getWidthRatio(width, use2D = null, rotation = null, parentWidthCorrection = null) {\r\n    if (width === 0) {\r\n      return 0; // Avoid confusion of undefined vs 0\r\n    }\r\n\r\n    let parentWidth = this.parent ? this.parent.rect.width : 0;\r\n    if (parentWidth && parentWidthCorrection) {\r\n      parentWidth += parentWidthCorrection;\r\n    }\r\n\r\n    if (!width) {\r\n      rotation = rotation || this.rotation;\r\n      width = use2D && rotation.y === 90 ? this.rect.depth : this.rect.width;\r\n    }\r\n\r\n    return parentWidth ? width / parentWidth : NaN;\r\n  }\r\n\r\n  /**\r\n   * Returns the ratio of this component's height relative to the parent component's height.\r\n   * @param {any} use2D If true, then use the rotation property to determine which lengths to be used\r\n   * in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getHeightRatio(decimals, use2D = null, rotation = null) {\r\n    const parentHeight = this.parent ? this.parent.rect.height : 0;\r\n    if (parentHeight) {\r\n      rotation = rotation || this.rotation;\r\n      const height = use2D && rotation.x === 90 ? this.rect.depth : this.rect.height;\r\n      const exactRatio = height / parentHeight;\r\n      return decimals || decimals === 0 ? ObjectUtils.roundDec(exactRatio, decimals) : exactRatio;\r\n    }\r\n    return NaN;\r\n  }\r\n\r\n  /** Returns the ratio of this component's depth relative to the parent component's depth. */\r\n  getDepthRatio(decimals) {\r\n    const parentDepth = this.parent ? this.parent.rect.depth : 0;\r\n    if (parentDepth) {\r\n      const exactRatio = this.rect.depth / parentDepth;\r\n      return decimals ? ObjectUtils.roundDec(exactRatio, decimals) : exactRatio;\r\n    }\r\n    return NaN;\r\n  }\r\n\r\n  /**\r\n   * Returns the ratio of this component's width relative to the material's width. A ratio larger\r\n   * than 1.0 means the component is wider than the material's width (shouldn't happen unless the\r\n   * material image has been taken of a component narrower than the max. available).\r\n   * @param {any} use2D If true, then use the rotation property to determine which length to use as\r\n   * the width in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getMaterialWidthRatio(use2D = null, rotation = null) {\r\n    let width = this.rect.width;\r\n    if (use2D) {\r\n      rotation = rotation || this.rotation;\r\n      if (rotation.y === 90) {\r\n        width = this.rect.depth;\r\n      }\r\n    }\r\n    const materialWidth = this.material ? this.material.productWidth : 0;\r\n    return materialWidth ? width / materialWidth : NaN;\r\n  }\r\n\r\n  /**\r\n   * Returns the ratio of this component's height relative to the material's height. A ratio larger\r\n   * than 1.0 means the component is taller than the material's height (shouldn't happen unless the\r\n   * material image has been taken of a component shorter than the max. available).\r\n   * @param {any} use2D If true, then use the rotation property to determine which length to use as\r\n   * the height in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getMaterialHeightRatio(use2D = null, rotation = null) {\r\n    let height = this.rect.height;\r\n    if (use2D) {\r\n      rotation = rotation || this.rotation;\r\n      if (rotation.x === 90) {\r\n        height = this.rect.depth;\r\n      }\r\n    }\r\n    const materialHeight = this.material ? this.material.productHeight : 0;\r\n    return materialHeight ? height / materialHeight : NaN;\r\n  }\r\n\r\n  /** Returns the ratio of this component's depth relative to the material's height. A ratio larger\r\n   * than 1.0 means the component is deeper than the material's height (shouldn't happen unless the\r\n   * material image has been taken of a component shorter than the max. available).\r\n   * @param {any} use2D If true, then use the rotation property to determine which length to use as\r\n   * the depth in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getMaterialDepthRatio(use2D = null, rotation = null) {\r\n    let depth = this.rect.depth;\r\n    if (use2D) {\r\n      rotation = rotation || this.rotation;\r\n      if (rotation.x === 90) {\r\n        depth = this.rect.height;\r\n      }\r\n    }\r\n    const materialHeight = this.material ? this.material.productHeight : 0;\r\n    return materialHeight ? depth / materialHeight : NaN;\r\n  }\r\n\r\n  /**\r\n   * Returns clientWidth x getWidthRatio(), where getWidthRatio() is the ratio of this component's\r\n   * width relative to the parent component's width.\r\n   * @param {any} use2D If true, then use the rotation property to determine which length to use as\r\n   * the width in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getRelativeWidth(clientWidth, round, use2D, rotation) {\r\n    if (parent) {\r\n      const exactWidth = clientWidth * this.getWidthRatio(null, use2D, rotation);\r\n      return round ? Math.round(exactWidth) : exactWidth;\r\n    } else {\r\n      return round ? Math.round(clientWidth) : clientWidth;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns clientHeight x getHeigthRatio(), where getHeightRatio() is the ratio of this component's\r\n   * height relative to the parent component's height.\r\n   * @param {any} use2D If true, then use the rotation property to determine which length to use as\r\n   * the height in the calculation.\r\n   * @param {any} rotation If defined, overrides this.rotation.\r\n   */\r\n  getRelativeHeight(clientHeight, round, use2D, rotation) {\r\n    if (parent) {\r\n      const exactHeight = clientHeight * this.getHeightRatio(null, use2D, rotation);\r\n      return round ? Math.round(exactHeight) : exactHeight;\r\n    } else {\r\n      return round ? Math.round(clientHeight) : clientHeight;\r\n    }\r\n  }\r\n\r\n  // I decided to not go with this implementation because it causes the code harder to maintain in\r\n  // the future due to not referencing property names directly, but instead using property name strings.\r\n  ///**\r\n  // * This is macro helper which first checks if the property value has been modified (from the apiProduct),\r\n  // * and if true, assign the new value to the destApiProduct object. The purpose is to build an\r\n  // * object which only contains the modified properties. Returns true if a modification was found.\r\n  // * @param {any} destApiProduct The API product object we are updating.\r\n  // * @param {any} propName Used as this[propName]\r\n  // * @param {any} apiPropName Used as this.apiProduct[apiPropName] and destApiProduct[apiPropName]\r\n  // */\r\n  //assignModifiedPropTo(destApiProduct, propName, apiPropName) {\r\n  //  if (this[propName] !== this.apiProduct[apiPropName]) {\r\n  //    destApiProduct[apiPropName] = this[propName];\r\n  //    return true;\r\n  //  }\r\n  //  return false;\r\n  //}\r\n\r\n  /**\r\n   * Code should assign all changes (compared to the apiProduct) to the destApiProduct. This method\r\n   * is called from the getModifiedApiProduct() method and the returned api product might get sent\r\n   * to the server. NOTE: if the UI changes a root property directly, this method might not be used\r\n   * to get changes. Instead the changes are sent directly to the server. As a consequence this\r\n   * method and the assignModificationsTo() method are not currently looking for changes to the\r\n   * properties we know are modified directly in the UI (width, height, depth, thickness, etc.).\r\n   * Method returns true if any changes were found.\r\n   */\r\n  assignModificationsTo(destApiProduct) {\r\n    if (this.finish !== this.apiProduct.f) {\r\n      destApiProduct.f = this.finish;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Is typically used for getting the changes which are sent to the server after the user has made\r\n   * multiple changes in the UI (e.g. via a popup editor). NOTE: if the UI changes a root property\r\n   * directly, this method might not be used to get changes. Instead the changes are sent directly\r\n   * to the server. As a consequence this method and the assignModificationsTo() method are not\r\n   * currently looking for changes to the properties we know are modified directly in the UI\r\n   * (width, height, depth, thickness, etc.).\r\n   */\r\n  getModifiedApiProduct() {\r\n    const apiProduct = {\r\n      type: this.type\r\n    };\r\n    return this.assignModificationsTo(apiProduct) ? apiProduct : null;\r\n  }\r\n}\r\n\r\nexport class DoorCoreElement extends Component {\r\n  constructor(name, drawingService, apiDoorCoreElement, config) {\r\n    super(name, drawingService, apiDoorCoreElement, config);\r\n  }\r\n}\r\n\r\nexport class DoorPanel extends DoorCoreElement {\r\n  constructor(name, drawingService, apiDoorPanel, config) {\r\n    super(name, drawingService, apiDoorPanel, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'DoorPanel';\r\n  }\r\n\r\n  getTopLeftRect() {\r\n    const rect = super.getTopLeftRect();\r\n    rect.relativeTop = this.parent ? rect.top / this.parent.rect.height : 0.0;\r\n    return rect;\r\n  }\r\n\r\n  getTopLeftCorePanelRect() {\r\n    let top = 0;\r\n    let totalPanelHeight;\r\n    const core = this.parent;\r\n    if (core) {\r\n      totalPanelHeight = core.getTotalPanelHeight();\r\n      // Convert from bottom-left to top-left based position of the panel.\r\n      top = totalPanelHeight - this.rect.bottom - this.rect.height;\r\n    }\r\n\r\n    //const top = this.parent ? this.parent.to2dTop(this.rect.bottom, this.rect.height) : 0;\r\n    const rect = {\r\n      left: this.rect.left,\r\n      top: top,\r\n      back: this.rect.back,\r\n      width: this.rect.width,\r\n      height: this.rect.height,\r\n    };\r\n\r\n    rect.relativeTop = totalPanelHeight ? rect.top / totalPanelHeight : 0.0;\r\n    return rect;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorPanel(this);\r\n  }\r\n}\r\n\r\nexport class DoorDivider extends DoorCoreElement {\r\n  constructor(name, drawingService, apiDoorDivider, config) {\r\n    super(name, drawingService, apiDoorDivider, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.dividerType = config.dividerType;\r\n    // Api dividers don't have a finish property (always same as core's dividerF):\r\n    this.finish = config.finish;\r\n    this.materialIdPrefix = this.dividerType;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorDivider(this);\r\n  }\r\n}\r\n\r\nconst DoorCoreDesign = {\r\n  SinglePanel: 'SinglePanelDoorCore',           // Traditional single panel door style\r\n  DualPanel: 'DualPanelDoorCore',               // Two equal size panels\r\n  OpalDualPanel: 'OpalDualPanelDoorCore',       // Two equal size panels\r\n  TriplePanel: 'TriplePanelDoorCore',           // Three equal size panels\r\n  QuadruplePanel: 'QuadruplePanelDoorCore',     // Four equal size panels\r\n  QuintuplePanel: 'QuintuplePanelDoorCore',     // Five equal size panels\r\n  CenterPanel: 'CenterPanelDoorCore',           // One small center panel, and equally sized top and bottom panels\r\n  FiveUnevenPanel: 'FiveUnevenPanelDoorCore',   /* Five panels, panels 1,3, and 5 are same variable height, while\r\n                                                   panels 2 and 4 are small, 30 cm height panels */\r\n  LargeCenterPanel: 'LargeCenterPanelDoorCore', // Same as QuintuplePanel, but with the two middle dividers removed\r\n  LargeBottomPanel: 'LargeBottomPanelDoorCore', // Same as QuadruplePanel, but with the two bottom dividers removed\r\n};\r\n\r\nexport class DoorCore extends Component {\r\n  constructor(name, drawingService, apiDoorCore, config) {\r\n    super(name, drawingService, apiDoorCore, config);\r\n    this.design = config.design;\r\n    this.dividerFinish = this.apiProduct.dividerF;\r\n    this.panelLayout = config.panelLayout;\r\n    this.panels = [];\r\n    let i = 1;\r\n    this.apiProduct.panels.forEach(apiPanel => {\r\n      const component = new DoorPanel('Panel ' + i, this.drawingService, apiPanel);\r\n      this.addComponent(component);\r\n      this.panels.push(component);\r\n      i++;\r\n    });\r\n    this.dividers = [];\r\n    i = 1;\r\n    this.apiProduct.dividers.forEach(apiDivider => {\r\n      const config = { dividerType: this.apiProduct.profileType, finish: this.apiProduct.dividerF };\r\n      const component = new DoorDivider('Divider ' + i, this.drawingService, apiDivider, config);\r\n      this.addComponent(component);\r\n      this.dividers.push(component);\r\n      i++;\r\n    });\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  replaceDividerFinishes(newFinish) {\r\n    if (newFinish !== this.dividerFinish) {\r\n      this.dividers.forEach(divider => divider.replaceFinish(newFinish));\r\n      this.dividerFinish = newFinish;\r\n    }\r\n  }\r\n\r\n  /** Called from the UI when we need to replace all the door core's panels. */\r\n  replaceAllPanelsFinish(newFinish, onPanelChanged) {\r\n    this.panels.forEach(panel => {\r\n      panel.replaceFinish(newFinish, (sender, args) => {\r\n        if (onPanelChanged) {\r\n          args.panel = panel;\r\n          onPanelChanged(this, args);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Adds the product's primary finishes to the finishes array parameter.\r\n   */\r\n  addToPrimaryFinishArray(finishes) {\r\n    this.panels.forEach(panel => panel.addToPrimaryFinishArray(finishes));\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    const arePanelsModified = Component.assignArrayModificationsTo(destApiProduct, 'panels', this.panels);\r\n    // All dividers always have the same finish:\r\n    //const isDividerFModified  = Component.assignArrayModificationsTo(destApiProduct, 'dividers', this.dividers);\r\n    const isDividerFModified = this.dividerFinish !== this.apiProduct.dividerF;\r\n    if (isDividerFModified) {\r\n      destApiProduct.dividerF = this.dividerFinish;\r\n    }\r\n    return arePanelsModified || isDividerFModified;\r\n  }\r\n\r\n  getTopItem(items) {\r\n    return items.length > 0 ? items[0] : null;\r\n  }\r\n\r\n  getBottomItem(items) {\r\n    return items.length > 0 ? items[items.length - 1] : null;\r\n  }\r\n\r\n  iterate(iterator) {\r\n    for (let i = 0, len = this.panels.length; i < len; i++) {\r\n      iterator.iterate(this.panels[i]);\r\n      if (i < len - 1) {\r\n        iterator.iterate(this.dividers[i]);\r\n      }\r\n    }\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n    for (let i = 0, len = this.panels.length; i < len; i++) {\r\n      visitor.visit(this.panels[i]);\r\n      if (i < len - 1) {\r\n        visitor.visit(this.dividers[i]);\r\n      }\r\n    }\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorCore(this);\r\n  }\r\n\r\n  /**\r\n   * This is a public helper method which does a simple conversion from the DoorCoreDesign enum to\r\n   * an integer (the number of panels) given the panelLayout parameter. The getDoorCoreDesign()\r\n   * method does the inverse.\r\n   */\r\n  static calculatePanelCount(panelLayout) {\r\n    switch (panelLayout) {\r\n      case DoorCoreDesign.SinglePanel:\r\n        return 1;\r\n      case DoorCoreDesign.DualPanel:\r\n      case DoorCoreDesign.LargeBottomPanel:\r\n        return 2;\r\n      case DoorCoreDesign.TriplePanel:\r\n      case DoorCoreDesign.CenterPanel:\r\n      case DoorCoreDesign.LargeCenterPanel:\r\n        return 3;\r\n      case DoorCoreDesign.QuadruplePanel:\r\n        return 4;\r\n      case DoorCoreDesign.QuintuplePanel:\r\n      case DoorCoreDesign.FiveUnevenPanel:\r\n        return 5;\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * This is a public helper method which returns the DoorCoreDesign enum value corresponding to the\r\n   * panelCount parameter. The calculatePanelCount() method does the inverse.\r\n   */\r\n  static getDoorCoreDesign(panelCount) {\r\n    switch (panelCount) {\r\n      default:\r\n      case 1: return DoorCoreDesign.SinglePanel;\r\n      case 2: return DoorCoreDesign.DualPanel;\r\n      case 3: return DoorCoreDesign.TriplePanel;\r\n      case 4: return DoorCoreDesign.QuadruplePanel;\r\n      case 5: return DoorCoreDesign.QuintuplePanel;\r\n    }\r\n  }\r\n\r\n  getTotalHeight(rects) {\r\n    const count = rects.length;\r\n    let height = 0;\r\n    for (let i = 0; i < count; i++) {\r\n      height += rects[i].height;\r\n    }\r\n    return height;\r\n  }\r\n\r\n  getTotalPanelHeight() {\r\n    const panels = this.panels;\r\n    const panelCount = panels.length;\r\n    let height = 0;\r\n    for (let i = 0; i < panelCount; i++) {\r\n      height += panels[i].rect.height;\r\n    }\r\n    return height;\r\n  }\r\n\r\n  getVisualPanelRects() {\r\n    const panels = this.panels;\r\n    const panelCount = panels.length;\r\n    const rects = Array(panelCount);\r\n    let y = 0;\r\n    for (let i = panelCount - 1; i >= 0; i--) {\r\n      const source = panels[i].rect;\r\n      rects[i] = {\r\n        left: source.left,\r\n        bottom: y,\r\n        back: source.back,\r\n        width: source.width,\r\n        height: source.height,\r\n      };\r\n      y += rects[i].height;\r\n    }\r\n    return rects;\r\n  }\r\n\r\n  getTopLeftBasedVisualPanelRects() {\r\n    const rects = this.getVisualPanelRects();\r\n    const totalHeight = this.getTotalHeight(rects);\r\n    for (let i = rects.length - 1; i >= 0; i--) {\r\n      rects[i].top = totalHeight - rects[i].bottom - rects[i].height;\r\n      delete rects[i].bottom;\r\n    }\r\n    return rects;\r\n  }\r\n\r\n  //#region Panels & Dividers\r\n\r\n  /**\r\n   * This is a private helper method for calculateDividerPositions().\r\n   */\r\n  calcVisiblePanelHeight(fixedPanelIndeces, fixedPanelVisibleHeights, defaultDivider,\r\n    defaultDividerCount, defaultPanelCount) {\r\n    /* Note, as of 9/9/2020 (and before) the positions and dimensions returned from the server's\r\n     * store api are the visible ones. */\r\n    const hasFixedPanels = fixedPanelIndeces !== null && fixedPanelIndeces.length > 0;\r\n\r\n    const totalVisiblePanelHeight = this.rect.height - (defaultDivider.rect.height * defaultDividerCount);\r\n\r\n    // Next find the new total height of panels with fixed height\r\n    let totalFixedPanelVisibleHeight = 0;\r\n    if (hasFixedPanels) {\r\n      for (let i = 0; i < fixedPanelVisibleHeights.length; i++) {\r\n        totalFixedPanelVisibleHeight += fixedPanelVisibleHeights[i];\r\n      }\r\n    }\r\n\r\n    // The height that is available to be divided among the non-fixed panels.\r\n    const availablePanelHeight = totalVisiblePanelHeight - totalFixedPanelVisibleHeight;\r\n    const availablePanelCount = defaultPanelCount - (hasFixedPanels ? fixedPanelIndeces.length : 0);\r\n    // Find the visible height per panel (out of those that don't have fixed heights)\r\n    return availablePanelCount > 0 ? availablePanelHeight / availablePanelCount : 0;\r\n  }\r\n\r\n  /**\r\n   * Calculates the positions of the default dividers in the core. These default positions are\r\n   * then used for determining the height of the door panels after certain dividers are removed.\r\n   * No side effects. This is a private helper method for reconfigureMultiPanelsAndDividers().\r\n   */\r\n  calculateDividerPositions(door, defaultPanelCount, dividerHeight, fixedPanelIndeces, fixedPanelVisibleHeights) {\r\n    if (defaultPanelCount <= 0) {\r\n      throw new Error('defaultPanelCount');\r\n    }\r\n    const defaultDividerCount = defaultPanelCount - 1;\r\n    const dividerPositions = Array(defaultDividerCount);\r\n    if (defaultPanelCount == 1) {\r\n      return dividerPositions;\r\n    }\r\n    const hasFixedPanels = fixedPanelIndeces !== null && fixedPanelIndeces.length > 0;\r\n    const visiblePanelHeight = this.calcVisiblePanelHeight(fixedPanelIndeces, fixedPanelVisibleHeights,\r\n      this.getTopItem(this.dividers), defaultDividerCount, defaultPanelCount);\r\n\r\n    let fixedPanelIndex = hasFixedPanels ? fixedPanelIndeces.length - 1 : -1;\r\n\r\n    //const finish = this.getBottomItem(this.panels).finish;\r\n    const tongueLength = 0; // door !== null ? door.frame.bottomRail.panelTongueLength(finish) : 0.0; // TODO!!!!\r\n    let currentPanelVisibleOffset = tongueLength;\r\n    for (let i = defaultDividerCount - 1; i > -1; i--) {\r\n      let panelHeight;\r\n      if (hasFixedPanels && fixedPanelIndex > -1 && i + 1 === fixedPanelIndeces[fixedPanelIndex]) {\r\n        panelHeight = fixedPanelVisibleHeights[fixedPanelIndex];\r\n        fixedPanelIndex--;\r\n      } else {\r\n        panelHeight = visiblePanelHeight;\r\n      }\r\n      dividerPositions[i] = currentPanelVisibleOffset + panelHeight;\r\n      currentPanelVisibleOffset = dividerPositions[i] + dividerHeight;\r\n    }\r\n    return dividerPositions;\r\n  }\r\n\r\n  /**\r\n   * Updates panel and divider positions and panel heights. Does not update any display objects.\r\n   * This is a private helper method for the reconfigurePanelsAndDividers() method.\r\n   */\r\n  reconfigureMultiPanelsAndDividers(door, fixedPanelIndeces, fixedPanelVisibleHeights) {\r\n    /* Note, as of 9/9/2020 (and before) the positions and dimensions returned from the server's\r\n     * store api are the visible ones. We don't have information about the size of panel indents\r\n     * into frames and dividers (tongueAbove/-Below are 0 in this method). */\r\n    const panels = this.panels;\r\n    const panelCount = panels.length;\r\n    switch (panelCount) {\r\n      case 0:\r\n        break;\r\n      case 1:\r\n        panels[0].rect.bottom = 0;\r\n        break;\r\n      default: {\r\n        let defaultPanelCount = DoorCore.calculatePanelCount(this.panelLayout);\r\n        const dividerHeight = this.getTopItem(this.dividers).rect.height;\r\n        const isLargeCenterPanel = this.panelLayout === DoorCoreDesign.LargeCenterPanel;\r\n        const isLargeBottomPanel = this.panelLayout === DoorCoreDesign.LargeBottomPanel;\r\n        if (isLargeCenterPanel) {\r\n          // Use the layout of a 5-panel core as the starting point\r\n          defaultPanelCount += 2;\r\n        } else if (isLargeBottomPanel) {\r\n          // Use the layout of a 4-panel core as the starting point\r\n          defaultPanelCount += 2;\r\n        }\r\n        const dividerPositions = this.calculateDividerPositions(door, defaultPanelCount, dividerHeight,\r\n          fixedPanelIndeces, fixedPanelVisibleHeights);\r\n        if (isLargeCenterPanel) {\r\n          // Move the value of the last position into the array's second slot:\r\n          dividerPositions[1] = dividerPositions[3];\r\n          dividerPositions.length = 2;\r\n        } else if (isLargeBottomPanel) {\r\n          dividerPositions.length = 1;\r\n        }\r\n        const lastPanelIndex = panelCount - 1;\r\n        //const frame = door != null ? door.frame : null;\r\n        //let frameBelow = frame != null ? frame.topRail : null;\r\n        let dividerIndex = -1;\r\n        let priorDividerPosition = 0;\r\n        for (let i = 0; i < panelCount; i++) {\r\n          //const frameAbove = frameBelow;\r\n          //frameBelow = i === lastPanelIndex\r\n          //  ? frame != null ? frame.bottomRail : null\r\n          //  : this.dividers[i];\r\n\r\n          const panel = this.panels[i];\r\n          //const finish = panel.finish;\r\n          const tongueAbove = 0; //frameAbove != null ? frameAbove.getPanelTongueLength(finish) : 0.0; // TODO\r\n          const tongueBelow = 0; //frameBelow != null ? frameBelow.getPanelTongueLength(finish) : 0.0; // TODO\r\n\r\n          if (i === 0) {\r\n            priorDividerPosition = this.rect.height - tongueAbove;\r\n            if (priorDividerPosition < 0) {\r\n              priorDividerPosition = 0;\r\n            }\r\n          }\r\n\r\n          let visibleHeight;\r\n          dividerIndex += panel.MergedPanels || 1; // TODO: 1 = no merged panels, 2 = 2 panels were merged to create this panel\r\n          if (dividerIndex < dividerPositions.length) {\r\n            visibleHeight = priorDividerPosition - dividerPositions[dividerIndex] - dividerHeight;\r\n            priorDividerPosition = dividerPositions[dividerIndex];\r\n          } else {\r\n            visibleHeight = priorDividerPosition - tongueBelow;\r\n          }\r\n          if (visibleHeight < 0)\r\n            visibleHeight = 0;\r\n\r\n          panel.rect.height = visibleHeight;\r\n          if (i == lastPanelIndex) {\r\n            this.panels[i].rect.bottom = tongueBelow;\r\n          } else if (dividerIndex < dividerPositions.length) {\r\n            this.dividers[i].rect.bottom = dividerPositions[dividerIndex];\r\n            this.panels[i].rect.bottom = dividerPositions[dividerIndex] + dividerHeight;\r\n          }\r\n        }\r\n\r\n        break;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Return a Divider object which can be used as the template for new dividers added to\r\n   * the door core. If the core doesn't have any dividers, the onFindTemplateDivider callback\r\n   * function is called. This is a private helper method for updatePanelAndDividerComponentLists and\r\n   * shouldn't be used for other purposes.\r\n   */\r\n  getTemplateDivider() {\r\n    let divider = this.getBottomItem(this.dividers);\r\n    if (!divider && this.onFindTemplateDivider) {\r\n      divider = this.onFindTemplateDivider(this);\r\n    }\r\n    return divider;\r\n  }\r\n\r\n  /**\r\n   * Calculates the current number of panels and dividers and updates the component lists to\r\n   * contain the correct number of components. Display objects will be removed/added as needed\r\n   * as well. Component positions and sizes are not updated in this method. This is a private helper\r\n   * method for reconfigurePanelsAndDividers and shouldn't be used for other purposes.\r\n   */\r\n  updatePanelAndDividerComponentLists() {\r\n    const panelCount = DoorCore.calculatePanelCount(this.panelLayout);\r\n    let template = this.getBottomItem(this.panels);\r\n    let i = panelCount;\r\n    while (this.panels.length < panelCount) {\r\n      const apiPanel = {\r\n        /* type only needs to be assigned if/when type can be modified or different among\r\n         * the children (e.g. section contents). */\r\n        //type: 'Panel', // TODO\r\n        f: template.finish,\r\n        l: template.rect.left,\r\n        b: template.rect.bottom,\r\n        z: template.rect.back,\r\n        w: template.rect.width,\r\n        h: template.rect.height,\r\n      };\r\n      const panel = new DoorPanel('Panel ' + i, this.drawingService, apiPanel);\r\n      this.addComponent(panel);\r\n      this.panels.push(panel);\r\n      panel.addDisplayObject();\r\n      i++;\r\n    }\r\n\r\n    while (this.panels.length > panelCount) {\r\n      const panel = this.panels.pop();\r\n      panel.removeDisplayObject();\r\n      this.removeComponent(panel);\r\n    }\r\n\r\n    const dividerCount = panelCount - 1;\r\n    template = this.getTemplateDivider();\r\n    i = dividerCount;\r\n    while (this.dividers.length < dividerCount) {\r\n      const apiDivider = {\r\n        //type only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n        //type: 'Divider', // TODO\r\n        f: this.dividerFinish,\r\n        l: template.rect.left,\r\n        b: template.rect.bottom,\r\n        z: template.rect.back,\r\n        w: template.rect.width,\r\n        h: template.rect.height,\r\n      };\r\n      const config = { dividerType: this.apiProduct.profileType, finish: this.apiProduct.dividerF };\r\n      const divider = new DoorDivider('Divider ' + i, this.drawingService, apiDivider, config);\r\n      this.addComponent(divider);\r\n      this.dividers.push(divider);\r\n      divider.addDisplayObject();\r\n      i++;\r\n    }\r\n    while (this.dividers.length > dividerCount) {\r\n      const divider = this.dividers.pop();\r\n      divider.removeDisplayObject();\r\n      this.removeComponent(divider);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Reconfigures the panels and dividers in the door core based on the current value of the\r\n   * panelLayout property. This method is called from the Door.replaceLayout() method.\r\n   */\r\n  reconfigurePanelsAndDividers(door) {\r\n    /* Step 1 of 3: add/remove panels and dividers as needed. This method will remove obsolete\r\n     * display objects, add new ones, but does not calculate positions and sizes. */\r\n\r\n    this.updatePanelAndDividerComponentLists();\r\n\r\n    /* Step 2 of 3: update panel and divider positions, and panel sizes (doesn't affect display objects): */\r\n\r\n    const panels = this.panels;\r\n    let indeces;\r\n    let heights;\r\n    let height;\r\n    switch (this.panelLayout) {\r\n      case DoorCoreDesign.SinglePanel:\r\n        if (panels.length === 1) {\r\n          // TODO: This doesn't account for the top/bottom rail heights:\r\n          const panel = this.getTopItem(panels);\r\n          panel.rect.height = this.rect.height;\r\n          panel.rect.bottom = door.frame.bottomRail.rect.bottom; // TODO: Shouldn't this be rect.top?\r\n        }\r\n        break;\r\n      case DoorCoreDesign.DualPanel:\r\n      case DoorCoreDesign.TriplePanel:\r\n      case DoorCoreDesign.QuadruplePanel:\r\n      case DoorCoreDesign.QuintuplePanel:\r\n      case DoorCoreDesign.LargeCenterPanel:\r\n      case DoorCoreDesign.LargeBottomPanel:\r\n        this.reconfigureMultiPanelsAndDividers(door, null, null);\r\n        break;\r\n      case DoorCoreDesign.CenterPanel:\r\n        indeces = Array(1);\r\n        height = panels.length > 1 ? panels[1].height : 0;\r\n        heights = [height];\r\n        this.reconfigureMultiPanelsAndDividers(door, indeces, heights);\r\n        break;\r\n      case DoorCoreDesign.FiveUnevenPanel:\r\n        indeces = [1, 3];\r\n        height = panels.length > 1 ? panels[1].height : 0;\r\n        heights = [height, height];\r\n        this.reconfigureMultiPanelsAndDividers(door, indeces, heights);\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n\r\n    /* Step 3 of 3: update display objects with position, size, and finish of each panel and divider. */\r\n\r\n    const updateElement = element => {\r\n      this.drawingService.setDisplayObjectPosition(element);\r\n      // Don't know why the line below was here, it'll never do anything since it's replacing the finish with its own finish\r\n      //this.replaceChildFinish(element, element.finish);\r\n      //element.replaceFinish(element.finish); // ...also this is the same thing, but easier (still doesn't do anything, though)\r\n    };\r\n    this.panels.forEach(panel => updateElement(panel));\r\n    this.dividers.forEach(divider => updateElement(divider));\r\n  }\r\n\r\n  //#endregion (Panels & Dividers)\r\n}\r\n\r\nexport class DoorFrameElement extends Component {\r\n  constructor(name, drawingService, apiDoorFrameElement, config) {\r\n    super(name, drawingService, apiDoorFrameElement, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.design = config.design;\r\n    // apiDoorFrameElement doesn't have a finish (always the same as the parent frame)\r\n    this.finish = config.finish;\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFrameElement(this);\r\n  }\r\n}\r\n\r\nexport class DoorRail extends DoorFrameElement {\r\n  constructor(name, drawingService, apiDoorRail, config) {\r\n    super(name, drawingService, apiDoorRail, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.isTop = config.isTop;\r\n    if (this.design === 'Safir') {\r\n      const tb = this.isTop ? 'Top' : 'Bottom';\r\n      this.materialIdPrefix = this.design + tb + 'DoorRail';\r\n    } else {\r\n      this.materialIdPrefix = this.design + 'DoorRail';\r\n    }\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorRail(this);\r\n  }\r\n}\r\n\r\nexport class DoorStile extends DoorFrameElement {\r\n  constructor(name, drawingService, apiDoorStile, config) {\r\n    super(name, drawingService, apiDoorStile, config);\r\n    this.isLeft = config.isLeft;\r\n    if (this.isLeft) {\r\n      /* The stile images are of the right stile. To display on the left side,\r\n       * flip the image or rotate 180 degrees: */\r\n      this.rotation.z = 180;\r\n    }\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = this.design + 'DoorStile';\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorStile(this);\r\n  }\r\n}\r\n\r\nexport class DoorFrame extends Component {\r\n  constructor(name, drawingService, apiDoorFrame, config) {\r\n    super(name, drawingService, apiDoorFrame, config);\r\n    this.design = config.design;\r\n\r\n    const topConfig = { design: this.design, finish: apiDoorFrame.f, isTop: true };\r\n    this.topRail = new DoorRail('Top Rail', this.drawingService, apiDoorFrame.topRail, topConfig);\r\n    this.addComponent(this.topRail);\r\n    const botConfig = { design: this.design, finish: apiDoorFrame.f, isTop: false };\r\n    this.bottomRail = new DoorRail('Bottom Rail', this.drawingService, apiDoorFrame.bottomRail, botConfig);\r\n    this.addComponent(this.bottomRail);\r\n\r\n    const leftConfig = { design: this.design, finish: apiDoorFrame.f, isLeft: true };\r\n    this.leftStile = new DoorStile('Left Stile', this.drawingService, apiDoorFrame.leftStile, leftConfig);\r\n    this.addComponent(this.leftStile);\r\n    const rightConfig = { design: this.design, finish: apiDoorFrame.f, isLeft: false };\r\n    this.rightStile = new DoorStile('Right Stile', this.drawingService, apiDoorFrame.rightStile, rightConfig);\r\n    this.addComponent(this.rightStile);\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  replaceChildFinishes(newFinish) {\r\n    if (newFinish !== this.finish) {\r\n      this.components.forEach(component => component.replaceFinish(newFinish));\r\n      this.setFinish(newFinish);\r\n    }\r\n  }\r\n\r\n  iterate(iterator) {\r\n    iterator.iterate(this.topRail);\r\n    iterator.iterate(this.bottomRail);\r\n    iterator.iterate(this.leftStile);\r\n    iterator.iterate(this.rightStile);\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n    visitor.visit(this.topRail);\r\n    visitor.visit(this.bottomRail);\r\n    visitor.visit(this.leftStile);\r\n    visitor.visit(this.rightStile);\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorFrame(this);\r\n  }\r\n}\r\n\r\nexport class DoorBottomTrack extends Component {\r\n  constructor(name, drawingService, apiBottomTrack, config) {\r\n    super(name, drawingService, apiBottomTrack, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'SlidingDoorBottomTrack-' + this.apiProduct.trackType;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorBottomTrack(this);\r\n  }\r\n}\r\n\r\nexport class DoorTopTrack extends Component {\r\n  constructor(name, drawingService, apiTopTrack, config) {\r\n    super(name, drawingService, apiTopTrack, config);\r\n  }\r\n\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'SlidingDoorTopTrack-' + this.apiProduct.trackType;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorTopTrack(this);\r\n  }\r\n}\r\n\r\nexport class Door extends Component {\r\n  constructor(name, drawingService, apiDoor, config) {\r\n    super(name, drawingService, apiDoor, config);\r\n    this.doorIndex = config ? config.doorIndex : 0; // The index of this door in the owner door front's array of doors.\r\n    this.doorIndex = this.doorIndex || 0;\r\n    this.panelLayout = apiDoor.panelLayout;\r\n    this.railNo = apiDoor.railNo;\r\n    const coreConfig = { panelLayout: this.panelLayout, design: apiDoor.design };\r\n    this.core = new DoorCore('Core', this.drawingService, apiDoor.core, coreConfig);\r\n    this.core.onFindTemplateDivider = core => this.handleOnFindTemplateDivider(core);\r\n    this.addComponent(this.core);\r\n    const frameConfig = { design: apiDoor.design };\r\n    this.frame = new DoorFrame('Frame', this.drawingService, apiDoor.frame, frameConfig);\r\n    this.addComponent(this.frame);\r\n  }\r\n\r\n  handleOnFindTemplateDivider(core) {\r\n    let divider = this.onFindTemplateDivider ? this.onFindTemplateDivider(this) : null;\r\n    if (divider === null) {\r\n      /* No divider to be used as template was found. Let's construct a template using the\r\n       * information we have. */\r\n      // TODO: We need to get this info from the server\r\n      let height = this.frame.topRail.rect.height;\r\n      switch (this.frame.design) {\r\n        case 'Safir':\r\n          height = 34;\r\n          break;\r\n        case 'Topaz':\r\n          height = 100;\r\n          break;\r\n      }\r\n      divider = {\r\n        finish: this.core.dividerFinish,\r\n        rect: {\r\n          left: 0,\r\n          bottom: 0,\r\n          back: 0,\r\n          width: this.core.rect.width,\r\n          height: height,\r\n          depth: this.core.rect.depth,\r\n        }\r\n      };\r\n    }\r\n    return divider;\r\n  }\r\n\r\n  findTemplateDivider(targetDoor) {\r\n    if (targetDoor !== this) {\r\n      return this.core.getBottomItem(this.core.dividers);\r\n    }\r\n    return null;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  replaceFrameFinish(newFinish, onChanged) {\r\n    if (newFinish !== this.frame.finish) {\r\n      const oldFinish = this.frame.finish;\r\n      this.frame.replaceChildFinishes(newFinish);\r\n      this.core.replaceDividerFinishes(newFinish);\r\n      if (onChanged) {\r\n        onChanged(this, { oldFinish });\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** Called from the UI when we need to replace all the door's panels. */\r\n  replaceAllPanelsFinish(newFinish, onPanelChanged) {\r\n    this.core.replaceAllPanelsFinish(newFinish, (cor, args) => onPanelChanged(this, args));\r\n  }\r\n\r\n  /**\r\n   * This method is called from the UI after the user has changed the door's panel layout.\r\n   */\r\n  replaceLayout(newLayout, onChanged) {\r\n    if (newLayout !== this.panelLayout) {\r\n      const oldLayout = this.panelLayout;\r\n      this.drawingService.disableDrawingUpdates();\r\n      try {\r\n        this.panelLayout = newLayout;\r\n        this.core.panelLayout = newLayout;\r\n        this.core.reconfigurePanelsAndDividers(this);\r\n      } finally {\r\n        if (this.drawingService.enableDrawingUpdates()) {\r\n          this.drawingService.doorLayoutWasReplaced(this);\r\n        }\r\n      }\r\n      if (onChanged) {\r\n        onChanged(this, { oldLayout });\r\n      }\r\n    }\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = false;\r\n    if (this.panelLayout !== this.apiProduct.panelLayout) {\r\n      destApiProduct.panelLayout = this.panelLayout;\r\n      isModified = true;\r\n    }\r\n    const destCore = {\r\n      //type only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.core.type\r\n    };\r\n    const isCoreModified = this.core.assignModificationsTo(destCore);\r\n    if (isCoreModified) {\r\n      destApiProduct.core = destCore;\r\n    }\r\n    const destFrame = {\r\n      //type only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.frame.type\r\n    };\r\n    const isFrameModified = this.frame.assignModificationsTo(destFrame);\r\n    if (isFrameModified) {\r\n      destApiProduct.frame = destFrame;\r\n    }\r\n    return isModified || isCoreModified || isFrameModified;\r\n  }\r\n\r\n  iterate(iterator) {\r\n    iterator.iterate(this.frame);\r\n    iterator.iterate(this.core);\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n    visitor.visit(this.frame);\r\n    visitor.visit(this.core);\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoor(this);\r\n  }\r\n}\r\n\r\nexport class DoorFront extends Component {\r\n  constructor(name, drawingService, apiDoorFront, config) {\r\n    super(name, drawingService, apiDoorFront, config);\r\n\r\n    const addDoor = (doors, i, doorConfig) => {\r\n      doorConfig.doorIndex = i;\r\n      const doorComp = new Door(`Door ${i + 1}`, this.drawingService, doors[i], doorConfig);\r\n      doorComp.onFindTemplateDivider = door => this.handleOnFindTemplateDivider(door);\r\n      this.addComponent(doorComp);\r\n      this.doors.push(doorComp);\r\n    }\r\n\r\n    const doors = this.apiProduct.doors;\r\n    this.doors = [];\r\n    const doorConfig = { doorIndex: 0 };\r\n\r\n    if (drawingService.addOddDoorsFirst()) {\r\n      /* We want to add the odd indexed doors first so that every second door (even indexed)\r\n       * is displayed after (on top) of the odd doors. */\r\n      let i;\r\n      for (i = 0; i < doors.length; i++) {\r\n        if (i % 2 === 0) {\r\n          //doorConfig.doorIndex = i;\r\n          //const doorComp = new Door(`Door ${i + 1}`, this.drawingService, doors[i], doorConfig);\r\n          //doorComp.onFindTemplateDivider = door => this.handleOnFindTemplateDivider(door);\r\n          //this.addComponent(doorComp);\r\n          //this.doors.push(doorComp);\r\n          addDoor(doors, i, doorConfig);\r\n        }\r\n      }\r\n      for (i = 0; i < doors.length; i++) {\r\n        if (i % 2 === 1) {\r\n          //doorConfig.doorIndex = i;\r\n          //const doorComp = new Door(`Door ${i + 1}`, this.drawingService, doors[i], doorConfig);\r\n          //doorComp.onFindTemplateDivider = door => this.handleOnFindTemplateDivider(door);\r\n          //this.addComponent(doorComp);\r\n          //this.doors.push(doorComp);\r\n          addDoor(doors, i, doorConfig);\r\n        }\r\n      }\r\n    } else {\r\n      for (let i = 0; i < doors.length; i++) {\r\n        addDoor(doors, i, doorConfig);\r\n      }\r\n    }\r\n\r\n    this.railCount = apiDoorFront.railCount;\r\n    this.topTrack = new DoorTopTrack('Top Track', this.drawingService, apiDoorFront.topTrack);\r\n    this.addComponent(this.topTrack);\r\n    this.bottomTrack = new DoorBottomTrack('Bottom Track', this.drawingService, apiDoorFront.bottomTrack);\r\n    this.addComponent(this.bottomTrack);\r\n  }\r\n\r\n  handleOnFindTemplateDivider(targetDoor) {\r\n    let foundDivider = null;\r\n    this.doors.forEach(door => {\r\n      foundDivider = foundDivider || door.findTemplateDivider(targetDoor);\r\n    });\r\n    return foundDivider;\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  /** Replaces the frame finish on all doors. */\r\n  replaceFrameFinish(newFinish, onDoorFrameChanged) {\r\n    this.drawingService.disableDrawingUpdates();\r\n    try {\r\n      this.doors.forEach(door => door.replaceFrameFinish(newFinish, (dor, data) => {\r\n        if (onDoorFrameChanged) {\r\n          onDoorFrameChanged(dor, data);\r\n        }\r\n      }));\r\n    } finally {\r\n      if (this.drawingService.enableDrawingUpdates()) {\r\n        this.drawingService.performInlineUpdate(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Called from the UI when we need to replace all panels on all doors. */\r\n  replaceAllPanelsFinish(newFinish, onPanelChanged) {\r\n    this.doors.forEach(door => {\r\n      door.replaceAllPanelsFinish(newFinish, (dor, args) => {\r\n        if (onPanelChanged) {\r\n          args.door = dor;\r\n          onPanelChanged(this, args);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Adds the product's primary finishes to the finishes array parameter.\r\n   */\r\n  addToPrimaryFinishArray(finishes) {\r\n    this.doors.forEach(door => door.core.addToPrimaryFinishArray(finishes));\r\n  }\r\n\r\n  /**\r\n   * Adds the doors' frame finishes to the secondary finishes array parameter.\r\n   */\r\n  addToSecondaryFinishArray(finishes) {\r\n    this.doors.forEach(door => door.frame.addToPrimaryFinishArray(finishes));\r\n  }\r\n\r\n  getAllFrameFinishes() {\r\n    return this.getAllSecondaryFinishes();\r\n  }\r\n\r\n  getAllTrackFinishes() {\r\n    return [this.topTrack.finish];\r\n  }\r\n\r\n  getAllPanelLayouts() {\r\n    let layouts = [];\r\n    this.doors.forEach(door => {\r\n      if (!layouts.includes(door.panelLayout)) {\r\n        layouts.push(door.panelLayout);\r\n      }\r\n    });\r\n    return layouts;\r\n  }\r\n\r\n  allDoorsHaveSinglePanel() {\r\n    const found = !this.doors.find(door => door.panelLayout !== 'SinglePanelDoorCore');\r\n    return found;\r\n  }\r\n\r\n  /**\r\n   * Returns the overlap beetween the door and the door to the left.\r\n   */\r\n  getLeftOverlap(door) {\r\n    const index = door.doorIndex || this.doors.indexOf(door);\r\n    if (index < 1) {\r\n      return 0;\r\n    }\r\n    //let totWidth = 0;\r\n    //for (var i = 0; i < index; i++) {\r\n    //  totWidth += this.doors[i].rect.width;\r\n    //}\r\n    const priorDoor = this.doors[index - 1];\r\n    const left = priorDoor.rect.left + priorDoor.rect.width;\r\n    return left - door.rect.left;\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    // Create a copy of the doors array, and sort the doors by original index\r\n    const doors = this.doors.slice();\r\n    doors.sort((a, b) => a.doorIndex - b.doorIndex);\r\n    const areDoorsModified = Component.assignArrayModificationsTo(destApiProduct, 'doors', doors);\r\n\r\n    const destTopTrack = {\r\n      //type only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.topTrack.type\r\n    };\r\n    const isTopTrackModified = this.topTrack.assignModificationsTo(destTopTrack);\r\n    if (isTopTrackModified) {\r\n      destApiProduct.topTrack = destTopTrack;\r\n    }\r\n    const destBottomTrack = {\r\n      //type only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.bottomTrack.type\r\n    };\r\n    const isBottomTrackModified = this.bottomTrack.assignModificationsTo(destBottomTrack);\r\n    if (isBottomTrackModified) {\r\n      destApiProduct.bottomTrack = destBottomTrack;\r\n    }\r\n    return areDoorsModified || isTopTrackModified || isBottomTrackModified;\r\n  }\r\n\r\n  iterate(iterator) {\r\n    this.doors.forEach(door => iterator.iterate(door));\r\n    iterator.iterate(this.bottomTrack);\r\n    iterator.iterate(this.topTrack);\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n    this.doors.forEach(door => visitor.visit(door));\r\n    visitor.visit(this.bottomTrack);\r\n    visitor.visit(this.topTrack);\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitDoorFront(this);\r\n  }\r\n}\r\n\r\nexport class SideWall extends Component {\r\n  constructor(name, drawingService, apiSideWall) {\r\n    super(name, drawingService, apiSideWall);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'SideWall';\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitSideWall(this);\r\n  }\r\n}\r\n\r\nexport class FixedProduct extends Component {\r\n}\r\nexport class OneDimVariantProduct extends Component {\r\n}\r\nexport class MultiDimVariantProduct extends Component {\r\n}","import { ProductViewModelFactories } from './ProductViewModelFactories.js';\r\n\r\nexport const ProductMaterialsLoadMode = {\r\n  Never: 'Never',\r\n  Delayed: 'Delayed', // After a timeout...\r\n  AsyncNow: 'AsyncNow', // Immediately...\r\n};\r\n\r\n/**\r\n * This is a ViewModel which contains a Product drawing. It uses composition by\r\n * accepting a ProductDrawing object managing that drawing, while adding additional UI.\r\n */\r\nexport class ProductDrawingViewModel {\r\n  constructor(drawing, name) {\r\n    this.name = name || 'ProductDrawingViewModel';\r\n    this.drawing = drawing;\r\n    if (drawing) {\r\n      drawing.onProductDisplayed = (viewModel, product) => this.onProductDisplayed(viewModel, product);\r\n    }\r\n    this.apiProduct = null;\r\n    this.isStarted = false;\r\n    this.isStarting = false;\r\n    this.productMaterialsLoadMode = ProductMaterialsLoadMode.Never;\r\n    this.displayProductWhenStarting = true;\r\n  }\r\n\r\n  isDrawingVisible() {\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * This is a handler for this.drawing.onProductDisplayed event.\r\n   */\r\n  onProductDisplayed(drawing, product) {\r\n  }\r\n\r\n  doBeforeDisplayProduct(data) {\r\n  }\r\n\r\n  doAfterDisplayProduct(data) {\r\n  }\r\n\r\n  //logApiProductGraph(product) {\r\n  //  const rect = product.rect;\r\n  //  const name = product.constructor.name;\r\n  //  const label = `${name}: l=${rect.left}, b=${rect.bottom}, w=${rect.width}, h=${rect.height}`;\r\n  //  if (product.components.length == 0) {\r\n  //    console.log(label);\r\n  //  } else {\r\n  //    console.groupCollapsed(label);\r\n  //    product.components.forEach(child => this.logApiProductGraph(child));\r\n  //    console.groupEnd();\r\n  //  }\r\n  //}\r\n\r\n  //logComponentGraph(component) {\r\n  //  const rect = component.getTopLeftRect();\r\n  //  const name = component.constructor.name;\r\n  //  const label = `${name}: l=${rect.left}, t=${rect.top}, w=${rect.width}, h=${rect.height}`;\r\n  //  if (component.components.length == 0) {\r\n  //    console.log(label);\r\n  //  } else {\r\n  //    console.groupCollapsed(label);\r\n  //    component.components.forEach(child => this.logComponentGraph(child));\r\n  //    console.groupEnd();\r\n  //  }\r\n  //}\r\n\r\n  scheduleProductDisplay(isUserDriven, onDisplay) {\r\n    if (!this.pendingDisplayCalls) {\r\n      this.pendingDisplayCalls = [];\r\n    }\r\n    this.pendingDisplayCalls.push({ isUserDriven, onDisplay });\r\n  }\r\n\r\n  async displayProduct(apiProduct, data) {\r\n    // Optimization (added 8/25/2020):\r\n    if (!this.isStarted && !this.isStarting) {\r\n      // displayProduct will be called from within this.Start()\r\n      return;\r\n    }\r\n    // Optimization (added 8/25/2020):\r\n    if (!this.isDrawingVisible()) {\r\n      // Assume we don't need to display the product until the drawing is visible\r\n      return;\r\n    }\r\n\r\n    if (this.isDisplayingProduct) {\r\n      // We don't allow re-entrant calls to this method!\r\n      throw new Error(`Re-entrant call to ${this.name}.displayProduct method.`);\r\n    }\r\n    this.isDisplayingProduct = true;\r\n    try {\r\n      this.apiProduct = apiProduct;\r\n      if (!this.apiProduct) {\r\n        return;\r\n      }\r\n\r\n      this.doBeforeDisplayProduct(data);\r\n\r\n      const product = ProductViewModelFactories.createProduct(this.drawing.drawingService, this.apiProduct);\r\n\r\n      // Let's get the resource loading started\r\n      const materialIdsToLoad = product.createMaterialIdList();\r\n      console.group(`${this.name}.displayProduct: Awaiting drawing.loadMaterials(...) for product ${product.name}...`);\r\n      await this.drawing.loadMaterials(materialIdsToLoad, /*high res as well?*/ true);\r\n      console.groupEnd();\r\n      //console.log(`${this.name}.displayProduct: drawing.loadMaterials(...) completed. Next, drawing.displayProduct(...)`);\r\n      // Display the product\r\n      //this.logApiProductGraph(product);\r\n      console.group(`${this.name}.displayProduct: drawing.displayProduct()...`);\r\n      this.drawing.displayProduct(product);\r\n      console.groupEnd();\r\n\r\n      this.doAfterDisplayProduct(data);\r\n      //this.logComponentGraph(product);\r\n    }\r\n    finally {\r\n      this.isDisplayingProduct = false;\r\n      if (this.pendingDisplayCalls && this.pendingDisplayCalls.length > 0) {\r\n        const rec = this.pendingDisplayCalls.pop();\r\n        rec.onDisplay(rec.isUserDriven);\r\n      }\r\n    }\r\n  }\r\n\r\n  async displayCurrentProduct(data) {\r\n    await this.displayProduct(this.apiProduct, data);\r\n  }\r\n\r\n  doAfterHidingCurrentProduct(data) {\r\n  }\r\n\r\n  /**\r\n   * Can be called by the user to indicate that the UI no longer needs to show the product. Sub\r\n   * classes can override the doAfterHidingCurrentProduct() method to detach from events, etc.\r\n   */\r\n  hideCurrentProduct(data) {\r\n    this.doAfterHidingCurrentProduct(data);\r\n  }\r\n\r\n  /** Asynchronously loads ALL the materials we expect will be needed in the app for the current\r\n   * product type. */\r\n  async loadProductMaterials() {\r\n    const factory = ProductViewModelFactories.getFactory(this.apiProduct.type);\r\n    const materialIds = factory.getAllKnownProductMaterialIds(this.apiProduct);\r\n    //console.log('Awaiting additional materials to be loaded...');\r\n    const loadingMaterials = await this.drawing.loadMaterials(materialIds, /*high res as well?*/ false);\r\n    //console.log('Additional materials load completed!');\r\n    return loadingMaterials;\r\n  }\r\n\r\n  async doStart(apiProduct, data) {\r\n    /* This is also done inside displayProduct, but we explicitly make the assignment here because\r\n     * the call to loadProductMaterials below is dependent on it. */\r\n    this.apiProduct = apiProduct;\r\n    if (this.displayProductWhenStarting) {\r\n      console.log(`${this.name}.doStart: awaiting displayProduct()...`);\r\n      await this.displayProduct(apiProduct, data);\r\n      console.log(`${this.name}.doStart: displayProduct() completed!`);\r\n    }\r\n\r\n    switch (this.productMaterialsLoadMode) {\r\n      case ProductMaterialsLoadMode.AsyncNow:\r\n        // Load additional materials we expect will be needed in the app now, but do it asynchronously:\r\n        /*await*/ this.loadProductMaterials();\r\n        //console.log('Continuing while additional materials are being loaded...');\r\n        break;\r\n      case ProductMaterialsLoadMode.Delayed:\r\n        /* We don't want to start downloading all materials yet because of the negative impact it has\r\n         * on SEO Core Web Vitals. Instead set a long timer to start downloading after we have reached\r\n         * TTI (Time To Interactive). 10/1/2021. */\r\n        setTimeout(() => /*await*/ this.loadProductMaterials(), 10000);\r\n        break;\r\n    }\r\n  }\r\n\r\n  async start(apiProduct, data) {\r\n    if (!this.isStarted) {\r\n      this.isStarting = true;\r\n      await this.doStart(apiProduct, data);\r\n      //console.log(`${this.name} started!`);\r\n      this.isStarting = false;\r\n      this.isStarted = true;\r\n    }\r\n  }\r\n}\r\n","import { ObjectUtils } from '../main/ObjectUtils.js';\r\nimport { ProductDrawingViewModel } from './ProductDrawingViewModel.js';\r\n\r\n/**\r\n * The MultiStepProductEditor supports two different screen sizes. This Screen class represents\r\n * properties and methods specific to these screens. */\r\nclass MspScreen {\r\n  constructor(config, editor) {\r\n    this.slides = config.slides;\r\n    this.editScopeBtnGroup = config.editScopeBtnGroup;\r\n    this.componentTypeBtnGroup = config.componentTypeBtnGroup;\r\n    this.gallery = config.gallery;\r\n    this.editor = editor;\r\n    this.elements = config.elements;\r\n    this.UIContent = config.content;\r\n    this.defaultSlideIndex = 0;\r\n    this.$galleryFilterMenu = config.$galleryFilterMenu;\r\n\r\n    if (editor.popupEditorConfig.showEditScopeStep) {\r\n      this.editScopeButtons = this.editScopeBtnGroup.querySelectorAll('.btn');\r\n      this.addEditScopeClickHandler();\r\n    }\r\n    if (editor.popupEditorConfig.showCompTypeStep) {\r\n      this.componentTypeButtons = this.componentTypeBtnGroup.querySelectorAll('.btn');\r\n      this.addComponentTypeClickHandler();\r\n    }\r\n    this.addGalleryItemClickHandler();\r\n  }\r\n\r\n  /** Some event handlers get auto-uninstalled when we manipulate the owl carousel. Hence, we must\r\n   * ensure to uninstall/install them before/after the owl changes. */\r\n  installEventHandlers() {\r\n    this.addFilterMenuClickHandler();\r\n  }\r\n\r\n  /** Some event handlers get auto-uninstalled when we manipulate the owl carousel. Hence, we must\r\n   * ensure to uninstall/install them before/after the owl changes. */\r\n  uninstallEventHandlers() {\r\n    this.removeFilterMenuClickHandler();\r\n  }\r\n\r\n  applyGalleryFilter() {\r\n    const filterKey = this.editor.componentType.filterKey || 'All';\r\n    const filterTitle = this.editor.componentType.filterTitle;\r\n    this.galleryItems.forEach(item => {\r\n      const isIncluded = filterKey === 'All' || item.dataset.appearanceKey === filterKey;\r\n      item.parentElement.classList.toggle('d-none', !isIncluded);\r\n    });\r\n    // Only update the button content when title is provided:\r\n    if (filterTitle) {\r\n      this.filterBtn.textContent = filterTitle;\r\n    }\r\n  }\r\n\r\n  updateInUseGalleryItems() {\r\n    if (this.editor.componentType) {\r\n      const product = this.editor.drawing.product;\r\n      if (product) {\r\n        const usedValues = this.editor.componentType.getAllUsedValues(product);\r\n        this.setInUseValues(usedValues);\r\n      }\r\n    }\r\n  }\r\n\r\n  queryGalleryItems() {\r\n    this.galleryItems = this.gallery.querySelectorAll('.gallery-item');\r\n    this.updateInUseGalleryItems();\r\n    this.applyGalleryFilter();\r\n  }\r\n\r\n  addEditScopeClickHandler() {\r\n    this.editScopeBtnGroup.onclick = (event) => {\r\n      const btn = event.target;\r\n      const oldScope = this.editor.editScope;\r\n      this.editor.setEditScope(btn.dataset.editScope);\r\n      this.editor.setCurrentStep(EditorSteps.drawing);\r\n      this.doOnEditScopeClicked(oldScope);\r\n    };\r\n  }\r\n\r\n  addComponentTypeClickHandler() {\r\n    this.componentTypeBtnGroup.onclick = (event) => {\r\n      const btn = event.target;\r\n      this.editor.setComponentTypeById(btn.dataset.compType);\r\n    };\r\n  }\r\n\r\n  addGalleryItemClickHandler() {\r\n    this.gallery.onclick = (event) => {\r\n      if (event.target.classList && event.target.classList.contains('zoom-target')) {\r\n        return;\r\n      }\r\n      // Don't allow clicks in the gallery until edit scope has been set. This applies to the set up\r\n      // where edit scope is displayed before the gallery.\r\n      //if (!this.editor.editScope) {\r\n      //  return;\r\n      //}\r\n      const galleryItem = ObjectUtils.findAncestor(event.target, (el) => el.classList && el.classList.contains('gallery-item'));\r\n      if (galleryItem) {\r\n        this.editor.setSelectedValue(galleryItem.dataset.key);\r\n        const nextStep = this.isEditScopeStepNeeded() ? EditorSteps.editScope : EditorSteps.drawing;\r\n        this.editor.setCurrentStep(nextStep);\r\n        this.doOnGalleryItemClicked();\r\n      }\r\n    };\r\n  }\r\n\r\n  removeFilterMenuClickHandler() {\r\n    this.$galleryFilterMenu.off('hidden.bs.dropdown');\r\n  }\r\n\r\n  addFilterMenuClickHandler() {\r\n    if (this.$galleryFilterMenu.length > 0) {\r\n      this.filterBtn = this.$galleryFilterMenu[0].querySelector('button');\r\n      this.$galleryFilterMenu.on('hidden.bs.dropdown', (event) => {\r\n        // Note event.clickEvent is undefined on a secondary click on the dropdown button (to close it):\r\n        if (event.clickEvent) {\r\n          const menuItem = event.clickEvent.target;\r\n          // Skip clicks outside the dropdown menu by testing for the dataset.key value:\r\n          if (menuItem && menuItem.dataset.key) {\r\n            this.editor.applyGalleryFilter(menuItem.dataset.key, menuItem.textContent);\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  doOnEditScopeClicked(oldScope) {\r\n  }\r\n\r\n  doOnGalleryItemClicked() {\r\n  }\r\n\r\n  componentTypeChanged(componentType) {\r\n    if (this.componentTypeButtons) {\r\n      this.componentTypeButtons.forEach(btn => {\r\n        if (btn.dataset.editComp === componentType.id) {\r\n          btn.classList.replace('btn-outline-primary', 'btn-primary');\r\n        } else {\r\n          btn.classList.replace('btn-primary', 'btn-outline-primary');\r\n        }\r\n      });\r\n    }\r\n    this.updateDrawingTitle();\r\n  }\r\n\r\n  updateDrawingTitle() {\r\n    if (this.elements.drawingTitle) {\r\n      let title = null;\r\n      if (this.editor.componentType && this.editor.editScope) {\r\n        const compType = this.UIContent[this.editor.componentType.id];\r\n        title = compType.drawingTitle[this.editor.editScope];\r\n        this.elements.drawingTitle.textContent = title;\r\n      }\r\n    }\r\n  }\r\n\r\n  editScopeChanged(editScope) {\r\n    if (this.editScopeButtons) {\r\n      // Mark the selected button:\r\n      this.editScopeButtons.forEach(btn => {\r\n        if (btn.dataset.editScope === editScope) {\r\n          btn.classList.replace('btn-outline-primary', 'btn-primary');\r\n        } else {\r\n          btn.classList.replace('btn-primary', 'btn-outline-primary');\r\n        }\r\n      });\r\n    }\r\n    // Update other UI content\r\n    this.updateDrawingTitle();\r\n  }\r\n\r\n  getSelectedGalleryItem() {\r\n    return this.gallery.querySelector('.selected');\r\n  }\r\n\r\n  selectedValueChanged(value) {\r\n    // We had a case (error report) of this.galleryItems not being defined. 4/3/2023.\r\n    if (this.galleryItems) {\r\n      this.galleryItems.forEach(item => {\r\n        const isSelected = item.dataset.key === value;\r\n        item.classList.toggle('selected', isSelected);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Mark/unmark the gallery items as being in-use, i.e. whether a finish is used on one or more panels.\r\n   */\r\n  setInUseValues(values) {\r\n    this.galleryItems.forEach(item => {\r\n      const found = values.includes(item.dataset.key);\r\n      item.classList.toggle('in-use', found);\r\n    });\r\n  }\r\n\r\n  getCurrentSlide() {\r\n    return this.editor.getCurrentSlide();\r\n  }\r\n\r\n  isSlideNeeded(slideElement) {\r\n    /* All slides are needed except for the edit scope slide when component type is frame or track. */\r\n    return slideElement !== this.editor.editScopeSlide || this.isEditScopeStepNeeded();\r\n  }\r\n\r\n  isEditScopeStepNeeded() {\r\n    // For instance, edit scope is not needed if component type is frame or track:\r\n    //return this.editor.componentType !== ComponentType.track && this.editor.componentType !== ComponentType.frame;\r\n    return this.editor.componentType.useEditScope;\r\n  }\r\n\r\n  isGalleryVisible() {\r\n    return this.getCurrentSlide() === this.editor.gallerySlide;\r\n  }\r\n\r\n  isDrawingSlideVisible() {\r\n    return this.getCurrentSlide() === this.editor.drawingSlide;\r\n  }\r\n\r\n  scrollToActiveGalleryItem() {\r\n    if (this.isGalleryVisible()) {\r\n      const selectedGalleryItem = this.getSelectedGalleryItem();\r\n      if (selectedGalleryItem /*&& !ObjectUtils.isScrolledIntoView(selectedGalleryItem, true)*/) {\r\n        /* Calling the scroll function right away causes the next owl carousel slide to move into view,\r\n         * maybe because we're just barely overlapping to the right of the slide? Anyway, delaying a\r\n         * bit before scrolling solves the issue and doesn't seem to cause any problems. */\r\n        setTimeout(() => selectedGalleryItem.scrollIntoView(), 250);\r\n        //console.log('scrolling....');\r\n        //selectedGalleryItem.scrollIntoView();\r\n      }\r\n    }\r\n  }\r\n\r\n  currentSlideChanged(oldIndex) {\r\n    this.scrollToActiveGalleryItem();\r\n  }\r\n\r\n  stepActivated(step) {\r\n    switch (step) {\r\n      case EditorSteps.gallery:\r\n        break;\r\n      case EditorSteps.editScope:\r\n        break;\r\n      case EditorSteps.drawing:\r\n        // The drawing title might be initially hidden. We'll display it now:\r\n        this.elements.drawingTitle.classList.remove('d-none', 'invisible');\r\n        break;\r\n    }\r\n  }\r\n}\r\n\r\nclass MspLargeScreen extends MspScreen {\r\n  constructor(config, editor) {\r\n    super(config, editor);\r\n  }\r\n\r\n  isGalleryVisible() {\r\n    return true;\r\n  }\r\n\r\n  isSlideNeeded(slideElement) {\r\n    // The only slide we need is the drawing slide:\r\n    return slideElement === this.editor.drawingSlide;\r\n  }\r\n\r\n  doOnEditScopeClicked(oldScope) {\r\n    ///* For the large screen we only want to update the drawing the very first time the user clicks\r\n    // * on the \"front\" edit scope button. After that the drawing is updated when the user clicks one\r\n    // * of the gallery items. */\r\n    //if (!oldScope && this.editor.editScope === EditScope.front) {\r\n    //  // It's the first click on edit scope, and the \"front\" scope was selected -> auto update selected value\r\n    //  this.editor.triggerDrawingClick();\r\n    //}\r\n  }\r\n\r\n  doOnGalleryItemClicked() {\r\n    //if (this.editor.editScope === EditScope.front) {\r\n    //  this.editor.triggerDrawingClick();\r\n    //}\r\n  }\r\n\r\n  stepActivated(step) {\r\n    super.stepActivated(step);\r\n    const elements = this.elements;\r\n    switch (step) {\r\n      case EditorSteps.gallery:\r\n        if (this.editor.popupEditorConfig.showEditScopeStep) {\r\n          elements.editScopeContainer.classList.remove('active');\r\n          elements.editScopeTitle.classList.remove('active');\r\n        }\r\n        elements.drawingTitle.classList.remove('active');\r\n        elements.galleryTitle.classList.add('active');\r\n        break;\r\n      case EditorSteps.editScope:\r\n        elements.galleryTitle.classList.remove('active');\r\n        elements.drawingTitle.classList.remove('active');\r\n        if (this.editor.popupEditorConfig.showEditScopeStep) {\r\n          elements.editScopeContainer.classList.add('active');\r\n          elements.editScopeTitle.classList.add('active');\r\n        }\r\n        break;\r\n      case EditorSteps.drawing:\r\n        elements.galleryTitle.classList.remove('active');\r\n        if (this.editor.popupEditorConfig.showEditScopeStep) {\r\n          elements.editScopeTitle.classList.remove('active');\r\n        }\r\n        elements.drawingTitle.classList.add('active');\r\n        break;\r\n    }\r\n  }\r\n}\r\n\r\nclass MspSmallScreen extends MspScreen {\r\n  constructor(config, editor) {\r\n    super(config, editor);\r\n  }\r\n\r\n  doOnEditScopeClicked(oldScope) {\r\n    ///* As long as the edit scope buttons come after the gallery items we want clicks on edit scope\r\n    // * to update the drawing: */\r\n    //this.editor.triggerDrawingClick();\r\n  }\r\n\r\n  doOnGalleryItemClicked() {\r\n    /* This is the small screen on which we do NOT want to auto-update the drawing upon gallery item\r\n     * clicks. The drawing should be updated upon click on edit scope or in the drawing itself.\r\n     * Except, of course, if the edit scope slide is not needed. */\r\n    //if (!this.isSlideNeeded(this.editor.editScopeSlide)) {\r\n    //  this.editor.triggerDrawingClick();\r\n    //}\r\n  }\r\n\r\n  stepActivated(step) {\r\n    super.stepActivated(step);\r\n    const elements = this.elements;\r\n    /* On the small screen we risk the text wrapping after adding the active class. This causes a\r\n     * little jump/flicker. Hence, also add the little class to allow us to avoid this by using the\r\n     * proper css. */\r\n    const classes = ['active', 'little'];\r\n    switch (step) {\r\n      case EditorSteps.gallery:\r\n        elements.drawingTitle.classList.remove(...classes);\r\n        break;\r\n      case EditorSteps.editScope:\r\n        elements.drawingTitle.classList.remove(...classes);\r\n        break;\r\n      case EditorSteps.drawing:\r\n        elements.drawingTitle.classList.add(...classes);\r\n        break;\r\n    }\r\n  }\r\n}\r\n\r\nconst EditorSteps = {\r\n  gallery: 0,\r\n  editScope: 1,\r\n  drawing: 2,\r\n};\r\n\r\nexport class MultiStepProductEditor extends ProductDrawingViewModel {\r\n  constructor(drawing, popupEditorConfig, defaultComponentType, productInteractionClass, name) {\r\n    super(drawing, name);\r\n    this.popupEditorConfig = popupEditorConfig;\r\n    // The class (type) of the product interaction object we'll create (later)\r\n    this.productInteractionClass = productInteractionClass;\r\n\r\n    // Don't enable interaction until we're ready\r\n    //drawing.setIsInteractive(true);\r\n    const byId = id => document.getElementById(id);\r\n    const bySelect = selectors => document.querySelector(selectors);\r\n\r\n    // TODO: All these element references should be assigned to the popupEditorConfig by the caller\r\n    // instead of finding them here.\r\n\r\n    this.allSlides = document.querySelectorAll('.vp-editor .slides .slide');\r\n    this.compTypeSlide = byId('comp-type-slide');\r\n    this.editScopeSlide = byId('edit-scope-slide');\r\n    this.gallerySlide = byId('finishes-slide');\r\n    this.drawingSlide = byId('drawing-slide');\r\n    this.currentSlideIndex = -1;\r\n    this.activeSlides = [];\r\n\r\n    const largeScreenConfig = {\r\n      slides: [this.drawingSlide],\r\n      componentTypeBtnGroup: bySelect('.vp-editor aside .comp-type .slide-menu'),\r\n      editScopeBtnGroup: bySelect('.vp-editor aside .edit-scope .slide-menu'),\r\n      gallery: bySelect('.vp-editor aside .finish-gallery'),\r\n      elements: popupEditorConfig.elements.popup.largeScreen,\r\n      content: popupEditorConfig.content,\r\n      $galleryFilterMenu: popupEditorConfig.elements.popup.largeScreen.$galleryFilterMenu,\r\n    };\r\n    this.largeScreen = new MspLargeScreen(largeScreenConfig, this);\r\n\r\n    const smallScreenConfig = {\r\n      slides: [this.gallerySlide, this.editScopeSlide, this.drawingSlide],\r\n      componentTypeBtnGroup: bySelect('.vp-editor .inner-main .comp-type .slide-menu'),\r\n      editScopeBtnGroup: bySelect('.vp-editor .inner-main .edit-scope .slide-menu'),\r\n      gallery: bySelect('.vp-editor .inner-main .finish-gallery'),\r\n      elements: popupEditorConfig.elements.popup.smallScreen,\r\n      content: popupEditorConfig.content,\r\n      $galleryFilterMenu: popupEditorConfig.elements.popup.smallScreen.$galleryFilterMenu,\r\n    };\r\n    this.smallScreen = new MspSmallScreen(smallScreenConfig, this);\r\n\r\n    this.currentScreen = null;\r\n    this.clearScope();\r\n    this.setComponentType(defaultComponentType, true);\r\n    this.selectedValue = null;\r\n\r\n    this.owl = jQuery('.vp-editor .owl-carousel');\r\n    if (this.owl.length > 0) {\r\n      this.owl.owlCarousel({\r\n        items: 1,\r\n        startPosition: 0,\r\n        nav: false,\r\n        dots: true,\r\n        dotsContainer: '#slide-dots',\r\n        //autoWidth: true,\r\n      });\r\n      this.owl.on('changed.owl.carousel', event => {\r\n        //console.log('owl event....');\r\n        //console.log(event.property);\r\n        if (event.property && event.property.name === 'position') {\r\n          const oldIndex = this.currentSlideIndex;\r\n          this.currentSlideIndex = event.property.value;\r\n          this.currentSlideChanged(oldIndex);\r\n        }\r\n      });\r\n    }\r\n\r\n    this.labelBtn = this.popupEditorConfig.elements.popup.labelsToggleBtn;\r\n    this.labelBtn.onclick = (event) => {\r\n      this.toggleFinishLabelBtn(this.labelBtn, (isActive) => {\r\n        this.drawing.toggleFinishLabels(isActive);\r\n      });\r\n    };\r\n    this.displayFinishLabelBtn(this.labelBtn, false);\r\n\r\n    this.dimsBtn = this.popupEditorConfig.elements.popup.dimsToggleBtn;\r\n    this.dimsBtn.onclick = (event) => {\r\n      this.toggleFinishLabelBtn(this.dimsBtn, (isActive) => {\r\n        // TODO: this.drawing.toggleDrawingDimensions(isActive);\r\n      });\r\n    };\r\n    this.displayFinishLabelBtn(this.dimsBtn, false);\r\n  }\r\n\r\n  isFinishLabelBtnActive(button) {\r\n    return button.classList.contains('on');\r\n  }\r\n\r\n  displayFinishLabelBtn(button, isActive) {\r\n    if (isActive) {\r\n      button.classList.remove('btn-secondary');\r\n      button.classList.add('btn-success');\r\n    } else {\r\n      button.classList.add('btn-secondary');\r\n      button.classList.remove('btn-success');\r\n    }\r\n  }\r\n\r\n  toggleFinishLabelBtn(button, callback) {\r\n    const wasActive = this.isFinishLabelBtnActive(button);\r\n    button.classList.toggle('on');\r\n    const isActive = !wasActive;\r\n    this.displayFinishLabelBtn(button, isActive);\r\n    if (callback) {\r\n      callback(isActive);\r\n    }\r\n  }\r\n\r\n  isDrawingVisible() {\r\n    // TODO: Add the correct logic for detecting the drawing visibility here\r\n    //const activeTabLink = document.querySelector('#showcase-tabs a.active[data-toggle=\"tab\"]');\r\n    //return ObjectUtils.isAssigned(activeTabLink) && activeTabLink.id === this.previewTabLinkId;\r\n    return true;\r\n  }\r\n\r\n  startScreenResizeListener() {\r\n    /* Note, we have multiple styles and code which must use matching media queries, see\r\n     * _vpe-modal.scss, _vpe-editor.scss, MultiStepProductEditor.js, and DoorFrontEditor.cshtml.\r\n     * Search for \"large-screen-query\"! */\r\n    const largeScreenQuery = '(min-width: 768px)';// and (min-height: 700px)';\r\n    this.largeScreenMediaQuerylist = window.matchMedia(largeScreenQuery);\r\n    // Add listener:\r\n    this.mediaQueryListListener = (e) => {\r\n      this.updateCurrentScreenAndDisplaySlides(/*isLarge:*/ e.matches);\r\n      this.refreshCurrentScreen();\r\n    };\r\n    this.largeScreenMediaQuerylist.addListener(this.mediaQueryListListener);\r\n  }\r\n\r\n  stopScreenResizeListener() {\r\n    this.largeScreenMediaQuerylist.removeListener(this.mediaQueryListListener);\r\n  }\r\n\r\n  isDrawingSlideVisible() {\r\n    return this.currentScreen.isDrawingSlideVisible();\r\n  }\r\n\r\n  setupSlideNavigation() {\r\n    const owlTrigger = (event, callback) => {\r\n      // Kind of a hack, but ignore any clicks on 'zoom-target':\r\n      if (event.target.classList && event.target.classList.contains('zoom-target')) {\r\n        return;\r\n      }\r\n      callback();\r\n      event.preventDefault();\r\n    };\r\n\r\n    const prevSlide = event => owlTrigger(event, () => this.prevSlide());\r\n    const nextSlide = event => owlTrigger(event, () => this.nextSlide());\r\n    const goToSlide = (event, target) => owlTrigger(event, () => this.goToSlide(target));\r\n\r\n    /* What this does is look for the 'data-target', 'data-slide', and 'data-slide-to' attributes\r\n     * on any element underneath the .vp-editor element, and set up click handlers as appropriate. */\r\n    const owlTargets = document.querySelectorAll('[data-target=\".vp-editor .carousel\"]');\r\n    if (owlTargets) {\r\n      owlTargets.forEach((item) => {\r\n        switch (item.dataset.slide) {\r\n          case 'prev':\r\n            item.onclick = event => prevSlide(event);\r\n            break;\r\n          case 'next':\r\n            item.onclick = event => nextSlide(event);\r\n            break;\r\n          default: {\r\n            const target = item.dataset.slideTo;\r\n            if (target) {\r\n              item.onclick = event => goToSlide(event, target);\r\n            }\r\n          }\r\n            break;\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  setEditScope(editScope, forceIt) {\r\n    if (typeof editScope === 'undefined') {\r\n      editScope = null;\r\n    }\r\n    if (forceIt || editScope != this.editScope) {\r\n      this.editScope = editScope;\r\n      if (this.currentScreen) {\r\n        this.currentScreen.editScopeChanged(editScope);\r\n      }\r\n      this.updateInteractionProperties();\r\n      if (this.editScopeChanged) {\r\n        this.editScopeChanged(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  clearScope() {\r\n    this.setEditScope(null, true);\r\n  }\r\n\r\n  setComponentType(componentType, forceIt) {\r\n    if (forceIt || componentType != this.componentType) {\r\n      this.componentType = componentType;\r\n      if (this.currentScreen) {\r\n        this.currentScreen.componentTypeChanged(componentType);\r\n      }\r\n      // Reset scope after component type changes\r\n      this.setEditScope(this.componentType.defaultEditScope, true);\r\n      this.updateInteractionProperties();\r\n      if (this.componentTypeChanged) {\r\n        this.componentTypeChanged(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  setComponentTypeById(id) {\r\n    this.setComponentType(ComponentType[id]);\r\n  }\r\n\r\n  setSelectedValue(value) {\r\n    if (value != this.selectedValue) {\r\n      this.selectedValue = value;\r\n      this.currentScreen.selectedValueChanged(value);\r\n      this.updateInteractionProperties();\r\n      if (this.selectedValueChanged) {\r\n        this.selectedValueChanged(this);\r\n      }\r\n    }\r\n  }\r\n\r\n  updateInteractionProperties() {\r\n    const interaction = this.drawing.productInteraction;\r\n    if (interaction) {\r\n      interaction.componentType = this.componentType;\r\n      interaction.editScope = this.editScope;\r\n      interaction.selectedValue = this.selectedValue;\r\n      this.toggleInteraction();\r\n    }\r\n  }\r\n\r\n  triggerDrawingClick() {\r\n    const interaction = this.drawing.productInteraction;\r\n    if (interaction && interaction.triggerDrawingClick) {\r\n      interaction.triggerDrawingClick();\r\n    }\r\n  }\r\n\r\n  toggleInteraction() {\r\n    // !! forces the expression to return a bool\r\n    const on = !!(this.componentType && this.editScope && this.selectedValue);\r\n    this.drawing.setIsInteractive(on);\r\n  }\r\n\r\n  applyGalleryFilter(filterKey, filterTitle) {\r\n    this.componentType.filterKey = filterKey;\r\n    this.componentType.filterTitle = filterTitle;\r\n    this.currentScreen.applyGalleryFilter();\r\n  }\r\n\r\n  updateDrawingToolbar() {\r\n    const isDrawingVisible = this.isDrawingSlideVisible();\r\n    // Only show toggle buttons if drawing slide is visible:\r\n    this.labelBtn.classList.toggle('d-none', !isDrawingVisible);\r\n    // TODO: dimsBtn is not functional yet and is never displayed:\r\n    this.dimsBtn.classList.toggle('d-none', true /*!isDrawingVisible*/);\r\n  }\r\n\r\n  //#region Slide Navigation\r\n\r\n  currentSlideChanged(oldIndex) {\r\n    this.backBtn.classList.toggle('d-none', this.currentSlideIndex === 0);\r\n    this.updateDrawingToolbar();\r\n    this.currentScreen.currentSlideChanged(oldIndex);\r\n  }\r\n\r\n  prevSlide() {\r\n    this.owl.trigger('prev.owl.carousel');\r\n  }\r\n\r\n  nextSlide() {\r\n    this.owl.trigger('next.owl.carousel');\r\n  }\r\n\r\n  goToSlide(slideIndex) {\r\n    if (slideIndex > -1 && slideIndex < this.activeSlides.length &&\r\n      slideIndex != this.currentSlideIndex) {\r\n      this.owl.trigger('to.owl.carousel', [slideIndex]);\r\n    }\r\n  }\r\n\r\n  addSlideAt(slideIndex, slideHtml) {\r\n    return this.owl.trigger('add.owl.carousel', [slideHtml, slideIndex]);\r\n  }\r\n\r\n  removeSlideAt(slideIndex) {\r\n    return this.owl.trigger('remove.owl.carousel', [slideIndex]);\r\n  }\r\n\r\n  refreshSlides() {\r\n    return this.owl.trigger('refresh.owl.carousel');\r\n  }\r\n\r\n  getCurrentSlide() {\r\n    return this.activeSlides ? this.activeSlides[this.currentSlideIndex] : null;\r\n  }\r\n\r\n  //#endregion\r\n\r\n  /**\r\n   * Is called when (before) a product is displayed, and whenever the screen is resized sufficiently.\r\n   */\r\n  updateCurrentScreenAndDisplaySlides(isLarge) {\r\n    /* Note, which slides are needed depends on screen size, component type, and possibly other\r\n     * properties. Study the isSlideNeeded() method for details. */\r\n\r\n    const currentSlideIndex = this.currentSlideIndex;\r\n\r\n    // Uninstall jQuery/Bootstrap event handlers before owl starts changing the DOM:\r\n    if (this.currentScreen) {\r\n      this.currentScreen.uninstallEventHandlers();\r\n    }\r\n\r\n    // First remove all current slides:\r\n    this.activeSlides = [];\r\n    const slideElems = document.querySelector('.vp-editor .owl-stage');\r\n    let count = slideElems != null ? slideElems.children.length : 0;\r\n    while (count > 0) {\r\n      this.removeSlideAt(0);\r\n      count--;\r\n    }\r\n\r\n    // Second, update current screen:\r\n    this.currentScreen = isLarge ? this.largeScreen : this.smallScreen;\r\n\r\n    // Third, display the new slides\r\n    const slides = this.currentScreen.slides;\r\n    // We need to add them to owl in reverse order:\r\n    for (var i = slides.length - 1; i > -1; i--) {\r\n      if (this.currentScreen.isSlideNeeded(slides[i])) {\r\n        this.addSlideAt(0, slides[i]);\r\n        this.activeSlides.push(slides[i]);\r\n      }\r\n    }\r\n    // ...but activeSlides need to be in the original order:\r\n    this.activeSlides.reverse();\r\n\r\n    this.currentSlideIndex = 0; // Because owl just did the same when we added the slides above\r\n\r\n    // Restore the current slide:\r\n    this.goToSlide(currentSlideIndex);\r\n    // Add click event handlers:\r\n    this.setupSlideNavigation();\r\n    // Reinstall jQuery/Bootstrap event handlers (after owl is done manipulating the DOM):\r\n    this.currentScreen.installEventHandlers();\r\n    // Trigger owl's refresh routine:\r\n    this.refreshSlides();\r\n  }\r\n\r\n  /**\r\n   * Is called when (after) a product is displayed, and whenever the screen is resized sufficiently.\r\n   */\r\n  refreshCurrentScreen(nextStep, initializeEditScope) {\r\n    if (nextStep || nextStep === 0) {\r\n      this.setCurrentStep(nextStep);\r\n    } else {\r\n      // Ensure the new screen is initialized:\r\n      this.currentScreen.stepActivated(this.currentStep);\r\n    }\r\n    this.currentScreen.queryGalleryItems();\r\n\r\n    if (initializeEditScope) {\r\n      this.setEditScope(this.componentType.defaultEditScope, true);\r\n    } else {\r\n      this.currentScreen.editScopeChanged(this.editScope);\r\n    }\r\n\r\n    this.currentScreen.componentTypeChanged(this.componentType);\r\n    // If we have a selected value, then ensure the current screen is updated with it:\r\n    if (this.selectedValue) {\r\n      this.currentScreen.selectedValueChanged(this.selectedValue);\r\n    }\r\n    this.currentScreen.scrollToActiveGalleryItem();\r\n    this.currentScreen.updateDrawingTitle();\r\n    this.updateDrawingToolbar();\r\n  }\r\n\r\n  setCurrentStep(step) {\r\n    this.currentStep = step;\r\n    this.currentScreen.stepActivated(step);\r\n  }\r\n\r\n  getValueFromProduct(apiProduct) {\r\n    return this.componentType ? this.componentType.getValue(apiProduct) : null;\r\n  }\r\n\r\n  doBeforeDisplayProduct(data) {\r\n    super.doBeforeDisplayProduct(data);\r\n    const oldIx = this.drawing.productInteraction;\r\n    // Clear event handlers from the old interaction:\r\n    if (oldIx) {\r\n      /*\r\n      oldIx.onPanelFinishChanged = null;\r\n      oldIx.onFrameFinishChanged = null;\r\n      oldIx.onTrackFinishChanged = null;\r\n      oldIx.onDoorLayoutChanged = null;\r\n      */\r\n      oldIx.onProductChanged = null;\r\n    }\r\n    // Remove the old interaction object from the drawing\r\n    this.drawing.removeProductInteraction();\r\n\r\n    // Setup media/screen size listener:\r\n    this.startScreenResizeListener();\r\n    /* We need to set up the slides (at least the slide with the drawing canvas), before calling\r\n     * super.doStart() to ensure the drawing is created. */\r\n    this.updateCurrentScreenAndDisplaySlides(this.largeScreenMediaQuerylist.matches);\r\n  }\r\n\r\n  /**\r\n   * This class is an editor and the base class is a \"displayer\". Whenever the user wants to start\r\n   * editing a product, the process is started by calling displayProduct(). We need here to think of\r\n   * that as \"editProduct()\". Hence, in this method we must do everything which must be done every\r\n   * time the user starts the editing.\r\n   */\r\n  doAfterDisplayProduct(data) {\r\n    super.doAfterDisplayProduct(data);\r\n    //const interaction = new DoorFrontInteraction();\r\n    const interaction = new this.productInteractionClass();\r\n    interaction.toggleInteractive = (displayObject, on, clickHandler) =>\r\n      this.drawing.engine.toggleDisplayObjectInteractive(displayObject, on, clickHandler);\r\n    /* Assign event handlers demonstrating how we can be notified when a component changes:\r\n    interaction.onPanelFinishChanged = (interaction, oldFinish, changedComponent) => {\r\n      console.log(`Changed the panel's value to ${changedComponent.finish}`);\r\n      this.okBtn.removeAttribute('disabled');\r\n    };\r\n    interaction.onFrameFinishChanged = (interaction, oldFinish, changedComponent) => {\r\n      console.log(`Changed the door's frame value to ${changedComponent.finish}`);\r\n      this.okBtn.removeAttribute('disabled');\r\n    };\r\n    interaction.onTrackFinishChanged = (interaction, oldFinish, changedComponent) => {\r\n      console.log(`Changed the front's track value to ${changedComponent.finish}`);\r\n      this.okBtn.removeAttribute('disabled');\r\n    };\r\n    interaction.onDoorLayoutChanged = (interaction, oldLayout, changedComponent) => {\r\n      console.log(`Changed the door's layout to ${changedComponent.panelLayout}`);\r\n      this.okBtn.removeAttribute('disabled');\r\n    };\r\n    */\r\n\r\n    // Is called once after one or more of the product's components changed\r\n    interaction.onProductChanged = (interaction, componentType, changedProduct) => {\r\n      //console.log(`Changed product ${changedProduct.name} of type ${componentType.id}`);\r\n      this.okBtn.classList.remove('d-none');\r\n      this.currentScreen.updateInUseGalleryItems();\r\n    };\r\n\r\n    // Install the new interaction\r\n    this.drawing.addProductInteraction(interaction);\r\n    /* 1/27/20: We don't want to pre-select anything in the gallery because we want the user to\r\n     * reselect the value each time the editor is activated. Hence, don't call the setter, just\r\n     * set the value directly here: */\r\n    //this.setSelectedValue(this.getValueFromProduct(this.apiProduct));\r\n    this.selectedValue = null;\r\n\r\n    // Initialize current screen:\r\n    this.refreshCurrentScreen(EditorSteps.gallery, true);\r\n\r\n    // Assign values from the UI to the interaction:\r\n    this.updateInteractionProperties();\r\n    //this.currentScreen.activate();\r\n    //this.setCurrentStep(EditorSteps.gallery);\r\n\r\n    this.okBtn = data.elements.popup.okBtn;\r\n    this.okBtn.classList.add('d-none');\r\n    this.backBtn = data.elements.popup.backBtn;\r\n    this.backBtn.classList.add('d-none');\r\n\r\n    this.goToSlide(this.currentScreen.defaultSlideIndex);\r\n\r\n    if (this.isFinishLabelBtnActive(this.labelBtn)) {\r\n      this.drawing.toggleFinishLabels(true);\r\n    }\r\n    if (this.isFinishLabelBtnActive(this.dimsBtn)) {\r\n      // TODO: this.drawing.toggleDrawingDimensions(isActive);\r\n    }\r\n  }\r\n\r\n  doAfterHidingCurrentProduct(data) {\r\n    super.doAfterHidingCurrentProduct(data);\r\n    this.stopScreenResizeListener();\r\n    this.drawing.setIsInteractive(false);\r\n  }\r\n\r\n  /** Asynchronously loads ALL the materials we expect will be needed in the app for the current\r\n   * product type. */\r\n  async loadProductMaterials() {\r\n    return await super.loadProductMaterials();\r\n\r\n    // TODO: Load the materials we know we'll present in the product editor (look at componentType, etc.).\r\n\r\n    //const factory = ProductViewModelFactories.getFactory(this.apiProduct.type);\r\n    //const materialIds = factory.getAllKnownProductMaterialIds(this.apiProduct);\r\n    //console.log('Awaiting additional materials to be loaded...');\r\n    //return await this.drawing.loadMaterials(materialIds, /*high res as well?*/ false);\r\n    //console.log('Additional materials load completed!');\r\n  }\r\n\r\n  /**\r\n   * Start (doStart) is only called once, typically the first time the user starts the product\r\n   * editing process. The base class will implicitly call displayProduct so there's no need for the\r\n   * user to call both.\r\n   */\r\n  doStart(apiProduct, data) {\r\n    // This will call displayProduct():\r\n    super.doStart(apiProduct, data);\r\n  }\r\n}\r\n","import { ComponentType } from './DoorFrontInteraction.js';\r\nimport { MultiStepProductEditor } from './MultiStepProductEditor.js';\r\n\r\nexport class MultiStepDoorFrontEditor extends MultiStepProductEditor {\r\n  /**\r\n   * Is called when (after) a product is displayed, and whenever the screen is resized sufficiently.\r\n   */\r\n  refreshCurrentScreen(nextStep, initializeEditScope) {\r\n    super.refreshCurrentScreen(nextStep, initializeEditScope);\r\n\r\n    if (this.componentType === ComponentType.panel) {\r\n      // No need to display the \"One panel at a time\" button if all doors have single panel only\r\n      const onePanelAtATimeBtn = this.currentScreen.editScopeBtnGroup &&\r\n        this.currentScreen.editScopeBtnGroup.querySelector('.btn[data-edit-scope=\"panel\"]');\r\n      if (onePanelAtATimeBtn) {\r\n        const front = this.drawing.product;\r\n        const allDoorsHaveSinglePanel = front.allDoorsHaveSinglePanel && front.allDoorsHaveSinglePanel();\r\n        onePanelAtATimeBtn.classList.toggle('d-none', allDoorsHaveSinglePanel);\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { ProductEditor } from './ProductEditor.js';\r\nimport { ObjectUtils } from '../main/ObjectUtils.js';\r\nimport { ComponentType, DoorFrontInteraction } from './DoorFrontInteraction.js';\r\nimport { DoorCore } from './Components.js';\r\nimport { MultiStepDoorFrontEditor } from './MultiStepDoorFrontEditor.js';\r\n\r\n/**\r\n * The DoorFrontEditor is a ViewModel for the part of the sliding door front's user interface which\r\n * is responsible for accepting edits by the user.\r\n */\r\nexport class DoorFrontEditor extends ProductEditor {\r\n  /**\r\n   * This constructor is async because--if session storage contains a product--it will communicate\r\n   * with the remote designerService to load the product. The async load happens on the last line\r\n   * of the super constructor.\r\n   */\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    this.componentType = ComponentType;\r\n    this.elements.panelList = document.getElementById(config.UI.El.panelList);\r\n\r\n    this.allPanelLayoutsMap = config.allPanelLayoutsMap;\r\n    this.panelListContent = config.panelListContent;\r\n    this.panelListContent.colClasses = this.panelListContent.colClass.split(' ');\r\n\r\n    this.addNumberInputEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n      this.propertyChanged('w', changedValue, changedElement);\r\n    });\r\n    this.addNumberInputEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n      this.propertyChanged('h', changedValue, changedElement);\r\n    });\r\n\r\n    this.addDropdownListEventHandlers(this.elements.trackType, (changedElement, changedValue) => {\r\n      this.propertyChanged('railCount', parseInt(changedValue), this.elements.trackType, this.elements.trackFinish);\r\n    });\r\n\r\n    const pnlList = jQuery(this.elements.panelList);\r\n    pnlList.on('hidden.bs.collapse', (event) => {\r\n      this.togglePreviewDrawingFinishLabels(false);\r\n    });\r\n    pnlList.on('shown.bs.collapse', (event) => {\r\n      this.togglePreviewDrawingFinishLabels(true);\r\n    });\r\n  }\r\n\r\n  assignEditFieldElements(elementIds) {\r\n    super.assignEditFieldElements(elementIds);\r\n    const byId = id => document.getElementById(id);\r\n    this.elements.finish = byId(elementIds.finish);\r\n    this.elements.frameFinish = byId(elementIds.frameFinish);\r\n    this.elements.trackFinish = byId(elementIds.trackFinish);\r\n    this.elements.panelLayout = byId(elementIds.panelLayout);\r\n    this.elements.width = byId(elementIds.width);\r\n    this.elements.height = byId(elementIds.height);\r\n    this.elements.trackType = byId(elementIds.trackType);\r\n  }\r\n\r\n  /**\r\n   * Factory method used by the owner ProductPageViewModel.\r\n   */\r\n  createPopupEditor(editDrawing) {\r\n    const config = this.config.UI.popupEditor;\r\n    if (!config.showEditScopeStep) {\r\n      // In this case we also need to set the following defaults:\r\n      ComponentType.panel.useEditScope = false;\r\n      ComponentType.panel.defaultEditScope = 'panel';\r\n      ComponentType.layout.useEditScope = false;\r\n      ComponentType.layout.defaultEditScope = 'door';\r\n    }\r\n    return new MultiStepDoorFrontEditor(editDrawing, config,\r\n      ComponentType.panel, DoorFrontInteraction, 'DoorFrontPopupEditorVM');\r\n  }\r\n\r\n  /** Adds button html elements to the buttons array parameter. */\r\n  registerPopupEditorButtons(buttons) {\r\n    super.registerPopupEditorButtons(buttons);\r\n    buttons.push(\r\n      this.elements.finish,\r\n      this.elements.frameFinish,\r\n      this.elements.trackFinish,\r\n      this.elements.panelLayout\r\n    );\r\n  }\r\n\r\n  ///**\r\n  // * Assigns BootStrap a modal popup \"show\" event handler which rebuilds the popup editor based\r\n  // * on the currently edited component type (based on which button was clicked). Note, the method\r\n  // * first calls the super method to add additional popup event handlers .\r\n  // */\r\n  //addPopupEditorHandlers() {\r\n  //  super.addPopupEditorHandlers();\r\n  //  const popup = jQuery(this.popupEditorConfig.elements.modalPopup);\r\n  //  popup.on('show.bs.modal', async (event) => {\r\n  //    if (this.popupEditorDisplayed) {\r\n  //      const typeId = popup.data('compType');\r\n  //      this.editedComponentType = ComponentType[typeId];\r\n  //      this.rebuildPopupEditor(this.editedComponentType);\r\n  //    }\r\n  //  });\r\n  //}\r\n\r\n  rebuildValidValuesMaps(validators) {\r\n    super.rebuildValidValuesMaps();\r\n    this.validValuesMap.panel = validators.finish.values;\r\n    this.validValuesMap.frame = validators.frameFinish.values;\r\n    this.validValuesMap.track = validators.trackFinish.values;\r\n    this.validValuesMap.layout = validators.panelLayout.values;\r\n  }\r\n\r\n  createSortedDoorDesigns(validValues, allValuesMap) {\r\n    const sortedValues = Array(validValues.length);\r\n    let index = 0;\r\n    validValues.forEach(id => {\r\n      sortedValues[index] = allValuesMap[id];\r\n      sortedValues[index].id = id;\r\n      sortedValues[index].panelCount = DoorCore.calculatePanelCount(id);\r\n      index++;\r\n    });\r\n    sortedValues.sort((a, b) => a.panelCount - b.panelCount);\r\n    return sortedValues;\r\n  }\r\n\r\n  createSortedGalleryItems(componentType) {\r\n    const validValues = this.validValuesMap[componentType.id];\r\n    const allValuesMap = componentType === ComponentType.layout ? this.allPanelLayoutsMap : this.allFinishesMap;\r\n    return componentType === ComponentType.layout\r\n      ? this.createSortedDoorDesigns(validValues, allValuesMap)\r\n      : this.createSortedValues(validValues, allValuesMap);\r\n  }\r\n\r\n  displayPanelList() {\r\n    const columns = document.createDocumentFragment();\r\n    let doorNo = 1;\r\n    this.product.doors.forEach(door => {\r\n      const columnDiv = document.createElement('div');\r\n      columnDiv.classList.add(...this.panelListContent.colClasses);\r\n\r\n      const para = document.createElement('p');\r\n      para.classList.add('door-title');\r\n      para.innerText = `${this.panelListContent.doorPrefix} ${doorNo}`;\r\n      columnDiv.appendChild(para);\r\n\r\n      const ol = document.createElement('ol');\r\n      const panels = door.core.panels;\r\n      panels.forEach(panel => {\r\n        const li = document.createElement('li');\r\n        this.assignValidValue(li, this.allFinishesMap, panel.f);\r\n        ol.appendChild(li);\r\n      });\r\n      columnDiv.appendChild(ol);\r\n      columns.appendChild(columnDiv);\r\n      doorNo++;\r\n    });\r\n    ObjectUtils.clearChildren(this.elements.panelList);\r\n    this.elements.panelList.appendChild(columns);\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n    this.assignValidValue(this.elements.finish, this.allFinishesMap, product.f, changeLog, 'Finish', changedElement);\r\n    this.assignValidValue(this.elements.frameFinish, this.allFinishesMap, product.frameF, changeLog, 'Frame finish', changedElement);\r\n    this.assignValidValue(this.elements.trackFinish, this.allFinishesMap, product.topTrack.f, changeLog, 'Track finish', changedElement);\r\n    this.assignValidValue(this.elements.panelLayout, this.allPanelLayoutsMap, product.panelLayout, changeLog, 'Door design', changedElement);\r\n\r\n    let validator = validators ? validators.width : null;\r\n    this.displayNumberInput(this.elements.width, product.w, validator, this.fieldsCfg.width,\r\n      changeLog, 'Width', changedElement);\r\n\r\n    validator = validators ? validators.height : null;\r\n    this.displayNumberInput(this.elements.height, product.h, validator, this.fieldsCfg.height,\r\n      changeLog, 'Height', changedElement);\r\n\r\n    validator = validators ? validators.railCount : null;\r\n    this.displayDropdownList(this.elements.trackType, product.railCount, changeLog, 'Track Type',\r\n      changedElement, this.config.trackTypeDValues);\r\n\r\n    this.displayPanelList();\r\n  }\r\n}\r\n","import { ProductInteraction } from './ProductInteraction.js';\r\n\r\nexport const EditScope = {\r\n  product: 'product'\r\n};\r\n\r\nexport const ComponentType = {\r\n  mainFinish: {\r\n    id: 'mainFinish',\r\n    useEditScope: false,\r\n    defaultEditScope: 'product',\r\n    getValue: (apiProduct) => apiProduct.f,\r\n    getAllUsedValues: (product) => product.getAllPrimaryFinishes(),\r\n    handleDrawingClick: (interaction, event) => interaction.handleMainFinishClick(event),\r\n    showGalleryFilterButton: false,\r\n  },\r\n  metalFinish: {\r\n    id: 'metalFinish',\r\n    useEditScope: false,\r\n    defaultEditScope: 'product',\r\n    getValue: (apiProduct) => apiProduct.f,\r\n    getAllUsedValues: (product) => product.getAllSecondaryFinishes(),\r\n    handleDrawingClick: (interaction, event) => interaction.handleMetalFinishClick(event),\r\n    showGalleryFilterButton: false,\r\n  },\r\n};\r\n\r\nexport class InteriorInteraction extends ProductInteraction {\r\n  constructor() {\r\n    super();\r\n    this._editScope = EditScope.product;\r\n    this._componentType = ComponentType.mainFinish;\r\n    /* We need to create a wrapper object for the removeEventListener call to actually remove the\r\n     * listener. This happens inside the drawing engine's toggleDisplayObjectInteractive method. */\r\n    this.mainFinishClickHandler = { handler: event => this.handleMainFinishClick(event) };\r\n    this.metalFinishClickHandler = { handler: event => this.handleMetalFinishClick(event) };\r\n  }\r\n\r\n  activateInteraction(on) {\r\n    super.activateInteraction(on);\r\n    if (this.product) {\r\n      switch (this.componentType) {\r\n        case ComponentType.mainFinish:\r\n          if (this.editScope === EditScope.product) {\r\n            /* Passing an arrow function to the method may prevent the toggleInteractive method from\r\n             * successfully unregistering the event. Instead we use a wrapper object. */\r\n            //this.toggleInteractive(this.product.displayObject, on, (event) => this.handleMainFinishClick(event));\r\n            this.toggleInteractive(this.product.displayObject, on, this.mainFinishClickHandler.handler);\r\n          } else {\r\n            this.unsupportedTypeAndScope();\r\n          }\r\n          break;\r\n\r\n        case ComponentType.metalFinish:\r\n          if (this.editScope === EditScope.product) {\r\n            /* Passing an arrow function to the method may prevent the toggleInteractive method from\r\n             * successfully unregistering the event. Instead we use a wrapper object. */\r\n            //this.toggleInteractive(this.product.displayObject, on, (event) => this.handleMetalFinishClick(event));\r\n            this.toggleInteractive(this.product.displayObject, on, this.metalFinishClickHandler.handler);\r\n          } else {\r\n            this.unsupportedTypeAndScope();\r\n          }\r\n          break;\r\n\r\n        default:\r\n          this.unsupportedTypeAndScope();\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  doOnMainFinishChanged(product, { oldFinish, oldDisplayObject }) {\r\n    if (this.onMainFinishChanged) {\r\n      this.onMainFinishChanged(this, oldFinish, product);\r\n    }\r\n  }\r\n\r\n  doOnMetalFinishChanged(product, { oldFinish, oldDisplayObject }) {\r\n    if (this.onMetalFinishChanged) {\r\n      this.onMetalFinishChanged(this, oldFinish, product);\r\n    }\r\n  }\r\n\r\n  handleMainFinishClick(event) {\r\n    if (this.selectedValue) {\r\n      const product = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      product.replaceFinishesRecursively(this.selectedValue, (product, args) => {\r\n        this.doOnMainFinishChanged(product, args);\r\n        wasChanged = true;\r\n      });\r\n      if (wasChanged) {\r\n        /* We only need to make this call if the replaced display object is interactive. Since we currently\r\n         * only have click handlers on the root module (e.g. flexi-section or organizer), and we\r\n         * don't replace their display object (we only replace the leaf display objects, e.g. shelves),\r\n         * we have commented out this next line: */\r\n        //this.refreshInteractive(oldDisplayObject, product.displayObject, this.mainFinishClickHandler.handler);\r\n        this.doOnProductChanged(product);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n\r\n  handleMetalFinishClick(event) {\r\n    if (this.selectedValue) {\r\n      const product = event.currentTarget.dataComponent;\r\n      let wasChanged = false;\r\n      product.replaceSecondaryFinishesRecursively(this.selectedValue, (product, args) => {\r\n        this.doOnMetalFinishChanged(product, args);\r\n        wasChanged = true;\r\n      });\r\n      if (wasChanged) {\r\n      /* We only need to make this call if the replaced display object is interactive. Since we currently\r\n       * only have click handlers on the root module (e.g. flexi-section or organizer), and we\r\n       * don't replace their display object (we only replace the leaf display objects, e.g. shelves),\r\n       * we have commented out this next line: */\r\n        //this.refreshInteractive(oldDisplayObject, product.displayObject, this.metalFinishClickHandler.handler);\r\n        this.doOnProductChanged(product);\r\n      }\r\n      this.doOnInteraction(event);\r\n    }\r\n  }\r\n}\r\n","import { ProductEditor } from './ProductEditor.js';\r\nimport { ComponentType, InteriorInteraction } from './InteriorInteraction.js';\r\nimport { MultiStepProductEditor } from './MultiStepProductEditor.js';\r\n\r\nexport class InteriorEditor extends ProductEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    this.componentType = ComponentType;\r\n  }\r\n\r\n  assignEditFieldElements(elementIds) {\r\n    super.assignEditFieldElements(elementIds);\r\n    this.elements.finish = document.getElementById(elementIds.finish);\r\n  }\r\n\r\n  /**\r\n   * Factory method used by the owner ProductPageViewModel.\r\n   */\r\n  createPopupEditor(editDrawing) {\r\n    return new MultiStepProductEditor(editDrawing, this.config.UI.popupEditor,\r\n      ComponentType.mainFinish, InteriorInteraction, 'InteriorPopupEditorVM');\r\n  }\r\n\r\n  /** Adds button html elements to the buttons array parameter. */\r\n  registerPopupEditorButtons(buttons) {\r\n    super.registerPopupEditorButtons(buttons);\r\n    buttons.push(this.elements.finish);\r\n  }\r\n\r\n  ///**\r\n  // * Assigns BootStrap a modal popup \"show\" event handler which rebuilds the popup editor based\r\n  // * on the currently edited component type (based on which button was clicked). Note, the method\r\n  // * first calls the super method to add additional popup event handlers .\r\n  // */\r\n  //addPopupEditorHandlers() {\r\n  //  super.addPopupEditorHandlers();\r\n  //  const popup = jQuery(this.popupEditorConfig.elements.modalPopup);\r\n  //  popup.on('show.bs.modal', async (event) => {\r\n  //    if (this.popupEditorDisplayed) {\r\n  //      const typeId = popup.data('compType');\r\n  //      this.editedComponentType = ComponentType[typeId];\r\n  //      this.rebuildPopupEditor(this.editedComponentType);\r\n  //    }\r\n  //  });\r\n  //}\r\n\r\n  rebuildValidValuesMaps(validators) {\r\n    super.rebuildValidValuesMaps(validators);\r\n    this.validValuesMap.mainFinish = validators.finish.values;\r\n  }\r\n\r\n  createSortedGalleryItems(componentType) {\r\n    const validValues = this.validValuesMap[componentType.id];\r\n    const allValuesMap = this.allFinishesMap;\r\n    return this.createSortedValues(validValues, allValuesMap);\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n    this.assignValidValue(this.elements.finish, this.allFinishesMap, product.f, changeLog, 'Finish', changedElement);\r\n  }\r\n}\r\n\r\nexport class SideWallEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.thickness)) {\r\n      this.elements.thickness = byId(elementIds.thickness);\r\n      this.addNumberRadioListEventHandlers(this.elements.thickness, (changedElement, changedValue) => {\r\n        this.propertyChanged('inputT', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = byId(elementIds.width);\r\n      this.addNumberRadioListEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      this.elements.height = byId(elementIds.height);\r\n      this.addNumberInputEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n        this.propertyChanged('h', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.thickness)) {\r\n      const validator = validators ? validators.inputThickness : null;\r\n      this.displayRadioListInput(this.elements.thickness, product.inputT, validator,\r\n        this.fieldsCfg.thickness, changeLog, 'Thickness', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      const validator = validators ? validators.height : null;\r\n      this.displayNumberInput(this.elements.height, product.h, validator,\r\n        this.fieldsCfg.height, changeLog, 'Height', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayRadioListInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n  }\r\n}\r\n\r\nexport class FlexiSideEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = byId(elementIds.width);\r\n      this.addNumberRadioListEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      this.elements.height = byId(elementIds.height);\r\n      this.addNumberInputEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n        this.propertyChanged('h', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayRadioListInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      const validator = validators ? validators.height : null;\r\n      this.displayNumberInput(this.elements.height, product.h, validator,\r\n        this.fieldsCfg.height, changeLog, 'Height', changedElement);\r\n    }\r\n  }\r\n}\r\n\r\nexport class FlexiShelfEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = byId(elementIds.width);\r\n      this.addNumberRadioListEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      this.elements.depth = byId(elementIds.depth);\r\n      this.addNumberRadioListEventHandlers(this.elements.depth, (changedElement, changedValue) => {\r\n        this.propertyChanged('d', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayRadioListInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      const validator = validators ? validators.depth : null;\r\n      this.displayRadioListInput(this.elements.depth, product.d, validator,\r\n        this.fieldsCfg.depth, changeLog, 'Depth', changedElement);\r\n    }\r\n  }\r\n}\r\n\r\nexport class FlexiBasketAndTracksEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = byId(elementIds.width);\r\n      this.addNumberRadioListEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      this.elements.height = byId(elementIds.height);\r\n      this.addNumberRadioListEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n        this.propertyChanged('h', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      this.elements.depth = byId(elementIds.depth);\r\n      this.addNumberRadioListEventHandlers(this.elements.depth, (changedElement, changedValue) => {\r\n        this.propertyChanged('d', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayRadioListInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      const validator = validators ? validators.height : null;\r\n      this.displayRadioListInput(this.elements.height, product.h, validator,\r\n        this.fieldsCfg.height, changeLog, 'Height', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      const validator = validators ? validators.depth : null;\r\n      this.displayRadioListInput(this.elements.depth, product.d, validator,\r\n        this.fieldsCfg.depth, changeLog, 'Depth', changedElement);\r\n    }\r\n  }\r\n}\r\n\r\nexport class MeshBasketAndTracksEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = byId(elementIds.width);\r\n      this.addNumberRadioListEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      this.elements.height = byId(elementIds.height);\r\n      this.addNumberRadioListEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n        this.propertyChanged('h', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      this.elements.depth = byId(elementIds.depth);\r\n      this.addNumberRadioListEventHandlers(this.elements.depth, (changedElement, changedValue) => {\r\n        this.propertyChanged('d', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayRadioListInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      const validator = validators ? validators.height : null;\r\n      this.displayRadioListInput(this.elements.height, product.h, validator,\r\n        this.fieldsCfg.height, changeLog, 'Height', changedElement);\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      const validator = validators ? validators.depth : null;\r\n      this.displayRadioListInput(this.elements.depth, product.d, validator,\r\n        this.fieldsCfg.depth, changeLog, 'Depth', changedElement);\r\n    }\r\n  }\r\n}\r\n\r\nclass FloorModuleEditor extends InteriorEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    const byId = id => document.getElementById(id);\r\n    const elementIds = config.UI.El;\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.heightType)) {\r\n      this.elements.heightType = byId(elementIds.heightType);\r\n      this.elements.heightType.dataset.suppressChgMsg = true;\r\n      this.addStringRadioListEventHandlers(this.elements.heightType, (changedElement, changedValue) => {\r\n        this.propertyChanged('heightType', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      this.elements.height = byId(elementIds.height);\r\n      this.addNumberInputEventHandlers(this.elements.height, (changedElement, changedValue) => {\r\n        this.propertyChanged('h', changedValue, changedElement);\r\n      });\r\n    }\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      this.elements.depth = byId(elementIds.depth);\r\n      this.addNumberRadioListEventHandlers(this.elements.depth, (changedElement, changedValue) => {\r\n        this.propertyChanged('d', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  assignEditFieldElements(elementIds) {\r\n    super.assignEditFieldElements(elementIds);\r\n    this.elements.metalFinish = document.getElementById(elementIds.metalFinish);\r\n  }\r\n\r\n  /** Adds button html elements to the buttons array parameter. */\r\n  registerPopupEditorButtons(buttons) {\r\n    super.registerPopupEditorButtons(buttons);\r\n    buttons.push(this.elements.metalFinish);\r\n  }\r\n\r\n  displayWidthInput(validators, product, changeLog, changedElement) {\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      const validator = validators ? validators.width : null;\r\n      this.displayNumberInput(this.elements.width, product.w, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width', changedElement);\r\n    }\r\n  }\r\n\r\n  displayHeightTypeInput(validators, product, changeLog, changedElement) {\r\n    if (this.isFieldVisible(this.fieldsCfg.heightType)) {\r\n      const validator = validators ? validators.heightType : null;\r\n      this.displayRadioListInput(this.elements.heightType, product.heightType, validator,\r\n        this.fieldsCfg.heightType, changeLog, 'Height Type', changedElement,\r\n        this.config.heightTypeDValues);\r\n    }\r\n  }\r\n\r\n  displayHeightInput(validators, product, changeLog, changedElement) {\r\n    if (this.isFieldVisible(this.fieldsCfg.height)) {\r\n      const validator = validators ? validators.height : null;\r\n      const readOnly = product.heightType !== 'Custom';\r\n      this.displayNumberInput(this.elements.height, product.h, validator,\r\n        this.fieldsCfg.height, changeLog, 'Height', changedElement, readOnly);\r\n    }\r\n  }\r\n\r\n  displayDepthInput(validators, product, changeLog, changedElement) {\r\n    if (this.isFieldVisible(this.fieldsCfg.depth)) {\r\n      const validator = validators ? validators.depth : null;\r\n      this.displayRadioListInput(this.elements.depth, product.d, validator,\r\n        this.fieldsCfg.depth, changeLog, 'Depth', changedElement);\r\n    }\r\n  }\r\n\r\n  doOnPopupEditorDisplayed(event) {\r\n    super.doOnPopupEditorDisplayed(event);\r\n    /* Let the base class editor know that we only need to send the changed finish on the root object\r\n     * (e.g. the flexi-section) to the server. There's no need to send every changed finish on components. */\r\n    if (this.editedComponentType.id === 'mainFinish') {\r\n      this.popupEditorChangeType.isAtomic = true;\r\n      this.popupEditorChangeType.propertyName = 'f';\r\n    } else if (this.editedComponentType.id === 'metalFinish') {\r\n      this.popupEditorChangeType.isAtomic = true;\r\n      this.popupEditorChangeType.propertyName = 'metalF';\r\n    }\r\n  }\r\n\r\n  rebuildValidValuesMaps(validators) {\r\n    super.rebuildValidValuesMaps(validators);\r\n    this.validValuesMap.metalFinish = validators.metalFinish.values;\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n    this.assignValidValue(this.elements.metalFinish, this.allFinishesMap, product.metalF, changeLog, 'Metal Finish', changedElement);\r\n  }\r\n}\r\n\r\nexport class FlexiSectionEditor extends FloorModuleEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.innerWidth = document.getElementById(config.UI.El.innerWidth);\r\n\r\n      this.addNumberRadioListEventHandlers(this.elements.innerWidth, (changedElement, changedValue) => {\r\n        this.propertyChanged('innerW', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n    this.displayInnerWidthInput(validators, product, changeLog, changedElement);\r\n    this.displayHeightTypeInput(validators, product, changeLog, changedElement);\r\n    this.displayHeightInput(validators, product, changeLog, changedElement);\r\n    this.displayDepthInput(validators, product, changeLog, changedElement);\r\n  }\r\n\r\n  displayInnerWidthInput(validators, product, changeLog, changedElement) {\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      let validator = validators ? validators.innerWidth : null;\r\n      this.displayRadioListInput(this.elements.innerWidth, product.innerW, validator,\r\n        this.fieldsCfg.width, changeLog, 'Width, inner', changedElement);\r\n      return validator;\r\n    }\r\n  }\r\n}\r\n\r\nclass StandardModuleEditor extends FloorModuleEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    if (this.isFieldVisible(this.fieldsCfg.width)) {\r\n      this.elements.width = document.getElementById(config.UI.El.width);\r\n      this.addNumberInputEventHandlers(this.elements.width, (changedElement, changedValue) => {\r\n        this.propertyChanged('w', changedValue, changedElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n    this.displayWidthInput(validators, product, changeLog, changedElement);\r\n    this.displayHeightTypeInput(validators, product, changeLog, changedElement);\r\n    this.displayHeightInput(validators, product, changeLog, changedElement);\r\n    this.displayDepthInput(validators, product, changeLog, changedElement);\r\n  }\r\n}\r\n\r\nexport class ClosetOrganizerEditor extends StandardModuleEditor {\r\n}\r\n","import { ProductEditor } from './ProductEditor.js';\r\nimport { ComponentType } from './InteriorInteraction.js';\r\n\r\nclass VariantProductEditor extends ProductEditor {\r\n  constructor(config, designerService, productService) {\r\n    super(config, designerService, productService);\r\n    this.componentType = ComponentType;\r\n\r\n    this.addDropdownListEventHandlers(this.elements.variants, async (changedElement, changedValue) => {\r\n      try {\r\n        // Note, changedValue is the Guid key of the variant node\r\n        //this.propertyChanged('variantId', changedValue, this.elements.variant, this.elements.variant);\r\n        const variantId = await this.getProductVariantId(changedElement, changedValue);\r\n        if (!variantId || variantId.length !== 36 || !/[0-9a-fA-F]/.test(variantId[0])) {\r\n          throw new Error('Unable to look up the product variant given the input product attributes.');\r\n        }\r\n        this.propertyChanged('variantId', variantId, changedElement, changedElement);\r\n      } catch (ex) {\r\n        this.toggleErrorMessage(true, this.config.genericErrorMessage); //'Sorry! Something unexpected happened in the app.'\r\n        throw ex;\r\n      }\r\n    });\r\n\r\n  }\r\n\r\n  async getProductVariantId(changedElement, changedAttrValue) {\r\n    return null;\r\n  }\r\n\r\n  assignEditFieldElements(elementIds) {\r\n    super.assignEditFieldElements(elementIds);\r\n    //this.elements.variant = document.getElementById(elementIds.variant);\r\n    this.elements.variants = document.querySelectorAll('button[data-comp-type=\"variant\"]');\r\n  }\r\n\r\n  getSelectedValueFromProduct(product, buttonElement) {\r\n    return null;\r\n  }\r\n\r\n  doDisplayProduct(product, validators, changedElement, changeLog) {\r\n    super.doDisplayProduct(product, validators, changedElement, changeLog);\r\n\r\n    let validator = validators ? validators.variant : null;\r\n    //this.displayDropdownList(this.elements.variant, product.variantId, changeLog, 'Variant',\r\n    for (const buttonElement of this.elements.variants) {\r\n      const selectedValue = this.getSelectedValueFromProduct(product, buttonElement);\r\n      this.displayDropdownList(buttonElement, selectedValue, changeLog, 'Variant',\r\n        changedElement, this.config.variantDValues);\r\n    }\r\n  }\r\n}\r\n\r\nexport class SingleVariantProductEditor extends VariantProductEditor {\r\n  async getProductVariantId(changedElement, changedAttrValue) {\r\n    return changedAttrValue;\r\n  }\r\n\r\n  getSelectedValueFromProduct(product, buttonElement) {\r\n    return product.variantId;\r\n  }\r\n}\r\n\r\nexport class MultiVariantProductEditor extends VariantProductEditor {\r\n\r\n  extractAlias(buttonElement) {\r\n    return buttonElement.id.replace('DropDown-', '');\r\n  }\r\n\r\n  getSelectedValue(buttonElement) {\r\n    const menu = buttonElement.parentElement.querySelector('.dropdown-menu');\r\n    const activeItem = menu.querySelector('.dropdown-item.active');\r\n    return activeItem ? activeItem.name : null;\r\n  }\r\n\r\n  getSelectedValueFromProduct(product, buttonElement) {\r\n    const attrAlias = this.extractAlias(buttonElement);\r\n    return product.attributes[attrAlias];\r\n  }\r\n\r\n  async getProductVariantId(changedElement, changedAttrValue) {\r\n    const changedAlias = this.extractAlias(changedElement);\r\n\r\n    // Convert selected values into a key value collection\r\n    let attributes = {};\r\n    for (const buttonElement of this.elements.variants) {\r\n      let alias = this.extractAlias(buttonElement);\r\n      let value;\r\n      if (alias === changedAlias) {\r\n        value = changedAttrValue;\r\n      } else {\r\n        value = this.getSelectedValue(buttonElement);\r\n      }\r\n      attributes[alias] = value;\r\n    }\r\n    return await this.productService.getProductVariantId(this.config.productId, attributes/*, signal*/);\r\n  }\r\n}\r\n","import { Component } from './Components.js';\r\n\r\nexport class FlexiSide extends Component {\r\n  constructor(name, drawingService, apiFlexiSide) {\r\n    super(name, drawingService, apiFlexiSide);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'FlexiSide';\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFlexiSide(this);\r\n  }\r\n}\r\n\r\nexport class FlexiSectionContent extends Component {\r\n  createDisplayObject() {\r\n    return this.createMaterialObject();\r\n  }\r\n}\r\n\r\nclass RodWithBrackets extends FlexiSectionContent {\r\n}\r\n\r\nexport class HangRodWithBrackets extends RodWithBrackets {\r\n  constructor(name, drawingService, apiHangRod) {\r\n    super(name, drawingService, apiHangRod);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'HangRod';\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitHangRodWithBrackets(this);\r\n  }\r\n}\r\n\r\nexport class SupportRodWithBrackets extends RodWithBrackets {\r\n  constructor(name, drawingService, apiSupportRod) {\r\n    super(name, drawingService, apiSupportRod);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'SupportRod';\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitSupportRodWithBrackets(this);\r\n  }\r\n}\r\n\r\nexport class FlexiBasketAndTracks extends FlexiSectionContent {\r\n  constructor(name, drawingService, apiBasket) {\r\n    super(name, drawingService, apiBasket);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'FlexiBasketAndTracks';\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFlexiBasketAndTracks(this);\r\n  }\r\n}\r\n\r\nexport class MeshBasketAndTracks extends FlexiSectionContent {\r\n  constructor(name, drawingService, apiBasket) {\r\n    super(name, drawingService, apiBasket);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'MeshBasketAndTracks';\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitMeshBasketAndTracks(this);\r\n  }\r\n}\r\n\r\nclass BaseShelf extends FlexiSectionContent {\r\n}\r\n\r\nexport class FlexiShelf extends BaseShelf {\r\n  constructor(name, drawingService, apiFlexiShelf) {\r\n    super(name, drawingService, apiFlexiShelf);\r\n    this.metalFinish = apiFlexiShelf.metalF;\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'FlexiShelf';\r\n  }\r\n\r\n  getSecondaryFinish() {\r\n    // Some types of shelves have metal finish (i.e. wired shelves)\r\n    return this.metalFinish;\r\n  }\r\n\r\n  setSecondaryFinish(value) {\r\n    // Some types of shelves have metal finish (i.e. wired shelves)\r\n    this.metalFinish = value;\r\n  }\r\n\r\n  addToMaterialIdList(list) {\r\n    super.addToMaterialIdList(list);\r\n    if (this.metalFinish) {\r\n      if (this.materialIdPrefix) {\r\n        list[this.materialIdPrefix + this.drawingService.materialPrefixDelim + this.metalFinish] = true;\r\n      } else {\r\n        list[this.metalFinish] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFlexiShelf(this);\r\n  }\r\n}\r\n\r\nexport class TopShelf extends BaseShelf {\r\n  constructor(name, drawingService, apiTopShelf) {\r\n    super(name, drawingService, apiTopShelf);\r\n  }\r\n  preFactorySetup(config) {\r\n    super.preFactorySetup(config);\r\n    this.materialIdPrefix = 'TopShelf';\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitTopShelf(this);\r\n  }\r\n}\r\n\r\nexport class FlexiSectionContents extends Component {\r\n  constructor(name, drawingService, apiContents, config) {\r\n    super(name, drawingService, apiContents, config);\r\n    /*this.items =*/ this.addApiComponents('Content', this.apiProduct.items);\r\n  }\r\n\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  iterateContentsUsingPrimaryFinish(onEach) {\r\n    this.components.forEach(comp => {\r\n      // The flexi-section's primary finish is a \"wood\", while rods and baskets' primary finish is \"metal\".\r\n      if ((comp instanceof RodWithBrackets) || (comp instanceof FlexiBasketAndTracks) ||\r\n        (comp instanceof MeshBasketAndTracks)) {\r\n        // Skip! The component doesn't have a \"wood\" finish.\r\n      } else {\r\n        onEach(comp); // The component's primary finish is the \"wood\" finish\r\n      }\r\n    });\r\n  }\r\n\r\n  iterateContentsUsingSecondaryFinish(onEach) {\r\n    this.components.forEach(comp => {\r\n      // The flexi-section's primary finish is a \"wood\", while rods and baskets' primary finish is \"metal\".\r\n      if ((comp instanceof RodWithBrackets) || (comp instanceof FlexiBasketAndTracks) ||\r\n        (comp instanceof MeshBasketAndTracks)) {\r\n        onEach(comp, /*usePrimaryFinish:*/ true); // The component's primary finish is the metal finish\r\n      } else if (comp instanceof FlexiShelf) {\r\n        // Shelves might have both primary and secondary finish.\r\n        onEach(comp, /*usePrimaryFinish:*/ false); // The component's secondary finish is the metal finish\r\n      } else {\r\n        // The component doesn't have a secondary/metal finish\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Adds each content's primary finishes to the finishes array parameter. Note, secondary finishes\r\n   * should not be added (e.g. metal finish).\r\n   */\r\n  addToPrimaryFinishArray(finishes) {\r\n    this.iterateContentsUsingPrimaryFinish(content => content.addToPrimaryFinishArray(finishes));\r\n  }\r\n\r\n  /** Adds each content's secondary finish (i.e. metal finish) to the finishes array parameter. */\r\n  addToSecondaryFinishArray(finishes) {\r\n    this.iterateContentsUsingSecondaryFinish((content, usePrimaryFinish) => {\r\n      if (usePrimaryFinish) {\r\n        content.addToPrimaryFinishArray(finishes);\r\n      } else {\r\n        content.addToSecondaryFinishArray(finishes);\r\n      }\r\n    });\r\n  }\r\n\r\n  doReplaceFinishesRecursively(newFinish, onChanged) {\r\n    this.iterateContentsUsingPrimaryFinish(content => content.doReplaceFinishesRecursively(newFinish));\r\n    this.replaceFinish(newFinish, onChanged);\r\n  }\r\n\r\n  doReplaceSecondaryFinishesRecursively(newFinish, onChanged) {\r\n    this.iterateContentsUsingSecondaryFinish((content, usePrimaryFinish) => {\r\n      if (usePrimaryFinish) {\r\n        content.doReplaceFinishesRecursively(newFinish);\r\n      } else {\r\n        content.doReplaceSecondaryFinishesRecursively(newFinish);\r\n      }\r\n    });\r\n    this.replaceSecondaryFinish(newFinish, onChanged);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    return Component.assignArrayModificationsTo(destApiProduct, 'contents', this.components, /*assignType:*/ true);\r\n  }\r\n\r\n  iterate(iterator) {\r\n    this.components.forEach(content => iterator.iterate(content));\r\n  }\r\n\r\n  visitChildren(visitor) {\r\n    this.components.forEach(content => visitor.visit(content));\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFlexiSectionContents(this);\r\n  }\r\n}\r\n\r\nclass ClosetModule extends Component {\r\n  createDisplayObject() {\r\n    return this.createContainer();\r\n  }\r\n\r\n  /**\r\n   * Adds each component's primary finishes to the finishes array parameter. Note, secondary finishes\r\n   * should not be added (e.g. metal finish).\r\n   */\r\n  addToPrimaryFinishArray(finishes) {\r\n    this.components.forEach(item => item.addToPrimaryFinishArray(finishes));\r\n  }\r\n\r\n  /** Adds each component's secondary finishes to the finishes array parameter (i.e. metal finish). */\r\n  addToSecondaryFinishArray(finishes) {\r\n    this.components.forEach(item => item.addToSecondaryFinishArray(finishes));\r\n  }\r\n\r\n  /** Used by Iterator subclasses, e.g. DetachFromDomIterator. */\r\n  iterate(iterator) {\r\n    this.components.forEach(component => iterator.iterate(component));\r\n  }\r\n\r\n  /**\r\n   * Used by Visitor subclasses when the visitor needs to recurse into children of the currently\r\n   * visited class.\r\n   */\r\n  visitChildren(visitor) {\r\n    this.components.forEach(component => visitor.visit(component));\r\n  }\r\n}\r\n\r\nexport const FloorModuleAlign = {\r\n  Left: 'Left',\r\n  Center: 'Center',\r\n  Right: 'Right',\r\n  Fill: 'Fill',\r\n  Free: 'Free'\r\n};\r\n\r\nclass FloorModule extends ClosetModule {\r\n  constructor(name, drawingService, apiModule) {\r\n    super(name, drawingService, apiModule);\r\n    this.align = apiModule.align || FloorModuleAlign.Left;\r\n    this.innerW = apiModule.innerW || 0;\r\n    this.metalFinish = apiModule.metalF;\r\n    this.heightType = apiModule.heightType;\r\n    if (apiModule.leftSide) {\r\n      this.leftSide = new FlexiSide('Left Side', this.drawingService, apiModule.leftSide);\r\n      this.addComponent(this.leftSide);\r\n    }\r\n    if (apiModule.rightSide) {\r\n      this.rightSide = new FlexiSide('Right Side', this.drawingService, apiModule.rightSide);\r\n      this.addComponent(this.rightSide);\r\n    }\r\n  }\r\n\r\n  getSecondaryFinish() {\r\n    // Some types of shelves have metal finish (i.e. wired shelves)\r\n    return this.metalFinish;\r\n  }\r\n\r\n  setSecondaryFinish(value) {\r\n    // Some types of shelves have metal finish (i.e. wired shelves)\r\n    this.metalFinish = value;\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n\r\n    /* TODO: For now we assume heightType, innerW, and align are modified and handled directly in\r\n     * the UI, but we really should check and assign each of these here. */\r\n\r\n    if (this.metalFinish !== this.apiProduct.metalF) {\r\n      destApiProduct.metalF = this.metalFinish;\r\n      isModified = true;\r\n    }\r\n\r\n    const destLeftSide = {};\r\n    const isLeftSideModified = this.leftSide && this.leftSide.assignModificationsTo(destLeftSide);\r\n    if (isLeftSideModified) {\r\n      destApiProduct.leftSide = destLeftSide;\r\n    }\r\n    const destRightSide = {};\r\n    const isRightSideModified = this.rightSide && this.rightSide.assignModificationsTo(destRightSide);\r\n    if (isRightSideModified) {\r\n      destApiProduct.rightSide = destRightSide;\r\n    }\r\n    return isModified || isLeftSideModified || isRightSideModified;\r\n  }\r\n}\r\n\r\nexport class FlexiSection extends FloorModule {\r\n  constructor(name, drawingService, apiSection) {\r\n    super(name, drawingService, apiSection);\r\n    this.contents = new FlexiSectionContents('Contents', this.drawingService, apiSection.contents);\r\n    this.addComponent(this.contents);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n\r\n    const destContents = {\r\n      //\"type\" property only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.core.type\r\n    };\r\n    const isContentsModified = this.contents.assignModificationsTo(destContents);\r\n    if (isContentsModified) {\r\n      destApiProduct.contents = destContents;\r\n    }\r\n    return isModified || isContentsModified;\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitFlexiSection(this);\r\n  }\r\n}\r\n\r\nclass StandardModule extends FloorModule {\r\n  constructor(name, drawingService, apiStandardModule) {\r\n    super(name, drawingService, apiStandardModule);\r\n    this.floorModules = this.addApiComponents('Floor Module', this.apiProduct.floorModules);\r\n    this.otherComponents = this.addApiComponents('Component', this.apiProduct.otherComponents);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n\r\n    const areFloorModulesModified = Component.assignArrayModificationsTo(destApiProduct, 'floorModules', this.hangRods);\r\n    const areOtherComponentsModified = Component.assignArrayModificationsTo(destApiProduct, 'otherComponents', this.otherComponents);\r\n\r\n    return isModified || areFloorModulesModified || areOtherComponentsModified;\r\n  }\r\n}\r\n\r\nexport class TopShelfModule extends ClosetModule {\r\n  constructor(name, drawingService, apiShelfModule) {\r\n    super(name, drawingService, apiShelfModule);\r\n    /*this.shelves =*/ this.addApiComponents('Shelf', this.apiProduct.shelves);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n    const areShelvesModified = Component.assignArrayModificationsTo(destApiProduct, 'shelves', this.components);\r\n    return isModified || areShelvesModified;\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitTopShelfModule(this);\r\n  }\r\n}\r\n\r\nexport class HangRodModule extends StandardModule {\r\n  constructor(name, drawingService, apiHangRodModule) {\r\n    super(name, drawingService, apiHangRodModule);\r\n    this.hangRods = this.addApiComponents('Hang rod', this.apiProduct.hangRods);\r\n    this.supportRods = this.addApiComponents('Support rod', this.apiProduct.supportRods);\r\n    this.shelves = this.addApiComponents('Shelf', this.apiProduct.shelves);\r\n  }\r\n\r\n  doReplaceFinishesRecursively(newFinish, onChanged) {\r\n    this.components.forEach(comp => {\r\n      /* The primary finish is a \"wood\", but any rod finishes are \"metal\".\r\n       * Hence, skip rods here: */\r\n      if (!(comp instanceof RodWithBrackets) && !(comp instanceof SupportRodWithBrackets)) {\r\n        comp.doReplaceFinishesRecursively(newFinish);\r\n      }\r\n    });\r\n    this.replaceFinish(newFinish, onChanged);\r\n  }\r\n\r\n  doReplaceSecondaryFinishesRecursively(newFinish, onChanged) {\r\n    this.components.forEach(comp => {\r\n      if ((comp instanceof RodWithBrackets) || (comp instanceof FlexiBasketAndTracks) ||\r\n        (comp instanceof MeshBasketAndTracks)) {\r\n        comp.doReplaceFinishesRecursively(newFinish);\r\n      } else {\r\n        comp.doReplaceSecondaryFinishesRecursively(newFinish);\r\n      }\r\n    });\r\n    this.replaceSecondaryFinish(newFinish, onChanged);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n\r\n    const areHangRodsModified = Component.assignArrayModificationsTo(destApiProduct, 'hangRods', this.hangRods);\r\n    const areSupportRodsModified = Component.assignArrayModificationsTo(destApiProduct, 'supportRods', this.supportRods);\r\n\r\n    return isModified || areHangRodsModified || areSupportRodsModified;\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitHangRodModule(this);\r\n  }\r\n}\r\n\r\nexport class ClosetOrganizer extends StandardModule {\r\n  constructor(name, drawingService, apiClosetOrganizer) {\r\n    super(name, drawingService, apiClosetOrganizer);\r\n    this.topShelfModule = new TopShelfModule('Topshelf Module', this.drawingService, apiClosetOrganizer.topShelfModule);\r\n    this.addComponent(this.topShelfModule);\r\n  }\r\n\r\n  assignModificationsTo(destApiProduct) {\r\n    let isModified = super.assignModificationsTo(destApiProduct); // Call super to get any changes to finish\r\n\r\n    const destTopShelfModule = {\r\n      //\"type\" property only needs to be assigned if/when type can be modified or different among the children (e.g. section contents)\r\n      //type: this.core.type\r\n    };\r\n    const isModuleModified = this.topShelfModule.assignModificationsTo(destTopShelfModule);\r\n    if (isModuleModified) {\r\n      destApiProduct.topShelfModule = destTopShelfModule;\r\n    }\r\n    return isModified || isModuleModified;\r\n  }\r\n\r\n  acceptVisitor(visitor) {\r\n    return visitor.visitClosetOrganizer(this);\r\n  }\r\n}\r\n","import { ProductViewModelFactory, ProductViewModelFactories } from './ProductViewModelFactories.js';\r\nimport { DoorFrontEditor } from './DoorFrontEditor.js';\r\nimport { ProductEditor } from './ProductEditor.js';\r\nimport {\r\n  SideWallEditor, FlexiSideEditor, FlexiShelfEditor, FlexiBasketAndTracksEditor,\r\n  MeshBasketAndTracksEditor, FlexiSectionEditor, ClosetOrganizerEditor\r\n} from './InteriorEditor.js';\r\nimport { SingleVariantProductEditor, MultiVariantProductEditor } from './VariantProductEditor.js';\r\nimport { DoorFront, SideWall, FixedProduct, OneDimVariantProduct, MultiDimVariantProduct } from './Components.js';\r\nimport {\r\n  FlexiSide, HangRodWithBrackets, SupportRodWithBrackets, FlexiBasketAndTracks, MeshBasketAndTracks,\r\n  TopShelf, FlexiShelf, FlexiSection, TopShelfModule, HangRodModule, ClosetOrganizer\r\n} from './Components-Flexi.js';\r\n\r\nconst PriceMarketCodes = {\r\n  EuCm: 'eu-cm', // Euro-zone, consumer market.\r\n  NoRc: 'no-rc', // Norway, retail chain market\r\n  NoCm: 'no-cm', // Norway, consumer market\r\n}\r\n\r\nclass SlidingDoorFrontFactory extends ProductViewModelFactory {\r\n\r\n  /**\r\n   * This method might--if session storage contains a product--communicate with the remote\r\n   * designerService to asynchronously load the product. The async load happens on the last line of\r\n   * the ProductEditor class constructor.\r\n   */\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new DoorFrontEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownSafirMaterialIds(mktCode) {\r\n    // TODO: Allow the returned material id's to vary based on mktCode. Currently this returns known materials for the EuCm market\r\n    const materialIds = {};\r\n    const frameFinishes = ['WhiteAluminum', 'NaturalAluminum', 'BlackAluminum'];\r\n    const doorPanelFinishes = [\r\n      'WhiteMelamine',\r\n      'ClearMirror',\r\n      'GrayMirror',\r\n      'BronzeMirror',\r\n      'WhiteGlass',\r\n      'OakVeneer',\r\n      'BirchVeneer',\r\n      'GrayReed',\r\n      'LightGrayReed',\r\n      'OakReed',\r\n      'WhiteMelamineReed',\r\n      'BlackOakPaint',\r\n      'StoneAsh',\r\n      'LavaElm',\r\n      'Taupe_NCS_S6005_Y20R',\r\n      'Black_NCS_S9000N',\r\n      'AntrasiteMelamine',\r\n      'ManhattanGrayMelamine',\r\n    ];\r\n    const trackFinishes = ['WhiteAluminum', 'SilverAluminum', 'BlackAluminum'];\r\n\r\n    this.addMaterials(materialIds, 'AluFlatDivider', frameFinishes);\r\n    this.addMaterials(materialIds, 'AluHDivider', frameFinishes);\r\n    this.addMaterials(materialIds, 'SafirBottomDoorRail', frameFinishes);\r\n    this.addMaterials(materialIds, 'SafirTopDoorRail', frameFinishes);\r\n    this.addMaterials(materialIds, 'SafirDoorStile', frameFinishes);\r\n    this.addMaterials(materialIds, 'DoorPanel', doorPanelFinishes);\r\n    this.addMaterials(materialIds, 'SlidingDoorTopTrack-Safir', trackFinishes);\r\n    this.addMaterials(materialIds, 'SlidingDoorBottomTrack-Safir', trackFinishes);\r\n\r\n    return materialIds;\r\n  }\r\n\r\n  getAllKnownTopazMaterialIds(mktCode) {\r\n    // TODO: Allow the returned material id's to vary based on mktCode. Currently this returns known materials for the EuCm market\r\n    const materialIds = {};\r\n    const frameFinishes = ['OakVeneer', 'WhiteNCS_S0500N', 'GrayNCS_S5500N', 'BlackOakPaint'];\r\n    const doorPanelFinishes = [\r\n      'ClearMirror',\r\n      'GrayMirror',\r\n      'BronzeMirror',\r\n      'WhiteGlass',\r\n      'OakVeneer',\r\n      'WhiteMelamineReed',\r\n      'BlackOakPaint',\r\n      'WhiteNCS_S0500N',\r\n      'GrayNCS_S5500N',\r\n    ];\r\n    const trackFinishes = ['WhiteAluminum', 'SilverAluminum', 'BlackAluminum'];\r\n\r\n    this.addMaterials(materialIds, 'DoorPanel', doorPanelFinishes);\r\n    this.addMaterials(materialIds, 'TopazDoorRail', frameFinishes);\r\n    this.addMaterials(materialIds, 'TopazDoorStile', frameFinishes);\r\n    this.addMaterials(materialIds, 'TopazHDivider', frameFinishes);\r\n    // Note, Topaz uses the same track types (they're called Safir tracks)\r\n    this.addMaterials(materialIds, 'SlidingDoorTopTrack-Safir', trackFinishes);\r\n    this.addMaterials(materialIds, 'SlidingDoorBottomTrack-Safir', trackFinishes);\r\n\r\n    return materialIds;\r\n  }\r\n\r\n  getAllKnownEdgeMaterialIds(mktCode) {\r\n    // TODO: Allow the returned material id's to vary based on mktCode. Currently this returns known Safir materials for the EuCm market\r\n    const materialIds = {};\r\n    const frameFinishes = ['WhiteAluminum', 'NaturalAluminum', 'BlackAluminum'];\r\n    const doorPanelFinishes = [\r\n      'WhiteMelamine',\r\n      'ClearMirror',\r\n      'GrayMirror',\r\n      'BlackGlass',\r\n      'GrayGlass',\r\n      'WhiteGlass',\r\n      'OakVeneer',\r\n      'BirchVeneer',\r\n      'GrayReed',\r\n      'LightGrayReed',\r\n      'OakReed',\r\n      'WhiteMelamineReed',\r\n      'BlackOakPaint',\r\n      'StoneAsh',\r\n      'LavaElm',\r\n      'Black_NCS_S9000N',\r\n      'OakWhiteMelamine',\r\n      'ManhattanGrayMelamine',\r\n    ];\r\n    const trackFinishes = ['WhiteAluminum', 'SilverAluminum', 'BlackAluminum'];\r\n\r\n    this.addMaterials(materialIds, 'DoorPanel', doorPanelFinishes);\r\n    this.addMaterials(materialIds, 'EdgeHDivider', frameFinishes);\r\n    this.addMaterials(materialIds, 'EdgeDoorRail', frameFinishes);\r\n    this.addMaterials(materialIds, 'EdgeDoorStile', frameFinishes);\r\n    // Note, Edge uses the same track types (they're called Safir tracks)\r\n    this.addMaterials(materialIds, 'SlidingDoorTopTrack-Safir', trackFinishes);\r\n    this.addMaterials(materialIds, 'SlidingDoorBottomTrack-Safir', trackFinishes);\r\n\r\n    return materialIds;\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    if (apiProduct.doors.length > 0) {\r\n      switch (apiProduct.doors[0].design) {\r\n        case 'Safir':\r\n          return this.getAllKnownSafirMaterialIds(apiProduct.mktCode);\r\n        case 'Topaz':\r\n          return this.getAllKnownTopazMaterialIds(apiProduct.mktCode);\r\n        case 'Edge':\r\n          return this.getAllKnownEdgeMaterialIds(apiProduct.mktCode);\r\n        default:\r\n      }\r\n    } else {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  createProduct(drawingService, apiProduct, config) {\r\n    return new DoorFront('Door Front', drawingService, apiProduct, config);\r\n  }\r\n}\r\n\r\n/** ProductViewModelFactory which has a productClass property used when instantiating a product. */\r\nclass ProductClassFactory extends ProductViewModelFactory {\r\n  constructor(productType, productClass) {\r\n    super(productType);\r\n    this.productClass = productClass;\r\n  }\r\n\r\n  createProduct(drawingService, apiProduct, config) {\r\n    return new this.productClass(this.productType, drawingService, apiProduct, config);\r\n  }\r\n}\r\n\r\nclass SideWallFactory extends ProductClassFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new SideWallEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    const materialIds = {};\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor) will not\r\n     * be able to display the material. In HtmlRenderVisitor's case a warning will be displayed in the\r\n     * console. */\r\n    const sideWallFinishes = [\r\n      'BirchVeneer',\r\n      'OakVeneer',\r\n      'OakWhiteMelamine',\r\n      'PrimedFoil',\r\n      'WhiteMelamine',\r\n      'ManhattanGrayMelamine',\r\n      'VulcanGrayMelamine',\r\n      'SanRemoSandOak',\r\n      'Black_NCS_S9000N',\r\n      'StoneAsh',\r\n      'Taupe_NCS_S6005_Y20R'\r\n    ];\r\n    this.addMaterials(materialIds, 'SideWall', sideWallFinishes);\r\n    // Not all sidewall specific materials might exist. Let's include generic material names as well:\r\n    sideWallFinishes.forEach(finish => materialIds[finish] = true);\r\n    return materialIds;\r\n  }\r\n}\r\n\r\nclass InteriorFactory extends ProductClassFactory {\r\n  getPrimaryFinishes() {\r\n    return [\r\n      'OakWhiteMelamine',\r\n      'WhiteMelamine',\r\n      'Black_NCS_S9000N',\r\n    ];\r\n  }\r\n\r\n  getMetalFinishes() {\r\n    return [\r\n      'WhiteSteel',\r\n      'SilverSteel',\r\n      'BlackSteel',\r\n    ];\r\n  }\r\n\r\n  /** returns an object with properties matching the finishes identified by the finishes parameter. */\r\n  addToProductMaterialIds(materialIds, finishes, prefix) {\r\n    // Add the finishes array values as properties of the materialIds object:\r\n    this.addMaterials(materialIds, prefix, finishes);\r\n    // Not all specific materials might exist. Let's add properties for the finishes without prefix as well:\r\n    finishes.forEach(finish => materialIds[finish] = true);\r\n    return materialIds;\r\n  }\r\n\r\n  /** Adds the finishes identified by the getPrimaryFinishes() method. */\r\n  addPrimaryProductMaterialIds(materialIds, prefix) {\r\n    const finishes = this.getPrimaryFinishes();\r\n    this.addToProductMaterialIds(materialIds, finishes, prefix);\r\n  }\r\n\r\n  /** Adds the finishes identified by the getMetalFinishes() method. */\r\n  addMetalProductMaterialIds(materialIds, prefix) {\r\n    const finishes = this.getMetalFinishes();\r\n    this.addToProductMaterialIds(materialIds, finishes, prefix);\r\n  }\r\n\r\n  /** returns an object with properties matching the finishes identified by the getPrimaryFinishes() method. */\r\n  getPrimaryProductMaterialIds(prefix) {\r\n    const materialIds = {};\r\n    // Add the finishes array values as properties of the materialIds object:\r\n    this.addPrimaryProductMaterialIds(materialIds, prefix);\r\n    return materialIds;\r\n  }\r\n\r\n  /** returns an object with properties matching the finishes identified by the getMetalFinishes() method. */\r\n  getMetalProductMaterialIds(prefix) {\r\n    const materialIds = {};\r\n    // Add the finishes array values as properties of the materialIds object:\r\n    this.addMetalProductMaterialIds(materialIds, prefix);\r\n    return materialIds;\r\n  }\r\n}\r\n\r\nclass FlexiSideFactory extends InteriorFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new FlexiSideEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor) will not\r\n     * be able to display the material. In HtmlRenderVisitor's case a warning will be displayed in the\r\n     * console. */\r\n    return this.getPrimaryProductMaterialIds('FlexiSide');\r\n  }\r\n}\r\n\r\nclass FlexiShelfFactory extends InteriorFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new FlexiShelfEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor) will\r\n     * not be able to display the material. In HtmlRenderVisitor's case a warning will be displayed\r\n     * in the console. */\r\n    const materialIds = {}\r\n    this.addPrimaryProductMaterialIds(materialIds, 'FlexiShelf');\r\n    this.addMetalProductMaterialIds(materialIds, 'FlexiShelf');\r\n    return materialIds;\r\n  }\r\n}\r\n\r\nclass FlexiBasketAndTracksFactory extends InteriorFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new FlexiBasketAndTracksEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor) will\r\n     * not be able to display the material. In HtmlRenderVisitor's case a warning will be displayed\r\n     * in the console. */\r\n    return this.getMetalProductMaterialIds('FlexiBasketAndTracks');\r\n  }\r\n}\r\n\r\nclass MeshBasketAndTracksFactory extends InteriorFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new MeshBasketAndTracksEditor(productEditorConfig, designerService, productService);\r\n  }\r\n\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor) will\r\n     * not be able to display the material. In HtmlRenderVisitor's case a warning will be displayed\r\n     * in the console. */\r\n    return this.getMetalProductMaterialIds('MeshBasketAndTracks');\r\n  }\r\n}\r\n\r\nclass FloorModuleFactory extends InteriorFactory {\r\n  getAllKnownProductMaterialIds(apiProduct) {\r\n    const knownPrimaryPrefixes = [\r\n      'FlexiShelf',\r\n      'FlexiSide',\r\n    ];\r\n    const knownMetalPrefixes = [\r\n      'FlexiShelf',\r\n      'FlexiBasketAndTracks',\r\n      'MeshBasketAndTracks',\r\n      'HangRodWithBrackets',\r\n      'SupportRodWithBrackets',\r\n    ];\r\n    /* NOTE: If a used finish is not listed here, then the ui rendering (e.g. HtmlRenderVisitor)\r\n     * will not be able to display the material. In HtmlRenderVisitor's case a warning will be\r\n     * displayed in the console. */\r\n    const materialIds = {}\r\n    knownPrimaryPrefixes.forEach(prefix => this.addPrimaryProductMaterialIds(materialIds, prefix));\r\n    knownMetalPrefixes.forEach(prefix => this.addMetalProductMaterialIds(materialIds, prefix));\r\n    return materialIds;\r\n  }\r\n}\r\n\r\nclass FlexiSectionFactory extends FloorModuleFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new FlexiSectionEditor(productEditorConfig, designerService, productService);\r\n  }\r\n}\r\n\r\nclass ClosetOrganizerFactory extends FloorModuleFactory {\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new ClosetOrganizerEditor(productEditorConfig, designerService, productService);\r\n  }\r\n}\r\n\r\nclass FixedDesignerProductFactory extends ProductViewModelFactory {\r\n  constructor(productType) {\r\n    super(productType);\r\n  }\r\n\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new ProductEditor(productEditorConfig, designerService, productService);\r\n  }\r\n}\r\n\r\nclass OneDimVariantProductFactory extends ProductViewModelFactory {\r\n  constructor(productType) {\r\n    super(productType);\r\n  }\r\n\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new SingleVariantProductEditor(productEditorConfig, designerService, productService);\r\n  }\r\n}\r\n\r\nclass MultiDimVariantProductFactory extends ProductViewModelFactory {\r\n  constructor(productType) {\r\n    super(productType);\r\n  }\r\n\r\n  createProductEditor(productEditorConfig, designerService, productService) {\r\n    return new MultiVariantProductEditor(productEditorConfig, designerService, productService);\r\n  }\r\n}\r\n\r\nexport function RegisterFactories() {\r\n  ProductViewModelFactories.register('SlidingDoorFront', SlidingDoorFrontFactory);\r\n  ProductViewModelFactories.register('SideWall', SideWallFactory, SideWall);\r\n  ProductViewModelFactories.register('FlexiSide', FlexiSideFactory, FlexiSide);\r\n  ProductViewModelFactories.register('HangRodWithBrackets', InteriorFactory, HangRodWithBrackets);\r\n  ProductViewModelFactories.register('SupportRodWithBrackets', InteriorFactory, SupportRodWithBrackets);\r\n  ProductViewModelFactories.register('FlexiBasketAndTracks', FlexiBasketAndTracksFactory, FlexiBasketAndTracks);\r\n  ProductViewModelFactories.register('MeshBasketAndTracks', MeshBasketAndTracksFactory, MeshBasketAndTracks);\r\n  ProductViewModelFactories.register('TopShelf', InteriorFactory, TopShelf);\r\n  ProductViewModelFactories.register('FlexiShelf', FlexiShelfFactory, FlexiShelf);\r\n  ProductViewModelFactories.register('FlexiSection', FlexiSectionFactory, FlexiSection);\r\n  ProductViewModelFactories.register('TopShelfModule', InteriorFactory, TopShelfModule);\r\n  ProductViewModelFactories.register('HangRodModule', InteriorFactory, HangRodModule);\r\n  ProductViewModelFactories.register('ClosetOrganizer', ClosetOrganizerFactory, ClosetOrganizer);\r\n  ProductViewModelFactories.register('FixedDesignerProduct', FixedDesignerProductFactory, FixedProduct);\r\n  ProductViewModelFactories.register('OneDimVariantProduct', OneDimVariantProductFactory, OneDimVariantProduct);\r\n  ProductViewModelFactories.register('MultiDimVariantProduct', MultiDimVariantProductFactory, MultiDimVariantProduct);\r\n}\r\n","export const Align = {\r\n  begin: 0,\r\n  center: 1,\r\n  end: 2\r\n};\r\n\r\n/**\r\n * The DrawingEngine is responsible for creating the product drawing. This is just an abstract base\r\n * class and serves the purpose of showing which methods must be implemented by concrete subclasses.\r\n */\r\nexport class DrawingEngine {\r\n  constructor(name, options) {\r\n    this.name = name || 'Drawing Engine';\r\n    /* The productDrawing is the html element which hosts the display objects representing the\r\n     * product and its components. For a canvas-based engine (Pixi, Babylon), the productDrawing is\r\n     * the <canvas>. For an html-based engine (HtmlDrawingEngine), the productDrawing is the <div>\r\n     * element which is the parent of the root display object. */\r\n    this.productDrawing = options.productDrawing;\r\n  }\r\n\r\n  static createDefaultOptions(productDrawing) {\r\n    //throw Error('createDefaultOptions must be implemented by the subclass');\r\n    return {\r\n      productDrawing\r\n    };\r\n  }\r\n\r\n  /**\r\n   * This method should return true if the engine class can share the material image loader with other\r\n   * engines. This method should be reimplemented by subclasses.\r\n   */\r\n  static canShareLoader() { return false; }\r\n\r\n  createDrawingService(getFinish) {\r\n    throw Error('createDrawingService must be implemented by the subclass');\r\n  }\r\n\r\n/**\r\n * Pre-loads material images\r\n * @param {any} allMaterials Our global list of known materials\r\n * @param {any} materialIdsToLoad Material id's of the images we want to preload now.\r\n * @param {any} resolution Which set images to load. The value should be the name of the folder\r\n * containing the images in that resolution, e.g. 'low-res' or 'high-res'.\r\n */\r\n  async loadMaterials(allMaterials, materialIdsToLoad, resolution) {\r\n    throw Error('loadMaterials must be implemented by the subclass');\r\n  }\r\n\r\n  renderOnce() {\r\n    throw Error('renderOnce must be implemented by the subclass');\r\n  }\r\n\r\n  /**\r\n   * The owner class (e.g. ProductDrawing) can call this method to get the display object to be\r\n   * associated with the stage product. The stage product is a code created root product instance\r\n   * and the parent of the product being displayed/edited.\r\n   */\r\n  getStageDisplayObject() {\r\n    throw Error('getStageDisplayObject must be implemented by the subclass');\r\n  }\r\n\r\n  /** Needed if the user want's to move the html element into a full screen display. */\r\n  getRootHtmlElement(rootDisplayObject) {\r\n    throw Error('getRootHtmlElementmust be implemented by the subclass');\r\n  }\r\n\r\n  /**\r\n   * Is responsible for adding a display object to the drawing. Typically this only needs to happen\r\n   * for the root display object, and with some engine this is already done by the fact that the\r\n   * display objects were added to the drawing when they were instantiated (Pixi, Babylon). These\r\n   * subclasses may therefore implement this method with a do-nothing statement.\r\n   * @param {any} displayObject The html element, mesh or sprite representing the (root) product component\r\n   */\r\n  addToDrawing(displayObject) {\r\n    throw Error('addToDrawing must be implemented by the subclass');\r\n  }\r\n\r\n  /**\r\n   * Turns interaction on/off for the displayObject.\r\n   * @param {displayObject} displayObject The object whose interaction is toggled.\r\n   * @param {bool} on Whether to turn interaction on or off.\r\n   * @param {callback} clickHandler Handler for the displayObject's click event.\r\n   */\r\n  toggleDisplayObjectInteractive(displayObject, on, clickHandler) {\r\n    throw Error('toggleDisplayObjectInteractive must be implemented by the subclass');\r\n  }\r\n\r\n  /**\r\n   * Returns an object with the width and height of the drawing. This should match the size of the\r\n   * image returned by the getDrawingImageUrl method.\r\n   */\r\n  getDrawingSize() {\r\n    throw Error('getDrawingSize must be implemented by the subclass');\r\n  }\r\n\r\n  getDrawingImageUrl() {\r\n    throw Error('getDrawingImageUrl must be implemented by the subclass');\r\n  }\r\n\r\n  bestFitStageAndCanvas(fitCanvasAroundStage, renderOnce) {\r\n    throw Error('bestFitStageAndCanvas must be implemented by the subclass');\r\n  }\r\n\r\n  resizeCanvasToFitInFullWindow(renderOnce) {\r\n    throw Error('resizeCanvasToFitInFullWindow must be implemented by the subclass');\r\n  }\r\n\r\n  // As of 8/17/2020 not in use, but should still be functional\r\n  resizeCanvasToFitInFullScreen(renderOnce) {\r\n    throw Error('resizeCanvasToFitInFullScreen must be implemented by the subclass');\r\n  }\r\n\r\n  resizeCanvasToFitAroundStage(renderOnce) {\r\n    throw Error('resizeCanvasToFitAroundStage must be implemented by the subclass');\r\n  }\r\n}\r\n\r\n/** Each drawing engine should register themselves with this registry. */\r\nexport const EngineRegistry = {\r\n  register: function(name, engineClass) {\r\n    this[name] = engineClass;\r\n  },\r\n};","export class ImageLoader {\r\n  constructor() {\r\n  }\r\n\r\n  /**\r\n   * Use like this:\r\n   *\r\n   * loadImages(myImageUrlArray).then(images => {\r\n   *   // the loaded images are in the images array\r\n   * });\r\n   *\r\n   * Or inside an async function:\r\n   *\r\n   * const images = await loadImages(myImages);\r\n   */\r\n  async loadImages(imageDataArray, beforeLoad, onLoad, onError) {\r\n    const promiseArray = []; // create an array for promises\r\n    const imageArray = []; // array for the images\r\n    for (let imageData of imageDataArray) {\r\n      promiseArray.push(new Promise(resolve => {\r\n        const img = new Image();\r\n        /* If you don't need to do anything when the image loads,\r\n        /* then you can just write img.onload = resolve. */\r\n        img.onload = () => {\r\n          if (onLoad) {\r\n            onLoad(img, imageData);\r\n          }\r\n          // Resolve the promise, indicating that the image has been loaded.\r\n          resolve();\r\n        };\r\n        img.onerror = () => {\r\n          if (onError) {\r\n            onError(img, imageData);\r\n          }\r\n          // Resolve the promise, indicating that the image has been processed.\r\n          resolve();\r\n        };\r\n        if (beforeLoad) {\r\n          // It's the beforeLoad function's responsibility to assign the\r\n          // src property on the img.\r\n          beforeLoad(img, imageData);\r\n        } else {\r\n          // We assume image Data is the url of the image\r\n          img.src = imageData;\r\n        }\r\n        imageArray.push(img);\r\n      }));\r\n    }\r\n    /* This is the bottom of a possibly long call stack of awaits!!! */\r\n    await Promise.all(promiseArray); // wait for all the images to be loaded\r\n    return imageArray;\r\n  }\r\n\r\n  async loadImage(imageUrl) {\r\n    let img;\r\n    const imageLoadPromise = new Promise(resolve => {\r\n      img = new Image();\r\n      img.onload = resolve;\r\n      img.src = imageUrl;\r\n    });\r\n    await imageLoadPromise;\r\n    return img;\r\n  }\r\n}\r\n","import { ImageLoader } from './ImageLoader.js';\r\nimport { StringUtils } from './../main/ObjectUtils.js';\r\n\r\n/** The difference between product material and product finish is that the same finish can be\r\n * applied to more than one material. An example of a finish id is \"BlackAluminum\", and an\r\n * example of a material id is \"AluFlatDivider-BlackAluminum\". */\r\nexport class ProductMaterialLoader {\r\n  constructor(folderRelativePath, getFinishName) {\r\n    this.loadedMaterials = {};\r\n    this.folderRelativePath = folderRelativePath;\r\n    this.imageLoader = new ImageLoader();\r\n    this.getFinishName = getFinishName;\r\n    //console.log('%cCreated ProductMaterialLoader', 'color: blue');\r\n  }\r\n\r\n  makeFullRelativeUrl(filename, resolution) {\r\n    return StringUtils.addTrailingSlash(this.folderRelativePath) + resolution + '/' + filename;\r\n  }\r\n\r\n  /** Finds the material by its id in the list of all materials (loaded or not). */\r\n  lookupMaterial(allMaterials, id) {\r\n    //return this.allMaterials.find(material => material.id === id);\r\n    return allMaterials[id];\r\n  }\r\n\r\n  getLoadedMaterial(materialIdPrefix, finishId, delimiter = '-') {\r\n    const materialId = materialIdPrefix + delimiter + finishId;\r\n    return this.loadedMaterials[materialId];\r\n  }\r\n\r\n  extractFinish(materialId) {\r\n    const index = materialId.lastIndexOf('-');\r\n    return index > -1 ? materialId.substring(index + 1) : materialId;\r\n  }\r\n\r\n  getMaterialName(material) {\r\n    const finish = this.getFinishName(material.finish);\r\n    return material.productType\r\n      ? `${material.productType} ${finish} (${material.id})`\r\n      : `${finish} (${material.id})`;\r\n  }\r\n\r\n  convertToPropName(name) {\r\n    const ndx = name.indexOf('-');\r\n    if (ndx > -1 && ndx < name.length - 1) {\r\n      const ch = name.charAt(ndx + 1);\r\n      const upper = ch.toUpperCase();\r\n      name = name.slice(0, ndx) + upper + name.slice(ndx + 2);\r\n    }\r\n    return name;\r\n  }\r\n\r\n  /**\r\n   * Prepares the material for loading\r\n   * @param {object} material\r\n   * @param {string} resolution Indicating which image (low or high resolution) to prepare.\r\n   * @returns {bool} True if the material was prepared now, False if it was already prepared.\r\n   */\r\n  prepareMaterial(material, resolution) {\r\n    let wasPrepared = false;\r\n    if (material.color) {\r\n      material.isColor = true;\r\n      material.finish = this.extractFinish(material.id);\r\n      material.name = this.getMaterialName(material);\r\n      wasPrepared = true;\r\n    }\r\n    if (material.fileName) {\r\n      material.isImage = true;\r\n      let matrImg = material[resolution]; // Gets the object from the material.resolution property\r\n      if (!matrImg) {\r\n        matrImg = material[resolution] = { resolution }; // Creates a new object and assigns it to material.resolution\r\n      }\r\n      const url = this.makeFullRelativeUrl(material.fileName, resolution);\r\n      const isLoadingOrLoaded = matrImg.isLoading || matrImg.isLoaded;\r\n      if (!isLoadingOrLoaded || matrImg.url !== url) {\r\n        material.finish = this.extractFinish(material.id);\r\n        material.name = this.getMaterialName(material);\r\n        matrImg.url = url;\r\n        matrImg.isLoaded = false;\r\n        matrImg.isLoading = false;\r\n        wasPrepared = true;\r\n      } else /* is already loaded and url is the same */ {\r\n        wasPrepared = false;\r\n      }\r\n    }\r\n    this.loadedMaterials[material.id] = material;\r\n    return wasPrepared;\r\n  }\r\n\r\n  /**\r\n   * Iterates the material id array and assigns the name and url properties of each material which\r\n   * hasn't already been loaded. Returns an array of material of the ones which need to be loaded.\r\n   * @param {array of material id} materialIds\r\n   * @param {string} resolution Indicates which images to load, low/high resolution etc. The param value\r\n   * should be the name of the folder containing resolution specific images, e.g. 'low-res' or 'high-res'.\r\n   * @return {array of material object} The materials which are being loaded.\r\n   */\r\n  prepareLoading(allMaterials, materialIds, resolution) {\r\n    const loadingImageMaterials = [];\r\n    Object.keys(materialIds).forEach(materialId => {\r\n      /* materialIds is an object where each property is a material id. The value of each property\r\n       * is either, true, false, or undefined. */\r\n      if (materialIds[materialId]) {\r\n        const material = this.lookupMaterial(allMaterials, materialId);\r\n        if (material) {\r\n          if (this.prepareMaterial(material, resolution) && material.isImage) {\r\n            loadingImageMaterials.push(material);\r\n          }\r\n        }\r\n      }\r\n    });\r\n    //console.log(`${loadingMaterials.length} materials prepared for load!`);\r\n    return loadingImageMaterials;\r\n  }\r\n\r\n  /**\r\n   * Asynchronously starts loading the images linked to by the url property of each material\r\n   * in the loadingMaterials array. Returns the loadingMaterials array when the entire\r\n   * operation has completed.\r\n   * @param {array of Material} loadingMaterials\r\n   * @param {string} resolution Indicates which images to load, low/high resolution etc. The param value\r\n   * should be the name of the folder containing resolution specific images, e.g. 'low-res' or 'high-res'.\r\n   * @return {array of material object} The materials which are being loaded.\r\n   */\r\n  async startLoading(loadingMaterials, resolution) {\r\n    if (loadingMaterials.length === 0) {\r\n      return loadingMaterials;\r\n    }\r\n    const beforeLoad = (img, material) => {\r\n      const matrImg = material[resolution];\r\n      img.src = matrImg.url;\r\n      matrImg.isLoading = true;\r\n      if (!material.current) {\r\n        // Allow code to access the current material image between now and when the image load completes:\r\n        material.current = matrImg;\r\n      }\r\n    };\r\n    const onLoad = (img, material) => {\r\n      const matrImg = material[resolution];\r\n      matrImg.image = img;\r\n      matrImg.isLoaded = true;\r\n      matrImg.isLoading = false;\r\n      //console.log(`${resolution} image ${material.name} loaded`);\r\n    };\r\n    const onError = (img, material) => {\r\n      material[resolution].isLoading = false;\r\n      console.log(`Unable to load image ${img.src}`);\r\n    };\r\n\r\n    //console.log(`Downloading ${loadingMaterials.length} ${resolution} material image(s)...`);\r\n    const imgArray = await this.imageLoader.loadImages(loadingMaterials, beforeLoad, onLoad, onError);\r\n    //console.log(`${imgArray.length} ${resolution} material image(s) downloaded!`);\r\n    return loadingMaterials;\r\n  }\r\n\r\n  /**\r\n   * Asynchronously loads the materials referenced in the materialIds array, but only those which\r\n   * have not already been loaded. Returns an array of the materials which just got loaded when the\r\n   * entire operation has completed. To access all loaded materials, including those which were\r\n   * previously loaded, use the loadedMaterials property.\r\n   * @param {string} resolution Indicates which images to load, low/high resolution etc. The param value\r\n   * should be the name of the folder containing resolution specific images, e.g. 'low-res' or 'high-res'.\r\n   * @return {array of material object} The materials which are being loaded.\r\n   */\r\n  async load(allMaterials, materialIds, resolution) {\r\n    const imageMaterialsToBeLoaded = this.prepareLoading(allMaterials, materialIds, resolution);\r\n    return await this.startLoading(imageMaterialsToBeLoaded, resolution);\r\n  }\r\n\r\n  /**\r\n   * Asynchronously load a single material, but only if it has not already been loaded.\r\n   * @param {string} resolution Indicates which images to load, low/high resolution etc. The param value\r\n   * should be the name of the folder containing resolution specific images, e.g. 'low-res' or 'high-res'.\r\n   * @return {bool} True if the material was loaded now, false if it was already loaded (loaded earlier).\r\n   */\r\n  async loadSingleMaterial(material, resolution) {\r\n    if (this.prepareMaterial(material, resolution)) {\r\n      if (material.isImage) {\r\n        const materials = [material];\r\n        await this.startLoading(materials, resolution);\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n","import { DrawingEngine } from './DrawingEngine.js';\r\nimport { ProductMaterialLoader } from './ProductMaterialLoader.js';\r\n\r\nexport class DrawingEngine2020 extends DrawingEngine {\r\n  constructor(name, options) {\r\n    super(name, options);\r\n    // This is a default, the callback should be set by the owner:\r\n    this.getFinishName = finishId => finishId;\r\n    this.loader = options.sharedLoader || new ProductMaterialLoader(this.getMaterialImagesFolder(),\r\n      finishId => this.getFinishName(finishId));\r\n    this.lowRes = 'low-res';\r\n    this.highRes = 'high-res';\r\n  }\r\n\r\n  static canShareLoader() { return true; }\r\n\r\n  getMaterialImagesFolder() {\r\n    return this.finishImagesBaseUrl;\r\n  }\r\n\r\n  /**\r\n   * Pre-loads material images\r\n   * @param {any} allMaterials Our global list of known materials\r\n   * @param {any} materialIdsToLoad Material id's of the images we want to preload now.\r\n   * @param {string} resolution Indicates which images to load, low/high resolution etc. The param value\r\n   * should be the name of the folder containing resolution specific images, e.g. 'low-res' or 'high-res'.\r\n   * @return {array of material object} The materials which are being loaded.\r\n   */\r\n  async loadMaterials(allMaterials, materialIdsToLoad, resolution) {\r\n    this.loader.folderRelativePath = this.getMaterialImagesFolder();\r\n    return await this.loader.load(allMaterials, materialIdsToLoad, resolution);\r\n    // Note, loaded material images are also in the loader.loadedMaterials property.\r\n  }\r\n\r\n  /**\r\n   * Loads the image for a single material.\r\n   * @return {bool} True if the material was loaded now, false if it was already loaded (loaded earlier).\r\n   */\r\n  async loadSingleMaterial(material, loadHighResAsWell, onHisResImgLoaded) {\r\n    this.loader.folderRelativePath = this.getMaterialImagesFolder();\r\n    let resolution = this.lowRes;\r\n    console.log(`Awaiting engine.loadSingleMaterial(${material.id}, ${resolution})...`);\r\n    // Wait while loading the low-res image:\r\n    const wasLoadedNow = await this.loader.loadSingleMaterial(material, resolution);\r\n    console.log(`${wasLoadedNow ? material.id : 'No'} low-res material loaded!`);\r\n    if (loadHighResAsWell) {\r\n      resolution = this.highRes;\r\n      // Load the high-res image asynchronously:\r\n      console.log(`Async engine.loadSingleMaterial(${material.id}, ${resolution})...`);\r\n      this.loader.loadSingleMaterial(material, resolution)\r\n        .then(loadedNow => {\r\n          console.log(`${loadedNow ? material.id : 'No'} high-res material async-loaded!`);\r\n          if (loadedNow) {\r\n            this.setCurrentSingleMaterialImageResolution(material, resolution);\r\n            if (onHisResImgLoaded) {\r\n              onHisResImgLoaded(material);\r\n            }\r\n          }\r\n        });\r\n      console.log(`Continuing while the ${resolution} material is being loaded...`);\r\n    }\r\n    return wasLoadedNow;\r\n  }\r\n\r\n  /** Updates the \"current\" property on each item in the materials array parameter. */\r\n  setCurrentMaterialImageResolution(materials, resolution) {\r\n    materials.forEach(material => {\r\n      material.current = material[resolution];\r\n    })\r\n  }\r\n\r\n  /** Updates the \"current\" property on the material parameter. */\r\n  setCurrentSingleMaterialImageResolution(material, resolution) {\r\n    material.current = material[resolution];\r\n  }\r\n\r\n}\r\n","import { DrawingService } from './DrawingService.js';\r\n\r\n/**\r\n * The HtmlDrawingService implements the interface referenced by the Component/Product classes for\r\n * updating the drawing (in this case a html/css based 2D drawing).\r\n */\r\nexport class DrawingService2020 extends DrawingService {\r\n  constructor(productDrawing, loadedMaterials, getProductFinishName, onLoadSingleMaterial) {\r\n    super(getProductFinishName);\r\n    // The html div element hosting the drawing:\r\n    this.productDrawing = productDrawing;\r\n    this.isDrawingUpdatesEnabled = true;\r\n    // An object whose properties are finish id's and values are ProductMaterialsMap objects (items of the ProductMaterialsMap)\r\n    this.materials = {};\r\n    this.loadedMaterials = loadedMaterials;\r\n    // This event is raised when we replace a component's finish, if the component's material has not yet been loaded:\r\n    this.onLoadSingleMaterial = onLoadSingleMaterial;\r\n  }\r\n\r\n  /**\r\n   * When disabled any user call to update the drawing should be ignored.\r\n   */\r\n  disableDrawingUpdates() {\r\n    this.isDrawingUpdatesEnabled = false;\r\n  }\r\n\r\n  enableDrawingUpdates() {\r\n    this.isDrawingUpdatesEnabled = true;\r\n    return true;\r\n  }\r\n\r\n  //#region Material Methods\r\n\r\n  /**\r\n   * This method is normally called from the ProductDrawing class' constructor and updates\r\n   * the this.materials object with properties (material id's) from the materialImages parameter.\r\n   * materialImages typically is the ProductMaterialsMap which is based on the json file with\r\n   * the same name. The value of each material id property is a reference to items of the materialImages.\r\n   *\r\n   * The ProductDrawing class also has a loadMaterials method which delegates to\r\n   * HtmlDrawingEngine.loadMaterials using this.materials and a list of material id's to be loaded\r\n   * as input. That method is the one which downloads the image resources from the server.\r\n   *\r\n   * This class also has a getMaterial method which is used by individual Component/Product objects\r\n   * to get and assign their material property. The getMaterial method returns one of the\r\n   * objects from this.materials.\r\n   */\r\n  addMaterials(materialImages, cmScale) {\r\n    materialImages.forEach(matr => this.materials[matr.id] = matr);\r\n  }\r\n\r\n  addFallbackMaterials() {\r\n  }\r\n\r\n  getMaterial(materialIdPrefix, finishId, delimiter = this.materialPrefixDelim) {\r\n    const materialId = materialIdPrefix + delimiter + finishId;\r\n    let material = this.materials[materialId];\r\n    if (typeof material === 'undefined') {\r\n      // Try using just the finish\r\n      //console.log(`Unknown prefix/finish combination: prefix=${materialIdPrefix}, finish=${finishId}. Trying fallback using just the finish`);\r\n      material = this.materials[finishId];\r\n    }\r\n    if (typeof material === 'undefined') {\r\n      throw new Error(`Unknown prefix/finish combination: prefix=${materialIdPrefix}, finish=${finishId}. ` +\r\n        `If this is a valid combination, then ensure it's listed in the ProductMaterialsMap.js.`);\r\n    }\r\n    return material;\r\n  }\r\n\r\n  // /**\r\n  //  * Used by the ProductDrawing class to add materials.\r\n  //  */\r\n  // addMaterial(material) {\r\n  //   this.materials[material.id] = material;\r\n  // }\r\n\r\n  /*\r\n   * Tries to replace the finish/material on the displayObject and returns true if successful.\r\n   * If it's not possible to replace the finish on the existing display object (a different\r\n   * display object must be created), then return false. For Pixi, this method returns true if\r\n   * the old and new materials are of the same type (ColorMaterial versus ResourceMaterial).\r\n   * If the material is drawn with a PIXI.Graphics object, then the object's graphics will be\r\n   * redrawn using the new finish (i.e. color). If a PIXI.Sprite, the sprite's texture will be\r\n   * replaced with a new one containing an image representing the finish.\r\n   */\r\n  replaceFinishInline(component, newFinish) {\r\n    // We must call setFinish specifically here because the visitor requires the component's material\r\n    // to be updated. Since we're doing this manually, we're also preventing notification and instead\r\n    // call the finishChanged notification method manually at the end.\r\n    if (component.setFinish(newFinish, /*preventNotification:*/ true)) {\r\n      this.updateAllFinishesInline(component);\r\n      component.finishChanged();\r\n    }\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * If we have a single material loader callback available, then let the visitor know about it.\r\n   */\r\n  assignMaterialJitLoaderTo(visitor) {\r\n    if (this.onLoadSingleMaterial) {\r\n      visitor.onJitLoadMaterial = async (material, onHisResImgLoaded) => {\r\n        /* Will wait until the low-res material is loaded. The onHighResImgLoaded callback will\r\n         * be called asynchronously after the high-res material has been loaded: */\r\n        return await this.onLoadSingleMaterial(material, /*loadHighResAsWell:*/ true, onHisResImgLoaded);\r\n      }\r\n    }\r\n  }\r\n\r\n  updateAllFinishesInline(component) {\r\n    this.performInlineUpdate(component, /*onInitVisitor:*/ visitor => {\r\n      // 4/22/2021: The code below is now called from inside the performInlineUpdate method\r\n      //  // If we have a single material loader callback available, then let the visitor know about it:\r\n      //  if (this.onLoadSingleMaterial) {\r\n      //    visitor.onJitLoadMaterial = async (material, onHisResImgLoaded) => {\r\n      //      /* Will wait until the low-res material is loaded. The onHighResImgLoaded callback will\r\n      //       * be called asynchronously after the high-res material has been loaded: */\r\n      //      return await this.onLoadSingleMaterial(material, /*loadHighResAsWell:*/ true, onHisResImgLoaded);\r\n      //    }\r\n      //  }\r\n    });\r\n  }\r\n\r\n  //#endregion Material Methods\r\n\r\n}","/**\r\n * The DrawingService implements the interface used by the Component/Product classes to update the\r\n * product drawing. At the time of this writing the abstract methods that are used have not yet been\r\n * added to this abstract base class.\r\n */\r\nexport class DrawingService {\r\n  constructor(getProductFinishName) {\r\n    this.getProductFinishName = getProductFinishName;\r\n    this.materialPrefixDelim = '-';\r\n  }\r\n}\r\n","/**\r\n * The Iterator will iterate the subject's object graph and call the onIterateSubject method for\r\n * each item in the graph. It's the subject's responsibility to define the graph, and the iterator's\r\n * responsibility to take action on each item. Derived iterators can override the onIterateSubject\r\n * method and implement the action, or delegate to the user by executing a callback function.\r\n *\r\n * The difference betweeen Iterator and Visitor is that the Iterator cannot customize how the subject's\r\n * object graph is iterated/visited, and takes the same action for each item in the graph. A Visitor\r\n * base class has the freedom to override the order and which items to visit, and the items will execute\r\n * different callbacks for each type of item.\r\n */\r\nexport class Iterator {\r\n  onIterateSubject(subject) {\r\n  }\r\n  iterate(subject) {\r\n    this.onIterateSubject(subject);\r\n    subject.iterate(this);\r\n  }\r\n}\r\n\r\nexport class DetachFromDomIterator extends Iterator {\r\n  onIterateSubject(subject) {\r\n    subject.detachFromUI();\r\n  }\r\n}\r\n\r\n\r\nexport class CustomIterator extends Iterator {\r\n  constructor(onEachSubject) {\r\n    super();\r\n    this.onEachSubject = onEachSubject;\r\n  }\r\n\r\n  onIterateSubject(subject) {\r\n    this.onEachSubject(subject);\r\n  }\r\n}","import { ObjectUtils } from '../main/ObjectUtils.js';\r\n\r\nexport const ChildVisitOrder = {\r\n  childrenFirst: 0,\r\n  childrenLast: 1,\r\n  noChildren: 2,\r\n};\r\n\r\nexport class Visitor {\r\n  constructor() {\r\n  }\r\n\r\n  /** Called before we start visitation by calling guest.acceptVisitor(). */\r\n  doBeforeVisit(guest) {\r\n  }\r\n\r\n  /** Called after we're done with visitation. */\r\n  doAfterVisit(guest) {\r\n  }\r\n\r\n  visit(guest) {\r\n    switch (this.childVisitOrder) {\r\n      default:\r\n      case ChildVisitOrder.childrenFirst:\r\n        guest.visitChildren(this);\r\n        return guest.acceptVisitor(this);\r\n      case ChildVisitOrder.childrenLast: {\r\n        const value = guest.acceptVisitor(this);\r\n        guest.visitChildren(this);\r\n        return value;\r\n      }\r\n      case ChildVisitOrder.noChildren:\r\n        return guest.acceptVisitor(this);\r\n    }\r\n  }\r\n\r\n  /** Main method called by user/owner when they want to visit all guests. */\r\n  visitRoot(guest) {\r\n    this.doBeforeVisit(guest);\r\n    const value = this.visit(guest);\r\n    this.doAfterVisit(guest);\r\n    return value;\r\n  }\r\n\r\n  pushContext(data) {\r\n    const context = {\r\n      prior: this.currentContext,\r\n      data: data,\r\n    };\r\n    return this.currentContext = context;\r\n  }\r\n\r\n  popContext() {\r\n    const ctx = this.currentContext;\r\n    this.currentContext = this.currentContext.prior;\r\n    return ctx;\r\n  }\r\n\r\n  /**\r\n   * Helper method which calls pushContext, then visitChildren on the parent, finally popContext.\r\n   * @param {*} parent The parent of the child objects being visited.\r\n   * @param {*} data User defined data, e.g. the parent html element.\r\n   * @param {*} parentContext If defined the properties of this object will be assigned onto the\r\n   * new currentContext.\r\n   */\r\n  visitChildren(parent, data, parentContext) {\r\n    this.pushContext(data);\r\n    if (parentContext) {\r\n      ObjectUtils.assign(this.currentContext, parentContext);\r\n    }\r\n    parent.visitChildren(this);\r\n    if (parentContext) {\r\n      // Remove the properties we assigned:\r\n      for (var property in parentContext) {\r\n        delete this.currentContext[property];\r\n      }\r\n    }\r\n    this.popContext();\r\n  }\r\n}\r\n\r\nexport class ProductVisitor extends Visitor {\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  /** Called by product component instances letting us know they are being visited. */\r\n  visitComponent(component) {\r\n  }\r\n\r\n  visitDoorPanel(component) {\r\n  }\r\n\r\n  visitDoorDivider(component) {\r\n  }\r\n\r\n  visitDoorCore(component) {\r\n  }\r\n\r\n  visitDoorRail(component) {\r\n  }\r\n\r\n  visitDoorStile(component) {\r\n  }\r\n\r\n  visitDoorFrame(component) {\r\n  }\r\n\r\n  visitDoor(component) {\r\n  }\r\n\r\n  visitDoorBottomTrack(component) {\r\n  }\r\n\r\n  visitDoorTopTrack(component) {\r\n  }\r\n\r\n  visitDoorFront(component) {\r\n  }\r\n\r\n  visitSideWall(component) {\r\n  }\r\n\r\n  visitFlexiSide(component) {\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(component) {\r\n  }\r\n\r\n  visitMeshBasketAndTracks(component) {\r\n  }\r\n\r\n  visitSupportRodWithBrackets(component) {\r\n  }\r\n\r\n  visitHangRodWithBrackets(component) {\r\n  }\r\n\r\n  visitFlexiShelf(component) {\r\n  }\r\n\r\n  visitTopShelf(component) {\r\n  }\r\n\r\n  visitFlexiSectionContents(component) {\r\n  }\r\n\r\n  visitFlexiSection(component) {\r\n  }\r\n\r\n  visitHangRodModule(component) {\r\n  }\r\n\r\n  visitTopShelfModule(component) {\r\n  }\r\n\r\n  visitClosetOrganizer(component) {\r\n  }\r\n}\r\n\r\nexport const SizeStrategy = {\r\n  none: 0,\r\n  round: 1,\r\n  ceil: 2,\r\n}\r\n\r\nexport const DefaultSizeOptions = {\r\n  width: {\r\n    strategy: SizeStrategy.ceil,\r\n    decimals: 1,\r\n  },\r\n  height: {\r\n    strategy: SizeStrategy.ceil,\r\n    decimals: 1,\r\n  },\r\n}\r\n\r\nexport const DoorSizeOptions = {\r\n  width: {\r\n    // Round door width to nearest whole percent to fix potential display bugs\r\n    strategy: SizeStrategy.round,\r\n    decimals: 0,\r\n  },\r\n  height: {\r\n    strategy: SizeStrategy.ceil,\r\n    decimals: 1,\r\n  },\r\n}\r\n\r\nexport const OrganizerSizeOptions = {\r\n  width: {\r\n    strategy: SizeStrategy.none,\r\n  },\r\n  height: {\r\n    strategy: SizeStrategy.none,\r\n  },\r\n}\r\n\r\nexport class ProductDrawingVisitor extends ProductVisitor {\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  clearDrawing() {\r\n  }\r\n\r\n  /** Called before base class starts visitation by calling component.acceptVisitor(). */\r\n  doBeforeVisit(component) {\r\n    super.doBeforeVisit(component);\r\n    this.clearDrawing();\r\n  }\r\n\r\n  getRotation(component) {\r\n    return (this.currentContext ? this.currentContext.rotation : null) ||\r\n      (component ? component.rotation : null);\r\n  }\r\n}\r\n\r\nexport class ToggleLabelVisitor extends ProductVisitor {\r\n  constructor(toggleOn) {\r\n    super();\r\n    // We want to manually control when/how children are visited:\r\n    this.childVisitOrder = ChildVisitOrder.noChildren;\r\n    this.toggleOn = toggleOn;\r\n  }\r\n\r\n  visitDoorPanel(panel) {\r\n    this.toggleLabel(panel);\r\n  }\r\n\r\n  visitDoor(door) {\r\n    door.core.visitChildren(this);\r\n  }\r\n\r\n  visitDoorFront(front) {\r\n    front.visitChildren(this);\r\n  }\r\n\r\n  visitSideWall(sideWall) {\r\n    this.toggleLabel(sideWall);\r\n  }\r\n\r\n  visitFlexiSide(flexiSide) {\r\n    this.toggleLabel(flexiSide);\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(basket) {\r\n    this.toggleLabel(basket);\r\n  }\r\n\r\n  visitMeshBasketAndTracks(basket) {\r\n    this.toggleLabel(basket);\r\n  }\r\n\r\n  visitSupportRodWithBrackets(supportRod) {\r\n    // Don't think we want to display labels on the rods\r\n  }\r\n\r\n  visitHangRodWithBrackets(hangRod) {\r\n    // Don't think we want to display labels on the rods\r\n  }\r\n\r\n  visitTopShelf(topShelf) {\r\n    this.toggleLabel(topShelf);\r\n  }\r\n\r\n  visitFlexiShelf(flexiShelf) {\r\n    this.toggleLabel(flexiShelf);\r\n  }\r\n\r\n  visitFlexiSectionContents(contents) {\r\n    contents.visitChildren(this);\r\n  }\r\n\r\n  visitFlexiSection(flexiSection) {\r\n    flexiSection.visitChildren(this);\r\n  }\r\n\r\n  visitHangRodModule(module) {\r\n    module.visitChildren(this);\r\n  }\r\n\r\n  visitTopShelfModule(module) {\r\n    module.visitChildren(this);\r\n  }\r\n\r\n  visitClosetOrganizer(organizer) {\r\n    organizer.visitChildren(this);\r\n  }\r\n\r\n  toggleLabel(component) {\r\n    // Should be overridden by subclasses\r\n  }\r\n}\r\n\r\nexport class ToggleInteractivityVisitor extends ProductVisitor {\r\n  constructor(onToggleInteractive) {\r\n    super();\r\n    // We want to manually control when/how children are visited:\r\n    this.childVisitOrder = ChildVisitOrder.noChildren;\r\n    this.onToggleInteractive = onToggleInteractive;\r\n  }\r\n\r\n  visitDoorPanel(panel) {\r\n    this.onToggleInteractive(panel);\r\n  }\r\n\r\n  visitDoor(door) {\r\n    door.core.visitChildren(this);\r\n  }\r\n\r\n  visitDoorFront(front) {\r\n    front.visitChildren(this);\r\n  }\r\n\r\n  visitSideWall(sideWall) {\r\n    this.toggleInteractivity(sideWall);\r\n  }\r\n\r\n  visitFlexiSide(flexiSide) {\r\n    this.toggleInteractivity(flexiSide);\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(basket) {\r\n    this.toggleInteractivity(basket);\r\n  }\r\n\r\n  visitMeshBasketAndTracks(basket) {\r\n    this.toggleInteractivity(basket);\r\n  }\r\n\r\n  visitSupportRodWithBrackets(hangRod) {\r\n    this.toggleInteractivity(hangRod);\r\n  }\r\n\r\n  visitHangRodWithBrackets(supportRod) {\r\n    this.toggleInteractivity(supportRod);\r\n  }\r\n\r\n  visitTopShelf(topShelf) {\r\n    this.toggleInteractivity(topShelf);\r\n  }\r\n\r\n  visitFlexiShelf(flexiShelf) {\r\n    this.toggleInteractivity(flexiShelf);\r\n  }\r\n\r\n  visitFlexiSection(flexiSection) {\r\n    flexiSection.visitChildren(this);\r\n  }\r\n\r\n  visitFlexiSectionContents(contents) {\r\n    contents.visitChildren(this);\r\n  }\r\n}\r\n","import { ProductVisitor } from './ProductVisitors.js';\r\n\r\nexport class UpdateMaterialImageVisitor extends ProductVisitor\r\n{\r\n    updateMaterialImage(component) {\r\n        throw Error('The updateMaterialImage method must be overridden by a subclass');\r\n    }\r\n\r\n    visitDoorPanel(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitDoorDivider(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitDoorRail(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitDoorStile(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitDoorBottomTrack(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitDoorTopTrack(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitSideWall(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitFlexiSide(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitHangRodWithBrackets(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitSupportRodWithBrackets(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n  visitFlexiBasketAndTracks(component) {\r\n    this.updateMaterialImage(component);\r\n  }\r\n\r\n  visitMeshBasketAndTracks(component) {\r\n    this.updateMaterialImage(component);\r\n  }\r\n\r\n    visitFlexiShelf(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n\r\n    visitTopShelf(component) {\r\n        this.updateMaterialImage(component);\r\n    }\r\n}\r\n","import { DetachFromDomIterator } from '../Iterator.js';\r\nimport { UpdateMaterialImageVisitor } from '../UpdateMaterialImageVisitor.js';\r\nimport {\r\n  ChildVisitOrder, ProductDrawingVisitor, ToggleLabelVisitor, SizeStrategy, DefaultSizeOptions,\r\n  DoorSizeOptions, OrganizerSizeOptions\r\n} from '../ProductVisitors.js';\r\nimport { ObjectUtils } from '../../main/ObjectUtils.js';\r\n\r\nexport class HtmlRenderVisitor extends ProductDrawingVisitor {\r\n  constructor(finishResources, drawingElement) {\r\n    super();\r\n    this.finishResources = finishResources;\r\n    // DOM elements:\r\n    this.drawingElement = drawingElement;\r\n    // The visitor wants to control when the children are visited:\r\n    this.childVisitOrder = ChildVisitOrder.noChildren;\r\n    /** When isInlineUpdate is true, the component structure has not changed and there's no need to\r\n     * recreate any of the html elements. Instead each element is updated inline. */\r\n    this.isInlineUpdate = false;\r\n  }\r\n\r\n  //#region *** Overridden methods ***\r\n\r\n  doBeforeVisit(guest) {\r\n    super.doBeforeVisit(guest);\r\n    this.rootElement = document.createDocumentFragment();\r\n    this.pushContext(this.rootElement);\r\n  }\r\n\r\n  doAfterVisit(guest) {\r\n    super.doAfterVisit(guest);\r\n    this.drawingElement.appendChild(this.rootElement);\r\n    this.popContext();\r\n  }\r\n\r\n  clearDrawing() {\r\n    super.clearDrawing();\r\n    /* The iterator will call the detachFromUI() Component method to remove the bilateral reference(s)\r\n     * between component and dom element. */\r\n    const detachIterator = new DetachFromDomIterator();\r\n    const parent = this.drawingElement;\r\n    if (parent) {\r\n      // Assuming removing lastChild is faster than firstChild...\r\n      while (parent.lastChild) {\r\n        if (parent.lastChild.dataComponent) {\r\n          detachIterator.iterate(parent.lastChild.dataComponent);\r\n        }\r\n        parent.lastChild.remove();\r\n      }\r\n    }\r\n  }\r\n\r\n  clearChildren(parentElement) {\r\n    // Assuming removing lastChild is faster than firstChild...\r\n    while (parentElement.lastChild) {\r\n      parentElement.lastChild.remove();\r\n    }\r\n  }\r\n\r\n  //#endregion *** Overridden methods ***\r\n\r\n  //#region *** Materials ***\r\n\r\n  /**\r\n   * Updates the element's (component.displayObject's) backgroundImage url.\r\n   * @param {any} onJitLoadMaterial Will be called if the component's material image has not been\r\n   * loaded yet. It's preferred to preload the material images, but sometimes new product finishes\r\n   * are assigned (from the server-side) before the client's preload code has been updated.\r\n   */\r\n  static async updateMaterialImage(component, onJitLoadMaterial) {\r\n    if (component.isColor) {\r\n      component.displayObject.style.backgroundImage = null;\r\n      component.displayObject.style.backgroundColor = component.color;\r\n    } else if (component.material) {\r\n      const currentImg = component.material.current;\r\n      if (currentImg) {\r\n        if (currentImg.url) {\r\n          component.displayObject.style.backgroundImage = `url(\"${component.material.current.url}\")`;\r\n        } else {\r\n          console.warn(`Not sure what happened here; the image.url was undefined on material ${component.material.id}`);\r\n        }\r\n      } else {\r\n        /* This probably means the product factory didn't list the material as one in use by the\r\n         * product (see ProductViewModelFactory.getAllKnownProductMaterialIds() in subclass). */\r\n        if (onJitLoadMaterial) {\r\n          /* This async callback will await until the low-res image has been loaded, and later,\r\n           * after the hi-res image is loaded, the \"inner\" callback will be executed. So, we update\r\n           * the backgroundImage twice, first for the lo-res image, and later for the hi-res image. */\r\n          await onJitLoadMaterial(component.material, () => {\r\n            //console.log('Updating url to use the high-res image');\r\n            // Recursive call, but we make sure the onJitLoadMaterial parameter is null to avoid stack overflow:\r\n            HtmlRenderVisitor.updateMaterialImage(component, null);\r\n          });\r\n          //console.log('Setting background image url to use low-res image');\r\n          // Recursive call, but we make sure the onJitLoadMaterial parameter is null to avoid stack overflow:\r\n          HtmlRenderVisitor.updateMaterialImage(component, null);\r\n        } else {\r\n          console.warn(`Material ${component.material.id} was found, but it's image has not been loaded`);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  updateBackgroundImage(component) {\r\n    // Note, it's the user's (owner's) responsibility to assign the this.onJitLoadMaterial callback.\r\n    /*await*/ HtmlRenderVisitor.updateMaterialImage(component,\r\n      async (material, onHisResImgLoaded) => await this.onJitLoadMaterial(material, onHisResImgLoaded));\r\n  }\r\n\r\n  //#endregion *** Materials ***\r\n\r\n  //#region *** Positioning & Resizing Elements ***\r\n\r\n  setBgImageSize(component, element) {\r\n    // Any classes and styles added in the if clauses below must first be reset:\r\n    element.classList.remove('bg-size-fill');\r\n    element.classList.remove('bg-size-cover');\r\n    element.classList.remove('bg-size-crop');\r\n    element.style.backgroundSize = '';\r\n\r\n    if (!component.material) {\r\n      element.classList.add('bg-size-fill');\r\n      return;\r\n    }\r\n\r\n    const { widthStrategy, heightStrategy } = component.material;\r\n    if (widthStrategy == 'Fill' && heightStrategy == 'Fill') {\r\n      element.classList.add('bg-size-fill');\r\n    } else if (widthStrategy == 'Cover' && heightStrategy == 'Cover') {\r\n      element.classList.add('bg-size-cover');\r\n    } else {\r\n      /* Width = Crop and Height = Proportional means we'll crop the image in the width dimension\r\n       * based on how much of the image width the current product width represents. Height = Proportional\r\n       * then means we'll crop (or display) the height such that the original width/height image\r\n       * ratio is unchanged (we don't want to scale the image in one direction only). */\r\n      const cropWidthAndScaleHeight = widthStrategy == 'Crop' && heightStrategy == 'Proportional';\r\n      const cropHeightAndScaleWidth = heightStrategy == 'Crop' && widthStrategy == 'Proportional';\r\n      if (cropWidthAndScaleHeight || cropHeightAndScaleWidth) {\r\n        /* The background size must be set in code based on how much of the panel's width is used.\r\n          * E.g. if  the panel material is 1000 mm wide (what the image represents), and the current\r\n          * panel is 800 mm wide, then 800/1000 = 80% of the image should be shown in the x-direction.\r\n          * The image should then be scaled in the y-direction while maintaining width/height ratio.\r\n          * The part of the image not needed in the y-direction will automatically be clipped.\r\n          *\r\n          * The background-size as a percent is the percentage of the background positioning area, not\r\n          * of the image width. 50% means display the entire image in half the width of the positioning\r\n          * area. 200% means displaying half the image in the positioning area.\r\n          *\r\n          * Percent = 100 x image width / needed image width\r\n          * Needed Image Width = Image Width * Image Ratio\r\n          * Image Ratio = Product Width / Product Material Width\r\n          *\r\n          * Example:\r\n          * Image Ratio = 800 / 1000 = 0.8\r\n          * Needed Image Width = 2923 px * 0.8 = 2338\r\n          * Percent = 100 x 2923 / 2338 = 125%\r\n          *\r\n          * Solving the equation above:\r\n          * Percent = 100 x Image Width / (Image Width * Image Ratio)\r\n          * Percent = 100 x Image Width / (Image Width * Product Width / Product Material Width)\r\n          * Percent = 100 / (Product Width / Product Material Width)\r\n          *\r\n          * Redoing the example:\r\n          * Percent = 100 / (800 / 1000) = 100 / 0.8 = 125%\r\n          */\r\n        const widthPct = 100 / component.getMaterialWidthRatio(/*use2D:*/ true, this.getRotation());\r\n        const heightPct = 100 / component.getMaterialHeightRatio(/*use2D:*/ true, this.getRotation());\r\n        let width, height;\r\n        const Pct100 = '101%'; // Use 101 insted of 100 to work around sub-pixel rounding issues\r\n        if (cropWidthAndScaleHeight) {\r\n          /* Don't allow a percentage less than 100. It means the product material is not as wide as the\r\n           * panel in the drawing, but we don't want to show any gaps, and will allow the image to scale\r\n           * to cover the entire drawing. */\r\n          width = widthPct <= 100 ? Pct100 : widthPct + '%';\r\n          /* Don't allow percentage less than 100. It means the product material is not as tall as the panel\r\n           * in the drawing, but we don't want to show any gaps, and will allow the image to scale to\r\n           * cover the entire drawing. If heightPct is >= 100, then we'll use auto scaling. */\r\n          //height = heightPct < 100 ? '100%' : 'auto';\r\n          const materialRatio = component.getMaterialWidthHeightRatio();\r\n          const productRatio = component.getWidthHeightRatio(/*use2D:*/ true, this.getRotation());\r\n          height = materialRatio > productRatio ? Pct100 : 'auto';\r\n        } else {\r\n          // Inverse of the above:\r\n          height = heightPct <= 100 ? Pct100 : heightPct + '%';\r\n          width = widthPct <= 100 ? Pct100 : 'auto';\r\n        }\r\n        element.style.backgroundSize = `${width} ${height}`;\r\n        element.classList.add('bg-size-crop');\r\n      }\r\n    }\r\n  }\r\n\r\n  ceiling(value, decimals) {\r\n    const factor = Math.pow(10, decimals);\r\n    return (Math.floor(value * factor) / factor) + (1 / factor);\r\n  }\r\n\r\n  adjustSizePercent(sizePercent, options) {\r\n    if (options.strategy === SizeStrategy.round) {\r\n      return ObjectUtils.roundDec(sizePercent, options.decimals)\r\n    } else if (options.strategy === SizeStrategy.ceil) {\r\n      return this.ceiling(sizePercent, options.decimals);\r\n    }\r\n    return sizePercent;\r\n  }\r\n\r\n  setElementSize(component, element, widthSize, heightSize, options = DefaultSizeOptions, parentWidthCorrection) {\r\n    switch (widthSize) {\r\n      case 'UseProductRatio': {\r\n        let widthPct = component.getWidthRatio(/*width:*/ null, /*use2D:*/ true, this.getRotation(), parentWidthCorrection) * 100;\r\n        /* If the width is NaN we assume it's because the component doesn't have a parent,\r\n         * i.e. it's the root component, In this case we should not set a width style here\r\n         * and rely on the caller to set the style. E.g. see the invalidateDrawingSize()\r\n         * method in the app; it calls the sizer.maximizeWithinParent(...) method to set\r\n         * the width and height styles. */\r\n        if (!isNaN(widthPct)) {\r\n          widthPct = this.adjustSizePercent(widthPct, options.width);\r\n          element.style.width = widthPct + '%';\r\n        }\r\n        break;\r\n      }\r\n    }\r\n    switch (heightSize) {\r\n      case 'UseProductRatio': {\r\n        let heightPct = component.getHeightRatio(/*height:*/ null, /*use2D:*/ true, this.getRotation()) * 100;\r\n        // See comment above for info the if statement below.\r\n        if (!isNaN(heightPct)) {\r\n          heightPct = this.adjustSizePercent(heightPct, options.height);\r\n          element.style.height = heightPct + '%';\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  }\r\n\r\n  calcYPositionPct(panel, panelRect) {\r\n    const { top, height } = panelRect;\r\n    const deltaHeight = height - panel.material.productHeight;\r\n    let pct = 0;\r\n    if (deltaHeight !== 0) {\r\n      pct = -100 * top / deltaHeight;\r\n      if (pct > 100) {\r\n        /* If the sum of the height of each panel is larger than than the material product height,\r\n         * we end up with a percentage larger than 100%. That means there will be a gap at the\r\n         * bottom of the panel div. In reality this situation would force the door assembler (person)\r\n         * to use material from 2 boards when putting the door together. We only have one material\r\n         * image so we can't do that. Instead we'll keep the percentage at 100% meaning the top of\r\n         * the bottom panel is the same part of the material image as the bottom of the panel above. */\r\n        pct = 100;\r\n      }\r\n    }\r\n    return pct;\r\n  }\r\n\r\n  /**\r\n   * Returns a background image position (background-position-y) such that the the background image\r\n   * is moved vertically for the purpose of displaying different parts of the material image for\r\n   * each panel. This is a private helper method for visitDoorPanel.\r\n   * @param {any} element The html element displaying the panel\r\n   * @param {any} panel The panel object\r\n   */\r\n  getPanelBgImageYPosition(element, panel) {\r\n    const material = panel.material;\r\n    if (material && (material.heightStrategy != 'Fill' && material.heightStrategy != 'Cover')) {\r\n      const core = panel.parent;\r\n      let panelRects = this.currentContext ? this.currentContext.panelRects : null;\r\n      if (!panelRects) {\r\n        panelRects = core.getTopLeftBasedVisualPanelRects();\r\n      }\r\n      const index = core.panels.indexOf(panel);\r\n      const panelRect = panelRects[index];\r\n      const y = this.calcYPositionPct(panel, panelRect);\r\n      return y + '%';\r\n    }\r\n    return '';\r\n  }\r\n\r\n  /**\r\n   * We need to set the top margin of the doors element such that each door will be indented into\r\n   * the top track.\r\n   */\r\n  setDoorListMarginTop(front, doorListElement) {\r\n    const doorRect = front.doors[0].rect;\r\n    const top = front.rect.height - (doorRect.bottom + doorRect.height);\r\n    const topRatio = top / front.rect.height;\r\n    // We need to subtract the top track's height ratio from the door list's top ratio\r\n    const trackHeightRatio = front.topTrack.getHeightRatio();\r\n    // Set top margin on the doors element equal to the difference between the ratios:\r\n    let ratioDiffPct = (topRatio - trackHeightRatio) * 100;\r\n    // TODO: Trying to round to nearest 1 decimal to see if that fixes gaps in the display.\r\n    ratioDiffPct = ObjectUtils.roundDec(ratioDiffPct, 1);\r\n    //doorListElement.style.marginTop = ratioDiffPct + '% !important'; // Doesn't work\r\n    doorListElement.style.setProperty('margin-top', ratioDiffPct + '%', 'important');\r\n  }\r\n\r\n  /**\r\n   * We need to set the bottom margin of the doors element such that each door's bottom position in\r\n   * percent of the front's height equals the door object's bottom position. Note, the server's\r\n   * Store api has moved the doorlist component's bottom position to each door.\r\n   */\r\n  setDoorListMarginBottom(front, doorListElement) {\r\n    const bottom = front.doors[0].rect.bottom;\r\n    const bottomRatio = bottom / front.rect.height;\r\n    // We need to subtract the bottom track's height ratio from the door list's bottom ratio\r\n    const trackHeightRatio = front.bottomTrack.getHeightRatio();\r\n    // Set bottom margin on the doors element equal to the difference between the ratios:\r\n    let ratioDiffPct = (bottomRatio - trackHeightRatio) * 100;\r\n    // TODO: Trying to round to nearest 1 decimal to see if that fixes gaps in the display.\r\n    ratioDiffPct = ObjectUtils.roundDec(ratioDiffPct, 1);\r\n    //doorListElement.style.marginBottom = ratioDiffPct + '% !important'; // Doesn't work\r\n    doorListElement.style.setProperty('margin-bottom', ratioDiffPct + '%', 'important');\r\n  }\r\n\r\n  setRelativeChildPosition(component, element, setLeft, setTop, leftCorrection, parentWidthCorrection) {\r\n    if (setLeft) {\r\n      const left = component.getRelative2dLeft(leftCorrection, parentWidthCorrection);\r\n      if (left === 0) {\r\n        element.style.removeProperty('left');\r\n      } else {\r\n        element.style.left = (left * 100) + '%';\r\n      }\r\n    }\r\n    if (setTop) {\r\n      const top = component.getRelative2dTop();\r\n      if (top === 0) {\r\n        element.style.removeProperty('top');\r\n      } else {\r\n        element.style.top = (top * 100) + '%';\r\n      }\r\n    }\r\n  }\r\n\r\n  //#endregion *** Positioning & Resizing Elements ***\r\n\r\n  //#region *** Element Helper Methods ***\r\n\r\n  createDivElement(classes) {\r\n    const elem = document.createElement('div');\r\n    elem.className = classes;\r\n    return elem;\r\n  }\r\n\r\n  createComponentElement(classes, component) {\r\n    const element = this.createDivElement(classes);\r\n    component.displayObject = element;\r\n    this.updateBackgroundImage(component);\r\n    return element;\r\n  }\r\n\r\n  /** Adds the childElement to the parent of component */\r\n  addChildElementToParentOf(component, childElement) {\r\n    if (component.parent && component.parent.displayObject) {\r\n      component.parent.displayObject.appendChild(childElement);\r\n    } else {\r\n      this.rootElement.appendChild(childElement);\r\n    }\r\n    return childElement;\r\n  }\r\n\r\n  /** Adds the childElement as a child of the current element (stored in currentContext.data). */\r\n  addChildElement(childElement) {\r\n    /* It's a bit strange, but we'll allow calling this method without having a parent element to\r\n     * add the child element to. The original use case is to create isolated html elements which\r\n     * will later be added to the dom (using the HtmlDrawingService methods). */\r\n    if (this.currentContext) {\r\n      this.currentContext.data.appendChild(childElement);\r\n    }\r\n    return childElement;\r\n  }\r\n\r\n  /**\r\n   * Creates a new DIV element with classname 'prod-comp'. If component is assigned, then the\r\n   * component's displayObject will be set to the new element. If we have a current context,\r\n   * then we'll also add the element to the parent element (currentContext.data).\r\n   */\r\n  addEmptyDiv(component, className) {\r\n    const newElement = this.createDivElement('prod-comp ' + className);\r\n    if (component) {\r\n      component.displayObject = newElement;\r\n    }\r\n    return this.addChildElement(newElement);\r\n  }\r\n\r\n  /**\r\n   * Looks at this.isInlineUpdate to determine whether to create a new html element or reuse the\r\n   * component's displayObject.\r\n   * @param {string} classNames Class names to be set on the element if created.\r\n   * @param {bool} pushContext true/false; if true, the element will be pushed onto the context stack.\r\n   */\r\n  getDivElementAndPushContext(component, classNames, pushContext, onLookupElement) {\r\n    let element;\r\n    if (this.isInlineUpdate) {\r\n      element = component ? component.displayObject : onLookupElement(component, classNames);\r\n    } else {\r\n      element = this.addEmptyDiv(component, classNames);\r\n    }\r\n    if (pushContext) {\r\n      this.pushContext(element);\r\n    }\r\n    return element;\r\n  }\r\n\r\n  //#endregion *** Element Helper Methods ***\r\n\r\n  //#region *** Element Creation/Rendering Methods ***\r\n\r\n  /** Will set height to 100% and width to specific px based on width/height ratio. */\r\n  renderDivWithFullHeight(component, className) {\r\n    const newElement = this.createDivElement('prod-comp ' + className);\r\n    component.displayObject = newElement;\r\n\r\n    const clientHeight = component.parent && component.parent.displayObjectHeight\r\n      ? component.parent.displayObjectHeight\r\n      : this.drawingElement.clientHeight;\r\n    // const clientWidth = component.parent && component.parent.displayObjectWidth\r\n    //   ? component.parent.displayObjectWidth\r\n    //   : this.drawingElement.clientWidth;\r\n\r\n    const widthRatio = component.getWidthHeightRatio(/*use2D:*/ true, this.getRotation());\r\n    const width = clientHeight * widthRatio;\r\n\r\n    //component.displayObjectWidth = width;\r\n    component.displayObjectHeight = clientHeight;\r\n\r\n    newElement.style.width = width + 'px';\r\n    newElement.style.height = '100%';\r\n\r\n    return this.addChildElementToParentOf(component, newElement);\r\n  }\r\n\r\n  renderStandardElement(component, classname, widthSize, heightSize, callback, sizeOptions) {\r\n    let element;\r\n    if (this.isInlineUpdate && component.displayObject) {\r\n      element = component.displayObject;\r\n      // Updates the element's backgroundImage url:\r\n      this.updateBackgroundImage(component);\r\n    } else {\r\n      // Creates the element and then calls updateFinish():\r\n      element = this.createComponentElement('prod-comp ' + classname, component);\r\n    }\r\n    this.setElementSize(component, element, widthSize, heightSize, sizeOptions);\r\n    this.setBgImageSize(component, element);\r\n    if (callback) {\r\n      callback(element);\r\n    }\r\n    if (!element.parentNode) {\r\n      this.addChildElement(element);\r\n    }\r\n    return element;\r\n  }\r\n\r\n  renderFlexiSectionContent(content, classes) {\r\n    const element = this.renderStandardElement(content, classes + ' section-content', 'None', 'UseProductRatio', null, OrganizerSizeOptions);\r\n    const top = content.getRelative2dTop();\r\n    if (top === 0) {\r\n      element.style.removeProperty('top');\r\n    } else {\r\n      element.style.top = (top * 100) + '%';\r\n    }\r\n    return element;\r\n  }\r\n\r\n  renderFloorModule(module, classNames, onVisitContents) {\r\n    const moduleElement = this.getDivElementAndPushContext(module, 'floor-module ' + classNames, true);\r\n\r\n    const { leftSide, rightSide } = module;\r\n    if (leftSide) {\r\n      this.visit(leftSide);\r\n    }\r\n\r\n    onVisitContents(module, moduleElement);\r\n\r\n    if (rightSide) {\r\n      this.visit(rightSide);\r\n    }\r\n\r\n    this.popContext();\r\n    return moduleElement;\r\n  }\r\n\r\n  renderStandardModule(module, classNames, beforeVisitContents) {\r\n    // The renderFloorModule method will render any flexi-sides. Anything in between should be\r\n    // rendered in the callback below.\r\n    const moduleElement = this.renderFloorModule(module, 'standard-module ' + classNames,\r\n      (mdule, mduleElement) => {\r\n        /* We are now in between the flexi-sides (if any). Let's create a parent flex element for each\r\n         * floor module and other content: */\r\n        const contentsElement = this.getDivElementAndPushContext(null, 'center-col', true, (comp, classes) => {\r\n          /* (when this.isInlineUpdate == true) because this html element is not associated with any\r\n           * component, we can't lookup the element from component.displayObject. So we must do it\r\n           * manually here: */\r\n          return mduleElement.querySelector('.standard-module > .center-col');\r\n        });\r\n        if (beforeVisitContents) {\r\n          beforeVisitContents(mdule, contentsElement);\r\n        }\r\n\r\n        let leftCorrection;\r\n        let parentWidthCorrection;\r\n        if (mdule.leftSide) {\r\n          /* Each floor module's left position is relative to the standard module, but in the html\r\n           * the left position is relative to the contents element which is offset to the right by\r\n           * the left flexi-side's thickness. So, we subtract the thickness from each floor module\r\n           * in the foreach loop below. */\r\n          leftCorrection = -mdule.leftSide.rect.depth;\r\n          /* ...and the parent's width needs to be corrected for any flexi side thicknesses as well: */\r\n          parentWidthCorrection = leftCorrection;\r\n        }\r\n        if (mdule.rightSide) {\r\n          parentWidthCorrection -= mdule.rightSide.rect.depth;\r\n        }\r\n        mdule.floorModules.forEach(floorModule => {\r\n          const element = this.visit(floorModule);\r\n          this.setRelativeChildPosition(floorModule, element, true, true, leftCorrection, parentWidthCorrection);\r\n          this.setElementSize(floorModule, element, 'UseProductRatio', 'UseProductRatio',\r\n            OrganizerSizeOptions, parentWidthCorrection);\r\n        });\r\n        mdule.otherComponents.forEach(component => {\r\n          const element = this.visit(component);\r\n          this.setRelativeChildPosition(component, element, true, true, leftCorrection, parentWidthCorrection);\r\n          this.setElementSize(component, element, 'UseProductRatio', 'UseProductRatio',\r\n            OrganizerSizeOptions, parentWidthCorrection);\r\n        });\r\n\r\n        this.popContext(); // moduleElement\r\n      });\r\n    return moduleElement;\r\n  }\r\n\r\n  //#endregion *** Element Creation/Rendering Methods ***\r\n\r\n  //#region *** Main Visitation Method ***\r\n\r\n  visitDoorPanel(panel) {\r\n    return this.renderStandardElement(panel, 'panel', 'None', 'UseProductRatio',\r\n      element => {\r\n        element.style.backgroundPositionY = this.getPanelBgImageYPosition(element, panel);\r\n        if (panel.parent && panel.parent.design === 'Topaz') {\r\n          // Add a css shadow to Topaz panels:\r\n          element.classList.add('shadow');\r\n        }\r\n      });\r\n  }\r\n\r\n  visitDoorDivider(divider) {\r\n    return this.renderStandardElement(divider, 'divider', 'None', 'UseProductRatio');\r\n  }\r\n\r\n  visitDoorRail(rail) {\r\n    return this.renderStandardElement(rail, 'rail', 'None', 'UseProductRatio');\r\n  }\r\n\r\n  visitDoorStile(stile) {\r\n    return this.renderStandardElement(stile, 'stile', 'UseProductRatio', 'None',\r\n      element => {\r\n        if (stile.isLeft) {\r\n          /* The stile images are of the right stile. To display on the left side,\r\n           * flip the image or rotate 180 degrees: */\r\n          element.classList.add('rotate-180');\r\n        }\r\n        if (stile.design === 'Topaz') {\r\n          // Add a css shadow to Topaz stiles:\r\n          element.classList.add('shadow');\r\n        }\r\n      });\r\n  }\r\n\r\n  visitDoorCore(core) {\r\n    let div;\r\n    if (this.isReplacingDoorCore) {\r\n      /* When isReplacingDoorCore is true, the core element already exists and we just want to add\r\n       * child panels and dividers to it. */\r\n      div = core.displayObject;\r\n    } else {\r\n      div = this.getDivElementAndPushContext(core, 'core', false);\r\n      /* 11/1/2020: Safari (on iOS at least) requires the parent element to have a height in order\r\n       * for its children to use percentage heights. Chrome doesn't require this as long as there's\r\n       * a Flex property specifying height (i.e. flex-grow). So, for Chrome the height in percent\r\n       * is not needed, while on Safari iOS it is (as of 11/1/2020). */\r\n      let heightPct = core.getHeightRatio() * 100;\r\n      div.style.height = heightPct + '%';\r\n    }\r\n    const panelRects = core.getTopLeftBasedVisualPanelRects();\r\n    this.visitChildren(core, div, { panelRects });\r\n    return div;\r\n  }\r\n\r\n  visitDoor(door) {\r\n    const doorElement = this.getDivElementAndPushContext(door, 'door', true);\r\n\r\n    this.setElementSize(door, doorElement, 'UseProductRatio', 'None', DoorSizeOptions);\r\n    if (door.parent) {\r\n      const leftOverlap = door.parent.getLeftOverlap(door);\r\n      // Use a negative left margin to shift the door to the left (overlap):\r\n      let overlapPct = -door.getWidthRatio(leftOverlap) * 100;\r\n      if (!isNaN(overlapPct) && overlapPct !== 0) {\r\n        // TODO: Trying to round to nearest 1 decimal to see if that fixes gaps in the display.\r\n        overlapPct = ObjectUtils.roundDec(overlapPct, 1);\r\n        doorElement.style.setProperty('margin-left', overlapPct + '%', 'important');\r\n      }\r\n    }\r\n    // Use z-index to place doors on rails\r\n    doorElement.style.zIndex = door.railNo ? door.railNo : 0;\r\n\r\n    const { frame, core } = door;\r\n    this.visit(frame.leftStile);\r\n\r\n    this.getDivElementAndPushContext(null, 'center-col', true, (comp, classes) => {\r\n      /* (when this.isInlineUpdate == true) because this html element is not associated with any\r\n       * component, we can't lookup the element from component.displayObject. So we must do it\r\n       * manually here: */\r\n      return doorElement.querySelector('.center-col');\r\n    });\r\n\r\n    this.visit(frame.topRail);\r\n    this.visit(core);\r\n    this.visit(frame.bottomRail);\r\n    this.popContext();\r\n\r\n    this.visit(frame.rightStile);\r\n    return this.popContext().data;\r\n  }\r\n\r\n  visitDoorBottomTrack(track) {\r\n    return this.renderStandardElement(track, 'doortrack', 'None', 'UseProductRatio');\r\n  }\r\n\r\n  visitDoorTopTrack(track) {\r\n    return this.renderStandardElement(track, 'doortrack', 'None', 'UseProductRatio');\r\n  }\r\n\r\n  visitDoorFront(front) {\r\n    /*\r\n     * 9/14/2020: When the front is the root product in the canvas, it's size and position are driven by:\r\n     * - It's a flex item and the parent's orientation is \"row\" (left-to-right)\r\n     * - The parent uses justify-content: center which means the front will be horizontally centered\r\n     * - It's flex-grow is not set so by default = 0 which means we must set a width (both width and\r\n     *   height are set in javascript in our method HtmlDrawingEngine.bestFitStageAndCanvas() to\r\n     *   maximize the product drawing size while maintaining its width/height ratio).\r\n     * - The parent's align-items is not set so by default = 'stretch' which means if we don't set\r\n     *   a height, the full height will be used. But we are specifying the height in javascript (see\r\n     *   above).\r\n     */\r\n    const frontElement = this.getDivElementAndPushContext(front, 'doorfront', true);\r\n    this.visit(front.topTrack);\r\n\r\n    const doorListElement = this.getDivElementAndPushContext(null, 'doors', true, (comp, classes) => {\r\n      /* (when this.isInlineUpdate == true) because this html element is not associated with any\r\n       * component, we can't lookup the element from component.displayObject. So we must do it\r\n       * manually here: */\r\n      return frontElement.querySelector('.doors');\r\n    });\r\n    this.setDoorListMarginBottom(front, doorListElement);\r\n    this.setDoorListMarginTop(front, doorListElement);\r\n\r\n    front.doors.forEach(door => door.acceptVisitor(this));\r\n    this.popContext();\r\n\r\n    this.visit(front.bottomTrack);\r\n    return this.popContext().data;\r\n  }\r\n\r\n  visitSideWall(sideWall) {\r\n    return this.renderStandardElement(sideWall, 'sidewall', 'None', 'None');\r\n  }\r\n\r\n  visitFlexiSide(flexiSide) {\r\n    return this.renderStandardElement(flexiSide, 'flexiside', 'UseProductRatio', 'None', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitHangRodWithBrackets(hangRod) {\r\n    return this.renderStandardElement(hangRod, 'hangrod', 'UseProductRatio', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitSupportRodWithBrackets(supportRod) {\r\n    return this.renderStandardElement(supportRod, 'supportrod', 'UseProductRatio', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(basket) {\r\n    return this.renderStandardElement(basket, 'basket', 'None', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitMeshBasketAndTracks(basket) {\r\n    return this.renderStandardElement(basket, 'basket', 'None', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitTopShelf(topShelf) {\r\n    return this.renderStandardElement(topShelf, 'topshelf', 'UseProductRatio', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitFlexiShelf(flexiShelf) {\r\n    return this.renderStandardElement(flexiShelf, 'flexishelf', 'None', 'UseProductRatio', null, OrganizerSizeOptions);\r\n  }\r\n\r\n  visitFlexiSectionContents(contents) {\r\n    const contentsElement = this.getDivElementAndPushContext(contents, 'center-col section-contents');\r\n\r\n    this.pushContext(contentsElement);\r\n    contents.components.forEach(content => {\r\n      const element = this.visit(content);\r\n      element.classList.add('section-content');\r\n      this.setRelativeChildPosition(content, element, false, true);\r\n    });\r\n    this.popContext();\r\n\r\n    return contentsElement;\r\n  }\r\n\r\n  visitFlexiSection(section) {\r\n    const sectionElement = this.renderFloorModule(section, 'flexi-section', sction => {\r\n      this.visit(sction.contents);\r\n    });\r\n    return sectionElement;\r\n  }\r\n\r\n  visitHangRodModule(module) {\r\n    // The hangrod module is a standard module, typically within an organizer:\r\n    const moduleElement = this.renderStandardModule(module, 'hangrod-module', (mdule, contentsElement) => {\r\n      mdule.hangRods.forEach(rod => {\r\n        const element = this.visit(rod);\r\n        this.setRelativeChildPosition(rod, element, true, true);\r\n      });\r\n      mdule.supportRods.forEach(rod => {\r\n        const element = this.visit(rod);\r\n        this.setRelativeChildPosition(rod, element, true, true);\r\n      });\r\n      mdule.shelves.forEach(shelf => {\r\n        const element = this.visit(shelf);\r\n        this.setRelativeChildPosition(shelf, element, true, true);\r\n      });\r\n    });\r\n    return moduleElement;\r\n  }\r\n\r\n  visitTopShelfModule(module) {\r\n    const moduleElement = this.getDivElementAndPushContext(module, 'topshelf-module', true);\r\n    this.setElementSize(module, moduleElement, 'None', 'UseProductRatio', OrganizerSizeOptions);\r\n    module.components.forEach(shelf => {\r\n      const element = this.visit(shelf);\r\n      this.setRelativeChildPosition(shelf, element, true, true);\r\n    });\r\n    return this.popContext().data;\r\n  }\r\n\r\n  visitClosetOrganizer(organizer) {\r\n    // The organizer is a standard module, possibly within another organizer:\r\n    const organizerElement = this.renderStandardModule(organizer, 'closet-organizer', org => {\r\n      this.visit(org.topShelfModule);\r\n    });\r\n    return organizerElement;\r\n  }\r\n\r\n  //#endregion *** Main Visitation Method ***\r\n}\r\n\r\n/**\r\n * Updates the backgroundImage css style on each div (component) which has a material. When adding\r\n * new product/component types to the framework, then a method for each which has a material must\r\n * be added to this class.\r\n */\r\nexport class HtmlUpdateMaterialImageVisitor extends UpdateMaterialImageVisitor {\r\n  updateMaterialImage(component) {\r\n    HtmlRenderVisitor.updateMaterialImage(component);\r\n  }\r\n}\r\n\r\nexport class HtmlLabelVisitor extends ToggleLabelVisitor {\r\n  constructor(toggleOn, getProductFinishName) {\r\n    super(toggleOn);\r\n    this.getProductFinishName = getProductFinishName;\r\n  }\r\n\r\n  static isLabelVisible(component) {\r\n    return component.finishLabel && component.finishLabel.parentNode === component.displayObject;\r\n  }\r\n\r\n  toggleLabel(component) {\r\n    let label = component.finishLabel;\r\n    if (this.toggleOn) {\r\n      if (!label) {\r\n        component.finishLabel = label = document.createElement('span');\r\n        label.className = 'product-label';\r\n      }\r\n      if (!HtmlLabelVisitor.isLabelVisible(component)) {\r\n        component.displayObject.appendChild(label);\r\n      }\r\n    } else if (HtmlLabelVisitor.isLabelVisible(component)) {\r\n      component.displayObject.removeChild(label);\r\n    }\r\n    // Always update the label content (even if the label isn't currently displayed):\r\n    if (label) {\r\n      label.textContent = this.getProductFinishName(component.finish);//component.material.finish;\r\n    }\r\n  }\r\n}\r\n","import { DrawingService2020 } from '../DrawingService2020.js';\r\nimport { HtmlUpdateMaterialImageVisitor, HtmlLabelVisitor, HtmlRenderVisitor } from './HtmlRenderVisitor.js';\r\nimport { ToggleInteractivityVisitor } from '../ProductVisitors.js';\r\n\r\n/**\r\n * The HtmlDrawingService implements the interface referenced by the Component/Product classes for\r\n * updating the drawing (in this case a html/css based 2D drawing).\r\n */\r\nexport class HtmlDrawingService extends DrawingService2020 {\r\n  constructor(productDrawing, loadedMaterials, getProductFinishName, onLoadSingleMaterial) {\r\n    super(productDrawing, loadedMaterials, getProductFinishName, onLoadSingleMaterial);\r\n  }\r\n\r\n  /**\r\n   * Return true if we want the door front object to add the doors in odd index position first.\r\n   * Return false if we want to add the doors in the original sequential order.\r\n   */\r\n  addOddDoorsFirst() {\r\n    return false;\r\n  }\r\n\r\n  //#region DisplayObject Methods\r\n\r\n  performInlineUpdate(component, onInitVisitor) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new HtmlRenderVisitor(this.loadedMaterials, this.productDrawing);\r\n      visitor.isInlineUpdate = true;\r\n      this.assignMaterialJitLoaderTo(visitor);\r\n      if (onInitVisitor) {\r\n        onInitVisitor(visitor);\r\n      }\r\n      visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  /** E.g. Called for each panel and divider after the door core has been reconfigured. */\r\n  setDisplayObjectPosition(component) {\r\n    this.performInlineUpdate(component);\r\n  }\r\n\r\n  refreshMaterialImages(component) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new HtmlUpdateMaterialImageVisitor();\r\n      visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  /** Creates a new html element (depending on the component type and material). */\r\n  createDisplayObject(component) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new HtmlRenderVisitor(this.loadedMaterials, this.productDrawing);\r\n      this.assignMaterialJitLoaderTo(visitor);\r\n      return visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  /** Creates a new html element (depending on the component type and material). */\r\n  createMaterialObject(component) {\r\n    return this.createDisplayObject(component);\r\n  }\r\n\r\n  /** Creates a new html element (depending on the component type and material). */\r\n  createContainer(component) {\r\n    return this.createDisplayObject(component);\r\n  }\r\n\r\n  /**\r\n   * Adds the display object as a child of the parent display object.\r\n   */\r\n  addToParentDisplayObject(parent, displayObject) {\r\n    if (this.isDrawingUpdatesEnabled && parent && displayObject) {\r\n      parent.appendChild(displayObject);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adds the component's display object as a child of the parent component's display object.\r\n   */\r\n  addChildDisplayObject(component) {\r\n    if (component.parent) {\r\n      this.addToParentDisplayObject(component.parent.displayObject, component.displayObject);\r\n    }\r\n  }\r\n\r\n  removeChildDisplayObject(displayObject) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      if (displayObject.parentElement) {\r\n        displayObject.parentElement.removeChild(displayObject);\r\n      }\r\n      // displayObject.destroy();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Replaces an old display object with a new one in the parent's child list.\r\n   */\r\n  replaceDisplayObject(oldChild, newChild) {\r\n    if (this.isDrawingUpdatesEnabled && oldChild && oldChild.parentElement) {\r\n      if (newChild) {\r\n        oldChild.parentElement.replaceChild(newChild, oldChild); // Yes, new before old!\r\n      }\r\n      oldChild.parentElement.removeChild(oldChild);\r\n    }\r\n  }\r\n\r\n  //#endregion DisplayObject Methods\r\n\r\n  /**\r\n   * Currently only used in the simulator app. The code here is similar to the code in\r\n   * HtmlDrawingEngine.toggleDisplayObjectInteractive.\r\n   */\r\n  toggleInteractivity(rootComponent, on, clickHandler) {\r\n    // The visitor is responsible for adding/removing interactivity on appropriate product components.\r\n    const visitor = new ToggleInteractivityVisitor(component => {\r\n      const { displayObject } = component;\r\n      if (displayObject) {\r\n        displayObject.style.cursor = on ? 'pointer' : '';\r\n        if (on) {\r\n          displayObject.addEventListener('click', clickHandler);\r\n        } else {\r\n          displayObject.removeEventListener('click', clickHandler);\r\n        }\r\n      }\r\n    });\r\n    visitor.visitRoot(rootComponent);\r\n  }\r\n\r\n  doorLayoutWasReplaced(door) {\r\n    this.performInlineUpdate(door.core, visitor => {\r\n      visitor.isReplacingDoorCore = true;\r\n      visitor.clearChildren(door.core.displayObject);\r\n    });\r\n  }\r\n\r\n  //#region Component Labels\r\n\r\n  toggleFinishLabels(component, on) {\r\n    const visitor = new HtmlLabelVisitor(on, this.getProductFinishName);\r\n    visitor.visitRoot(component);\r\n  }\r\n\r\n  updateFinishLabel(component) {\r\n    if (HtmlLabelVisitor.isLabelVisible(component)) {\r\n      const visitor = new HtmlLabelVisitor(true, this.getProductFinishName);\r\n      visitor.visitRoot(component);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Perform necessary clean up to help the browser's memory management and to avoid leaks.\r\n   */\r\n  detachFinishLabel(component) {\r\n    component.finishLabel = null;\r\n  }\r\n\r\n  //#endregion Component Labels\r\n\r\n}\r\n","export const HtmlSizerStrategy = {\r\n  pctWidth: 0,\r\n  pctWidthPxHeight: 1,\r\n};\r\n\r\nexport class HtmlAspectRatioSizer {\r\n  /**\r\n   * @param {SizerStragety} sizerStrategy Determines whether we only set the width, of if we set both width and height.\r\n   * @param {bool} alwaysUseWidthPct If false, then the height might be set to 100% in some cases. If true, then we'll\r\n   * instead convert from 100% to the corresponding px value.\r\n   */\r\n  constructor(sizerStrategy, alwaysUseWidthPct) {\r\n    this.sizerStrategy = sizerStrategy;\r\n    this.alwaysUseWidthPct = alwaysUseWidthPct;\r\n  }\r\n\r\n  alignCenter(child, usePreCalculatedSizes) {\r\n    let childLength = usePreCalculatedSizes ? this.childWidth : child.clientWidth;\r\n    let diff = child.parentNode.clientWidth - childLength;\r\n    child.style.left = (diff / 2) + 'px';\r\n\r\n    childLength = usePreCalculatedSizes ? this.childHeight : child.clientHeight;\r\n    diff = child.parentNode.clientHeight - childLength;\r\n    child.style.top = diff > 1 ? (diff / 2) + 'px' : 0;\r\n  }\r\n\r\n  changeZoom(child, currentZoomPct, delta) {\r\n    if (!child.parentNode) {\r\n      // We have a case there the targetElement doesn't have a parent. Not sure why yet. 11/22/2021.\r\n      return currentZoomPct;\r\n    }\r\n    const newZoomPct = currentZoomPct + delta;\r\n    this.childWidth = child.parentNode.clientWidth * newZoomPct / 100;\r\n    const childWHRatio = child.clientWidth / child.clientHeight;\r\n    this.childHeight = this.childWidth / childWHRatio;\r\n    return newZoomPct;\r\n  }\r\n\r\n  /**\r\n   * If width/height are specified, use them for the calculation. Otherwise, if the element has\r\n   * a NaturalWidth/-height, use them. Otherwise, use the clientWidth/-Height.\r\n   * @param {Element} element The element whose w/h ratio we are calculating\r\n   * @param {int} width A user specified width for the element.\r\n   * @param {int} height A user specified height for the element.\r\n   */\r\n  static getWidthHeightRatio(element, width, height) {\r\n    if (width && height) {\r\n      return width / height;\r\n    } else if (element.naturalWidth) {\r\n      return element.naturalWidth / element.naturalHeight;\r\n    }\r\n    return element.clientWidth / element.clientHeight;\r\n  }\r\n\r\n  static hasHigherWHRatioThanParent(child, childWHRatio) {\r\n    // If childWHRatio is specified, use that. Otherwise try to get the ratio from the child element:\r\n    childWHRatio = childWHRatio || HtmlAspectRatioSizer.getWidthHeightRatio(child);\r\n    const parent = child.parentNode;\r\n    const parentWHRatio = parent.clientWidth / parent.clientHeight;\r\n    return childWHRatio > parentWHRatio;\r\n  }\r\n\r\n  /**\r\n   * Contain the entire child element within the parent by setting both a width and height.\r\n   * @param {Element} child The html element which will be sized.\r\n   * @param {int} logicalWidth For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {int} logicalHeight For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {double} childWHRatio If provided, this is the w/h ratio used and logicalWidth/-Height will be ignored.\r\n   * @returns { width, height, cssWidth, cssHeight } Returns an object with width/height integers and\r\n   * css width/height styles to be set on the child element (must be done by the caller).\r\n   */\r\n  containUsingWidthAndHeight(child, logicalWidth, logicalHeight, childWHRatio) {\r\n    // If childWHRatio is specified, use that. Otherwise try to get the ratio from the child element:\r\n    childWHRatio = childWHRatio || HtmlAspectRatioSizer.getWidthHeightRatio(child, logicalWidth, logicalHeight);\r\n    const parent = child.parentNode;\r\n    const parentWidth = parent.clientWidth;\r\n    //const parentHeight = parent.clientHeight;\r\n    let tmpHeight = 0;\r\n    let tmpParent = parent;\r\n    while (!tmpHeight && tmpParent)\r\n    {\r\n      tmpHeight = tmpParent.clientHeight;\r\n      tmpParent = tmpParent.parentNode;\r\n    }\r\n    const parentHeight = tmpHeight;\r\n    const parentWHRatio = parentWidth / parentHeight;\r\n    const result = {};\r\n    if (childWHRatio > parentWHRatio) {\r\n      // Child should use 100% of the parent's width, and calculate the height based on its ratio\r\n      result.cssWidth = '100%';\r\n      result.width = parentWidth; // Since it's 100% of the parent's width\r\n      // Using absolute value for the height:\r\n      result.height = result.width / childWHRatio;\r\n      result.cssHeight = result.height + 'px';\r\n    } else {\r\n      result.height = parentHeight; // Since it's 100% of the parent's height\r\n      result.width = result.height * childWHRatio;\r\n      if (this.alwaysUseWidthPct) {\r\n        const childPct = 100 * result.width / parentWidth;\r\n        result.cssWidth = childPct + '%';\r\n        result.cssHeight = result.height + 'px';\r\n      } else {\r\n        result.cssWidth = result.width + 'px';\r\n        // Child should use 100% of the parent's height, and calculate the width based on its ratio.\r\n        // Code here is the inverse of the above.\r\n        result.cssHeight = '100%';\r\n      }\r\n    }\r\n    return result;\r\n  }\r\n\r\n  /**\r\n   * Contain the entire child element within the parent by setting a percent width and 'auto' height.\r\n   * @param {Element} child The html element which will be sized.\r\n   * @param {int} logicalWidth For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {int} logicalHeight For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {double} childWHRatio If provided, this is the w/h ratio used and logicalWidth/-Height will be ignored.\r\n   * @returns { width, height, cssWidth, cssHeight } Returns an object with width/height integers and\r\n   * css width/height styles to be set on the child element (must be done by the caller).\r\n   */\r\n  containUsingWidthOnly(child, logicalWidth, logicalHeight, childWHRatio) {\r\n    // If childWHRatio is specified, use that. Otherwise try to get the ratio from the child element:\r\n    childWHRatio = childWHRatio || HtmlAspectRatioSizer.getWidthHeightRatio(child, logicalWidth, logicalHeight);\r\n    const parent = child.parentNode;\r\n    const parentWidth = parent.clientWidth;\r\n    const parentHeight = parent.clientHeight;\r\n    const parentWHRatio = parentWidth / parentHeight;\r\n    const result = {};\r\n    if (childWHRatio > parentWHRatio) {\r\n      // Child should use 100% of the parent's width\r\n      result.cssWidth = '100%';\r\n      result.width = parentWidth;\r\n      result.height = result.width / childWHRatio;\r\n    } else {\r\n      // Child should use 100% of the parent's height.\r\n      result.height = parentHeight;\r\n      result.width = result.height * childWHRatio;\r\n      const childPct = 100 * result.width / parentWidth;\r\n      result.cssWidth = childPct + '%';\r\n    }\r\n    result.cssHeight = 'auto';\r\n    return result;\r\n  }\r\n\r\n  /**\r\n   * Calculates the size of the child when sizing such that the entire child is placed within its\r\n   * parent's client area while maintaining the child's width/height ratio.\r\n   * @param {Element} child The element whose size we are calculating.\r\n   * @param {int} logicalWidth For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {int} logicalHeight For calculating the width/height ratio to be used for sizing the child element.\r\n   * @param {double} childWHRatio If provided, this is the w/h ratio used and logicalWidth/-Height will be ignored.\r\n   * @returns { width, height, cssWidth, cssHeight } Returns an object with width/height integers and\r\n   * css width/height styles to be set on the child element (must be done by the caller).\r\n   */\r\n  getContainedChildSize(child, logicalWidth, logicalHeight, childWHRatio) {\r\n    switch (this.sizerStrategy) {\r\n      case HtmlSizerStrategy.pctWidthPxHeight:\r\n        return this.containUsingWidthAndHeight(child, logicalWidth, logicalHeight, childWHRatio);\r\n      case HtmlSizerStrategy.pctWidth:\r\n        return this.containUsingWidthOnly(child, logicalWidth, logicalHeight, childWHRatio);\r\n      default:\r\n        return {};\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Resizes the child element such that the entire child is placed within its parent's client\r\n   * area while maintaining the child's width/height ratio.\r\n   * @param {Element} child The element whose size we are calculating.\r\n   * @param {double} childWHRatio If provided, this is the w/h ratio used (instead of the ratio\r\n   * from the current size of the child element).\r\n   */\r\n  contain(child, childWHRatio) {\r\n    const { cssWidth, cssHeight, width, height } = this.getContainedChildSize(\r\n      child, child.clientWidth, child.clientHeight,  childWHRatio);\r\n    child.style.width = cssWidth;\r\n    child.style.height = cssHeight;\r\n    this.childWidth = width;\r\n    this.childHeight = height;\r\n  }\r\n\r\n  sizeToFullWidth(child, childWHRatio) {\r\n    // If childWHRatio is specified, use that. Otherwise try to get the ratio from the child element:\r\n    childWHRatio = childWHRatio || HtmlAspectRatioSizer.getWidthHeightRatio(child);\r\n    const childWidth = child.parentNode.clientWidth;\r\n    const childHeight = childWidth / childWHRatio;\r\n    child.style.width = '100%';\r\n    switch (this.sizerStrategy) {\r\n      case HtmlSizerStrategy.pctWidthPxHeight: {\r\n        child.style.height = childHeight + 'px';\r\n        break;\r\n      }\r\n      case HtmlSizerStrategy.pctWidth: {\r\n        child.style.height = 'auto';\r\n        break;\r\n      }\r\n    }\r\n    this.childHeight = childHeight;\r\n    this.childWidth = childWidth;\r\n  }\r\n\r\n  sizeToFullHeight(child, childWHRatio) {\r\n    // If childWHRatio is specified, use that. Otherwise try to get the ratio from the child element:\r\n    childWHRatio = childWHRatio || HtmlAspectRatioSizer.getWidthHeightRatio(child);\r\n    const childHeight = child.parentNode.clientHeight;\r\n    const childWidth = childHeight * childWHRatio;\r\n    const childWidthPct = 100 * childWidth / child.parentNode.clientWidth;\r\n    child.style.width = childWidthPct + '%';\r\n    switch (this.sizerStrategy) {\r\n      case HtmlSizerStrategy.pctWidthPxHeight: {\r\n        child.style.height = childHeight + 'px';\r\n        break;\r\n      }\r\n      case HtmlSizerStrategy.pctWidth: {\r\n        child.style.height = 'auto';\r\n        break;\r\n      }\r\n    }\r\n    this.childHeight = childHeight;\r\n    this.childWidth = childWidth;\r\n  }\r\n\r\n  maximizeWithinParent(child, logicalWidth, logicalHeight) {\r\n    const { cssWidth, cssHeight } = this.getContainedChildSize(child, logicalWidth, logicalHeight);\r\n    child.style.width = cssWidth;\r\n    child.style.height = cssHeight;\r\n  }\r\n}\r\n","import { EngineRegistry } from '../DrawingEngine.js';\r\nimport { DrawingEngine2020 } from '../DrawingEngine2020.js';\r\nimport { HtmlDrawingService } from './HtmlDrawingService.js';\r\nimport { HtmlAspectRatioSizer, HtmlSizerStrategy } from './HtmlAspectRatioSizer.js';\r\n\r\n/**\r\n * The HtmlDrawingEngine is responsible for creating product drawings using html and css.\r\n */\r\nexport class HtmlDrawingEngine extends DrawingEngine2020 {\r\n  constructor(name, options) {\r\n    super(name, options);\r\n    this.hoverCursor = 'pointer';\r\n    this.sizer = new HtmlAspectRatioSizer(HtmlSizerStrategy.pctWidthPxHeight);\r\n    //this.usesStageProduct = true;\r\n  }\r\n\r\n  createDrawingService() {\r\n    return new HtmlDrawingService(this.productDrawing, this.loader.loadedMaterials, this.getFinishName,\r\n      // Give the service a call back to use if it needs to load a single material just-in-time:\r\n      async (material, loadHighResAsWell, onHisResImgLoaded) => {\r\n        return await this.loadSingleMaterial(material, loadHighResAsWell, onHisResImgLoaded);\r\n      });\r\n  }\r\n\r\n  /**\r\n   * The owner class (e.g. ProductDrawing) can call this method to get the display object to be\r\n   * associated with the stage product. The stage product is a code created root product instance\r\n   * and the parent of the product being displayed/edited.\r\n   */\r\n  getStageDisplayObject() {\r\n    // We don't need a stage display object\r\n    return null;\r\n  }\r\n\r\n  /** Needed if the user want's to move the html element into a full screen display. */\r\n  getRootHtmlElement(rootDisplayObject) {\r\n    /* Canvas-based engines need to return the Canvas element (the rootDisplayObject is a mesh or\r\n     * other proprietary object), but in this html based engine the rootDisplayObject is also the\r\n     * root html element. */\r\n    return rootDisplayObject;\r\n  }\r\n\r\n  /**\r\n   * Is responsible for adding a display object to the drawing. Typically this only needs to happen\r\n   * for the root display object, and with some engine this is already done by the fact that the\r\n   * display objects were added to the drawing when they were instantiated (Pixi, Babylon). These\r\n   * subclasses may therefore implement this method with a do-nothing statement.\r\n   * @param {any} displayObject The html element, mesh or sprite representing a (root) product component\r\n   */\r\n  addToDrawing(displayObject) {\r\n    if (displayObject) {\r\n      this.productDrawing.appendChild(displayObject);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns an object with the width and height of the drawing. This should match the size of the\r\n   * image returned by the getDrawingImageUrl method.\r\n   */\r\n  getDrawingSize() {\r\n    throw Error('getDrawingSize has not been implemented yet');\r\n  }\r\n\r\n  getDrawingImageUrl() {\r\n    throw Error('getDrawingImageUrl has not been implemented yet');\r\n  }\r\n\r\n  /**\r\n   * Turns interaction on/off for the displayObject.\r\n   * @param {displayObject} displayObject The object whose interaction is toggled.\r\n   * @param {bool} on Whether to turn interaction on or off.\r\n   * @param {callback} clickHandler Handler for the displayObject's click event.\r\n   */\r\n  toggleDisplayObjectInteractive(displayObject, on, clickHandler) {\r\n    if (displayObject) {\r\n      displayObject.style.cursor = on ? this.hoverCursor : '';\r\n      if (on) {\r\n        displayObject.addEventListener('click', clickHandler);\r\n      } else {\r\n        displayObject.removeEventListener('click', clickHandler);\r\n      }\r\n      displayObject.interactive = on; // Our custom attribute\r\n    }\r\n  }\r\n\r\n  startRendering() {\r\n    if (!this.isRendering()) {\r\n      // The HtmlDrawingEngine doesn't have a need for a render loop. It's done automatically by the browser.\r\n      this._isRendering = true;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  stopRendering() {\r\n    if (this.isRendering()) {\r\n      // The HtmlDrawingEngine doesn't have a need for a render loop. It's done automatically by the browser.\r\n      this._isRendering = false;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  isRendering() {\r\n    return this._isRendering;\r\n  }\r\n\r\n  renderOnce() {\r\n    /* The HtmlDrawingEngine doesn't have a need for manually rendering the drawing. It's done\r\n     * automatically by the browser. */\r\n  }\r\n\r\n  //#region Canvas Methods\r\n\r\n  bestFitStageAndCanvas(fitCanvasAroundStage, renderOnce) {\r\n    const displayObject = this.productDrawing.firstChild;\r\n    if (displayObject && displayObject.dataComponent) {\r\n      const rect = displayObject.dataComponent.rect;\r\n      let width;\r\n      let height;\r\n      const rotation = displayObject.dataComponent.rotation;\r\n      if (rotation.x === -90) {\r\n        // E.g. a flexi shelf\r\n        width = rect.width;\r\n        height = rect.depth;\r\n      } else if (rotation.y === 90) {\r\n        // E.g. a flexi side\r\n        width = rect.depth;\r\n        height = rect.height;\r\n      } else {\r\n        width = rect.width;\r\n        height = rect.height;\r\n      }\r\n      this.sizer.maximizeWithinParent(displayObject, width, height);\r\n      if (fitCanvasAroundStage) {\r\n        this.resizeCanvasToFitAroundStage(false);\r\n      }\r\n    }\r\n  }\r\n\r\n  // As of 8/17/2020 not in use, but should still be functional\r\n  resizeCanvasToFitInFullScreen(renderOnce) {\r\n    throw Error('resizeCanvasToFitInFullScreen must be implemented by the subclass');\r\n  }\r\n\r\n  resizeCanvasToFitInFullWindow(renderOnce) {\r\n    // TODO: Implement\r\n    if (renderOnce) {\r\n      this.renderOnce();\r\n    }\r\n  }\r\n\r\n  resizeCanvasToFitAroundStage(renderOnce) {\r\n    // TODO: Implement if needed\r\n    if (renderOnce) {\r\n      this.renderOnce();\r\n    }\r\n  }\r\n\r\n  //#endregion Canvas Methods\r\n}\r\n\r\nEngineRegistry.register('HtmlDrawingEngine', HtmlDrawingEngine);\r\n","/**\r\n * Many of the Babylon mesh builder methods take a faceUV array as a part of the options object.\r\n * Each item in the faceUV array is a BABYLON.Vector4 object describing which part (sprite) of\r\n * the material's texture should be mapped to each face of the resulting 3D mesh object. This\r\n * FaceUVHelper class has helper functions for setting up the faceUV array as well as orienting\r\n * the faceUV items such that they are displayed correctly.\r\n *\r\n * This class was developed as a part of the prototyping of our mesh basket here:\r\n * https://playground.babylonjs.com/#WVLDLM#35\r\n */\r\nexport class FaceUVHelper {\r\n  /**\r\n   * This function in-place updates a faceUV item to flip the item sprite (texture area) horizontally over the Y-axis.\r\n   *\r\n   * See https://doc.babylonjs.com/features/featuresDeepDive/materials/using/texturePerBoxFace#how-to-orientate-a-sprite-on-a-face-with-faceuv.\r\n   * @param {array} faceUV Each item in the faceUV array is a BABYLON.Vector4 object whose constructor\r\n   * has parameters x, y, z, w.\r\n   * @param {int} index Index into the item in the faceUV array we are updating.\r\n   */\r\n  flipUVOverYAxis(faceUV, index) {\r\n    if (faceUV.length >= index + 1) {\r\n      let xLeft = faceUV[index].x;\r\n      //let yBottom = faceUV[index].y;\r\n      let xRight = faceUV[index].z;\r\n      //let yTop = faceUV[index].w;\r\n      faceUV[index].x = xRight;\r\n      faceUV[index].z = xLeft;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * This function in-place updates a faceUV item to flip the item sprite (texture area) vertically over the X-axis.\r\n   *\r\n   * See https://doc.babylonjs.com/features/featuresDeepDive/materials/using/texturePerBoxFace#how-to-orientate-a-sprite-on-a-face-with-faceuv.\r\n   * @param {array} faceUV Each item in the faceUV array is a BABYLON.Vector4 object whose constructor\r\n   * has parameters x, y, z, w.\r\n   * @param {int} index Index into the item in the faceUV array we are updating.\r\n   */\r\n  flipUVOverXAxis(faceUV, index) {\r\n    if (faceUV.length >= index + 1) {\r\n      //let xLeft = faceUV[index].x;\r\n      let yBottom = faceUV[index].y;\r\n      //let xRight = faceUV[index].z;\r\n      let yTop = faceUV[index].w;\r\n      faceUV[index].y = yTop;\r\n      faceUV[index].w = yBottom;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Creates a faceUV array for an image with sprites divided into columns and rows.\r\n   * @param {int} columns Column count\r\n   * @param {int} rows Row count\r\n   * @param {bool} useFullImageOnEachSprite If true, then each faceUV item will be initialized with (0, 0, 1, 1)\r\n   * @returns An array of BABYLON.Vector4\r\n   */\r\n  setupFaceUV(columns, rows, useFullImageOnEachSprite) {\r\n    let faceUV = new Array(rows * columns);\r\n    if (useFullImageOnEachSprite) {\r\n      for (let x = 0; x < columns; x++) {\r\n        for (let y = 0; y < rows; y++) {\r\n          faceUV[x] = new BABYLON.Vector4(0, 0, 1, 1);\r\n        }\r\n      }\r\n    } else {\r\n      for (let x = 0; x < columns; x++) {\r\n        const xLeft = x / columns;\r\n        const xRight = (x + 1) / columns;\r\n        for (let y = 0; y < rows; y++) {\r\n          const yBottom = y / rows;\r\n          const yTop = (y + 1) / rows;\r\n          faceUV[x] = new BABYLON.Vector4(xLeft, yBottom, xRight, yTop);\r\n        }\r\n      }\r\n    }\r\n    return faceUV;\r\n  }\r\n}\r\n","/** QuadriLateralFrustum (QLF) UV face indeces */\r\nexport const QLFFaceNdx = {\r\n  front: 0,\r\n  back: 1,\r\n  left: 2,\r\n  right: 3,\r\n  top: 4,\r\n  bottom: 5,\r\n};\r\n\r\n/**\r\n * Creates a 3D quadrilateral frustum shape (kind of a trapezoidal prism). The shape is created\r\n * using the BABYLON.MeshBuilder.CreatePolyhedron function. 4/7/2023.\r\n * This class was developed as a part of the prototyping of our mesh basket here:\r\n * https://playground.babylonjs.com/#WVLDLM#35\r\n */\r\nexport class QuadriLateralFrustumBuilder {\r\n  /**\r\n   * Creates and returns the mesh.\r\n   * @param {string} name For display/debugging\r\n   * @param {object} origin Object with properties (x, y, z) setting the of the left, bottom, front\r\n   * position of the frustum.\r\n   * @param {object} dimensions Object with properties (topWidth, botWidth, topDepth, botDepth, height).\r\n   * @param {array} faceUV Each item in the faceUV array is a BABYLON.Vector4 object.\r\n   * @param {array} faceColors Array of BABYLON.Color3\r\n   * @param {array} invisibleFaces Array[6] of bool (front, back, left, right, top, bottom).\r\n   * @param {object} scene Scene object\r\n   * @returns {object} Mesh\r\n   */\r\n  createMesh(name, origin, dimensions, faceUV, faceColors, invisibleFaces, scene) {\r\n    // Vertex positions on the X-axis:\r\n    const xBotOffset = (dimensions.topWidth - dimensions.botWidth) / 2;\r\n    const topXLeft = origin.x;\r\n    const topXRight = origin.x + dimensions.topWidth;\r\n    const botXLeft = origin.x + xBotOffset;\r\n    const botXRight = origin.x + xBotOffset + dimensions.botWidth;\r\n\r\n    // Vertex positions on the Y-axis:\r\n    const topY = origin.y + dimensions.height;\r\n    const botY = origin.y;\r\n\r\n    // Vertex positions on the Z-axis:\r\n    const zBotOffset = (dimensions.topDepth - dimensions.botDepth) / 2;\r\n    const topZFront = origin.z;\r\n    const topZBack = origin.z + dimensions.topDepth;\r\n    const botZFront = origin.z + zBotOffset;\r\n    const botZBack = origin.z + zBotOffset + dimensions.botDepth;\r\n\r\n    const faces = [\r\n      [0, 1, 2, 3], // 0: Front\r\n      [7, 6, 5, 4], // 1: Back (counterclockwise)\r\n      [3, 7, 4, 0], // 2: Left\r\n      [1, 5, 6, 2], // 3: Right\r\n      [4, 5, 1, 0], // 4: Top\r\n      [3, 2, 6, 7], // 5: Bottom\r\n    ];\r\n    let hasInvisibleFaces = false;\r\n    if (invisibleFaces && invisibleFaces.length > 0) {\r\n      for (let i = 0; i < faces.length; i++) {\r\n        if (invisibleFaces[i]) {\r\n          faces[i] = [0, 0, 0, 0];\r\n          hasInvisibleFaces = true;\r\n        }\r\n      }\r\n    }\r\n    const customOptions = {\r\n      vertex: [\r\n        [topXLeft, topY, topZFront],  // 0: left/top/front\r\n        [topXRight, topY, topZFront], // 1: right/top/front\r\n        [botXRight, botY, botZFront], // 2: right/bottom/front\r\n        [botXLeft, botY, botZFront],  // 3: left/bottom/front\r\n        [topXLeft, topY, topZBack],   // 4: left/top/back\r\n        [topXRight, topY, topZBack],  // 5: right/top/back\r\n        [botXRight, botY, botZBack],  // 6: right/bottom/back\r\n        [botXLeft, botY, botZBack]    // 7: left/bottom/back\r\n      ],\r\n      face: faces\r\n    };\r\n\r\n    // If any of the faces are removed, then we need to render both sides:\r\n    const orientation = hasInvisibleFaces ? BABYLON.Mesh.DOUBLESIDE : BABYLON.Mesh.DEFAULTSIDE;\r\n\r\n    const options = {\r\n      custom: customOptions,\r\n      sideOrientation: orientation,\r\n      faceUV: faceUV,\r\n      faceColors: faceColors,\r\n      //wrap: true,\r\n    };\r\n    return BABYLON.MeshBuilder.CreatePolyhedron(name || 'quadrilateral_frustum', options, scene);\r\n  }\r\n}\r\n","import { FaceUVHelper } from './FaceUVHelper.js';\r\nimport { QuadriLateralFrustumBuilder, QLFFaceNdx } from './QuadriLateralFrustumBuilder.js';\r\n\r\n/**\r\n * Creates rim which goes on top of all four sides of the basket. The shape is created\r\n * using the BABYLON.MeshBuilder.ExtrudeShape function. 4/9/2023.\r\n  * This class was developed as a part of the prototyping of our mesh basket here:\r\n * https://playground.babylonjs.com/#WVLDLM#35\r\n*/\r\nclass BasketRimBuilder {\r\n  /**\r\n   * Creates the 2D profile of the rim if we made a vertical cut through it and looked at it\r\n   * horizontally down the Z-axis. In our case this shape is vertical rectangle with rounded corners,\r\n   * typically 10 mm wide and 2.5 mm high.\r\n   */\r\n  createRimShape(width, height, cornerRadius) {\r\n    /* If width = 1.0, height = 0.25, and cornerRadius = 0.05, then:\r\n    const myShape = [\r\n            new BABYLON.Vector3(0.00, 0.05, 0),\r\n            new BABYLON.Vector3(0.00, 0.20, 0),\r\n            new BABYLON.Vector3(0.05, 0.25, 0),\r\n            new BABYLON.Vector3(0.95, 0.25, 0),\r\n            new BABYLON.Vector3(1.00, 0.20, 0),\r\n            new BABYLON.Vector3(1.00, 0.05, 0),\r\n            new BABYLON.Vector3(0.95, 0.00, 0),\r\n            new BABYLON.Vector3(0.05, 0.00, 0),\r\n    ];\r\n    */\r\n    return [\r\n      new BABYLON.Vector3(0.00, cornerRadius, 0),\r\n      new BABYLON.Vector3(0.00, height - cornerRadius, 0),\r\n      new BABYLON.Vector3(cornerRadius, height, 0),\r\n      new BABYLON.Vector3(width - cornerRadius, height, 0),\r\n      new BABYLON.Vector3(width, height - cornerRadius, 0),\r\n      new BABYLON.Vector3(width, cornerRadius, 0),\r\n      new BABYLON.Vector3(width - cornerRadius, 0.00, 0),\r\n      new BABYLON.Vector3(cornerRadius, 0.00, 0),\r\n    ];\r\n  }\r\n\r\n  /**\r\n   * Creates a path forming a rounded rectangle as seen vertically down the Y-axis. The 2D shape\r\n   * created by the createRimShape function will be extruded along this path.\r\n   */\r\n  createRimPath(origin, width, depth, cornerRadius) {\r\n    const x = origin.x;\r\n    const y = origin.y;\r\n    const z = origin.z;\r\n    const path = [\r\n      new BABYLON.Vector3(x, y, z + cornerRadius),\r\n      new BABYLON.Vector3(x, y, z + depth - cornerRadius),\r\n      new BABYLON.Vector3(x + cornerRadius, y, z + depth),\r\n      new BABYLON.Vector3(x + width - cornerRadius, y, z + depth),\r\n      new BABYLON.Vector3(x + width, y, z + depth - cornerRadius),\r\n      new BABYLON.Vector3(x + width, y, z + cornerRadius),\r\n      new BABYLON.Vector3(x + width - cornerRadius, y, z),\r\n      new BABYLON.Vector3(cornerRadius, y, z),\r\n    ];\r\n    path.push(path[0]);\r\n    return path;\r\n  }\r\n\r\n  /**\r\n   * Creates and returns the mesh.\r\n   * @param {string} name For display/debugging\r\n   * @param {object} origin Object with properties (x, y, z) setting the of the left, bottom, front\r\n   * position of the rim.\r\n   * @param {object} dimensions Object with properties (basketWidth, basketDepth, yCornerRadius, edgeWidth,\r\n   * edgeHeight, zCornerRadius).\r\n   * @param {object} scene Scene object\r\n   * @returns {object} Mesh\r\n   */\r\n  createMesh(name, origin, dimensions, scene) {\r\n    // Shape profile in XY plane:\r\n    const shape = this.createRimShape(dimensions.edgeWidth, dimensions.edgeHeight, dimensions.zCornerRadius);\r\n    const path = this.createRimPath(origin, dimensions.basketWidth, dimensions.basketDepth, dimensions.yCornerRadius);\r\n    const options = {\r\n      shape: shape,\r\n      closeShape: true,\r\n      path: path,\r\n      closePath: true,\r\n      sideOrientation: BABYLON.Mesh.DOUBLESIDE, // TODO: Can we change to DEFAULTSIDE?\r\n      cap: BABYLON.Mesh.CAP_ALL,\r\n      //adjustFrame: true,\r\n      //firstNormal: new BABYLON.Vector3(1, 1, 1),\r\n    };\r\n    /* NOTE, there might be something wrong about my understanding of how the ExtrudeShape\r\n     * works. There are some artifacts in the corners, and possibly some unexpected coloring/shading\r\n     * on the top. Or, I have a bug in the shape/path creation code. 4/10/2023. */\r\n    return BABYLON.MeshBuilder.ExtrudeShape(name, options, scene);\r\n  }\r\n}\r\n\r\n/* The original BasketBuilder class was developed in the Babylon Playground:\r\n * https://playground.babylonjs.com/#EUNZR2#28 */\r\nclass BaseBasketBuilder {\r\n  constructor(scene) {\r\n    this.scene = scene;\r\n\r\n    let material = this.scene.getMaterialByID('Transparent');\r\n    if (!material) {\r\n      material = new BABYLON.StandardMaterial('Transparent', this.scene);\r\n      material.alpha = 0;\r\n      material.freeze();\r\n    }\r\n    this.transparentMaterial = material;\r\n    // Cached instance we can use for cloning\r\n    this.OriginalBasket = null;\r\n  }\r\n\r\n  createVector3Array(points) {\r\n    return points.map(v => new BABYLON.Vector3(v[0], v[1], v[2]));\r\n  }\r\n\r\n  createContainerBox(name, rect) {\r\n    const box = BABYLON.MeshBuilder.CreateBox(name, {\r\n      width: rect.width,\r\n      height: rect.height,\r\n      depth: rect.depth,\r\n      //faceUV: faceUV,\r\n      //topBaseAt: options.topBaseAt,\r\n      //bottomBaseAt: options.bottomBaseAt,\r\n      //wrap: true,\r\n      //updatable: true\r\n    }, this.scene);\r\n    box.material = this.transparentMaterial;\r\n    box.isPickable = false;\r\n    return box;\r\n  }\r\n\r\n  /**\r\n   * Add multiple clones of the mesh created by the createMesh callback. The position and size of each clone\r\n   * can be varied by using the startRect and endRect.\r\n   */\r\n  addMultipleClones(parent, cloneCount, startRect, endRect, createMesh, isImplicit = false) {\r\n    let divisor = cloneCount - 1;\r\n    if (!isImplicit)\r\n      divisor += 2;\r\n    const div = new BABYLON.Vector3(divisor, divisor, divisor);\r\n\r\n    let deltaLoc = endRect.location.subtract(startRect.location);\r\n    deltaLoc = deltaLoc.divide(div);\r\n\r\n    let deltaScale = endRect.size.subtract(startRect.size);\r\n    deltaScale = deltaScale.divide(div);\r\n\r\n    const location = startRect.location;\r\n    const scale = startRect.size;\r\n\r\n    if (!isImplicit) {\r\n      location.addInPlace(deltaLoc);\r\n      scale.addInPlace(deltaScale);\r\n    }\r\n\r\n    let original;\r\n    for (let i = 0; i < cloneCount; i++) {\r\n      let clone;\r\n      if (i == 0) {\r\n        clone = original = createMesh();\r\n      } else {\r\n        // If we weren't merging meshes (see addBasket method), then we could've used createInstance instead:\r\n        //clone = original.createInstance(`${original.name} ${i + 1}`);\r\n        clone = original.clone(`${original.name} ${i + 1}`);\r\n      }\r\n      clone.parent = parent;\r\n      clone.position.copyFrom(location);\r\n      clone.scaling.copyFrom(scale);\r\n      clone.freezeWorldMatrix(); // Performance! I think it's safe to do this (but we can't manipulate in Inspector anymore)\r\n\r\n      location.addInPlace(deltaLoc);\r\n      scale.addInPlace(deltaScale);\r\n    }\r\n  }\r\n}\r\n\r\nexport class FlexiBasketBuilder extends BaseBasketBuilder {\r\n  constructor(scene) {\r\n    super(scene);\r\n    this.tubeTesselation = 3;\r\n  }\r\n\r\n  /** Helper method for creating a wire mesh given a path, radius, and tesselation. */\r\n  createWire(name, path, radius, material, tessellation, freeze = false) {\r\n    const tube = BABYLON.MeshBuilder.CreateTube(name, {\r\n      path: path,\r\n      radius: radius,\r\n      tessellation: tessellation || this.tubeTesselation,\r\n    }, this.scene);\r\n    tube.material = tube.material || material;\r\n    tube.isPickable = false;\r\n    if (freeze) {\r\n      tube.freezeWorldMatrix();\r\n    }\r\n    return tube;\r\n  }\r\n\r\n  addBasket(name, basketWidth, basketDepth, basketHeight, color, scale) {\r\n    /* The wire geometry used in this code was generated by Langlo Designer via the Designer\r\n     * Playground app. If we were to use the 3 dimension parameters above, then we would end up with\r\n     * a partially correct model (some geometry based on the original dimensions and some on the actual\r\n     * dimensions). As a work around we calculate the scale between  the original dimensions and the\r\n     * actual dimensions and apply this scale to the basket container mesh. This work around is more\r\n     * resource efficient since we can reuse a single basket. But, baskets of other sizes than the\r\n     * original will not look exactly like the real world baskets (they're stretched instead of\r\n     * having more/less wires). */\r\n    const origBasketWidth = 40.6;\r\n    const origBasketDepth = 50;\r\n    const origBasketHeight = 15.2;\r\n    const basketScale = new BABYLON.Vector3(\r\n      basketWidth / origBasketWidth, basketHeight / origBasketHeight, basketDepth / origBasketDepth);\r\n\r\n    let material = null;\r\n    if (color) {\r\n      material = new BABYLON.StandardMaterial(name + ' material', this.scene);\r\n      material.diffuseColor = BABYLON.Color3.FromHexString(color);\r\n      material.freeze();\r\n    }\r\n\r\n    if (this.OriginalBasket) {\r\n      // We can create a cloned basket instead of wasting resources on full new copies\r\n      const clonedBasket = this.OriginalBasket.clone(name);\r\n      clonedBasket.parent = null; // Reset parent\r\n      clonedBasket.position = new BABYLON.Vector3(0, 0, 0); // Reset the position\r\n      // The first \"basketScale\" scales from the original basket size to the current actual size\r\n      // The second \"scale\" is used for converting units, i.e. from cm to mm\r\n      if (scale) {\r\n        basketScale.multiplyInPlace(new BABYLON.Vector3(scale, scale, scale));\r\n      }\r\n      clonedBasket.scaling = basketScale;\r\n      const wireMeshes = clonedBasket.getChildMeshes(true);\r\n      wireMeshes[0].material = material;\r\n      return clonedBasket;\r\n    }\r\n\r\n    //#region ****** CONSTANTS & DECLARATIONS ******\r\n\r\n    const ThinWireRadius = 0.15;\r\n    const StandardWireRadius = 0.3;\r\n    const XAxisWireCount = 14;\r\n    const ZAxisWireCount = 11; //isWideBasket ? 15 : 11;\r\n    const ShortWireCount = 3;\r\n    const XMargin = 1.25;\r\n    const YTopMargin = 1.5;\r\n    const ZFrontMargin = 1.0;\r\n    const topWireCornerLen = 1.0; // The arc is drawn inside a square with each side 1.0 cm long\r\n    const wireCornerLen = 0.5; // The arc is drawn inside a square with each side 0.5 cm long\r\n\r\n    const BasketNetWidth = origBasketWidth - (XMargin * 2);\r\n    const BasketNetDepth = origBasketDepth - ZFrontMargin;\r\n    const BasketNetHeight = origBasketHeight - YTopMargin;\r\n    const XAxisOffset = BasketNetWidth / ZAxisWireCount;\r\n    // Offset from the left & right edge to the first & last wire running from front to back on the Z-axis:\r\n    const XAxisOffset2 = XAxisOffset - wireCornerLen;\r\n    // Offset from the front & back edge to the first & last wire running from left to right on the X-axis:\r\n    const ZAxisOffset = BasketNetDepth / XAxisWireCount;\r\n    const ZAxisOffset2 = ZAxisOffset - wireCornerLen;\r\n\r\n    // Length of wires running from left to right on the front and back side:\r\n    const XShortWireScale = new BABYLON.Vector3(BasketNetWidth - (XAxisOffset * 2.0), 1.0, 1.0);\r\n    // Length of wires running from front to back on the left and right side:\r\n    const ZShortWireScale = new BABYLON.Vector3(1.0, 1.0, BasketNetDepth - (ZAxisOffset * 2.0));\r\n    const unitSize = BABYLON.Vector3.One();\r\n\r\n    //#endregion ****** CONSTANTS & DECLARATIONS ******\r\n\r\n    // The basket box is the parent of all the wire meshes:\r\n    const basket = this.createContainerBox(name, { width: origBasketWidth, height: origBasketHeight, depth: origBasketDepth });\r\n    // We'll add all wire meshes to this temp parent before finally merging them.\r\n    const tempParent = new BABYLON.Node('temp');\r\n\r\n    //#region ***** Add Wires *****\r\n\r\n    // 1. Add wire on the top of the basket; wraps around all sides:\r\n    const topWirePath = this.createVector3Array([[0, 13.7, 1], [0, 13.7, 48], [0.015625, 13.7, 48.15625], [0.125, 13.7, 48.5], [0.421875, 13.7, 48.84375], [1, 13.7, 49], [37.1, 13.7, 49], [37.25625, 13.7, 48.984375], [37.6, 13.7, 48.875], [37.94375, 13.7, 48.578125], [38.1, 13.7, 48], [38.1, 13.7, 1], [38.084375, 13.7, 0.84375], [37.975, 13.7, 0.5], [37.678125, 13.7, 0.15625], [37.1, 13.7, 0], [1, 13.7, 0], [0.84375, 13.7, 0.015625], [0.5, 13.7, 0.125], [0.15625, 13.7, 0.421875], [0, 13.7, 1]]);\r\n    const topWire = this.createWire('TopWire', topWirePath, StandardWireRadius, material);\r\n    topWire.parent = tempParent;\r\n\r\n    // 2. Add wires running from left to right on the front side\r\n    let startLocation = new BABYLON.Vector3(XAxisOffset, 0.0, BasketNetDepth - ZAxisOffset2);\r\n    let startSize = XShortWireScale;\r\n    let endLocation = new BABYLON.Vector3(XAxisOffset, BasketNetHeight, BasketNetDepth);\r\n    let endSize = XShortWireScale;\r\n    this.addMultipleClones(tempParent, ShortWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 0, 0], [1, 0, 0]]);\r\n        return this.createWire('LeftToRightWire (Front)', wirePath, ThinWireRadius, material);\r\n      });\r\n\r\n\r\n    // 3. Add wires running from left to right on the back side\r\n    startLocation = new BABYLON.Vector3(XAxisOffset, 0.0, ZAxisOffset2);\r\n    startSize = XShortWireScale;\r\n    endLocation = new BABYLON.Vector3(XAxisOffset, BasketNetHeight, 0.0);\r\n    endSize = XShortWireScale;\r\n    this.addMultipleClones(tempParent, ShortWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 0, 0], [1, 0, 0]]);\r\n        return this.createWire('LeftToRightWire (Back)', wirePath, ThinWireRadius, material);\r\n      });\r\n\r\n\r\n    // 4. Add wires running from front to back on the left side\r\n    startLocation = new BABYLON.Vector3(XAxisOffset2, 0.0, ZAxisOffset);\r\n    startSize = ZShortWireScale;\r\n    endLocation = new BABYLON.Vector3(0.0, BasketNetHeight, ZAxisOffset);\r\n    endSize = ZShortWireScale;\r\n    this.addMultipleClones(tempParent, ShortWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 0, 0], [0, 0, 1]]);\r\n        return this.createWire('FrontToBackWire (Left)', wirePath, ThinWireRadius, material);\r\n      });\r\n\r\n\r\n    // 5. Add wires running from front to back on the right side\r\n    startLocation = new BABYLON.Vector3(BasketNetWidth - XAxisOffset2, 0.0, ZAxisOffset);\r\n    startSize = ZShortWireScale;\r\n    endLocation = new BABYLON.Vector3(BasketNetWidth, BasketNetHeight, ZAxisOffset);\r\n    endSize = ZShortWireScale;\r\n    this.addMultipleClones(tempParent, ShortWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 0, 0], [0, 0, 1]]);\r\n        return this.createWire('FrontToBackWire (Right)', wirePath, ThinWireRadius, material);\r\n      });\r\n\r\n\r\n    // 6. Add base wires running from left to right (on X-axis)\r\n    startLocation = new BABYLON.Vector3(0.0, 0.0, ZAxisOffset);\r\n    startSize = unitSize;\r\n    endLocation = new BABYLON.Vector3(0.0, 0.0, BasketNetDepth - ZAxisOffset);\r\n    endSize = unitSize;\r\n    this.addMultipleClones(tempParent, XAxisWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 13.7, 0], [2.96363636363636, 0.5, 0], [2.97144886363636, 0.421875, 0], [3.02613636363636, 0.25, 0], [3.17457386363636, 0.078125, 0], [3.46363636363636, 0, 0], [34.6363636363636, 0, 0], [34.9254261363636, 0.078125, 0], [35.0738636363636, 0.25, 0], [35.1285511363636, 0.421875, 0], [35.1363636363636, 0.5, 0], [38.1, 13.7, 0]]);\r\n        return this.createWire('X-axis Wire', wirePath, ThinWireRadius, material);\r\n      }, true);\r\n\r\n\r\n    // 7. Add base wires running from front to back (on Z-axis)\r\n    startLocation = new BABYLON.Vector3(XAxisOffset, 0.0, 0.0);\r\n    startSize = unitSize;\r\n    endLocation = new BABYLON.Vector3(BasketNetWidth - XAxisOffset, 0.0, 0.0);\r\n    endSize = unitSize;\r\n    this.addMultipleClones(tempParent, ZAxisWireCount,\r\n      { location: startLocation, size: startSize }, { location: endLocation, size: endSize },\r\n      () => {\r\n        const wirePath = this.createVector3Array([[0, 13.7, 0], [0, 0.5, 3], [0, 0.421875, 3.0078125], [0, 0.25, 3.0625], [0, 0.078125, 3.2109375], [0, 0, 3.5], [0, 0, 45.5], [0, 0.0078125, 45.578125], [0, 0.0625, 45.75], [0, 0.2109375, 45.921875], [0, 0.5, 46], [0, 13.7, 49]]);\r\n        return this.createWire('Z-axis Wire', wirePath, ThinWireRadius, material);\r\n      }, true);\r\n\r\n    //#endregion ***** Add Wires *****\r\n\r\n    // Performance optimization: merge all the child wire meshes:\r\n    const childMeshes = tempParent.getChildMeshes(true);\r\n    const wireMesh = BABYLON.Mesh.MergeMeshes(childMeshes);\r\n    wireMesh.name = 'Wires';\r\n    wireMesh.parent = basket;\r\n    tempParent.dispose();\r\n\r\n    /* The purpose of the code below is to move the wires such that they are centered inside the parent basket box.\r\n     * Most Babylon meshes have their local origin set to the center of their bounds, but tubes's local origin\r\n     * are set to the bottom/left/front of the bounds. */\r\n    wireMesh.position.x = -(origBasketWidth / 2) + XMargin;\r\n    wireMesh.position.y = -origBasketHeight / 2;\r\n    wireMesh.position.z = -(origBasketDepth / 2) + ZFrontMargin;\r\n\r\n    // The first \"basketScale\" scales from the original basket size to the current actual size\r\n    // The second \"scale\" is used for converting units, i.e. from cm to mm\r\n    if (scale) {\r\n      basketScale.multiplyInPlace(new BABYLON.Vector3(scale, scale, scale))\r\n    }\r\n    basket.scaling = basketScale;\r\n    this.OriginalBasket = basket;\r\n    return basket;\r\n  }\r\n}\r\n\r\n/**\r\n * Creates a mesh basket including its top rim using the QuadriLateralFrustumBuilder and\r\n * BasketRimBuilder helper classes.\r\n *\r\n * This class was developed as a part of the prototyping of our mesh basket here:\r\n * https://playground.babylonjs.com/#WVLDLM#35\r\n */\r\nexport class MeshBasketBuilder extends BaseBasketBuilder {\r\n  constructor(scene) {\r\n    super(scene);\r\n  }\r\n\r\n  /* Obsolete, only used for testing!!!\r\n  createBasketUsingBox(name, width, height, depth, scene, material) {\r\n    //const widthRatio = component.getMaterialWidthRatio();\r\n    //const heightRatio = component.getMaterialHeightRatio();\r\n    //const depthRatio = component.getMaterialDepthRatio();\r\n    let faceUV = [];\r\n    faceUV[0] = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // Rear face\r\n    faceUV[1] = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // Front face\r\n    faceUV[2] = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // Right side\r\n    faceUV[3] = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // Left side\r\n    faceUV[4] = new BABYLON.Vector4(0.0, 0.0, 0, 0); // On top\r\n    faceUV[5] = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // At bottom\r\n\r\n    const mesh = BABYLON.MeshBuilder.CreateBox(name, {\r\n      width: width,\r\n      height: height,\r\n      depth: depth,\r\n      sideOrientation: BABYLON.Mesh.DOUBLESIDE,\r\n      //faceUV: faceUV,\r\n      frontUV: faceUV,\r\n      backUV: faceUV,\r\n      //topBaseAt: options.topBaseAt,\r\n      //bottomBaseAt: options.bottomBaseAt,\r\n      //wrap: false,\r\n      updatable: true\r\n    }, scene);\r\n    return mesh;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Creates a 3D basket shape. This shape can be looked at as a trapezoidal prism, and is also\r\n   * called a quadrilateral frustum or a square frustum. The basket shape is created by using\r\n   * a custom extrude function. \"Extrude\" here means defining a 2D shape and then \"duplicating\"\r\n   * it on a defined path. We'll define a square in the XY plane, \"duplicate\" it on a straight\r\n   * line path in the XZ direction, and finally scale it to our millimeter dimensions, rotate\r\n   * it 90 degrees to make the open end of the basket be on top, and move it into our preferred\r\n   * position.\r\n   * This function was developed in the Babylon Playground (https://playground.babylonjs.com/#AUL9SE#8), 4/6/2023.\r\n   **/\r\n  /* Obsolete, only used for testing\r\n  createBasketUsingExtrudeShape(name, width, height, depth, scene, material) {\r\n    // First, define a unit square in the XY plane with 0,0 as the center:\r\n    const rectangleShape = [\r\n      new BABYLON.Vector3(-0.5, -0.5, 0), // bottom left\r\n      new BABYLON.Vector3(-0.5, 0.5, 0),  // top left\r\n      new BABYLON.Vector3(0.5, 0.5, 0),   // top right\r\n      new BABYLON.Vector3(0.5, -0.5, 0),  // bottom right\r\n    ];\r\n    rectangleShape.push(rectangleShape[0]);  // close profile\r\n    // Extrusion path, in unit size:\r\n    const path = [new BABYLON.Vector3(0, 0, 0), new BABYLON.Vector3(0, 0, 1)];\r\n\r\n    // Scale the extruded square to make the trapezoidal shape:\r\n    const scaleFunc = function (i, distance) {\r\n      if (i === 0) return 1.0;\r\n      //  bottom width (mm) / top width (mm) = scale between bottom and top width of basket\r\n      return 340 / 405;\r\n    }\r\n\r\n    let mesh = BABYLON.MeshBuilder.ExtrudeShapeCustom(name,\r\n      {\r\n        shape: rectangleShape,\r\n        path: path,\r\n        scaleFunction: scaleFunc,\r\n        sideOrientation: BABYLON.Mesh.DOUBLESIDE, // We want to see the inside\r\n        //cap: BABYLON.Mesh.CAP_END, // Covers the bottom of the shape\r\n      },\r\n      scene);\r\n    // Scale to the actual dimensions of the basket (in decimeter)\r\n    mesh.scaling = new BABYLON.Vector3(width, depth, height);\r\n    // Rotate 90 degrees around X-axis because extrusions are done in the Z-axis direction:\r\n    mesh.rotation.x = BABYLON.Tools.ToRadians(90);\r\n\r\n    // Position the basket such that its bottom/left/front is at 0,0,0. Note,\r\n    // in Langlo Store we might need to align to the back instead of the front.\r\n    mesh.position.x = width / 2;\r\n    mesh.position.y = height;\r\n    mesh.position.z = depth / 2;\r\n\r\n    if (material) {\r\n      mesh.material = material;\r\n    }\r\n\r\n    return mesh;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Flips the various UV faces such that their orientation is correct for a quadrilateral frustum\r\n   * shape created with the BABYLON.MeshBuilder.CreatePolyHedron function.\r\n   */\r\n  reOrientBoxUVSprites(faceUVHelper, faceUV) {\r\n    faceUVHelper.flipUVOverYAxis(faceUV, QLFFaceNdx.front);\r\n    faceUVHelper.flipUVOverXAxis(faceUV, QLFFaceNdx.back);\r\n    faceUVHelper.flipUVOverXAxis(faceUV, QLFFaceNdx.left);\r\n    faceUVHelper.flipUVOverYAxis(faceUV, QLFFaceNdx.right);\r\n    faceUVHelper.flipUVOverYAxis(faceUV, QLFFaceNdx.top);\r\n    faceUVHelper.flipUVOverYAxis(faceUV, QLFFaceNdx.bottom);\r\n  }\r\n\r\n  /**\r\n   * Creates a mesh basket including its top rim using the QuadriLateralFrustumBuilder and\r\n   * BasketRimBuilder helper classes. This method was developed as a part of the prototyping of our\r\n   * mesh basket here: https://playground.babylonjs.com/#WVLDLM#35\r\n   */\r\n  createBasketUsingQuadriLateralFrustum(name, width, height, depth, basketMaterial, rimMaterial, scene) {\r\n    const rimDimensions = {\r\n      basketWidth: width,\r\n      basketDepth: depth,\r\n      yCornerRadius: 5,\r\n      edgeWidth: 10,\r\n      edgeHeight: 2.5,\r\n      zCornerRadius: 0.5,\r\n    };\r\n    const rimOrigin = { x: 0, y: height, z: 0 };\r\n\r\n    const rimBuilder = new BasketRimBuilder();\r\n    const rim = rimBuilder.createMesh('Rim', rimOrigin, rimDimensions, scene);\r\n    rim.isPickable = false;\r\n    if (rimMaterial) {\r\n      rim.material = rimMaterial;\r\n    }\r\n\r\n    /* Define the quadrilateral frustum parameters. This code assumes the rim will be\r\n     * positioned with half of it outside the top edge of the basket part, and the other\r\n     * half of the rim inside the basket. It's possible that the entire rim should be\r\n     * placed outside the basket, we'll have to revisit this after seeing the basket in\r\n     * person. 4/10/2023. */\r\n    const topBotRatio = 340 / 405; // Known top and bottom width of our mesh basket i mm.\r\n    // Define the quadrilateral frustum parameters.\r\n    const basketDimensions = {\r\n      topWidth: width - rimDimensions.edgeWidth,\r\n      botWidth: (width - rimDimensions.edgeWidth) * topBotRatio,\r\n      topDepth: depth - rimDimensions.edgeWidth,\r\n      botDepth: (depth - rimDimensions.edgeWidth) * topBotRatio,\r\n      height: height,\r\n    };\r\n    const basketOrigin = {\r\n      x: (rimDimensions.edgeWidth / 2),\r\n      y: 0,\r\n      z: (rimDimensions.edgeWidth / 2),\r\n    };\r\n\r\n    let useFullImageOnEachSprite;\r\n    const useImageWithSprites = false;\r\n    if (useImageWithSprites) {\r\n      // The texture's image should be a rectangle with 6 sprites on 1 row.\r\n      useFullImageOnEachSprite = false;\r\n    } else {\r\n      // The image has a single sprite used on every face of the frustum.\r\n      useFullImageOnEachSprite = true;\r\n    }\r\n    const faceUVHelper = new FaceUVHelper();\r\n    const faceUV = faceUVHelper.setupFaceUV(6, 1, useFullImageOnEachSprite);\r\n    this.reOrientBoxUVSprites(faceUVHelper, faceUV);\r\n\r\n    const invisibleFaces = [];\r\n    invisibleFaces[QLFFaceNdx.top] = true;\r\n\r\n    const basketBuilder = new QuadriLateralFrustumBuilder();\r\n    const basket = basketBuilder.createMesh('Basket', basketOrigin, basketDimensions, faceUV,\r\n      /*faceColors:*/ null, invisibleFaces, scene);\r\n    basket.isPickable = false;\r\n    if (basketMaterial) {\r\n      basket.material = basketMaterial;\r\n    }\r\n    /* This code can be used to \"fill\" the edges of the basket. If we decide to proceed, then we\r\n     * need to come up with ideal edgesWidth value and colors for the different basket finishes. */\r\n    //basket.enableEdgesRendering();\r\n    //basket.edgesWidth = 80.0;\r\n    //basket.edgesColor = new BABYLON.Color4(0.8, 0.8, 0.8); // A silver variation\r\n\r\n    const containerRect = {\r\n      width: width,\r\n      height: height,\r\n      depth: depth,\r\n    };\r\n\r\n    const basketWithRim = this.createContainerBox(name, containerRect);\r\n    basket.parent = basketWithRim;\r\n    rim.parent = basketWithRim;\r\n\r\n    /* The 2 child meshes (basket and rim) have their left/bottom/front aligned with the world's\r\n     * left/bottom/front. The basketWithRim container box, on the other hand, has its origin in the\r\n     * middle of the box which means the box is centered round the world's (0,0,0). The purpose of\r\n     * the next few lines is to move the 2 child meshes so that they are positioned relative to the\r\n     * parent basketWithRim. If all child and parent meshes had their origin at the world (0,0,0),\r\n     * then this code wouldn't be needed. 4/18/2023. */\r\n    const lbfOffset = new BABYLON.Vector3(containerRect.width / 2, containerRect.height / 2, containerRect.depth / 2);\r\n    basket.position.subtractInPlace(lbfOffset);\r\n    rim.position.subtractInPlace(lbfOffset);\r\n    /* The basketWithRim including child meshes is now centered around the world's (0,0,0). If we want to\r\n     * align the basket's left/bottom/front with the world's left/bottom/front, then enable the next line: */\r\n    //basketWithRim.position.addInPlace(lbfOffset);\r\n    //basketWithRim.showBoundingBox = true;\r\n    return basketWithRim;\r\n  }\r\n\r\n  addBasket(name, compRect) {\r\n    //const basket = this.createBasketUsingExtrudeShape(name, compRect.width, compRect.height, compRect.depth, this.scene);\r\n    //const basket = this.createBasketUsingBox(name, compRect.width, compRect.height, compRect.depth, this.scene);\r\n    const basket = this.createBasketUsingQuadriLateralFrustum(name,\r\n      compRect.width, compRect.height, compRect.depth, null, null, this.scene);\r\n    basket.isPickable = false;\r\n    return basket;\r\n  }\r\n}\r\n","/* global BABYLON */\r\nimport { UpdateMaterialImageVisitor } from '../UpdateMaterialImageVisitor.js';\r\nimport { ChildVisitOrder, ProductDrawingVisitor } from '../ProductVisitors.js';\r\nimport { FlexiBasketBuilder, MeshBasketBuilder } from './BabylonBasketBuilders.js';\r\n//import { AxisBuilder } from './BabylonAxisBuilder.js';\r\n\r\nexport class BabylonRenderVisitor extends ProductDrawingVisitor {\r\n  constructor(finishResources, drawingElement, scene) {\r\n    super();\r\n    this.finishResources = finishResources;\r\n    this.drawingElement = drawingElement;\r\n    this.scene = scene;\r\n    // The visitor wants to control when the children are visited:\r\n    this.childVisitOrder = ChildVisitOrder.noChildren;\r\n    /** When isInlineUpdate is true, the component structure has not changed and there's no need to\r\n     * recreate any of the html elements. Instead each element is updated inline. */\r\n    this.isInlineUpdate = false;\r\n    this.vector2 = new BABYLON.Vector3(2, 2, 2); // Constant reused in the mesh positioning code\r\n  }\r\n\r\n  //#region *** Materials ***\r\n\r\n  static lookupColorMaterial(component, scene) {\r\n    const compMatr = component.material;\r\n    // There is one color material per scene in the compMatr object\r\n    const sceneId = scene.name;\r\n    compMatr.BLColorMaterials = compMatr.BLColorMaterials || {};\r\n    let material = compMatr.BLColorMaterials[sceneId];\r\n    if (!material) {\r\n      material = new BABYLON.StandardMaterial(compMatr.id, scene);\r\n      material.diffuseColor = BABYLON.Color3.FromHexString(compMatr.color);\r\n      if (compMatr.specularColor) {\r\n        material.specularColor = BABYLON.Color3.FromHexString(compMatr.specularColor);\r\n      }\r\n      material.freeze(); // Comment this if you need to debug the material in the BJS Inspector\r\n      compMatr.BLColorMaterials[sceneId] = material;\r\n      //console.log(`%cCreated material ${material.id} for ${sceneId}`, 'color: green');\r\n    }\r\n    return material;\r\n  }\r\n\r\n  static lookupMaterial(component, scene, needsImageMaterial) {\r\n    const compMatr = component.material;\r\n    if (compMatr.isColor && !needsImageMaterial) {\r\n      return BabylonRenderVisitor.lookupColorMaterial(component, scene);\r\n    }\r\n    if (compMatr.current) {\r\n      const currentImg = compMatr.current;\r\n      const resolution = currentImg.resolution;\r\n\r\n      // There is one material per scene in the currentImg object\r\n      const sceneId = scene.name;\r\n      currentImg.BLMaterials = currentImg.BLMaterials || {};\r\n\r\n      let material = currentImg.BLMaterials[sceneId];\r\n      if (!material) {\r\n        const texture = new BABYLON.Texture(currentImg.url, scene);\r\n        if (compMatr.rotation) {\r\n          texture.wAng = BABYLON.Tools.ToRadians(compMatr.rotation);\r\n        }\r\n        material = new BABYLON.StandardMaterial(`${compMatr.id}-${resolution}`, scene);\r\n        material.diffuseTexture = texture;\r\n\r\n        if (compMatr.hasAlpha === true) {\r\n          /* These assignments were chosen by studying the\r\n           * https://doc.babylonjs.com/features/featuresDeepDive/materials/advanced/transparent_rendering\r\n           * article, and our own trial and error for how to get the best display quality and performance\r\n           * for mesh baskets. 4/18/2023. */\r\n          material.diffuseTexture.hasAlpha = true;\r\n          material.backFaceCulling = true;\r\n          material.useAlphaFromDiffuseTexture = true;\r\n          //material.needDepthPrePass = true;\r\n        }\r\n        material.freeze();\r\n\r\n        currentImg.BLMaterials[sceneId] = material;\r\n        //console.log(`%cCreated material ${material.id} for ${sceneId}`, 'color: green');\r\n      }\r\n      return material;\r\n    } else {\r\n      console.warn(`Material ${compMatr.id} was found, but it's image has not been loaded`);\r\n    }\r\n  }\r\n\r\n  // Not used?\r\n  findMaterial(component) {\r\n    return BabylonRenderVisitor.lookupMaterial(component, this.scene, /* needsImageMaterial: */ true);\r\n  }\r\n\r\n  /**\r\n   * Replaces the mesh's (component.displayObject's) material based on the properties of\r\n   * component.material (which is our own material type, not Babylon's). The method is async because\r\n   * of the async onJitLoadMaterial callback which will await until the image is loaded.\r\n   * @param {callback} onJitLoadMaterial (async) Will be called if the component's material image has not been\r\n   * loaded yet. It's preferred to preload the material images, but sometimes new product finishes\r\n   * are assigned (from the server-side) before the client's preload code has been updated.\r\n   * @param {object} mesh This parameter allows us to update the display object (mesh) before it has been\r\n   * assigned to the component. If the parameter is not used, then component.displayObject is used.\r\n   * @param {bool} needsImageMaterial Some materials, e.g. MeshBasket, uses both an image and a color\r\n   * for its rendering. In these cases, the needsImageMaterial parameter must be set to true for the\r\n   * image material to be used.\r\n   */\r\n  static async replaceMeshMaterialStatic(component, onJitLoadMaterial, mesh, scene, needsImageMaterial) {\r\n    scene = scene || component.drawingService.scene;\r\n    mesh = mesh || component.displayObject;\r\n    if (!mesh) {\r\n      //throw Error('Mesh was unassigned');\r\n      /* It's possible this method was called before the component was added to the drawing for the\r\n       * first time. Let's just return now. */\r\n      return;\r\n    }\r\n    if (component.material) {\r\n      if (component.material.isColor && !needsImageMaterial) {\r\n        mesh.material = BabylonRenderVisitor.lookupColorMaterial(component, scene);\r\n      } else if (component.material.isImage) {\r\n        const currentImg = component.material.current;\r\n        if (currentImg) {\r\n          if (currentImg.url) {\r\n            mesh.material = BabylonRenderVisitor.lookupMaterial(component, scene, needsImageMaterial);\r\n          } else {\r\n            console.warn(`Not sure what happened here; the image.url was undefined on material ${component.material.id}`);\r\n          }\r\n        } else {\r\n          /* This probably means the product factory didn't list the material as one in use by the\r\n           * product (see ProductViewModelFactory.getAllKnownProductMaterialIds() in subclass). */\r\n          if (onJitLoadMaterial) {\r\n            /* This async callback will await until the low-res image has been loaded, and later,\r\n             * after the hi-res image is loaded, the \"inner\" callback will be executed. So, we update\r\n             * the mesh.material twice, first for the lo-res image, and later for the hi-res image. */\r\n            await onJitLoadMaterial(component.material, () => {\r\n              //console.log('Updating url to use the high-res image');\r\n              // Recursive call, but we make sure the onJitLoadMaterial parameter is null to avoid stack overflow:\r\n              BabylonRenderVisitor.replaceMeshMaterialStatic(component, null, mesh, scene, needsImageMaterial);\r\n            });\r\n            //console.log('Setting background image url to use low-res image');\r\n            // Recursive call, but we make sure the onJitLoadMaterial parameter is null to avoid stack overflow:\r\n            BabylonRenderVisitor.replaceMeshMaterialStatic(component, null, mesh, scene, needsImageMaterial);\r\n          } else {\r\n            console.warn(`Material ${component.material.id} was found, but it's image has not been loaded`);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Replaces the mesh's (component.displayObject's) material based on the properties of\r\n   * component.material (which is our own material type, not Babylon's). The method is async because\r\n   * of the async this.onJitLoadMaterial callback which will await until the image is loaded.\r\n   * @param {any} mesh This parameter allows us to update the display object (mesh) before it has been\r\n   * assigned to the component. If the parameter is not used, then component.displayObject is used.\r\n   */\r\n  async replaceMeshMaterial(component, mesh, needsImageMaterial) {\r\n    // Note, it's the user's (owner's) responsibility to assign the this.onJitLoadMaterial callback.\r\n    await BabylonRenderVisitor.replaceMeshMaterialStatic(component,\r\n      async (material, onHisResImgLoaded) => await this.onJitLoadMaterial(material, onHisResImgLoaded),\r\n      mesh, this.scene, needsImageMaterial);\r\n  }\r\n\r\n  //#endregion *** Materials ***\r\n\r\n  //#region *** Positioning & Resizing Meshes ***\r\n\r\n  /**\r\n   * Moves the Lower/Bottom/Back position (LBB) of the mesh to the LBB of the parent mesh\r\n   * (or world if no parent).\r\n   */\r\n  moveLbbToParentLbb(mesh, relativePosition = null) {\r\n    /* This method/algorithm was developed in the Babylon Playground: https://playground.babylonjs.com/#PTR26K#45\r\n     * I also started the outline of a blog article on the subject: https://dev.to/tormnator/positioning-sub-meshes-in-babylon-js-7eh-temp-slug-1296673?preview=32eaa4260ae64e5420decb924e140a00a2c2ed1f48de4d6ba34bd8d2f9b7ae14ea505f0c204009a8a7cf08eefbc5b0c449e46e38a403806c7b22618d\r\n     */\r\n    /* TODO: Once we trust this method is bug free we can make performance optimizations (but keep\r\n     * the original code also). */\r\n\r\n    // **** The first segment below is functionally equivalent to the moveLbfToParentLbf method. ****\r\n\r\n    if (mesh.parent) {\r\n      /* Note: In Babylon v4 the force parameter was not needed in order to compute the correct\r\n       * world matrix, but in v5 the function would not take rotations into consideration. The\r\n       * force: true parameter fixes that. 4/18/2023. */\r\n      mesh.parent.computeWorldMatrix(/*force:*/ true);\r\n    }\r\n    mesh.computeWorldMatrix(/*force:*/ true);\r\n    let bbox = mesh.getBoundingInfo().boundingBox;\r\n    let min = bbox.minimumWorld;\r\n    let max = bbox.maximumWorld;\r\n    let size = max.subtract(min); // The size of the mesh\r\n    const meshDepth = size.z;\r\n    // The distance from the local origin to the Left/Bottom/Front position:\r\n    let lbf = size.divide(this.vector2);\r\n    // This position places the LBF of the child mesh in the local origin of the parent mesh (or world if no parent):\r\n    let position = lbf;\r\n    //console.log(`Inner box lbf to parent origin x: ${position.x}`);\r\n    let parentDepth;\r\n    if (mesh.parent) {\r\n      // Now we need to position the child mesh in the LBF of the parent mesh:\r\n      bbox = mesh.parent.getBoundingInfo().boundingBox;\r\n      min = bbox.minimumWorld;\r\n      max = bbox.maximumWorld;\r\n      size = max.subtract(min); // The size of the parent mesh\r\n      parentDepth = size.z;\r\n      // The distance from the local origin of the parent mesh to the Left/bottom/front position:\r\n      lbf = size.divide(this.vector2);\r\n      const position2 = lbf;\r\n      position.subtractInPlace(position2);\r\n      // We also have take the local scale into consideration:\r\n      position.divideInPlace(mesh.parent.scaling);\r\n    }\r\n    mesh.position = relativePosition ? position.add(relativePosition) : position;\r\n\r\n    // **** The code above is functionally equivalent to the moveLbfToParentLbf method. ****\r\n\r\n\r\n    /* Now that we have the mesh in the LBF position, lets move the child mesh into the opposite\r\n     * side of the X-axis (e.g. from positive Z to negative Z). */\r\n\r\n    if (mesh.parent) {\r\n      const delta = parentDepth - meshDepth;\r\n      mesh.position.z += delta;\r\n      if (relativePosition) {\r\n        /* Move the mesh to a new position relative to the position of the parent.\r\n         * We multiply by two because we first have to undo what the code above did,\r\n         * then move it again. */\r\n        mesh.position.z -= (relativePosition.z * 2);\r\n      }\r\n    } else { // Just move the mesh to the opposite side of the x-axis:\r\n      mesh.position.z = -mesh.position.z;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Sets the child component's mesh position based on 1) the child component's position in the\r\n   * product, and 2) the fact that in Babylon every mesh's (0,0,0) position is the local origin in\r\n   * the 3D center of the mesh, and that the child origin is placed on top of the parent's origin.\r\n   * @param {any} childComp Child product component\r\n   */\r\n  setChildPosition(childComp) {\r\n    let { left, bottom, back } = childComp.rect; // The left, bottom, and back positions of the product component:\r\n    const relPosition = new BABYLON.Vector3(left, bottom, back);\r\n    this.moveLbbToParentLbb(childComp.displayObject, relPosition);\r\n  }\r\n\r\n  setMeshRotation(mesh, rotation) {\r\n    let x, y, z;\r\n    if (mesh.metadata && mesh.metadata.intrinsicRotation) {\r\n      /* intrinsicRotation is set in the createRod method because the Babylon cylinder mesh is\r\n       * vertical by default and we need it to be horizontal. */\r\n      ({ x, y, z } = mesh.metadata.intrinsicRotation);\r\n    } else {\r\n      x = y = z = 0;\r\n    }\r\n    mesh.rotation.x = BABYLON.Tools.ToRadians(x + rotation.x);\r\n    mesh.rotation.y = BABYLON.Tools.ToRadians(y + rotation.y);\r\n    mesh.rotation.z = BABYLON.Tools.ToRadians(z + rotation.z);\r\n  }\r\n\r\n  setDefaultMeshRotation(component) {\r\n    const rotation = this.getRotation(component);\r\n    this.setMeshRotation(component.displayObject, rotation);\r\n  }\r\n\r\n  visitAndUpdatePosition(component) {\r\n    const compMesh = this.visit(component);\r\n    if (compMesh) {\r\n      // With the new positioning algorithm we must set rotation before we do the positioning:\r\n      this.setDefaultMeshRotation(component);\r\n\r\n      const parent = component.parent;\r\n      if (parent) {\r\n        this.setChildPosition(component);\r\n      }\r\n      //this.setDefaultMeshRotation(component);\r\n    }\r\n    return compMesh;\r\n  }\r\n\r\n  //#endregion *** Positioning & Resizing Meshes ***\r\n\r\n  //#region *** Mesh Helper Methods ***\r\n\r\n  /** Creates a empty BABYLON.Mesh without any vertices or materials. */\r\n  createEmptyMesh(name) {\r\n    return new BABYLON.Mesh(name, this.scene);\r\n  }\r\n\r\n  /** Adds the childMesh as a child of the current mesh (stored in currentContext.data). */\r\n  addChildMesh(childMesh) {\r\n    /* It's a bit strange, but we'll allow calling this method without having a parent mesh to\r\n     * add the child mesh to. The original use case is to create isolated meshes which\r\n     * will later be added to the drawing (using the BabylonDrawingService methods). */\r\n    if (this.currentContext) {\r\n      childMesh.parent = this.currentContext.data;\r\n    }\r\n    return childMesh;\r\n  }\r\n\r\n  //[Obsolete('Not currently used, but might be used (again) in the future')]\r\n  /**\r\n   * Creates a empty BABYLON.Mesh without any vertices or materials. If component is assigned, then\r\n   * we'else assign the mesh to the component's displayObject property. If we have a current context,\r\n   * then we'll also add the mesh to the parent mesh (currentContext.data).\r\n   */\r\n  addEmptyMesh(component, name) {\r\n    const newMesh = this.createEmptyMesh(name || (component ? component.name : null));\r\n    if (component) {\r\n      component.displayObject = newMesh;\r\n    }\r\n    return this.addChildMesh(newMesh);\r\n  }\r\n\r\n  /**\r\n   * Looks at this.isInlineUpdate to determine whether to create a new mesh or reuse the\r\n   * component's displayObject. If creating a new mesh, then an empty BABYLON.Mesh without any\r\n   * vertices or materials will be created.\r\n   * @param {bool} pushContext true/false; if true, the element will be pushed onto the context stack.\r\n   * @param {function} onLookupMesh If this.isInlineUpdate and component is unassigned, then use the\r\n   *   onLookupMesh callback to acquire the mesh.\r\n   */\r\n  getEmptyMeshAndPushContext(component, name, pushContext, onLookupMesh) {\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component && component.displayObject ? component.displayObject : onLookupMesh(component, name);\r\n    } else {\r\n      mesh = this.addEmptyMesh(component, name);\r\n    }\r\n    if (pushContext) {\r\n      this.pushContext(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  /**\r\n   * Looks at this.isInlineUpdate to determine whether to create a new mesh or reuse the\r\n   * component's displayObject. If creating a new mesh, then a Box Mesh with vertices, but without\r\n   * any materials, will be created.\r\n   * @param {bool} pushContext true/false; if true, the element will be pushed onto the context stack.\r\n   * @param {function} onLookupMesh If this.isInlineUpdate and component is unassigned, then use the\r\n   *   onLookupMesh callback to acquire the mesh.\r\n   */\r\n  getContainerMeshAndPushContext(component, name, pushContext, onLookupMesh) {\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component && component.displayObject ? component.displayObject : onLookupMesh(component, name);\r\n    } else {\r\n      mesh = this.createBox(component, name, /*isTransparent:*/ true);\r\n      // If we don't want to create meshes with vertices:\r\n      //mesh = this.addEmptyMesh(component, name);\r\n    }\r\n    if (pushContext) {\r\n      this.pushContext(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  getChildMeshByName(mesh, name, recursive) {\r\n    const meshes = mesh.getChildMeshes(!recursive, node => node.name === name);\r\n    return meshes.length > 0 ? meshes[0] : null;\r\n  }\r\n\r\n  //#endregion *** Mesh Helper Methods ***\r\n\r\n\r\n  //#region *** Mesh Creation Methods ***\r\n\r\n  createBox(component, name, isTransparent = false, onGetFaceUV = null) {\r\n    const compRect = component.rect;\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component.displayObject;\r\n      // TODO: Update size\r\n    } else {\r\n      let faceUV;\r\n      if (!isTransparent) {\r\n        const widthRatio = component.getMaterialWidthRatio();\r\n        const heightRatio = component.getMaterialHeightRatio();\r\n        const depthRatio = component.getMaterialDepthRatio();\r\n        if (onGetFaceUV) {\r\n          faceUV = onGetFaceUV(widthRatio, heightRatio, depthRatio);\r\n        } else {\r\n          faceUV = [];\r\n          // TODO: Consider the product material's width- and heightStrategy here\r\n          faceUV[0] = new BABYLON.Vector4(0.0, 0.0, widthRatio, heightRatio); // Rear face\r\n          faceUV[1] = new BABYLON.Vector4(0.0, 0.0, widthRatio, heightRatio); // Front face\r\n          faceUV[2] = new BABYLON.Vector4(0.0, 0.0, depthRatio, heightRatio); // Right side\r\n          faceUV[3] = new BABYLON.Vector4(0.0, 0.0, depthRatio, heightRatio); // Left side\r\n          faceUV[4] = new BABYLON.Vector4(0.0, 0.0, widthRatio, depthRatio);  // On top\r\n          faceUV[5] = new BABYLON.Vector4(0.0, 0.0, widthRatio, depthRatio);  // At bottom\r\n        }\r\n      }\r\n\r\n      mesh = BABYLON.MeshBuilder.CreateBox(name || component.name, {\r\n        width: compRect.width,\r\n        height: compRect.height,\r\n        depth: compRect.depth,\r\n        faceUV: faceUV,\r\n        //topBaseAt: options.topBaseAt,\r\n        //bottomBaseAt: options.bottomBaseAt,\r\n        wrap: true,\r\n        updatable: true\r\n      }, this.scene);\r\n      mesh.isPickable = false;\r\n      component.displayObject = mesh;\r\n      //console.log(`Created ${mesh.name} box for scene ${this.scene.name}`);\r\n    }\r\n    if (isTransparent) {\r\n      let material = this.scene.getMaterialByID('Transparent');\r\n      if (!material) {\r\n        material = new BABYLON.StandardMaterial('Transparent', this.scene);\r\n        material.alpha = 0;\r\n        material.freeze();\r\n      }\r\n      mesh.material = material;\r\n    } else {\r\n      /* await */ this.replaceMeshMaterial(component, mesh);\r\n    }\r\n    if (!mesh.parent) {\r\n      this.addChildMesh(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  createRod(component, isSupportRod) {\r\n    const compRect = component.rect;\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component.displayObject;\r\n      // TODO: Update size\r\n    } else {\r\n      mesh = new BABYLON.MeshBuilder.CreateCylinder(component.name, {\r\n        diameter: compRect.depth,\r\n        //subdivisions: 6,\r\n        tessellation: 6,\r\n        height: isSupportRod ? compRect.height : compRect.width,\r\n      }, this.scene);\r\n      if (!isSupportRod) {\r\n        // Cylinders are vertical by default; we want them horizontal. We'd like to make it simple:\r\n        //mesh.rotation.z = Math.PI / 2;\r\n        /* ... but rotation will be overwritten later by our code, so we need to save it for now,\r\n         * and apply it later. */\r\n        mesh.metadata = mesh.metadata || {};\r\n        mesh.metadata.intrinsicRotation = new BABYLON.Vector3(0, 0, 90);\r\n      }\r\n      mesh.isPickable = false;\r\n      component.displayObject = mesh;\r\n    }\r\n    /* await */ this.replaceMeshMaterial(component, mesh);\r\n    if (!mesh.parent) {\r\n      this.addChildMesh(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  /*async*/ createFlexiBasket(component) {\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component.displayObject;\r\n      // TODO: Update size\r\n    } else {\r\n      if (!this.basketBuilder) {\r\n        this.basketBuilder = new FlexiBasketBuilder(this.scene);\r\n      }\r\n      const { width, height, depth } = component.rect;\r\n      mesh = this.basketBuilder.addBasket(component.name || 'FlexiBasket', width / 10, depth / 10, height / 10, null, 10);\r\n      component.displayObject = mesh;\r\n    }\r\n\r\n    // WARNING: The code below should be kept in sync with the code in BabylonUpdateMaterialImageVisitor.visitFlexiBasketAndTracks()\r\n    const wireMeshes = mesh.getChildMeshes(true);\r\n    /* await */ this.replaceMeshMaterial(component, wireMeshes[0]);\r\n\r\n    if (!mesh.parent) {\r\n      this.addChildMesh(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  /*async*/ createMeshBasket(component) {\r\n    let mesh;\r\n    if (this.isInlineUpdate) {\r\n      mesh = component.displayObject;\r\n      // TODO: Update size\r\n    } else {\r\n      if (!this.meshBasketBuilder) {\r\n        this.meshBasketBuilder = new MeshBasketBuilder(this.scene);\r\n      }\r\n      const compRect = component.rect;\r\n      mesh = this.meshBasketBuilder.addBasket(component.name || 'MeshBasket', compRect);\r\n      component.displayObject = mesh;\r\n      //console.log(`Created ${mesh.name} mesh basket for scene ${this.scene.name}`); // TODO: Remove\r\n\r\n      //const axes = new BABYLON.AxesViewer(this.scene, component.rect.width); // TODO: Debug!!!!\r\n\r\n      // Our own helper class below (looks better than Babylon's built-in axis function)\r\n      //const axisBuilder = new AxisBuilder();\r\n      //axisBuilder.showAxes(50, scene);\r\n    }\r\n\r\n    // WARNING: The code below should be kept in sync with the code in BabylonUpdateMaterialImageVisitor.visitMeshBasketAndTracks()\r\n    const childMeshes = mesh.getChildMeshes(true);\r\n    /*await*/ this.replaceMeshMaterial(component, childMeshes[0], /* needsImageMaterial: */ true); // Basket\r\n    /*await*/ this.replaceMeshMaterial(component, childMeshes[1]); // Rim\r\n\r\n    if (!mesh.parent) {\r\n      this.addChildMesh(mesh);\r\n    }\r\n    return mesh;\r\n  }\r\n\r\n  createPanel(panel, name, onGetFaceUV) {\r\n    return this.createBox(panel, name, false, onGetFaceUV);\r\n  }\r\n\r\n  createFloorModule(module, onVisitContents) {\r\n    const moduleMesh = this.getContainerMeshAndPushContext(module, null, true);\r\n\r\n    const { leftSide, rightSide } = module;\r\n    if (leftSide) {\r\n      this.visitAndUpdatePosition(leftSide);\r\n    }\r\n\r\n    onVisitContents(module, moduleMesh);\r\n\r\n    if (rightSide) {\r\n      this.visitAndUpdatePosition(rightSide);\r\n    }\r\n\r\n    this.popContext();\r\n    return moduleMesh;\r\n  }\r\n\r\n  createStandardModule(module, beforeVisitContents) {\r\n    // The createFloorModule method will render any flexi-sides. Anything in between should be\r\n    // created in the callback below.\r\n    const moduleMesh = this.createFloorModule(module,\r\n      (mdule, mduleMesh) => {\r\n        /* We are now in between the flexi-sides (if any). Let's create a parent mesh for each floor\r\n         * module and other content. First let's create a fake component with the size of the mesh: */\r\n        const contentsComp = {\r\n          rect: {\r\n            left: 0,\r\n            bottom: 0,\r\n            back: 0,\r\n            width: mdule.rect.width,\r\n            height: mdule.rect.height,\r\n            depth: mdule.rect.depth,\r\n            rotation: { x: 0, y: 0, z: 0 }\r\n          },\r\n        };\r\n        const contentsMesh = this.getContainerMeshAndPushContext(contentsComp, 'std-module-contents', true,\r\n          (comp, classes) => {\r\n            /* (when this.isInlineUpdate == true) because this mesh is not associated with any\r\n             * component, we can't lookup the mesh from component.displayObject. So we must do it\r\n             * manually here: */\r\n            return this.getChildMeshByName(mduleMesh, 'std-module-contents');\r\n          });\r\n        /* The std.module's contents are always in position (0,0,0), even if the module has flexi-sides.\r\n         * The floor modules will have their left position adjusted for the flexiside's thickness.\r\n         * Hence, we don't need to set any position here !!! */\r\n        //this.setChildPosition(contentsComp);\r\n        if (beforeVisitContents) {\r\n          // This is where hangrods are created for a HangRodModule, and the TopShelfModule in an Organizer:\r\n          beforeVisitContents(mdule, contentsMesh);\r\n        }\r\n\r\n        mdule.floorModules.forEach(floorModule => this.visitAndUpdatePosition(floorModule));\r\n        mdule.otherComponents.forEach(component => this.visitAndUpdatePosition(component));\r\n        this.popContext(); // moduleMesh\r\n      });\r\n    return moduleMesh;\r\n  }\r\n\r\n  //#endregion *** Mesh Creation Methods ***\r\n\r\n  //#region *** Main Visitation Methods ***\r\n\r\n  visitSideWall(sideWall) {\r\n    return this.createPanel(sideWall);\r\n  }\r\n\r\n  visitFlexiSide(flexiSide) {\r\n    return this.createPanel(flexiSide);\r\n  }\r\n\r\n  visitHangRodWithBrackets(hangRod) {\r\n    return this.createRod(hangRod);\r\n  }\r\n\r\n  visitSupportRodWithBrackets(supportRod) {\r\n    return this.createRod(supportRod, /*isSupportRod:*/ true);\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(basket) {\r\n    return this.createFlexiBasket(basket);\r\n  }\r\n\r\n  visitMeshBasketAndTracks(basket) {\r\n    return this.createMeshBasket(basket);\r\n  }\r\n\r\n  visitFlexiShelf(flexiShelf) {\r\n    //const shelfMesh = this.createPanel(flexiShelf);\r\n    //if (!flexiShelf.parent) {\r\n    //  /* We want to showcase the the top of the shelf. Exactly what angles we choose here also\r\n    //   * depends on what camera angles we set up and lighting positions/directions: */\r\n    //  this.setMeshRotation(shelfMesh, { x: 150, y: 10, z: 0 });\r\n    //}\r\n    //return shelfMesh;\r\n    return this.createPanel(flexiShelf);\r\n  }\r\n\r\n  visitTopShelf(topShelf) {\r\n    const shelfMesh = this.createPanel(topShelf);\r\n    if (!topShelf.parent) {\r\n      /* We want to showcase the the top of the shelf. Exactly what angles we choose here also\r\n       * depends on what camera angles we set up and lighting positions/directions: */\r\n      this.setMeshRotation(shelfMesh, { x: 150, y: 10, z: 0 });\r\n    }\r\n    return shelfMesh;\r\n  }\r\n\r\n  visitFlexiSectionContents(contents) {\r\n    const contentsMesh = this.getContainerMeshAndPushContext(contents, null, true);\r\n    contents.components.forEach(content => {\r\n      return this.visitAndUpdatePosition(content);\r\n    });\r\n    this.popContext();\r\n    return contentsMesh;\r\n  }\r\n\r\n  visitFlexiSection(section) {\r\n    const sectionMesh = this.createFloorModule(section, (sction, sctionMesh) => this.visitAndUpdatePosition(sction.contents));\r\n    return sectionMesh;\r\n  }\r\n\r\n  visitHangRodModule(module) {\r\n    // The hangrod module is a standard module, typically within an organizer:\r\n    const moduleMesh = this.createStandardModule(module, (mdule, contentsMesh) => {\r\n      mdule.hangRods.forEach(rod => this.visitAndUpdatePosition(rod));\r\n      mdule.supportRods.forEach(rod => this.visitAndUpdatePosition(rod));\r\n      mdule.shelves.forEach(shelf => this.visitAndUpdatePosition(shelf));\r\n    });\r\n    return moduleMesh;\r\n  }\r\n\r\n  visitTopShelfModule(module) {\r\n    const moduleMesh = this.getContainerMeshAndPushContext(module, null, true);\r\n    module.components.forEach(shelf => {\r\n      return this.visitAndUpdatePosition(shelf);\r\n    });\r\n    this.popContext();\r\n    return moduleMesh;\r\n  }\r\n\r\n  visitClosetOrganizer(organizer) {\r\n    // The organizer is a standard module, possibly within another organizer:\r\n    const organizerMesh = this.createStandardModule(organizer, org => this.visitAndUpdatePosition(org.topShelfModule));\r\n    return organizerMesh;\r\n  }\r\n\r\n  //#endregion *** Main Visitation Methods ***\r\n}\r\n\r\n/** Used when we're first downloading low-res images, and later downloading hi-res images. */\r\nexport class BabylonUpdateMaterialImageVisitor extends UpdateMaterialImageVisitor {\r\n  updateMaterialImage(component, mesh, needsImageMaterial) {\r\n    /* await */ BabylonRenderVisitor.replaceMeshMaterialStatic(component, null, mesh, null, needsImageMaterial);\r\n  }\r\n\r\n  visitFlexiBasketAndTracks(component) {\r\n    if (component.displayObject) {\r\n      // The basket has a inner mesh which is the one with the material:\r\n      const wireMeshes = component.displayObject.getChildMeshes(true);\r\n      this.updateMaterialImage(component, wireMeshes[0]);\r\n    }\r\n  }\r\n\r\n  visitMeshBasketAndTracks(component) {\r\n    if (component.displayObject) {\r\n      /* The basket's first child mesh is the one with the \"material\". In this case the material\r\n       * is a png image with a transparent mesh pattern. The second child mesh is the basket's rim,\r\n       * and this mesh just needs a color material. */\r\n      const childMeshes = component.displayObject.getChildMeshes(true);\r\n      this.updateMaterialImage(component, childMeshes[0], /* needsImageMaterial: */ true); // Basket\r\n      this.updateMaterialImage(component, childMeshes[1]); // Rim\r\n    }\r\n  }\r\n\r\n}\r\n","import { DrawingService2020 } from '../DrawingService2020.js';\r\nimport { BabylonUpdateMaterialImageVisitor, BabylonRenderVisitor } from './BabylonRenderVisitor.js';\r\n\r\n/**\r\n * The BabylonDrawingService primarily implements the interface referenced by the Component/Product\r\n * classes for updating the drawing (in this case a <canvas> based 3D drawing).\r\n */\r\nexport class BabylonDrawingService extends DrawingService2020 {\r\n  constructor(productDrawing, loadedMaterials, getProductFinishName, scene, onLoadSingleMaterial) {\r\n    super(productDrawing, loadedMaterials, getProductFinishName, onLoadSingleMaterial);\r\n    this.scene = scene;\r\n  }\r\n\r\n  /**\r\n   * Used when we're first downloading low-res images, followed by download of the hi-res images.\r\n   */\r\n  refreshMaterialImages(component) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new BabylonUpdateMaterialImageVisitor();\r\n      visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  createDisplayObject(component) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new BabylonRenderVisitor(this.loadedMaterials, this.productDrawing, this.scene);\r\n      this.assignMaterialJitLoaderTo(visitor);\r\n      return visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns a new display object (depending on the material).\r\n   */\r\n  createMaterialObject(component) {\r\n    return this.createDisplayObject(component);\r\n  }\r\n\r\n  /**\r\n   * Creates a light-weight display object whose only purpose is to contain child display objects.\r\n   */\r\n  createContainer(component) {\r\n    return this.createDisplayObject(component);\r\n  }\r\n\r\n  /**\r\n   * Adds the display object as a child of the parent display object.\r\n   */\r\n  addToParentDisplayObject(parent, displayObject) {\r\n    if (this.isDrawingUpdatesEnabled && parent && displayObject) {\r\n      displayObject.parent = parent;\r\n      //console.log('Babylon Drawing Service: set displayObject.parent = parent');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adds the component's display object as a child of the parent component's display object.\r\n   */\r\n  addChildDisplayObject(component) {\r\n    if (component.parent) {\r\n      this.addToParentDisplayObject(component.parent.displayObject, component.displayObject);\r\n    }\r\n  }\r\n\r\n  removeChildDisplayObject(displayObject) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      if (displayObject.parent) {\r\n        displayObject.parent = null;\r\n        //console.log('Babylon Drawing Service: set displayObject.parent = null');\r\n      } else {\r\n        const index = this.scene.removeMesh(displayObject, true);\r\n        //console.log('Babylon Drawing Service: scene.removeMesh(displayObject)');\r\n      }\r\n      displayObject.dispose();\r\n    }\r\n  }\r\n\r\n  performInlineUpdate(component, onInitVisitor) {\r\n    if (this.isDrawingUpdatesEnabled) {\r\n      const visitor = new BabylonRenderVisitor(this.loadedMaterials, this.productDrawing, this.scene);\r\n      visitor.isInlineUpdate = true;\r\n      this.assignMaterialJitLoaderTo(visitor);\r\n      if (onInitVisitor) {\r\n        onInitVisitor(visitor);\r\n      }\r\n      visitor.visit(component);\r\n    }\r\n  }\r\n\r\n  //#region Component Labels\r\n\r\n  toggleFinishLabels(component, on) {\r\n    // TODO: Implement this\r\n    //const visitor = new HtmlLabelVisitor(on, this.getProductFinishName);\r\n    //visitor.visitRoot(component);\r\n  }\r\n\r\n  updateFinishLabel(component) {\r\n    // TODO: Implement this\r\n    //if (HtmlLabelVisitor.isLabelVisible(component)) {\r\n    //  const visitor = new HtmlLabelVisitor(true, this.getProductFinishName);\r\n    //  visitor.visitRoot(component);\r\n    //}\r\n  }\r\n\r\n  /**\r\n   * Perform necessary clean up to help the browser's memory management and to avoid leaks.\r\n   */\r\n  detachFinishLabel(component) {\r\n    // TODO: Implement this\r\n    //component.finishLabel = null;\r\n  }\r\n\r\n  //#endregion Component Labels\r\n\r\n}","/* global BABYLON */\r\n\r\nexport const RoomAlign = {\r\n  left: 0,\r\n  center: 1,\r\n  right: 2,\r\n  bottom: 3,\r\n  top: 4,\r\n  back: 5,\r\n  front: 6,\r\n};\r\n\r\n/**\r\n * This class is responsible for creating a room into which we can place the product.\r\n * Initial development was done here: https://playground.babylonjs.com/#BSHTJZ#33 based on the work\r\n * done by <unknown> here: https://playground.babylonjs.com/#CGA05F#66.\r\n * */\r\nexport class Room {\r\n  constructor(scene) {\r\n    this.scene = scene;\r\n    this.DEFAULT_ROOM_DIMENSIONS = {\r\n      width: 3000,\r\n      depth: 2000,\r\n      height: 2500\r\n    };\r\n    this.BASEBOARD_HEIGHT = 100;\r\n    this.align = {};\r\n    this.materials = {};\r\n  }\r\n\r\n  createColorMaterial(name, color, alpha, removeSpecularColor) {\r\n    if (!color)\r\n      return;\r\n\r\n    let material = this.materials[name];\r\n    if (!material) {\r\n      material = new BABYLON.StandardMaterial(name, this.scene);\r\n      this.materials[name] = material;\r\n    }\r\n    material.diffuseColor = color.length === 7\r\n      ? BABYLON.Color3.FromHexString(color)\r\n      : BABYLON.Color4.FromHexString(color);\r\n    if (removeSpecularColor) {\r\n      // Remove glare from the wall:\r\n      material.specularColor = BABYLON.Color3.Black();\r\n    }\r\n    if (alpha !== undefined) {\r\n      material.alpha = alpha;\r\n    }\r\n    return material;\r\n  }\r\n\r\n  removeRoomFromDrawing() {\r\n    if (this.floor) {\r\n      this.floor.dispose();\r\n      this.floor = null;\r\n    }\r\n    if (this.walls) {\r\n      this.walls.forEach(wall => wall.dispose());\r\n      this.walls = null;\r\n    }\r\n    if (this.baseboards) {\r\n      this.baseboards.forEach(baseboard => baseboard.dispose());\r\n      this.baseboards = null;\r\n    }\r\n  }\r\n\r\n  createFloor(options) {\r\n    const { floorMaterial, origin, dimensions } = options;\r\n    // In this case the 'height' of the ground is actually the depth of the room\r\n    // because the ground is a 2 dimensional object.\r\n    const floor = BABYLON.MeshBuilder.CreateGround(\r\n      \"Floor\",\r\n      {\r\n        width: dimensions.width,\r\n        height: dimensions.depth\r\n      },\r\n      this.scene\r\n    );\r\n\r\n    // Due to a phenomenon called 'z-fighting', we want the floor to be a smidge lower than all the meshes we load into the scene\r\n    floor.position = new BABYLON.Vector3(origin.x, origin.y - 0.01, origin.z);\r\n    if (floorMaterial) {\r\n      floor.material = floorMaterial;\r\n    }\r\n    floor.isPickable = false;\r\n    return floor;\r\n  }\r\n\r\n  createWalls({ wallData, origin = { x: 0, y: 0, z: 0 }, dimensions = this.DEFAULT_ROOM_DIMENSIONS,\r\n    baseboardMaterial = null }) {\r\n    const walls = new Array(4);\r\n    const baseboards = this.includeBaseboards ? new Array(4) : null;\r\n    wallData.forEach((wallDatum, index) => {\r\n      const { rotation, material } = wallDatum;\r\n      const isShortWall = !index || index === 3;\r\n      const width = isShortWall ? dimensions.depth : dimensions.width;\r\n      const wall = BABYLON.MeshBuilder.CreatePlane(\r\n        `Wall ${index}`,\r\n        { width, height: dimensions.height },\r\n        this.scene\r\n      );\r\n      walls[index] = wall;\r\n\r\n      const multiplier = index < 2 ? -1 : 1;\r\n      const x = multiplier * (isShortWall ? dimensions.width / 2 : 0);\r\n      const y = dimensions.height / 2;\r\n      const z = multiplier * (!isShortWall ? dimensions.depth / 2 : 0);\r\n      wall.position = new BABYLON.Vector3(\r\n        origin.x + x,\r\n        origin.y + y,\r\n        origin.z + z);\r\n      wall.rotationQuaternion = new BABYLON.Quaternion.FromEulerAngles(\r\n        rotation.x,\r\n        rotation.y,\r\n        rotation.z\r\n      );\r\n      wall.material = material;\r\n      wall.isPickable = false;\r\n\r\n      if (this.includeBaseboards) {\r\n        const baseboard = new BABYLON.MeshBuilder.CreatePlane(\r\n          `baseboard${index}`,\r\n          { width: width, height: this.BASEBOARD_HEIGHT, depth: 0.1 },\r\n          this.scene\r\n        );\r\n        const baseboardX = x > 0 ? x - 5 : x + 5;\r\n        const baseboardZ = z > 0 ? z - 5 : z + 5;\r\n        baseboard.position = new BABYLON.Vector3(\r\n          origin.x + baseboardX,\r\n          origin.y + this.BASEBOARD_HEIGHT / 2,\r\n          origin.z + baseboardZ\r\n        );\r\n        baseboards[index] = baseboard;\r\n        baseboard.rotationQuaternion = new BABYLON.Quaternion.FromEulerAngles(\r\n          rotation.x,\r\n          rotation.y,\r\n          rotation.z\r\n        );\r\n        baseboard.material = baseboardMaterial;\r\n        baseboard.isPickable = false;\r\n      }\r\n    });\r\n    return { walls, baseboards };\r\n  }\r\n\r\n  updateSizesAndPositions() {\r\n    const dims = this.contentDims = {\r\n    }\r\n    if (this.content) {\r\n      this.content.computeWorldMatrix();\r\n      let bbox = this.content.getBoundingInfo().boundingBox;\r\n      dims.min = bbox.minimumWorld;\r\n      dims.max = bbox.maximumWorld;\r\n      dims.size = dims.max.subtract(dims.min);\r\n      const leftGap = this.leftGap || 0;\r\n      const rightGap = this.rightGap || 0;\r\n      if (this.autoWidth) {\r\n        this.width = dims.size.x + leftGap + rightGap;\r\n        const deltaGap = (leftGap - rightGap) / 2;\r\n        this.content.position.x = deltaGap;\r\n      } else if (this.align.x === RoomAlign.left) {\r\n        this.content.position.x = -(this.width / 2) - dims.min.x + leftGap;\r\n      } else if (this.align.x === RoomAlign.right) {\r\n        this.content.position.x = (this.width / 2) - dims.max.x - rightGap;\r\n      }\r\n\r\n      const bottomGap = this.bottomGap || 0;\r\n      const topGap = this.topGap || 0;\r\n      if (this.autoHeight) {\r\n        this.height = dims.size.y + topGap + bottomGap;\r\n        const deltaGap = (bottomGap - topGap) / 2;\r\n        this.content.position.y = deltaGap;\r\n      } else if (this.align.y === RoomAlign.bottom) {\r\n        this.content.position.y = -(this.height / 2) - dims.min.y + bottomGap;\r\n      } else if (this.align.y === RoomAlign.top) {\r\n        this.content.position.y = (this.height / 2) - dims.max.y - topGap;\r\n      }\r\n\r\n      const frontGap = this.frontGap || 0;\r\n      const backGap = this.backGap || 0;\r\n      if (this.autoDepth) {\r\n        this.depth = dims.size.z + frontGap + backGap;\r\n        const deltaGap = (frontGap - backGap) / 2;\r\n        this.content.position.z = deltaGap;\r\n      } else if (this.align.z === RoomAlign.front) {\r\n        this.content.position.z = -(this.depth / 2) - dims.min.z + frontGap;\r\n      } else if (this.align.z === RoomAlign.back) {\r\n        this.content.position.z = (this.depth / 2) - dims.max.z - backGap;\r\n      }\r\n    } else {\r\n      dims.min = BABYLON.Vector3.Zero();\r\n      dims.max = BABYLON.Vector3.Zero();\r\n      dims.size = BABYLON.Vector3.Zero();\r\n    }\r\n\r\n    this.roomDimensions = {\r\n      width: this.width || this.DEFAULT_ROOM_DIMENSIONS.width,\r\n      height: this.height || this.DEFAULT_ROOM_DIMENSIONS.height,\r\n      depth: this.depth || this.DEFAULT_ROOM_DIMENSIONS.depth,\r\n    };\r\n  }\r\n\r\n  rebuildAndAddToDrawing() {\r\n    this.removeRoomFromDrawing();\r\n    this.updateSizesAndPositions();\r\n    // Use this.floorMaterial if assigned. Otherwise, create a color material\r\n    const floorMaterial = this.floorMaterial ||\r\n      this.createColorMaterial('Floor material', this.floorColor, this.floorAlpha);\r\n    const options = {\r\n      floorMaterial,\r\n      origin: { x: 0, y: -this.roomDimensions.height / 2, z: 0 },\r\n      dimensions: this.roomDimensions\r\n    };\r\n    this.floor = this.createFloor(options);\r\n\r\n    const wallMaterial = this.wallMaterial ||\r\n      this.createColorMaterial('Wall material', this.wallColor, this.wallAlpha, true);\r\n    const baseboardMaterial = this.includeBaseboards\r\n      ? this.baseboardMaterial || this.createColorMaterial('Baseboard material', this.baseboardColor, this.baseboardAlpha, true)\r\n      : null;\r\n    const wallData = [\r\n      {\r\n        // Left\r\n        rotation: new BABYLON.Vector3(0, -Math.PI / 2, 0),\r\n        material: wallMaterial\r\n      },\r\n      {\r\n        // Front\r\n        rotation: new BABYLON.Vector3(0, Math.PI, 0),\r\n        material: wallMaterial\r\n      },\r\n      {\r\n        // Back\r\n        rotation: new BABYLON.Vector3(0, 0, 0),\r\n        material: wallMaterial\r\n      },\r\n      {\r\n        // Right\r\n        rotation: new BABYLON.Vector3(0, Math.PI / 2, 0),\r\n        material: wallMaterial\r\n      }\r\n    ];\r\n\r\n    const { walls, baseboards } = this.createWalls({\r\n      wallData,\r\n      origin: { x: 0, y: -this.roomDimensions.height / 2, z: 0 },\r\n      dimensions: this.roomDimensions,\r\n      baseboardMaterial\r\n    });\r\n    this.walls = walls;\r\n    this.baseboards = baseboards;\r\n  }\r\n}\r\n","/* global BABYLON */\r\nimport { Align, EngineRegistry } from '../DrawingEngine.js';\r\nimport { DrawingEngine2020 } from '../DrawingEngine2020.js';\r\nimport { BabylonDrawingService } from './BabylonDrawingService.js';\r\nimport { RoomAlign, Room } from './BabylonRoom.js';\r\nimport { Utils } from '../../main/ObjectUtils.js';\r\n\r\n/**\r\n * The BabylonDrawingEngine is responsible for creating product drawings using the Babylon.js WebGL library.\r\n */\r\nexport class BabylonDrawingEngine extends DrawingEngine2020 {\r\n  constructor(name, options) {\r\n    super(name, options);\r\n    this.assignConfig(options.config);\r\n\r\n    this.usesStageProduct = false;\r\n    this.canDoFullScreen = true;\r\n\r\n    /* Notes, this.productDrawing should be a <canvas> element. If adaptToDeviceRatio = true, then\r\n     * the canvas will be rendered at a higher resolution; if the window.deviceToPixelRatio = 2,\r\n     * then engine._hardwareScalingLevel will be set to 1/2 = 0.5. If this scaling level = 0.5, then\r\n     * the canvas' width will be doubled (divided by 0.5). So, adaptToDeviceRatio = true and\r\n     * deviceToPixelRatio > 1 leads to higher resolution (canvas.width > canvas.clientWidth). */\r\n    this.engine = new BABYLON.Engine(this.productDrawing, /*antialias:*/ true, /*options:*/ null,\r\n      /*adaptToDeviceRatio:*/ true);\r\n\r\n    // Create a basic BJS Scene object.\r\n    this.scene = new BABYLON.Scene(this.engine);\r\n    this.scene.name = name; // For debugging\r\n    // Make the scene transparent:\r\n    this.scene.clearColor = null; // BABYLON.Color3.Red();\r\n    //this.scene.ambientColor = new BABYLON.Color3(0.3, 0.3, 0.3);\r\n    //this.scene.hoverCursor = 'pointer'; // This is the default\r\n\r\n    this.createCamera();\r\n    this.createLights();\r\n\r\n    //this.scene.debugLayer.show();\r\n\r\n    //// Create a built-in \"sphere\" shape.\r\n    //this.sphere = BABYLON.MeshBuilder.CreateSphere('sphere', { segments: 16, diameter: 2 }, this.scene);\r\n    //// Move the sphere upward 1/2 of its height.\r\n    //this.sphere.position.y = 1;\r\n    // Create a built-in \"ground\" shape.\r\n    //this.ground = BABYLON.MeshBuilder.CreateGround('ground1', { height: 6, width: 6, subdivisions: 2 }, this.scene);\r\n\r\n    //**** DEBUG: Improve visual quality of the scene */\r\n\r\n    //const pp = new BABYLON.SharpenPostProcess(\"sharpen\", 1, this.camera);\r\n    //pp.samples = 8;\r\n    //pp.edgeAmount = .3;\r\n\r\n    /* These next 2 lines might improve the display of mesh baskets. 4/6/2023.\r\n     * After more fine tuning of how to configure the transparent mesh pattern texture/material\r\n     * it looks like we don't need to make any further optimizations here. See the\r\n     * BabyloneRenderVisitor.lookupMaterial method, the code inside the \"if compMatr.hasAlpha\"\r\n     * statement for details. 4/18/2023. */\r\n    //this.engine.setHardwareScalingLevel(.5);\r\n    /* TODO: The next line (called \"FXAA\", antialiasing) causes a bug (probably in our code) where\r\n     * the entire scene isn't fully redrawn after rotating/moving the product around. 4/6/2023. */\r\n    //new BABYLON.FxaaPostProcess(\"fxaa\", 2, this.camera); // Can also try 1 instead of 2?\r\n    // Note, if we enable the previous line, then also try to turn off antialiasing in the engine constructor higher up\r\n    // to see if that improves rendering (particularly on mesh baskets).\r\n    // TODO: Try this, called \"FSAA 4X antialiasing\" (from demo at https://www.babylonjs.com/demos/csg/):\r\n    //let fx = new BABYLON.PassPostProcess(\"fsaa\", 2, this.camera);\r\n    //fx.renderTargetSamplingMode = BABYLON.Texture.BILINEAR_SAMPLINGMODE;\r\n\r\n    /**** END DEBUG */\r\n  }\r\n\r\n  assignConfig(config) {\r\n    const defaultAlpha = 1.0;\r\n    this.config = config || {};\r\n    // Default configuration (fallback):\r\n    this.config.bgColor = this.config.bgColor || 'white';\r\n    if (this.config.displayRoom === undefined) {\r\n      this.config.displayRoom = true;\r\n    }\r\n    if (this.config.displayRoom && !this.config.room) {\r\n      this.config.room = {\r\n        width: 2500,\r\n        height: 3000,\r\n        depth: 2000,\r\n\r\n        autoWidth: true,\r\n        leftGap: 0,\r\n        rightGap: 500,\r\n\r\n        autoDepth: true,\r\n        frontGap: 500,\r\n        backGap: 0,\r\n\r\n        autoHeight: true,\r\n        bottomGap: 0,\r\n        topGap: 500,\r\n\r\n        align: {\r\n          x: 'left',\r\n          y: 'bottom',\r\n          z: 'back'\r\n        },\r\n\r\n        floorColor: '#E2E4DA',\r\n        floorAlpha: defaultAlpha,\r\n\r\n        wallColor: 'white',\r\n        wallAlpha: defaultAlpha,\r\n      };\r\n    }\r\n    if (!this.config.camera) {\r\n      this.config.camera = {\r\n        horizDegree: 18, // closet degrees --> about -1.25 alpha (same as 5.0 alpha)\r\n        vertDegree: 4, // --> closet degrees about 1.5 beta\r\n        distance: 3000, // mm\r\n      };\r\n    }\r\n    if (!this.config.hemiLight) {\r\n      this.config.hemiLight = {\r\n        x: -0.6, // Direction from the light source\r\n        y: -0.25,\r\n        z: 0.75,\r\n        intensity: 1.0,\r\n      };\r\n    }\r\n    if (!this.config.dirLight) {\r\n      this.config.dirLight = {\r\n        x: 0.5,\r\n        y: 1.0,\r\n        z: -0.5,\r\n        intensity: 0.3,\r\n      };\r\n    }\r\n  }\r\n\r\n  createCamera() {\r\n    //const useUniversalCamera = false;\r\n    //if (useUniversalCamera) {\r\n    //  // Create a FreeCamera, and set its position to (x:0, y:5, z:-10).\r\n    //  const cam = this.camera = new BABYLON.UniversalCamera(this.name + ' Camera', new BABYLON.Vector3(0, 0, -1000), this.scene);\r\n    //  cam.inputs.attached.mouse.touchEnabled = true; // Bug work around - makes touch events work on mobile devices\r\n    //  cam.minZ = 1;\r\n    //  cam.maxZ = 10000;\r\n    //  // Target the camera to scene origin.\r\n    //  cam.setTarget(BABYLON.Vector3.Zero());\r\n    //  cam.inputs.addMouseWheel();\r\n    //  cam.inputs.attached.mousewheel.wheelPrecisionY = 50;\r\n    //  cam.angularSensibility = 5000;\r\n    //  //cam.inputs.addPointers();\r\n    //  //cam.touchAngularSensibility;\r\n    //  //cam.touchMoveSensibility;\r\n    //  cam.attachControl(false);\r\n\r\n    //  /* If I wanted to make my own camera input implementation, this is a good start:\r\n    //   * https://doc.babylonjs.com/divingDeeper/cameras/customizingCameraInputs */\r\n    //}\r\n\r\n    // Orig: -1.33, 1.33, 3000\r\n    // Testing: -1.25, 1.5, 3000\r\n    const config = this.config.camera;\r\n    //console.log(`-1.25 alpha = ${ClosetDegrees.FromAlphaRadians(-1.25)}`);\r\n    //console.log(`1.5 beta = ${ClosetDegrees.FromBetaRadians(1.5)}`);\r\n    const alpha = ClosetDegrees.ToAlphaRadians(config.horizDegree);\r\n    const beta = ClosetDegrees.ToBetaRadians(config.vertDegree);\r\n    const cam = this.camera = new BABYLON.ArcRotateCamera(this.name + ' Camera', alpha, beta,\r\n      config.distance, new BABYLON.Vector3.Zero(), this.scene);\r\n    cam.wheelDeltaPercentage = 0.01;\r\n    cam.pinchDeltaPercentage = 0.001;\r\n    cam.minZ = 1;\r\n    cam.maxZ = 10000;\r\n    cam.lowerRadiusLimit = 500;\r\n    cam.upperRadiusLimit = 5000;\r\n    /* When camera is in the PI * 3 / 2 position we are looking towards the positive Z axis. At our\r\n      * lower limit (PI) we are looking towards the positive X axis. When we are at the upper\r\n      * limit (PI * 2) we are looking towards the negative X-axis. */\r\n    //cam.lowerAlphaLimit = -Math.PI;\r\n    //cam.upperAlphaLimit = 0;\r\n    cam.lowerAlphaLimit = Math.PI;\r\n    cam.upperAlphaLimit = Math.PI * 2;\r\n    cam.lowerBetaLimit = 0;\r\n    cam.upperBetaLimit = Math.PI;\r\n    //cam.panningDistanceLimit = 1000;\r\n    cam.inputs.attached.keyboard.panningSensibility = 0.3;\r\n    cam.inputs.attached.pointers.panningSensibility = 1;\r\n    //// Allows the camera to automatically position itself relative to the target mesh.\r\n    //cam.useFramingBehavior = true;\r\n    //// This must also be done by the BabylonRenderVisitor (along with the useFramingBehavior above):\r\n    ////cam.setTarget(box);\r\n    //if (cam.behaviors.length > 0) {\r\n    //  const beh = cam.behaviors[0];\r\n    //  beh.framingTime = 500; // 0.5 second vs 1.6 second by default\r\n    //  beh.autoCorrectCameraLimitsAndSensibility = false;\r\n    //}\r\n    cam.useAutoRotationBehavior = false;\r\n\r\n    //this.observer = this.scene.onPointerObservable.add(\r\n    //  (info, state) => {\r\n    //    if (info.event.type != 'pointermove') {\r\n    //      console.log(`Scene ${info.event.type} event!!!`);\r\n    //    };\r\n    //  },\r\n    //  BABYLON.PointerEventTypes.POINTERDOWN | BABYLON.PointerEventTypes.POINTERUP |\r\n    //  BABYLON.PointerEventTypes.POINTERMOVE | BABYLON.PointerEventTypes.MOUSEDOWN );\r\n\r\n    cam.attachControl(false);\r\n\r\n    // Prevent the owl carousel and other listeners of the touchstart event from doing so:\r\n    this.productDrawing.addEventListener('touchstart', evnt => {\r\n      //console.log('ProductDrawing touchstart, preventing and stopping propagation!');\r\n      //evnt.preventDefault(); // Babylon does this\r\n      evnt.stopPropagation(); // But doesn't do this; we need to do it ourselves!\r\n    });\r\n  }\r\n\r\n  createLights() {\r\n    const hemiLightCfg = this.config.hemiLight;\r\n    if (hemiLightCfg) {\r\n      /* The hemispheric light was created with the idea that there are two light sources, one from\r\n       * the sky (HemisphericLight.diffuse color) and one from the ground (HemisphericLight.groundColor).\r\n       * Your meshes are in between the sky and the ground and the vertices facing the sky will get\r\n       * the sky color and the vertices facing the ground will get the ground color. The given\r\n       * direction is the direction to the sky (if the sky is right above, the direction would be 0,1,0).\r\n       * This means that the sky light will shine in the opposite direction, and the ground light will\r\n       * shine (if not black) in the same direction. */\r\n\r\n      const skyDirection = new BABYLON.Vector3(hemiLightCfg.x, hemiLightCfg.y, hemiLightCfg.z).negateInPlace();\r\n      this.hemiLight = new BABYLON.HemisphericLight('Light (hemispheric)', skyDirection, this.scene);\r\n      this.hemiLight.intensity = hemiLightCfg.intensity;\r\n    }\r\n\r\n    // this.frontLight = new BABYLON.DirectionalLight('Front Light (directional)',\r\n    //     new BABYLON.Vector3(0.5, -1, 0.5), this.scene);\r\n    // this.frontLight.intensity = 1.75;\r\n\r\n    const dirLightCfg = this.config.dirLight;\r\n    if (dirLightCfg) {\r\n      this.dirLight = new BABYLON.DirectionalLight('Light (directional)',\r\n        new BABYLON.Vector3(dirLightCfg.x, dirLightCfg.y, dirLightCfg.z), this.scene);\r\n      this.dirLight.intensity = dirLightCfg.intensity;\r\n    }\r\n  }\r\n\r\n  static canShareLoader() { return true; }\r\n\r\n  createDrawingService() {\r\n    return new BabylonDrawingService(this.productDrawing, this.loader.loadedMaterials,\r\n      this.getFinishName, this.scene,\r\n      // Give the service a call back to use if it needs to load a single material just-in-time:\r\n      async (material, loadHighResAsWell, onHisResImgLoaded) => {\r\n        return await this.loadSingleMaterial(material, loadHighResAsWell, onHisResImgLoaded);\r\n      });\r\n  }\r\n\r\n  getMaterialImagesFolder() {\r\n    return this.finishImagesBaseUrl;\r\n  }\r\n\r\n  toggleDebugView(on) {\r\n    if (on) {\r\n      this.scene.debugLayer.show();\r\n    } else {\r\n      this.scene.debugLayer.hide();\r\n    }\r\n  }\r\n\r\n  toggleFullScreen() {\r\n    this.engine.switchFullscreen();\r\n  }\r\n\r\n  /** Returns true if the mesh is a descendant of the ancestor (mesh). */\r\n  // Note, this method is not currently in use (see commented code in toggleDisplayObjectInteractive).\r\n  //isDescendant(ancestor, mesh) {\r\n  //  if (!ancestor || !mesh) return false;\r\n  //  if (mesh === ancestor) return true;\r\n  //  return this.isDescendant(ancestor, mesh.parent);\r\n  //}\r\n\r\n  /**\r\n   * Turns interaction on/off for the displayObject.\r\n   * @param {displayObject} displayObject The object whose interaction is toggled.\r\n   * @param {bool} on Whether to turn interaction on or off.\r\n   * @param {callback} clickHandler Handler for the displayObject's click event.\r\n   */\r\n  toggleDisplayObjectInteractive(displayObject, on, clickHandler) {\r\n    //const status = on ? 'on' : 'off';\r\n    if (displayObject) {\r\n      if (on) {\r\n        if (!displayObject.actionManager) {\r\n          displayObject.actionManager = new BABYLON.ActionManager(this.scene);\r\n          /* Setting isRecursive to true enables events to \"reach\" the actions registered on this\r\n           * displayObject. If set to false, only direct hits on the displayObject would execute the\r\n           * action. 1/2/2021: since we now set mesh.isClickable = false by default, we don't have to\r\n           * set isRecursive to true here. Warning: we'll have to check later what happens if a submesh\r\n           * extends outside the bounds of the parent, is it still clickable? */\r\n          //displayObject.actionManager.isRecursive = true;\r\n          //console.log(`%cToggle ${displayObject.name} Interaction ${status}: assigned new displayObject.actionManager`, 'color: orange');\r\n        }\r\n        //console.log(`%cToggle ${displayObject.name} Interaction ${status}: created new clickAction`, 'color: orange');\r\n        this.clickAction = new BABYLON.ExecuteCodeAction(\r\n          {\r\n            trigger: BABYLON.ActionManager.OnPickTrigger,\r\n          },\r\n          event => {\r\n            /* Only respond to left-click events. We could've used OnLeftPickTrigger instead, but\r\n             * that trigger ended up interfering with the built-in mouse events for the\r\n             * ArcRotateCamera, probably because OnLeftPickTrigger is raise on button down\r\n             * (vs button up). 1/1/2021. */\r\n            if (event.sourceEvent.button == 0) { // 0 -> Left button\r\n              /* Event handlers expect an event where target is the object which was clicked, and\r\n               * currentTarget is the object who has the attached event handler. And, both of these\r\n               * objects should have a dataComponent property assigned to the appropriate component. */\r\n              //console.log(`%cToggle ${displayObject.name} Interaction ${status}: received click event`, 'color: orange');\r\n              clickHandler({\r\n                //target: event.meshUnderPointer, // This is the same as scene.meshUnderPointer\r\n                target: event.source, // This is the mesh which was picked\r\n                //currentTarget: event.source, // This is the mesh which was picked, but...\r\n                // ... we need to assign the mesh which we attached this event to instead:\r\n                currentTarget: displayObject,\r\n              });\r\n            }\r\n          });\r\n        displayObject.actionManager.registerAction(this.clickAction);\r\n        displayObject.isPickable = true;\r\n\r\n        /* There's a flaw in Babylon ActionManager. If you set isRecursive to true, then the action\r\n         * also is triggered on submeshes. But, the mouse pointer is not updated to use the hoverCursor\r\n         * when over the submeshes. The purpose of the code below is to set the mouse pointer in those\r\n         * cases. This code can be removed if Babylon fixes the issue in the future. 1/1/2021.\r\n         * 1/2/2021: since we now set mesh.isClickable = false by default, we don't have to set\r\n         * isRecursive to true above, and that means we also don't need this code below to set the\r\n         * cursor. */\r\n        //const cursor = displayObject.actionManager.hoverCursor || this.scene.hoverCursor;\r\n        //const canvasStyle = this.productDrawing.style;\r\n        //let priorMesh = null;\r\n        //this.scene.onPointerMove = (evt, pickResult) => {\r\n        //  if (pickResult.hit) {\r\n        //    const mesh = pickResult.pickedMesh;\r\n        //    if (mesh && mesh !== displayObject) { // If mesh == displayObject then default handling is good enough\r\n        //      let isDescendant = mesh === priorMesh; // Performance optimization\r\n        //      if (!isDescendant) {\r\n        //        isDescendant = this.isDescendant(displayObject, mesh);\r\n        //      }\r\n        //      if (isDescendant) {\r\n        //        canvasStyle.cursor = cursor;\r\n        //        priorMesh = mesh;\r\n        //      }\r\n        //    }\r\n        //  }\r\n        //}\r\n\r\n      } else {\r\n        if (displayObject.actionManager) {\r\n          //console.log(`%cToggle ${displayObject.name} Interaction ${status}: unregistering the clickAction`, 'color: orange');\r\n          displayObject.actionManager.unregisterAction(this.clickAction);\r\n          this.clickAction = null;\r\n        } else {\r\n          //console.log(`%cToggle ${displayObject.name} Interaction ${status}: the displayObject did not have an actionManager`, 'color: orange');\r\n        }\r\n        displayObject.isPickable = false;\r\n        //this.scene.onPointerMove = null; // Remove the event we installed above (line is now commented because the code above also is commented)\r\n      }\r\n\r\n      displayObject.interactive = on; // Our custom attribute\r\n    } else {\r\n      //console.log(`%cToggle Interaction ${status}: displayObject was unassigned!`, 'color: red');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * The owner class (e.g. ProductDrawing) can call this method to get the display object to be\r\n   * associated with the stage product. The stage product is a code created root product instance\r\n   * and the parent of the product being displayed/edited.\r\n   */\r\n  getStageDisplayObject() {\r\n    // We don't need a stage display object\r\n    return null;\r\n  }\r\n\r\n  /** Needed if the user want's to move the html element into a full screen display. */\r\n  getRootHtmlElement(rootDisplayObject) {\r\n    return this.productDrawing; // This is the <canvas> element\r\n  }\r\n\r\n  zoomInOnTarget(target) {\r\n    const cam = this.scene.activeCamera;\r\n    if (cam /*&& cam.setTarget*/) {\r\n      //if (!cam.useFramingBehavior) {\r\n      //  // Allows the camera to automatically position itself relative to the target mesh.\r\n      //  cam.useFramingBehavior = true;\r\n      //  // This must also be done by the BabylonRenderVisitor (along with the useFramingBehavior above):\r\n      //  //cam.setTarget(target);\r\n      //  if (cam.behaviors.length > 0) {\r\n      //    const beh = cam.behaviors[0];\r\n      //    beh.framingTime = 500; // 0.5 second vs 1.6 second by default\r\n      //    beh.autoCorrectCameraLimitsAndSensibility = false;\r\n      //  }\r\n      //}\r\n      //cam.setTarget(target, true);\r\n\r\n      //setTimeout(() => {\r\n      //  cam.zoomOn(null, /*doNotUpdateMaxZ:*/ true);\r\n      //}, 100);\r\n      target.computeWorldMatrix();\r\n      cam.zoomOn([target], /*doNotUpdateMaxZ:*/ true);\r\n      // The zoomOn method seems to put the camera a bit too close. Let's add some more distance:\r\n      cam.radius *= 1.2;\r\n      //cam.target.y = -200;\r\n      // Maybe alternatively try out this: https://forum.babylonjs.com/t/frameing-all-objects-into-view-isinfrustum-isoccluded-not-updating-as-expected/4098/4\r\n    }\r\n  }\r\n\r\n  getHexColorStr(color) {\r\n    if (color && color[0] === '#') {\r\n      return color;\r\n    }\r\n    return Utils.cssColorStr(color);\r\n  }\r\n\r\n  addRoom() {\r\n    if (this.config.displayRoom) {\r\n      const config = this.config.room;\r\n      const room = new Room(this.scene);\r\n      room.width = config.width;\r\n      room.height = config.height;\r\n      room.depth = config.depth;\r\n\r\n      room.autoWidth = config.autoWidth;\r\n      room.leftGap = config.leftGap; // Gap between left wall and left edge of content\r\n      room.rightGap = config.rightGap;\r\n      room.align.x = RoomAlign[config.align.x];\r\n\r\n      room.autoDepth = config.autoDepth;\r\n      room.backGap = config.backGap; // Gap between back wall and back edge of content\r\n      room.frontGap = config.frontGap;\r\n      room.align.z = RoomAlign[config.align.z];\r\n\r\n      room.autoHeight = config.autoHeight;\r\n      room.topGap = config.topGap; // Gap between back wall and back edge of content\r\n      room.bottomGap = config.bottomGap;\r\n      room.align.y = RoomAlign[config.align.z];\r\n\r\n      room.floorColor = this.getHexColorStr(config.floorColor);\r\n      room.floorAlpha = config.floorAlpha;\r\n      //room.floorMaterial = drawing.createFloorMaterial();\r\n\r\n      room.wallColor = this.getHexColorStr(config.wallColor);\r\n      room.wallAlpha = config.wallAlpha;\r\n\r\n      room.includeBaseboards = false;\r\n      room.baseboardColor = '#ffffff';\r\n      room.baseboardAlpha = 1.0;\r\n      return room;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Is responsible for adding a display object to the drawing. Typically this only needs to happen\r\n   * for the root display object, and with some engine this is already done by the fact that the\r\n   * display objects were added to the drawing when they were instantiated (Pixi, Babylon). These\r\n   * subclasses may therefore implement this method with a do-nothing statement.\r\n   * @param {any} productDrawing The <canvas> or <div> element hosting the drawing\r\n   * @param {any} displayObject The html element, mesh or sprite representing the (root) product component\r\n   */\r\n  addToDrawing(displayObject) {\r\n    this.productDrawing.style.backgroundColor = this.config.bgColor;\r\n    const includeRoom = true; // TODO: Move to config\r\n    if (includeRoom) {\r\n      if (!this.room) {\r\n        this.room = this.addRoom();\r\n      }\r\n      if (this.room) {\r\n        this.room.content = displayObject;\r\n        this.room.rebuildAndAddToDrawing();\r\n      }\r\n    }\r\n    this.zoomInOnTarget(displayObject);\r\n  }\r\n\r\n  stopShowingFps() {\r\n    if (this.intervalHandle > 0) {\r\n      clearInterval(this.intervalHandle);\r\n      console.log(`${this.name}: Cleared the FPS interval for handle ${this.intervalHandle}`);\r\n      this.intervalHandle = 0;\r\n    }\r\n  }\r\n\r\n  showFpsOnConsole(interval, expiration) {\r\n    this.stopShowingFps();\r\n    const lastTime = new Date().getTime();\r\n    this.intervalHandle = window.setInterval(() => {\r\n      let fps;\r\n      if (!this.isRendering()) {\r\n        fps = 0;\r\n      } else {\r\n        fps = this.engine.getFps();\r\n        if (this.isSkippingEvery2nd) {\r\n          fps = fps / 2;\r\n        }\r\n      }\r\n      console.log(`${this.name}: ${fps.toFixed()} FPS`);\r\n      const curTime = new Date().getTime();\r\n      if ((curTime - lastTime).toFixed() > expiration) {\r\n        this.stopShowingFps();\r\n      }\r\n    }, interval);\r\n    console.log(`${this.name}: Set the FPS interval, handle = ${this.intervalHandle}`);\r\n  }\r\n\r\n  startRendering() {\r\n    if (!this.isRendering()) {\r\n      //this.showFpsOnConsole(2000, 100000);\r\n      this.isSkippingEvery2nd = true;\r\n      let renderNow = true;\r\n      this.engine.runRenderLoop(() => {\r\n        // We simply halfing the FPS here by skipping every 2nd iteration in the loop\r\n        // (without letting the Babylon engine now about it.)\r\n        if (renderNow) {\r\n          this.scene.render();\r\n        }\r\n        renderNow = !renderNow;\r\n      });\r\n      this._isRendering = true;\r\n      console.log(`${this.name}: Started render loop`);\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  stopRendering() {\r\n    if (this.isRendering()) {\r\n      this.engine.stopRenderLoop();\r\n      this._isRendering = false;\r\n      //this.stopShowingFps();\r\n      console.log(`${this.name}: Stopped render loop`);\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  isRendering() {\r\n    return this._isRendering;\r\n  }\r\n\r\n  async renderOnce() {\r\n    if (!this.isRendering()) {\r\n      await this.scene.whenReadyAsync();\r\n      this.scene.render();\r\n      console.log(`${this.name}: Rendered the drawing`);\r\n      //this.startRendering();\r\n    }\r\n  }\r\n\r\n  toggleRendering() {\r\n    if (this.isRendering()) {\r\n      return this.stopRendering();\r\n    } else {\r\n      return this.startRendering();\r\n    }\r\n  }\r\n\r\n  resizeCanvas(width, height) {\r\n    this.productDrawing.width = width;\r\n    this.productDrawing.height = height;\r\n  }\r\n\r\n  resizeCanvasInsideElement(element, alsoUpdateClientSize) {\r\n    this.resizeCanvas(element.clientWidth, element.clientHeight);\r\n    if (alsoUpdateClientSize) {\r\n      /* Remember the canvas width/height can be larger than the clientWidth/-Height (style.width/height).\r\n       * E.g. this will be the case on high dpi devices (is dependent on the owner calling the\r\n       * Babylon engine.resize() method after this call completes). */\r\n      this.productDrawing.style.width = '100%';\r\n      this.productDrawing.style.height = '100%';\r\n    }\r\n  }\r\n\r\n  syncCanvasSizeWithParent(alsoUpdateClientSize) {\r\n    this.resizeCanvasInsideElement(this.productDrawing.parentNode, alsoUpdateClientSize);\r\n  }\r\n\r\n  resizeCanvasToFitAroundStage(renderOnce) {\r\n    // TODO: Reimplement this:\r\n    // 1. Move root mesh to the top-left corner:\r\n    //this.stage.position.set(0, 0);\r\n    // 2. Set the canvas size to the size of the root mesh:\r\n    //this.resizeCanvas(this.stage.width, this.stage.height);\r\n    //TODO: What about the canvas' clientWidth/-Height (see resizeCanvasInsideElement)\r\n    if (renderOnce) {\r\n      this.renderOnce();\r\n    }\r\n  }\r\n\r\n  scaleStageToFitInCanvas(xAlign, yAlign, keepXYOffsets) {\r\n    // TODO: Reimplement this:\r\n    //this.stage.scale.set(1, 1);\r\n    //this.stage.position.set(0, 0);\r\n    //const stageRect = this.stage.getBounds();\r\n    //const stageSize = {\r\n    //  width: stageRect.width,\r\n    //  height: stageRect.height\r\n    //};\r\n    //const canvasSize = this.renderer.screen;\r\n    //const newStageSize = PixiDrawingEngine.scaleUpToContainerSize(stageSize, canvasSize);\r\n    //this.stage.scale.set(newStageSize.width / stageSize.width, newStageSize.height / stageSize.height);\r\n    //let { x, y } = this.stage.getBounds();\r\n    //this.alignStage(newStageSize, canvasSize, xAlign, yAlign);\r\n    //if (!keepXYOffsets) {\r\n    //  this.stage.x -= x;\r\n    //  this.stage.y -= y;\r\n    //}\r\n  }\r\n\r\n  bestFitStageAndCanvas(fitCanvasAroundStage, renderOnce) {\r\n    //this.logDisplayObjectGraph(this.stage);\r\n    this.syncCanvasSizeWithParent(/*alsoUpdateClientSize:*/ true);\r\n    /* resize() will partially do the same thing as the line above, but will also take device PixelRatio\r\n     * into consideration. Note, resize() is also called from within this.engine's constructor. */\r\n    this.engine.resize();\r\n    /* TODO: Causes flicker on initial load? Doesn't seem to always happen, but if we can reproduce it,\r\n     * try to put the resize call inside a scene.registerBeforeRender() callback.\r\n     * https://forum.babylonjs.com/t/pointer-on-iphone/1876/7 */\r\n    this.scaleStageToFitInCanvas(Align.center, Align.center);\r\n    if (fitCanvasAroundStage) {\r\n      this.resizeCanvasToFitAroundStage(false);\r\n    }\r\n    //console.log('Performed best fit of stage and canvas');\r\n    if (renderOnce) {\r\n      this.renderOnce();\r\n    }\r\n  }\r\n\r\n  resizeCanvasToFitInFullWindow(renderOnce) {\r\n    this.resizeCanvas(window.innerWidth * 0.9, window.innerHeight * 0.9);\r\n    this.scaleStageToFitInCanvas(Align.center, Align.center);\r\n    if (renderOnce) {\r\n      this.renderOnce();\r\n    }\r\n    console.log('resizeCanvasToFitInFullWindow');\r\n  }\r\n\r\n  /**\r\n   * Returns an object with the width and height of the drawing. This should match the size of the\r\n   * image returned by the getDrawingImageUrl method.\r\n   */\r\n  getDrawingSize() {\r\n    return {\r\n      width: this.productDrawing.width,\r\n      height: this.productDrawing.height,\r\n    };\r\n  }\r\n\r\n  getDrawingImageUrl() {\r\n    // TODO: Consider passing 'image/jpg' to force jpg instead of png (which is better quality, smaller size?)\r\n    //return this.view.toDataURL();\r\n    // NOTE: Here's a good thread on how to save the canvas as an image: https://forum.babylonjs.com/t/best-way-to-save-to-jpeg-snapshots-of-scene/17663/23\r\n    return this.productDrawing.toDataURL();\r\n  }\r\n}\r\n\r\nEngineRegistry.register('BabylonDrawingEngine', BabylonDrawingEngine);\r\n\r\n/**\r\n * This is the class we're testing. The purpose is to convert camera angles from 360 units where 0 degrees is\r\n * right in front of the closet (called \"closet degrees\") to radians used to set a camera's alpha and beta angles.\r\n */\r\nclass ClosetDegrees {\r\n  /**\r\n   * Converts a camera angle from -90 to +90 units where 0 degrees is right in front of the closet (called \"closet degrees\")\r\n   * to radians used to set a camera's beta angle.\r\n   */\r\n  static ToBetaRadians(closetDegree) {\r\n    let degree = (90 - closetDegree);\r\n    return BABYLON.Tools.ToRadians(degree);\r\n  }\r\n\r\n  /**\r\n   * Converts from a camera's beta angle to vertical closet degrees (-90 to +90 units where 0 degrees is right in front\r\n   * of the closet).\r\n   */\r\n  static FromBetaRadians(radians) {\r\n    const degree = BABYLON.Tools.ToDegrees(radians);\r\n    return 90 - degree;\r\n  }\r\n\r\n  /**\r\n   * Converts a camera angle from 360 units where 0 degrees is right in front of the closet (called \"closet degrees\")\r\n   * to radians used to set a camera's alpha angle.\r\n   */\r\n  static ToAlphaRadians(closetDegree) {\r\n    let degree = (closetDegree + 270) % 360;\r\n    return BABYLON.Tools.ToRadians(degree);\r\n  }\r\n\r\n  /**\r\n   * Converts from a camera's alpha angle to horizontal closet degrees (360 units where 0 degrees is right in front\r\n   * of the closet).\r\n   */\r\n  static FromAlphaRadians(radians) {\r\n    const degree = BABYLON.Tools.ToDegrees(radians);\r\n    return (degree + 90) % 360;\r\n  }\r\n}\r\n","/* Each item in this array is a Product Material. Some of the properties:\r\n * Width-/HeightStrategy: defines how the application should scale/crop the image.\r\n * ProductWidth/-Height: units are millimeters. TODO: Rename to MaterialWidth/-Height\r\n *\r\n * A 'material' is a product finish as used on the surface of a product or component. The same finish\r\n * might be used with multiple materials. The finishes might the look the same, or they might have\r\n * minor differences.\r\n *\r\n * Material specific items are listed first as seen by the Id's prefix. Generic finishes are listed\r\n * at the end. These finishes will be used if a more specific material item is not found.\r\n */\r\nexport const ProductMaterialsMap = [\r\n  {\r\n    'id': 'AluFlatDivider-BlackAluminum',\r\n    'fileName': 'AluFlatDivider-BlackAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 849.29896907216494,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluFlatDivider-BrassAluminum',\r\n    'fileName': 'AluFlatDivider-BrassAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 618.07142857142856,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluFlatDivider-NaturalAluminum',\r\n    'fileName': 'AluFlatDivider-NaturalAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 988.17021276595733,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluFlatDivider-WhiteAluminum',\r\n    'fileName': 'AluFlatDivider-WhiteAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 518.68085106382966,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluHDivider-BlackAluminum',\r\n    'fileName': 'AluHDivider-BlackAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.16071428571433,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluHDivider-BrassAluminum',\r\n    'fileName': 'AluHDivider-BrassAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.132075471698,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluHDivider-NaturalAluminum',\r\n    'fileName': 'AluHDivider-NaturalAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.04566210045664,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AluHDivider-WhiteAluminum',\r\n    'fileName': 'AluHDivider-WhiteAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.1,\r\n    'productHeight': 34.0\r\n  },\r\n  {\r\n    'id': 'AsurDoorRail-BronzeSteel',\r\n    'fileName': 'AsurDoorRail-BronzeSteel.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 739.44086021505382,\r\n    'productHeight': 16.0\r\n  },\r\n  {\r\n    'id': 'AsurDoorRail-SilverSteel',\r\n    'fileName': 'AsurDoorRail-SilverSteel.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 740.47311827956992,\r\n    'productHeight': 16.0\r\n  },\r\n  {\r\n    'id': 'AsurDoorRail-WhiteSteel',\r\n    'fileName': 'AsurDoorRail-WhiteSteel.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 740.81720430107544,\r\n    'productHeight': 16.0\r\n  },\r\n  {\r\n    'id': 'AsurDoorStile-BronzeSteel',\r\n    'fileName': 'AsurDoorStile-BronzeSteel.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 20.5,\r\n    'productHeight': 2049.9999999999995\r\n  },\r\n  {\r\n    'id': 'AsurDoorStile-SilverSteel',\r\n    'fileName': 'AsurDoorStile-SilverSteel.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 20.5,\r\n    'productHeight': 2062.9473684210525\r\n  },\r\n  {\r\n    'id': 'AsurDoorStile-WhiteSteel',\r\n    'fileName': 'AsurDoorStile-WhiteSteel.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 20.5,\r\n    'productHeight': 2059.3508771929824\r\n  },\r\n  {\r\n    'id': 'DoorPanel-AntrasiteMelamine',\r\n    'fileName': 'DoorPanel-AntrasiteMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 530.19334389857374,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-ArabesqueBlackMelamine',\r\n    'fileName': 'DoorPanel-ArabesqueBlackMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1036.9047254931948,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-ArabesqueWhiteMelamine',\r\n    'fileName': 'DoorPanel-ArabesqueWhiteMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 959.01390282356317,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BambooBrownVeneer',\r\n    'fileName': 'DoorPanel-BambooBrownVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1255.8131537469553,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BirchMelamine',\r\n    'fileName': 'DoorPanel-BirchMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BirchVeneer',\r\n    'fileName': 'DoorPanel-BirchVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-Black_NCS_S9000N',\r\n    'fileName': 'DoorPanel-Black_NCS_S9000N.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 960.35938903863439,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BlackGlass',\r\n    'fileName': 'DoorPanel-BlackGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BlackOakPaint',\r\n    'fileName': 'DoorPanel-BlackOakPaint.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 949.52905198776762,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BlackSilk',\r\n    'fileName': 'DoorPanel-BlackSilk.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1212.7860613168034,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BronzeMirror',\r\n    'fileName': 'DoorPanel-BronzeMirror.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002,\r\n    'useStretch': true\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BrownGlass',\r\n    'fileName': 'DoorPanel-BrownGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BrownMelamine',\r\n    'fileName': 'DoorPanel-BrownMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1036.6278356836297,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-BrushedAluminumMelamine',\r\n    'fileName': 'DoorPanel-BrushedAluminumMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1220.0,\r\n    'productHeight': 2440.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-CashmereXT',\r\n    'fileName': 'DoorPanel-CashmereXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 617.60190703218109,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-CherryMelamine',\r\n    'fileName': 'DoorPanel-CherryMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-CherryVeneer',\r\n    'fileName': 'DoorPanel-CherryVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1203.2697237254345,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-ClearGlass',\r\n    'fileName': 'DoorPanel-ClearGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002\r\n  },\r\n  {\r\n    'id': 'DoorPanel-ClearMirror',\r\n    'fileName': 'DoorPanel-ClearMirror.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002,\r\n    'useStretch': true\r\n  },\r\n  {\r\n    'id': 'DoorPanel-CottagePine',\r\n    'fileName': 'DoorPanel-CottagePine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 965.83397982932513,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-Driftwood',\r\n    'fileName': 'DoorPanel-Driftwood.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1866.7636363636366,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-GrayGlass',\r\n    'fileName': 'DoorPanel-GrayGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002\r\n  },\r\n  {\r\n    'id': 'DoorPanel-GrayMirror',\r\n    'fileName': 'DoorPanel-GrayMirror.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1206.9750889679717,\r\n    'productHeight': 2440.0,\r\n    'useStretch': true\r\n  },\r\n  {\r\n    'id': 'DoorPanel-GrayNCS_S5500N',\r\n    'fileName': 'DoorPanel-GrayNCS_S5500N.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1204.0806642941875,\r\n    'productHeight': 2440.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-GrayReed',\r\n    'fileName': 'DoorPanel-GrayReed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 959.33550875111234,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-GraySilk',\r\n    'fileName': 'DoorPanel-GraySilk.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1210.7086614173229,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-HorizonXT',\r\n    'fileName': 'DoorPanel-HorizonXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 613.89503862387517,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-LavaElm',\r\n    'fileName': 'DoorPanel-LavaElm.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 958.13809154383239,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-Lavender_NCS_S1020N_R40B',\r\n    'fileName': 'DoorPanel-Lavender_NCS_S1020N_R40B.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1018.488733972364,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-LightGrayReed',\r\n    'fileName': 'DoorPanel-LightGrayReed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 947.23558313938452,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-LightGreyXT',\r\n    'fileName': 'DoorPanel-LightGreyXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 785.357715752326,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-MahognyVeneerStained',\r\n    'fileName': 'DoorPanel-MahognyVeneerStained.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-ManhattanGrayMelamine',\r\n    'fileName': 'DoorPanel-ManhattanGrayMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1240.0,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-MilanWalnutMelamine',\r\n    'fileName': 'DoorPanel-MilanWalnutMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1240.0,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakCountryMelamine',\r\n    'fileName': 'DoorPanel-OakCountryMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1240.0,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakDarkMelamine',\r\n    'fileName': 'DoorPanel-OakDarkMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakMelamine',\r\n    'fileName': 'DoorPanel-OakMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakPearlMelamine',\r\n    'fileName': 'DoorPanel-OakPearlMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakReed',\r\n    'fileName': 'DoorPanel-OakReed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 960.70907194994788,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakVeneer',\r\n    'fileName': 'DoorPanel-OakVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakWhiteMelamine',\r\n    'fileName': 'DoorPanel-OakWhiteMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-OakWhiteVeneer',\r\n    'fileName': 'DoorPanel-OakWhiteVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1200.4670472236637,\r\n    'productHeight': 3300.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-PineVeneer',\r\n    'fileName': 'DoorPanel-PineVeneer.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 776.6972477064221,\r\n    'productHeight': 2040.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-PineWood',\r\n    'fileName': 'DoorPanel-PineWood.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 657.46478873239437,\r\n    'productHeight': 2040.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-PineWoodLacker',\r\n    'fileName': 'DoorPanel-PineWoodLacker.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 657.46478873239437,\r\n    'productHeight': 2040.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-PineWoodProvence',\r\n    'fileName': 'DoorPanel-PineWoodProvence.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 657.46478873239437,\r\n    'productHeight': 2040.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-Powder',\r\n    'fileName': 'DoorPanel-Powder.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 576.4798118384947,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-SanRemoSandOak',\r\n    'fileName': 'DoorPanel-SanRemoSandOak.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 953.9694853891906,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-SeaWeed',\r\n    'fileName': 'DoorPanel-SeaWeed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1059.5933926302414,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-StoneAsh',\r\n    'fileName': 'DoorPanel-StoneAsh.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 959.73931178310738,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-Taupe_NCS_S6005_Y20R',\r\n    'fileName': 'DoorPanel-Taupe_NCS_S6005_Y20R.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 969.236031927024,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-VolcanicBlackXT',\r\n    'fileName': 'DoorPanel-VolcanicBlackXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 586.99728910859517,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteEmbossedReed',\r\n    'fileName': 'DoorPanel-WhiteEmbossedReed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 954.950994950995,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteGlass',\r\n    'fileName': 'DoorPanel-WhiteGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1198.6499999999999,\r\n    'productHeight': 2440.0,\r\n    'useStretch': true\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteMelamine',\r\n    'fileName': 'DoorPanel-WhiteMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteMelamineReed',\r\n    'fileName': 'DoorPanel-WhiteMelamineReed.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 957.1606771606771,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteNCS_S0500N',\r\n    'fileName': 'DoorPanel-WhiteNCS_S0500N.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteProfileMelamine',\r\n    'fileName': 'DoorPanel-WhiteProfileMelamine.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 761.56861489191351,\r\n    'productHeight': 2796.0\r\n  },\r\n  {\r\n    'id': 'DoorPanel-WhiteProfilePaint',\r\n    'fileName': 'DoorPanel-WhiteProfilePaint.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 715.12350597609566,\r\n    'productHeight': 2268.0\r\n  },\r\n  {\r\n    'id': 'EdgeDoorStile-BlackAluminum',\r\n    'fileName': 'EdgeDoorStile-BlackAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 451.764705882353\r\n  },\r\n  {\r\n    'id': 'EdgeDoorStile-NaturalAluminum',\r\n    'fileName': 'EdgeDoorStile-NaturalAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 451.764705882353\r\n  },\r\n  {\r\n    'id': 'EdgeDoorStile-WhiteAluminum',\r\n    'fileName': 'EdgeDoorStile-WhiteAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 457.14285714285717\r\n  },\r\n  {\r\n    'id': 'EdgeHDivider-BlackAluminum',\r\n    'fileName': 'EdgeHDivider-BlackAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 381.1332633788038,\r\n    'productHeight': 26.0\r\n  },\r\n  {\r\n    'id': 'EdgeHDivider-NaturalAluminum',\r\n    'fileName': 'EdgeHDivider-NaturalAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 381.1332633788038,\r\n    'productHeight': 26.0\r\n  },\r\n  {\r\n    'id': 'EdgeHDivider-WhiteAluminum',\r\n    'fileName': 'EdgeHDivider-WhiteAluminum.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 377.73125000000005,\r\n    'productHeight': 26.0\r\n  },\r\n\r\n  /* **** EDGE MATERIALS **** */\r\n   // TODO: All Edge materials must be updated with correct images and specs!!!\r\n  {\r\n    'id': 'EdgeDoorRail-BlackAluminum',\r\n    'fileName': 'SafirBottomDoorRail-BlackAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0,\r\n  },\r\n  {\r\n    'id': 'EdgeDoorRail-NaturalAluminum',\r\n    'fileName': 'SafirBottomDoorRail-NaturalAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 471.18055555555554,\r\n    'productHeight': 50.0,\r\n  },\r\n  {\r\n    'id': 'EdgeDoorRail-WhiteAluminum',\r\n    'fileName': 'SafirBottomDoorRail-WhiteAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0,\r\n  },\r\n\r\n  {\r\n    'id': 'FlexiDrawer-BirchMelamine',\r\n    'fileName': 'FlexiDrawer-BirchMelamine.jpg',\r\n    'productType': 'Drawer',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 883.60498561840836,\r\n    'productHeight': 480.0\r\n  },\r\n  {\r\n    'id': 'FlexiDrawer-MahognyVeneerStained',\r\n    'fileName': 'FlexiDrawer-MahognyVeneerStained.jpg',\r\n    'productType': 'Drawer',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 879.38931297709928,\r\n    'productHeight': 480.0\r\n  },\r\n  {\r\n    'id': 'FlexiDrawer-OakMelamine',\r\n    'fileName': 'FlexiDrawer-OakMelamine.jpg',\r\n    'productType': 'Drawer',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 881.07074569789677,\r\n    'productHeight': 480.0\r\n  },\r\n  {\r\n    'id': 'FlexiShelf-OakWhiteMelamine',\r\n    'fileName': 'FlexiShelf-OakWhiteMelamine.jpg',\r\n    'productType': 'FlexiShelf',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 880,\r\n    'productHeight': 500,\r\n  },\r\n  // TODO: Create optimized images for the Black flexi-shelf like we've done with the FlexiShelf-OakWhiteMelamine\r\n  {\r\n    'id': 'FlexiShelf-Black_NCS_S9000N',\r\n    'fileName': 'DoorPanel-Black_NCS_S9000N.jpg',\r\n    'productType': 'FlexiShelf',\r\n    'rotation': 90.0,\r\n    // Because we're rotating the image, we need to swap productWidth and -Height\r\n    'productHeight': 952.65597147950086,\r\n    'productWidth': 2480.0,\r\n    'heightStrategy': 'Crop',\r\n    'widthStrategy': 'Proportional',\r\n  },\r\n  {\r\n    'id': 'TopShelf-OakWhiteMelamine',\r\n    'fileName': 'DoorPanel-OakWhiteMelamine.jpg',\r\n    'productType': 'TopShelf',\r\n    'rotation': 90.0,\r\n    // Because we're rotating the image, we need to swap productWidth and -Height\r\n    'productHeight': 1216.8970189701897,\r\n    'productWidth': 2480.0,\r\n    'heightStrategy': 'Crop',\r\n    'widthStrategy': 'Proportional',\r\n  },\r\n  {\r\n    'id': 'TopShelf-Black_NCS_S9000N',\r\n    'fileName': 'DoorPanel-Black_NCS_S9000N.jpg',\r\n    'productType': 'TopShelf',\r\n    'rotation': 90.0,\r\n    // Because we're rotating the image, we need to swap productWidth and -Height\r\n    'productHeight': 952.65597147950086,\r\n    'productWidth': 2480.0,\r\n    'heightStrategy': 'Crop',\r\n    'widthStrategy': 'Proportional',\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-BirchMelamine',\r\n    'fileName': 'FrontCoverPanel-BirchMelamine.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-BirchVeneer',\r\n    'fileName': 'FrontCoverPanel-BirchVeneer.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-CherryVeneer',\r\n    'fileName': 'FrontCoverPanel-CherryVeneer.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-OakMelamine',\r\n    'fileName': 'FrontCoverPanel-OakMelamine.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-OakVeneer',\r\n    'fileName': 'FrontCoverPanel-OakVeneer.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-PineVeneer',\r\n    'fileName': 'FrontCoverPanel-PineVeneer.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-PineWood',\r\n    'fileName': 'FrontCoverPanel-PineWood.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 1184.2105263157894,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-PineWoodProvence',\r\n    'fileName': 'FrontCoverPanel-PineWoodProvence.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'FrontCoverPanel-WhiteMelamine',\r\n    'fileName': 'FrontCoverPanel-WhiteMelamine.jpg',\r\n    'productType': 'CoverPanel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 2500.0,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'OnyxDoorStile-BirchVeneer',\r\n    'fileName': 'OnyxDoorStile-BirchVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 65.0,\r\n    'productHeight': 1966.5079365079364\r\n  },\r\n  {\r\n    'id': 'OnyxDoorStile-CherryVeneer',\r\n    'fileName': 'OnyxDoorStile-CherryVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 65.0,\r\n    'productHeight': 1969.5355191256831\r\n  },\r\n  {\r\n    'id': 'OnyxDoorStile-OakVeneer',\r\n    'fileName': 'OnyxDoorStile-OakVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 65.0,\r\n    'productHeight': 1967.9787234042553\r\n  },\r\n  {\r\n    'id': 'OnyxDoorStile-WhiteMelamine',\r\n    'fileName': 'OnyxDoorStile-WhiteMelamine.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 65.0,\r\n    'productHeight': 1968.2275132275136\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-BirchVeneer',\r\n    'fileName': 'OpalDoorRail-BirchVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 748.7697160883281,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-CherryVeneer',\r\n    'fileName': 'OpalDoorRail-CherryVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 748.84012539184948,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-OakVeneer',\r\n    'fileName': 'OpalDoorRail-OakVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 748.81987577639745,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-PineVeneer',\r\n    'fileName': 'OpalDoorRail-PineVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 724.90773067331679,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-PineWood',\r\n    'fileName': 'OpalDoorRail-PineWood.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 626.41148325358847,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-PineWoodLacker',\r\n    'fileName': 'OpalDoorRail-PineWoodLacker.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 725.86533665835418,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-PineWoodProvence',\r\n    'fileName': 'OpalDoorRail-PineWoodProvence.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 626.37236084452968,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorRail-WhiteMelamine',\r\n    'fileName': 'OpalDoorRail-WhiteMelamine.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 710.29712615684366,\r\n    'productHeight': 240.0\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-BirchVeneer',\r\n    'fileName': 'OpalDoorStile-BirchVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1965.5172413793105\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-CherryVeneer',\r\n    'fileName': 'OpalDoorStile-CherryVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1967.0270270270271\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-OakVeneer',\r\n    'fileName': 'OpalDoorStile-OakVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1967.1428571428573\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-PineVeneer',\r\n    'fileName': 'OpalDoorStile-PineVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 2593.6196319018404\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-PineWood',\r\n    'fileName': 'OpalDoorStile-PineWood.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1967.25\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-PineWoodLacker',\r\n    'fileName': 'OpalDoorStile-PineWoodLacker.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1967.1428571428573\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-PineWoodProvence',\r\n    'fileName': 'OpalDoorStile-PineWoodProvence.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 60.0,\r\n    'productHeight': 2653.5849056603774\r\n  },\r\n  {\r\n    'id': 'OpalDoorStile-WhiteMelamine',\r\n    'fileName': 'OpalDoorStile-WhiteMelamine.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 60.0,\r\n    'productHeight': 1967.1951219512196\r\n  },\r\n  {\r\n    'id': 'OpalDualHDivider-BirchVeneer',\r\n    'fileName': 'OpalDualHDivider-BirchVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 599.89561586638831,\r\n    'productHeight': 70.0\r\n  },\r\n  {\r\n    'id': 'OpalDualHDivider-CherryVeneer',\r\n    'fileName': 'OpalDualHDivider-CherryVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 599.77272727272725,\r\n    'productHeight': 70.0\r\n  },\r\n  {\r\n    'id': 'OpalDualHDivider-OakVeneer',\r\n    'fileName': 'OpalDualHDivider-OakVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 599.93684210526317,\r\n    'productHeight': 70.0\r\n  },\r\n  {\r\n    'id': 'OpalDualHDivider-WhiteMelamine',\r\n    'fileName': 'OpalDualHDivider-WhiteMelamine.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 599.91489361702133,\r\n    'productHeight': 70.0\r\n  },\r\n  {\r\n    'id': 'OpalMultiHDivider-BirchVeneer',\r\n    'fileName': 'OpalMultiHDivider-BirchVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'OpalMultiHDivider-CherryVeneer',\r\n    'fileName': 'OpalMultiHDivider-CherryVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'OpalMultiHDivider-OakVeneer',\r\n    'fileName': 'OpalMultiHDivider-OakVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'OpalMultiHDivider-WhiteMelamine',\r\n    'fileName': 'OpalMultiHDivider-WhiteMelamine.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SafirBottomDoorRail-BlackAluminum',\r\n    'fileName': 'SafirBottomDoorRail-BlackAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SafirBottomDoorRail-BrassAluminum',\r\n    'fileName': 'SafirBottomDoorRail-BrassAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SafirBottomDoorRail-NaturalAluminum',\r\n    'fileName': 'SafirBottomDoorRail-NaturalAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 471.18055555555554,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SafirBottomDoorRail-WhiteAluminum',\r\n    'fileName': 'SafirBottomDoorRail-WhiteAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SafirDoorStile-BlackAluminum',\r\n    'fileName': 'SafirDoorStile-BlackAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 361.41176470588232\r\n  },\r\n  {\r\n    'id': 'SafirDoorStile-BrassAluminum',\r\n    'fileName': 'SafirDoorStile-BrassAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 72.5\r\n  },\r\n  {\r\n    'id': 'SafirDoorStile-NaturalAluminum',\r\n    'fileName': 'SafirDoorStile-NaturalAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 370.12048192771084\r\n  },\r\n  {\r\n    'id': 'SafirDoorStile-WhiteAluminum',\r\n    'fileName': 'SafirDoorStile-WhiteAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 30.0,\r\n    'productHeight': 353.10344827586209\r\n  },\r\n  {\r\n    'id': 'SafirTopDoorRail-BlackAluminum',\r\n    'fileName': 'SafirTopDoorRail-BlackAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 336.23880597014931,\r\n    'productHeight': 22.0\r\n  },\r\n  {\r\n    'id': 'SafirTopDoorRail-BrassAluminum',\r\n    'fileName': 'SafirTopDoorRail-BrassAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 576.58895705521479,\r\n    'productHeight': 22.0\r\n  },\r\n  {\r\n    'id': 'SafirTopDoorRail-NaturalAluminum',\r\n    'fileName': 'SafirTopDoorRail-NaturalAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 309.50684931506851,\r\n    'productHeight': 22.0\r\n  },\r\n  {\r\n    'id': 'SafirTopDoorRail-WhiteAluminum',\r\n    'fileName': 'SafirTopDoorRail-WhiteAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 574.548780487805,\r\n    'productHeight': 22.0\r\n  },\r\n  {\r\n    'id': 'SideWall-AntrasiteMelamine',\r\n    'fileName': 'SideWall-AntrasiteMelamine.jpg',\r\n    'productType': 'SideWall',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 698.1497279011619,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'SideWall-PineWood',\r\n    'fileName': 'SideWall-PineWood.jpg',\r\n    'productType': 'SideWall',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 709.24655526238644,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'SideWall-PineWoodLacker',\r\n    'fileName': 'SideWall-PineWoodLacker.jpg',\r\n    'productType': 'SideWall',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 698.95539906103284,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'SideWall-PineWoodProvence',\r\n    'fileName': 'SideWall-PineWoodProvence.jpg',\r\n    'productType': 'SideWall',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 708.83200941453367,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Asur-BronzeSteel',\r\n    'fileName': 'SlidingDoorBottomTrack-Asur-BronzeSteel.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 604.46511627906966,\r\n    'productHeight': 6.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Asur-SilverSteel',\r\n    'fileName': 'SlidingDoorBottomTrack-Asur-SilverSteel.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 6.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Asur-WhiteSteel',\r\n    'fileName': 'SlidingDoorBottomTrack-Asur-WhiteSteel.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 6.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-OneRail-BlackAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-OneRail-BlackAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 650.0,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-OneRail-BrassAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-OneRail-BrassAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 650.0,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-OneRail-SilverAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-OneRail-SilverAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 650.0,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-OneRail-WhiteAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-OneRail-WhiteAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 651.66279069767438,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Safir-BlackAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-BlackAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 599.9204545454545,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Safir-BrassAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-BrassAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 599.9204545454545,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Safir-SilverAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-SilverAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 607.13095238095241,\r\n    'productHeight': 13.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-Safir-WhiteAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-WhiteAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 597.45833333333337,\r\n    'productHeight': 13.0\r\n  },\r\n\r\n  // Note, The triple track materials are reusing the images from the Safir track types:\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-TripleRail-BlackAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-BlackAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 599.9204545454545,\r\n    'productHeight': 13.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-TripleRail-BrassAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-BrassAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 599.9204545454545,\r\n    'productHeight': 13.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-TripleRail-SilverAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-SilverAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 607.13095238095241,\r\n    'productHeight': 13.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorBottomTrack-TripleRail-WhiteAluminum',\r\n    'fileName': 'SlidingDoorBottomTrack-Safir-WhiteAluminum.jpg',\r\n    'productType': 'BottomTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 597.45833333333337,\r\n    'productHeight': 13.0,\r\n  },\r\n\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Asur-BronzeSteel',\r\n    'fileName': 'SlidingDoorTopTrack-Asur-BronzeSteel.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Asur-SilverSteel',\r\n    'fileName': 'SlidingDoorTopTrack-Asur-SilverSteel.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Asur-WhiteSteel',\r\n    'fileName': 'SlidingDoorTopTrack-Asur-WhiteSteel.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 50.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-ENeutral-NaturalAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-ENeutral-NaturalAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-OneRail-BlackAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-OneRail-BlackAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-OneRail-BrassAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-OneRail-BrassAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-OneRail-SilverAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-OneRail-SilverAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 599.02439024390242,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-OneRail-WhiteAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-OneRail-WhiteAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 600.0,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Safir-BlackAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-BlackAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.14705882352939,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Safir-BrassAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-BrassAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.21126760563379,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Safir-SilverAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-SilverAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.23297491039432,\r\n    'productHeight': 40.0\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-Safir-WhiteAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-WhiteAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.15901060070667,\r\n    'productHeight': 40.0\r\n  },\r\n\r\n  // Note, The triple track materials are reusing the images from the Safir track types:\r\n  {\r\n    'id': 'SlidingDoorTopTrack-TripleRail-BlackAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-BlackAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.14705882352939,\r\n    'productHeight': 40.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-TripleRail-BrassAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-BrassAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.21126760563379,\r\n    'productHeight': 40.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-TripleRail-SilverAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-SilverAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.23297491039432,\r\n    'productHeight': 40.0,\r\n  },\r\n  {\r\n    'id': 'SlidingDoorTopTrack-TripleRail-WhiteAluminum',\r\n    'fileName': 'SlidingDoorTopTrack-Safir-WhiteAluminum.jpg',\r\n    'productType': 'TopTrack',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 585.15901060070667,\r\n    'productHeight': 40.0,\r\n  },\r\n\r\n  {\r\n    'id': 'TitanBottomDoorRail-NaturalAluminum',\r\n    'fileName': 'TitanBottomDoorRail-NaturalAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 726.76106194690283,\r\n    'productHeight': 49.0\r\n  },\r\n  {\r\n    'id': 'TitanDoorStile-NaturalAluminum',\r\n    'fileName': 'TitanDoorStile-NaturalAluminum.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 46.0,\r\n    'productHeight': 2529.28125\r\n  },\r\n  {\r\n    'id': 'TitanTopDoorRail-NaturalAluminum',\r\n    'fileName': 'TitanTopDoorRail-NaturalAluminum.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 713.4589371980677,\r\n    'productHeight': 22.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-BirchVeneer',\r\n    'fileName': 'TopazDoorRail-BirchVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 837.92893401015237,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-BlackOakPaint',\r\n    'fileName': 'TopazDoorRail-BlackOakPaint.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 662.53521126760563,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-GrayNCS_S5500N',\r\n    'fileName': 'TopazDoorRail-GrayNCS_S5500N.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 616.92307692307691,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-OakVeneer',\r\n    'fileName': 'TopazDoorRail-OakVeneer.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 839.8779247202441,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-WhiteMelamine',\r\n    'fileName': 'TopazDoorRail-WhiteMelamine.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 831.40262361251257,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorRail-WhiteNCS_S0500N',\r\n    'fileName': 'TopazDoorRail-WhiteNCS_S0500N.jpg',\r\n    'productType': 'Rail',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 834.78260869565224,\r\n    'productHeight': 120.0\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-BirchVeneer',\r\n    'fileName': 'TopazDoorStile-BirchVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2516.7857142857147\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-BlackOakPaint',\r\n    'fileName': 'TopazDoorStile-BlackOakPaint.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2749.795918367347\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-GrayNCS_S5500N',\r\n    'fileName': 'TopazDoorStile-GrayNCS_S5500N.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2388.5714285714284\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-OakVeneer',\r\n    'fileName': 'TopazDoorStile-OakVeneer.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2367.3949579831933\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-WhiteMelamine',\r\n    'fileName': 'TopazDoorStile-WhiteMelamine.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2175.067264573991\r\n  },\r\n  {\r\n    'id': 'TopazDoorStile-WhiteNCS_S0500N',\r\n    'fileName': 'TopazDoorStile-WhiteNCS_S0500N.jpg',\r\n    'productType': 'Stile',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 80.0,\r\n    'productHeight': 2206.8965517241381\r\n  },\r\n  {\r\n    'id': 'TopazHDivider-BirchVeneer',\r\n    'fileName': 'TopazHDivider-BirchVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 673.7819025522042,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'TopazHDivider-BlackOakPaint',\r\n    'fileName': 'TopazHDivider-BlackOakPaint.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 454.76190476190476,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'TopazHDivider-GrayNCS_S5500N',\r\n    'fileName': 'TopazHDivider-GrayNCS_S5500N.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 440.44943820224717,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'TopazHDivider-OakVeneer',\r\n    'fileName': 'TopazHDivider-OakVeneer.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Proportional',\r\n    'heightStrategy': 'Crop',\r\n    'productWidth': 383.83838383838383,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'TopazHDivider-WhiteNCS_S0500N',\r\n    'fileName': 'TopazHDivider-WhiteNCS_S0500N.jpg',\r\n    'productType': 'Divider',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 406.18556701030923,\r\n    'productHeight': 100.0\r\n  },\r\n  {\r\n    'id': 'VulcanGrayMelamine',\r\n    'fileName': 'VulcanGrayMelamine.jpg',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 1218.0,\r\n    'productHeight': 248.0\r\n  },\r\n  {\r\n    'id': 'WhiteEmbossedReed',\r\n    'fileName': 'DoorPanel-WhiteEmbossedReed.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 954.950994950995,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'BlackOakPaint',\r\n    'fileName': 'DoorPanel-BlackOakPaint.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 949.52905198776762,\r\n    'productHeight': 2480.0\r\n  },\r\n  {\r\n    'id': 'WhiteMelamine',\r\n    'fileName': 'DoorPanel-WhiteMelamine.jpg',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'WhiteMelamineReed',\r\n    'fileName': 'DoorPanel-WhiteMelamineReed.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 957.1606771606771,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'WhiteNCS_S0500N',\r\n    'fileName': 'DoorPanel-WhiteNCS_S0500N.jpg',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n    {\r\n    'id': 'BirchVeneer',\r\n    'fileName': 'DoorPanel-BirchVeneer.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'Black_NCS_S9000N',\r\n    'fileName': 'DoorPanel-Black_NCS_S9000N.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 952.65597147950086,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'CottagePine',\r\n    'fileName': 'DoorPanel-CottagePine.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 965.83397982932513,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'LavaElm',\r\n    'fileName': 'DoorPanel-LavaElm.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 958.13809154383239,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'LightGreyXT',\r\n    'fileName': 'DoorPanel-LightGreyXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 785.357715752326,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'HorizonXT',\r\n    'fileName': 'DoorPanel-HorizonXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 613.89503862387517,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'Powder',\r\n    'fileName': 'DoorPanel-Powder.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 576.4798118384947,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'CashmereXT',\r\n    'fileName': 'DoorPanel-CashmereXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 617.60190703218109,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'VolcanicBlackXT',\r\n    'fileName': 'DoorPanel-VolcanicBlackXT.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'productWidth': 586.99728910859517,\r\n    'productHeight': 2280.0\r\n  },\r\n  {\r\n    'id': 'ClearGlass',\r\n    'fileName': 'DoorPanel-ClearGlass.jpg',\r\n    'productType': 'Panel',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1210.0062695924767,\r\n    'productHeight': 1608.3000000000002\r\n  },\r\n  {\r\n    'id': 'Lavender_NCS_S1020N_R40B',\r\n    'fileName': 'DoorPanel-Lavender_NCS_S1020N_R40B.jpg',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1018.488733972364,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'LightGrayReed',\r\n    'fileName': 'DoorPanel-LightGrayReed.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 947.23558313938452,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'ManhattanGrayMelamine',\r\n    'fileName': 'DoorPanel-ManhattanGrayMelamine.jpg',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1240.0,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'OakReed',\r\n    'fileName': 'DoorPanel-OakReed.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 960.70907194994788,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'OakVeneer',\r\n    'fileName': 'DoorPanel-OakVeneer.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'BirchVeneer',\r\n    'fileName': 'DoorPanel-BirchVeneer.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'OakWhiteMelamine',\r\n    'fileName': 'DoorPanel-OakWhiteMelamine.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'OakWhiteVeneer',\r\n    'fileName': 'DoorPanel-OakWhiteVeneer.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 1200.4670472236637,\r\n    'productHeight': 3300.0\r\n  },\r\n  {\r\n    'id': 'PrimedFoil',\r\n    'fileName': 'DoorPanel-WhiteMelamine.jpg',\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'productWidth': 1216.8970189701897,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'SanRemoSandOak',\r\n    'fileName': 'DoorPanel-SanRemoSandOak.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 953.9694853891906,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'StoneAsh',\r\n    'fileName': 'DoorPanel-StoneAsh.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 959.73931178310738,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'Taupe_NCS_S6005_Y20R',\r\n    'fileName': 'DoorPanel-Taupe_NCS_S6005_Y20R.jpg',\r\n    'widthStrategy': 'Crop',\r\n    'heightStrategy': 'Proportional',\r\n    'productWidth': 969.236031927024,\r\n    'productHeight': 2480.0,\r\n  },\r\n  {\r\n    'id': 'FlexiBasketAndTracks-SilverSteel',\r\n    'color': '#C0C0C0',\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'FlexiBasketAndTracks-WhiteSteel',\r\n    'color': '#FFFFFF',\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'FlexiBasketAndTracks-BlackSteel',\r\n    'color': '#000000',\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'MeshBasketAndTracks-SilverSteel',\r\n    'fileName': 'MeshBasket-SilverSteel.png', // For the mesh pattern\r\n    'hasAlpha': true,\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'color': '#C0C0C0', // For the rim\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'MeshBasketAndTracks-WhiteSteel',\r\n    'fileName': 'MeshBasket-WhiteSteel.png',\r\n    'hasAlpha': true,\r\n    'widthStrategy': 'Cover',\r\n    'heightStrategy': 'Cover',\r\n    'color': '#FFFFFF',\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'MeshBasketAndTracks-BlackSteel',\r\n    'fileName': 'MeshBasket-BlackSteel.png',\r\n    'hasAlpha': true,\r\n    'widthStrategy': 'Fill',\r\n    'heightStrategy': 'Fill',\r\n    'color': '#000000',\r\n    'specularColor': '#000000', // To reduce glare on the thin wires\r\n  },\r\n  {\r\n    'id': 'SilverSteel',\r\n    'color': '#C0C0C0',\r\n  },\r\n  {\r\n    'id': 'WhiteSteel',\r\n    'color': '#FFFFFF',\r\n  },\r\n  {\r\n    'id': 'BlackSteel',\r\n    'color': '#000000',\r\n  },\r\n];","import { ObjectUtils, StringUtils } from '../main/ObjectUtils.js';\r\nimport { ProductMaterialsMap } from './ProductMaterialsMap.js';\r\nimport { ProductInteraction } from './ProductInteraction.js';\r\nimport { Component } from './Components.js';\r\nimport { WindowResizeMonitor } from '../main/WindowResizeMonitor.js';\r\n\r\nexport class ProductDrawing {\r\n  constructor(drawingEngine, finishImagesBaseUrl, allFinishesMap) {\r\n    this.interactionBehaviors = [];\r\n    this.isInteractive = false;\r\n    this.isProductDisplayed = false;\r\n    this._product = null;\r\n    this.allFinishesMap = allFinishesMap;\r\n    const getFinishName = this.allFinishesMap\r\n      ? id => this.getProductFinishName(id)\r\n      : id => id;\r\n    this.engine = drawingEngine;\r\n    this.engine.getFinishName = getFinishName;\r\n    this.engine.finishImagesBaseUrl = finishImagesBaseUrl;\r\n    this.drawingService = this.engine.createDrawingService();\r\n    if (ProductMaterialsMap) {\r\n      const cmScale = 1; //10; // Convert from cm to mm\r\n      this.drawingService.addMaterials(ProductMaterialsMap, cmScale);\r\n    } else {\r\n      this.drawingService.addFallbackMaterials();\r\n    }\r\n\r\n    /* The bestFitStageAndCanvas method will make the canvas the size of the parent container, and\r\n     * then make the stage as large as possible within the canvas while maintaining it's aspect\r\n     * ratio. When fitCanvasAroundStage is true, the canvas size will be reduced to just fit around\r\n     * the stage, and be positioned in the top/left corner of the parent container. */\r\n    this.fitCanvasAroundStage = false;\r\n\r\n    this.resizeMonitor = new WindowResizeMonitor(/*startImmediately:*/ true);\r\n    this.resizeMonitor.onResize = mon => {\r\n      if (this.isProductDisplayed) {\r\n        this.bestFitStageAndCanvas(true);\r\n        /* This handles some weird case where the container's clientWidth isn't updated in real time,\r\n         * but instead happens 300-1000 ms. later. */\r\n        this.doIfCanvasContainerWidthUpdatesWithin(1000, () => {\r\n          //console.log('Canvas container width did update!')\r\n          this.bestFitStageAndCanvas(true);\r\n        });\r\n      }\r\n    };\r\n  }\r\n\r\n  get product() {\r\n    return this._product;\r\n  }\r\n\r\n  set product(value) {\r\n    if (value !== this._product) {\r\n      this._product = value;\r\n      this.interactionBehaviors.forEach(behavior => {\r\n        if (behavior instanceof ProductInteraction) {\r\n          behavior.product = value;\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  getProductFinishName(id) {\r\n    return this.allFinishesMap[id] ? this.allFinishesMap[id].caption.trim() : null;\r\n  }\r\n\r\n  async loadMaterials(materialIdsToLoad, loadHighResAsWell) {\r\n    let resolution = this.engine.lowRes;\r\n    //console.log(`Awaiting engine.loadMaterials (${resolution})...`);\r\n    const loadingMaterials = await this.engine.loadMaterials(this.drawingService.materials,\r\n      materialIdsToLoad, resolution);\r\n    //console.log(`${loadingMaterials.length} ${resolution} materials loaded!`);\r\n    if (loadHighResAsWell) {\r\n      resolution = this.engine.highRes;\r\n      // Load the high-res images asynchronously:\r\n      //console.log(`Async engine.loadMaterials (${resolution})...`);\r\n      this.engine.loadMaterials(this.drawingService.materials, materialIdsToLoad, resolution)\r\n        .then(materials => {\r\n          //console.log(`${materials.length} ${resolution} materials async-loaded!`);\r\n          if (materials.length > 0) {\r\n            //console.log('Next, setting current material and refreshing drawing...');\r\n            this.engine.setCurrentMaterialImageResolution(materials, resolution);\r\n            this.drawingService.refreshMaterialImages(this.product);\r\n            //console.log('Current material set and drawing refreshed!');\r\n          }\r\n        });\r\n      //console.log(`Continuing while ${resolution} materials are being loaded...`);\r\n    }\r\n    return loadingMaterials;\r\n  }\r\n\r\n  toggleFinishLabels(on) {\r\n    this.isLabelsVisible = on;\r\n    if (this.product) {\r\n      this.product.toggleFinishLabels(on);\r\n    }\r\n    this.engine.renderOnce();\r\n  }\r\n\r\n  removeProduct() {\r\n    if (ObjectUtils.isAssigned(this.product)) {\r\n      if (this.isInteractive) {\r\n        /* Since we're just about to remove our product (the displayObjects) from the drawing,\r\n         * let's take the opportunity and deactivate interaction on the displayObjects. */\r\n        this.activateInteraction(false);\r\n      }\r\n      this.product.removeDisplayObject();\r\n      console.log('ProductDrawing: Removed display object from root product');\r\n      if (this.engine.usesStageProduct) {\r\n        this.stageProduct.removeComponent(this.product);\r\n        this.stageProduct = null;\r\n      }\r\n      this.product = null;\r\n      console.log('ProductDrawing: Cleared root product');\r\n    }\r\n  }\r\n\r\n  getModifiedApiProduct() {\r\n    return this.product != null ? this.product.getModifiedApiProduct() : null;\r\n  }\r\n\r\n  displayProduct(product) {\r\n    const wereLabelsActive = this.isLabelsVisible;\r\n    if (wereLabelsActive) {\r\n      this.toggleFinishLabels(false);\r\n    }\r\n    this.removeProduct();\r\n\r\n    // Remove any offsets on the root api product:\r\n    if (product.apiProduct.l > 0) {\r\n      console.log('Product contains location offsets (should have been cleared by server)');\r\n      // 3/28/2019: Clearing the location properties should now have been done in the StoreApi on the Designer server.\r\n      // DONE: Clear the two statements below in a few days (after 3/28/19)\r\n      //product.apiProduct.l = 0;\r\n      //product.apiProduct.b = 0;\r\n    }\r\n\r\n    if (this.engine.usesStageProduct) {\r\n      // Create a wrapper component for the stage displayObject, just for convenience reasons:\r\n      const stageApiProduct = {\r\n        l: 0,\r\n        b: 0,\r\n        z: 0,\r\n        w: product.apiProduct.w,\r\n        h: product.apiProduct.h,\r\n        d: product.apiProduct.d,\r\n      };\r\n      this.stageProduct = new Component('Stage Product', this.drawingService, stageApiProduct);\r\n      this.stageProduct.displayObject = this.engine.getStageDisplayObject();\r\n      this.stageProduct.addComponent(product);\r\n    }\r\n    this.product = product;\r\n    // This triggers creation of display objects for the entire product components graph:\r\n    const displayObject = this.drawingService.createDisplayObject(this.product);\r\n    /* This method will add the display object to the parent div (HtmlDrawingEngine). For Pixi and\r\n     * Babylon engines this method might not do anything since the display object (a mesh) has already\r\n     * been added when it was created. */\r\n    this.engine.addToDrawing(displayObject);\r\n    console.log('ProductDrawing: Added root product to the drawing');\r\n\r\n    if (this.isInteractive) {\r\n      /* Since we just added our product (the displayObjects) to the drawing, this is the first\r\n       * opportunity to activate interaction on the displayObjects (even if isInteractive is\r\n       * already true). */\r\n      this.activateInteraction(true);\r\n    }\r\n\r\n    if (wereLabelsActive) {\r\n      this.toggleFinishLabels(true);\r\n    }\r\n\r\n    // TODO: We probably don't need to call renderOnce here since it'll happen inside bestFitStageAndCanvas\r\n    this.engine.renderOnce();\r\n    this.bestFitStageAndCanvas(true);\r\n\r\n    if (this.onProductDisplayed) {\r\n      this.onProductDisplayed(this, product);\r\n    }\r\n    this.isProductDisplayed = true;\r\n  }\r\n\r\n  //#region Interaction Behaviors\r\n\r\n  /**\r\n   * Adds the interaction behavior to the behaviors array and updates the behavior's state based\r\n   * on the value of this.isInteractive.\r\n   */\r\n  addInteractionBehavior(behavior) {\r\n    behavior.onInteraction = b => this.engine.renderOnce();\r\n    this.interactionBehaviors.push(behavior);\r\n    behavior.setIsInteractive(this.isInteractive);\r\n    if (behavior instanceof ProductInteraction) {\r\n      behavior.product = this.product;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Turns interaction off on the behavior and removes the behavior from our array.\r\n   */\r\n  removeInteractionBehavior(behavior) {\r\n    behavior.setIsInteractive(false);\r\n    behavior.onInteraction = null;\r\n    ObjectUtils.removeFromArray(this.interactionBehaviors, behavior);\r\n    if (behavior instanceof ProductInteraction) {\r\n      behavior.product = null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * This method is has protected privacy and is intended to be called when isInteractive is already\r\n   * true, but we haven't yet been able to enable the interaction on the displayObjects (e.g. because\r\n   * the displayObjects were just now created).\r\n   * @param {any} on Activate? or deactivate?\r\n   */\r\n  activateInteraction(on) {\r\n    if (this.isInteractive) {\r\n      this.interactionBehaviors.forEach(b => {\r\n        b.activateInteraction(on);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Sets the isInteractive property value after calling setIsInteractive on each behavior in\r\n   * our array.\r\n   */\r\n  setIsInteractive(on) {\r\n    if (on !== this.isInteractive) {\r\n      this.interactionBehaviors.forEach(b => {\r\n        b.setIsInteractive(on);\r\n      });\r\n      this.isInteractive = on;\r\n    }\r\n  }\r\n\r\n  // High end methods:\r\n\r\n  removeProductInteraction() {\r\n    if (ObjectUtils.isAssigned(this.productInteraction)) {\r\n      this.removeInteractionBehavior(this.productInteraction);\r\n      this.productInteraction = null;\r\n    }\r\n  }\r\n\r\n  addProductInteraction(productInteraction) {\r\n    this.productInteraction = productInteraction;\r\n    this.addInteractionBehavior(productInteraction);\r\n  }\r\n\r\n  //#endregion Interaction Behaviors\r\n\r\n  /**\r\n   * Returns an object with the width and height of the drawing. This should match the size of the\r\n   * image returned by the getDrawingImageUrl method.\r\n   */\r\n  getDrawingSize() {\r\n    return this.engine.getDrawingSize();\r\n  }\r\n\r\n  getDrawingImageUrl() {\r\n    return this.engine.getDrawingImageUrl();\r\n  }\r\n\r\n  doIfCanvasContainerWidthUpdatesWithin(ms, callback) {\r\n    const startTime = Date.now();\r\n    const container = this.engine.productDrawing.parentNode;\r\n    const initialWidth = container.clientWidth;\r\n    const onFrame = () => {\r\n      const width = container.clientWidth;\r\n      if (width !== initialWidth) {\r\n        callback();\r\n      } else if (Date.now() - startTime < ms) {\r\n        //console.log('Checking to see if canvas container resizes....requesting another frame...');\r\n        requestAnimationFrame(onFrame);\r\n      } else {\r\n        //console.log('Timed out requesting frames!');\r\n      }\r\n    };\r\n    requestAnimationFrame(onFrame);\r\n  }\r\n\r\n  bestFitStageAndCanvas(renderOnce) {\r\n    this.engine.bestFitStageAndCanvas(this.fitCanvasAroundStage, renderOnce);\r\n  }\r\n\r\n  resizeCanvasToFitInFullWindow(renderOnce) {\r\n    this.engine.resizeCanvasToFitInFullWindow(renderOnce);\r\n  }\r\n\r\n  // As of 8/17/2020 not in use, but should still be functional\r\n  resizeCanvasToFitInFullScreen(renderOnce) {\r\n    this.engine.resizeCanvasToFitInFullScreen(renderOnce);\r\n  }\r\n\r\n  resizeCanvasToFitAroundStage(renderOnce) {\r\n    this.engine.resizeCanvasToFitAroundStage(renderOnce);\r\n  }\r\n\r\n}\r\n","import { HttpService } from '../main/HttpService.js';\r\n\r\n/*# This class' sole purpose is to communicate with the server. #*/\r\nexport class ProductService extends HttpService {\r\n  constructor(serviceUrl) {\r\n    super(serviceUrl);\r\n    this.sameSiteOnly = true; // See super() for info\r\n  }\r\n\r\n  async getFormattedTechSpec(langReg, techSpec, signal) {\r\n    return await this.postJsonObject(`FormattedTechSpec?langReg=${langReg}`, techSpec, signal);\r\n  }\r\n\r\n  async getVariantProductDetails(variantProductId, variantId, signal) {\r\n    return await this.fetchJson(`VariantProductDetails?variantProductId=${variantProductId}&variantId=${variantId}`, { signal });\r\n  }\r\n\r\n  async getProductVariantId(variantProductId, attributes, signal) {\r\n    const dto = {\r\n      variantProductId,\r\n      attributes\r\n    };\r\n    return await this.postJsonObject(`GetProductVariantId`, dto, signal);\r\n  }\r\n}\r\n\r\n/*# This class' sole purpose is to communicate with the server. #*/\r\nexport class DesignerService extends HttpService {\r\n  constructor(serviceUrl, sessionId) {\r\n    super(serviceUrl);\r\n    this.HDR_SESSION_ID = 'x-designer-session';\r\n    this.sessionId = sessionId;\r\n    this.includeSessionId = true;\r\n  }\r\n\r\n  prepareGetOptions(options) {\r\n    options = super.prepareGetOptions(options);\r\n    if (!options) {\r\n      options = {};\r\n    }\r\n    if (!options.headers) {\r\n      options.headers = {};\r\n    }\r\n    if (this.includeSessionId === true) {\r\n      options.headers[this.HDR_SESSION_ID] = this.sessionId;\r\n    }\r\n    return options;\r\n  }\r\n\r\n  afterGet(response) {\r\n    super.afterGet(response);\r\n    this.sessionId = response.headers.get(this.HDR_SESSION_ID);\r\n  }\r\n\r\n  preparePutAndPostOptions(options) {\r\n    options = super.preparePutAndPostOptions(options);\r\n    if (!options) {\r\n      options = {};\r\n    }\r\n    if (!options.headers) {\r\n      options.headers = {};\r\n    }\r\n    if (this.includeSessionId === true) {\r\n      options.headers[this.HDR_SESSION_ID] = this.sessionId;\r\n    }\r\n    return options;\r\n  }\r\n\r\n  afterPost(response) {\r\n    super.afterPost(response);\r\n    this.sessionId = response.headers.get(this.HDR_SESSION_ID);\r\n  }\r\n\r\n  async getProductDetails(productId, signal, ignoreSession) {\r\n    if (ignoreSession === true) {\r\n      this.includeSessionId = false;\r\n    }\r\n    try {\r\n      return await this.fetchJson(`details?solutionId=${productId}`, { signal });\r\n    } finally {\r\n      this.includeSessionId = true;\r\n    }\r\n  }\r\n\r\n  async updatePropertyValue(name, value, signal) {\r\n    return await this.post(`updatePropertyValue?name=${name}&value=${value}`, signal);\r\n  }\r\n\r\n  /* This method should be used if the product contains all product properties, and one need to\r\n   * update/initialize the Designer service's session with a starting point for further product\r\n   * modifications. Each property of the product will be assigned to the product in the service's\r\n   * cached session data.\r\n   *\r\n   * WARNING: This method should only used when the product's properties are \"consistent\", meaning\r\n   * they have previously been updated/validated by the Designer service. The caller should NOT\r\n   * modify the product's properties and then call this method. Instead one should use the\r\n   * updateProductPlusDelta, updateProductValues, or updateProductValue methods. */\r\n  async updateProduct(product, signal, resetSession) {\r\n    if (resetSession === true) {\r\n      this.includeSessionId = false;\r\n    }\r\n    try {\r\n      return await this.postJsonObject('updateProduct', product, signal);\r\n    } finally {\r\n      this.includeSessionId = true;\r\n    }\r\n  }\r\n\r\n  /* This method should be used if the product contains all product properties, and the deltaProduct\r\n   * contains aditional property modifications. The comments for the updateProduct() method apply to\r\n   * the product parameter. */\r\n  async updateProductPlusDelta(product, deltaProduct, signal) {\r\n    const productPlusDelta = { product, deltaProduct };\r\n    return await this.postJsonObject('updateProductPlusDelta', productPlusDelta, signal);\r\n  }\r\n\r\n  /* This method should be used if the product contains a subset of all product properties,\r\n   * and it's only this subset which should be updated. */\r\n  async updateProductValues(product, signal) {\r\n    return await this.postJsonObject('updateProductValues', product, signal);\r\n  }\r\n}\r\n","import { Zoomer } from './zoomer.js';\r\nimport { RepeatWhileMouseDown, DragToScroll, Utils } from '../main/ObjectUtils.js';\r\nimport { HtmlAspectRatioSizer, HtmlSizerStrategy } from './HtmlDrawing/HtmlAspectRatioSizer.js';\r\n\r\nexport class ProductZoomer extends Zoomer {\r\n  constructor() {\r\n    const options = {\r\n      AspectRatioSizerClass: HtmlAspectRatioSizer,\r\n      RepeatWhileMouseDownClass: RepeatWhileMouseDown,\r\n      DragToScrollClass: DragToScroll,\r\n      UtilsClass: Utils,\r\n      sizerStrategy: HtmlSizerStrategy.pctWidthPxHeight,\r\n      zoomDelta: 1,\r\n      zoomInterval: 20,\r\n      isUsingTransitions: true,\r\n      // The container of the zoomer element. The container is there to add margins, etc.\r\n      targetContainer: document.querySelector('.zoomer-parent'),\r\n      /* The element we are zooming. If we are dynamically creating the product drawing, then we\r\n       * may not yet have an element to attach the zoom-target class to, and must manually call\r\n       * Zoomer.assignTargetElement(...) later. */\r\n      targetElement: document.querySelector('.zoomer .zoom-target'),\r\n      zoomOutBtn: document.getElementById('zoom-out-btn'),\r\n      zoomInBtn: document.getElementById('zoom-in-btn'),\r\n      containBtn: document.getElementById('best-fit-btn'),\r\n      pct100Btn: document.getElementById('pct-100-btn'),\r\n      fullWidthBtn: document.getElementById('full-width-btn'),\r\n      fullHeightBtn: document.getElementById('full-height-btn'),\r\n      fullscreenBtn: document.getElementById('fullscreen-btn'),\r\n      closeBtn: document.getElementById('close-btn'),\r\n    };\r\n    super(options);\r\n  }\r\n\r\n  // TODO: We probably don't need this static method. Just call the constructor directly.\r\n  static install() {\r\n    return new ProductZoomer();\r\n  }\r\n}","export class Zoomer {\r\n  constructor(options) {\r\n    this.zoomDelta = options.zoomDelta;\r\n    this.zoomInterval = options.zoomInterval;\r\n    // The container of the zoomer element. The container is there to add margins, etc.\r\n    this.targetContainer = options.targetContainer;\r\n    this.zoomOutBtn = options.zoomOutBtn;\r\n    this.zoomInBtn = options.zoomInBtn;\r\n    this.containBtn = options.containBtn;\r\n    this.pct100Btn = options.pct100Btn;\r\n    this.fullWidthBtn = options.fullWidthBtn;\r\n    this.fullHeightBtn = options.fullHeightBtn;\r\n    this.fullscreenBtn = options.fullscreenBtn;\r\n    this.closeBtn = options.closeBtn;\r\n    this.isUsingTransitions = options.isUsingTransitions;\r\n    this.autoActivate = options.autoActivate;\r\n    this.sizerStrategy = options.sizerStrategy;\r\n    this.onDeactivate = options.onDeactivate;\r\n    this.onActivated = options.onActivated;\r\n\r\n    this.AspectRatioSizer = options.AspectRatioSizerClass;\r\n    this.RepeatWhileMouseDown = options.RepeatWhileMouseDownClass;\r\n    this.DragToScroll = options.DragToScrollClass;\r\n    this.Utils = options.UtilsClass;\r\n\r\n    /* This element must be the first child of the targetContainer element, and will become the\r\n     * parent of the targetElement element. */\r\n    this.targetParent = this.targetContainer.firstElementChild;\r\n    this.assignTargetElement(options.targetElement, this.autoActivate);\r\n\r\n    this.containBtn.addEventListener('click', () => this.containImage());\r\n    this.pct100Btn.addEventListener('click', () => this.zoomTo100Pct());\r\n    this.fullWidthBtn.addEventListener('click', () => this.zoomToFullWidth());\r\n    this.fullHeightBtn.addEventListener('click', () => this.zoomToFullHeight());\r\n    if (this.fullscreenBtn) {\r\n      this.fullscreenBtn.addEventListener('click', () => this.activateFullscreen());\r\n    }\r\n    this.closeBtn.addEventListener('click', () => this.deactivateFullscreen());\r\n    this.targetParent.addEventListener('mousedown', event => {\r\n      this.origMouseX = event.clientX;\r\n      this.origMouseY = event.clientY;\r\n    });\r\n    this.targetParent.addEventListener('click', event => {\r\n      if (event.target === this.targetParent) {\r\n        const dx = event.clientX - this.origMouseX;\r\n        const dy = event.clientY - this.origMouseY;\r\n        // Prevent drags from being considered clicks:\r\n        if (Math.abs(dx) < 20 && Math.abs(dy) < 20) {\r\n          this.deactivateFullscreen();\r\n        }\r\n      }\r\n    });\r\n\r\n    this.zoomOutRepeat = new this.RepeatWhileMouseDown(this.zoomOutBtn, this.zoomInterval,\r\n      () => this.prepareRepeatedZoom(false),\r\n      () => this.decreaseZoom(),\r\n      wasClick => this.handleZoomRepeatDone(wasClick, false));\r\n    this.zoomInRepeat = new this.RepeatWhileMouseDown(this.zoomInBtn, this.zoomInterval,\r\n      () => this.prepareRepeatedZoom(true),\r\n      () => this.increaseZoom(),\r\n      wasClick => this.handleZoomRepeatDone(wasClick, true));\r\n\r\n    /* dragToScroll enables pointer devices to scroll the product image by using a drag operation.\r\n     * On touch devices this functionality is built-in. */\r\n    this.dragToScroll = new this.DragToScroll(this.targetParent, this.targetElement);\r\n\r\n    this.sizer = new this.AspectRatioSizer(options.sizerStrategy, true);\r\n    this.lastZoom = () => {} // Noop by default\r\n  }\r\n\r\n  updateToolbarButtons() {\r\n    if (this.AspectRatioSizer.hasHigherWHRatioThanParent(this.targetElement, this.targetWidthHeightRatio)) {\r\n      this.fullWidthBtn.style.display = 'none';\r\n      this.fullHeightBtn.style.display = '';\r\n    } else {\r\n      this.fullWidthBtn.style.display = '';\r\n      this.fullHeightBtn.style.display = 'none';\r\n    }\r\n  }\r\n\r\n  assignTargetElement(targetElement, autoActivate) {\r\n    if (targetElement !== this.targetElement) {\r\n      if (this.targetElement) {\r\n        // Clean up\r\n        this.Utils.removeEventListener(this.imageLoadListener);\r\n        this.Utils.removeEventListener(this.windowLoadListener);\r\n        if (this.isActive) {\r\n          this.deactivateFullscreen();\r\n        }\r\n      }\r\n      this.targetElement = targetElement;\r\n      if (this.targetElement) {\r\n        this.dragToScroll.updateChildElement(this.targetElement);\r\n        // The element we are zooming:\r\n        this.hasNaturalSize = typeof this.targetElement.naturalWidth != 'undefined';\r\n        if (autoActivate) {\r\n          if (this.targetElement.tagName.toLowerCase() === 'img') {\r\n            if (this.targetElement.complete) {\r\n              this.activateFullscreen();\r\n            } else {\r\n              this.imageLoadListener = this.Utils.addEventListener(this.targetElement, 'load', () => {\r\n                this.activateFullScreen();\r\n                this.Utils.removeEventListener(this.imageLoadListener);\r\n              });\r\n            }\r\n          } else {\r\n            if (document.readyState === 'complete') {\r\n              this.activateFullscreen();\r\n            } else {\r\n              this.windowLoadListener = this.Utils.addEventListener(window, 'load', () => {\r\n                this.activateFullscreen();\r\n                this.Utils.removeEventListener(this.windowLoadListener);\r\n              });\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  activateFullscreen() {\r\n    this.targetOriginalStyle = this.targetElement.getAttribute('style');\r\n    this.targetOriginalParent = this.targetElement.parentNode;\r\n    this.targetOriginalSibling = this.targetElement.nextSibling;\r\n    this.targetContainer.classList.remove('hidden');\r\n    if (!this.hasNaturalSize) {\r\n      this.pct100BtnDisplayStyle = this.pct100Btn.style.display;\r\n      this.pct100Btn.style.display = 'none';\r\n    }\r\n    const docStyle = document.documentElement.style;\r\n    this.origDocOverflow = docStyle.overflow;\r\n    docStyle.overflow = 'hidden';\r\n    this.transitionstartListener = this.Utils.addEventListener(this.targetElement, 'transitionstart', () => this.handleTransitionStart());\r\n    this.transitionendListener = this.Utils.addEventListener(this.targetElement, 'transitionend', () => this.handleTransitionEnd());\r\n    this.resizeListener = this.Utils.addEventListener(window, 'resize', () => {\r\n      this.lastZoom();\r\n      this.updateToolbarButtons();\r\n    });\r\n    this.dragToScroll.start();\r\n    this.isActive = true;\r\n\r\n    // We have to add a short delay after changing visibility in order for transition effects to work.\r\n    setTimeout(() => {\r\n      // Capture the target element's natural size. We assume there are no width/height set on it at this point\r\n      this.targetWidth = this.targetElement.clientWidth;\r\n      this.targetHeight = this.targetElement.clientHeight;\r\n      this.targetWidthHeightRatio = this.AspectRatioSizer.getWidthHeightRatio(this.targetElement);\r\n\r\n      this.targetParent.insertBefore(this.targetElement, this.targetParent.firstElementChild);\r\n      this.targetContainer.classList.add('active');\r\n\r\n      this.updateToolbarButtons();\r\n      this.containImage(false);\r\n      this.keydownListener = this.Utils.addEventListener(document, 'keydown', () => this.deactivateFullscreen());\r\n      if (this.onActivated) {\r\n        this.onActivated();\r\n      }\r\n    }, 5);\r\n  }\r\n\r\n  deactivateFullscreen() {\r\n    this.Utils.removeEventListener(this.keydownListener);\r\n    this.Utils.removeEventListener(this.resizeListener);\r\n    this.Utils.removeEventListener(this.transitionstartListener);\r\n    this.Utils.removeEventListener(this.transitionendListener);\r\n    this.dragToScroll.stop();\r\n\r\n    if (!this.hasNaturalSize) {\r\n      this.pct100Btn.style.display = this.pct100BtnDisplayStyle;\r\n    }\r\n    if (this.targetOriginalStyle) {\r\n      this.targetElement.setAttribute('style', this.targetOriginalStyle);\r\n    } else {\r\n      this.targetElement.removeAttribute('style');\r\n    }\r\n    document.documentElement.style.overflow = this.origDocOverflow;\r\n    this.disableTransitions();\r\n    this.targetOriginalParent.insertBefore(this.targetElement, this.targetOriginalSibling);\r\n    this.isActive = false;\r\n\r\n    // Allow the target element to be put back into place before hiding the zoomer:\r\n    setTimeout(() => {\r\n      this.targetContainer.classList.remove('active');\r\n      // We need to wait at least for the duration of the css transition before changing visibility:\r\n      setTimeout(() => {\r\n        this.targetContainer.classList.add('hidden');\r\n        if (this.onDeactivate) {\r\n          this.onDeactivate();\r\n        }\r\n      }, 500);\r\n    }, 10);\r\n  }\r\n\r\n  getZoomValueFromStyle() {\r\n    const css = this.targetElement.style.width;\r\n    if (css === 'auto') {\r\n      return NaN;\r\n    }\r\n    const str = css.substring(0, css.length - 1);\r\n    return Number(str);\r\n  }\r\n\r\n  setStyleFromCurrentZoom(height) {\r\n    const style = this.targetElement.style;\r\n    style.width = isNaN(this.currentZoom) ? 'auto' : this.currentZoom + '%';\r\n    if (!this.hasNaturalSize) {\r\n      // Must also update height whenever we change width:\r\n      style.height = height + 'px';\r\n    }\r\n  }\r\n\r\n  convertAutoZoomToPct() {\r\n    if (isNaN(this.currentZoom)) {\r\n      this.currentZoom = 100 * this.targetElement.clientWidth / this.targetElement.parentNode.clientWidth;\r\n    }\r\n  }\r\n\r\n  getWidthAsPercent() {\r\n    return 100 * this.targetWidth / this.targetElement.parentNode.clientWidth;\r\n  }\r\n\r\n  handleTransitionStart() {\r\n    const style = this.targetElement.style;\r\n    if (style.width === 'auto') {\r\n      style.width = this.getWidthAsPercent() + '%';\r\n    }\r\n  }\r\n\r\n  handleTransitionEnd() {\r\n    if (this.setWidthToAutoAtEnd) {\r\n      this.targetElement.style.width = 'auto';\r\n      this.setWidthToAutoAtEnd = false;\r\n    }\r\n  }\r\n\r\n  disableTransitions() {\r\n    this.targetElement.classList.remove('transition');\r\n  }\r\n\r\n  enableTransitions() {\r\n    this.targetElement.classList.add('transition');\r\n  }\r\n\r\n  applyCurrentZoom() {\r\n    this.setStyleFromCurrentZoom(this.sizer.childHeight);\r\n    this.sizer.alignCenter(this.targetElement, true);\r\n  }\r\n\r\n  decreaseZoom(multiplier = 1) {\r\n    this.currentZoom = this.sizer.changeZoom(this.targetElement, this.currentZoom, -this.zoomDelta * multiplier);\r\n    this.applyCurrentZoom();\r\n  }\r\n\r\n  increaseZoom(multiplier = 1) {\r\n    this.currentZoom = this.sizer.changeZoom(this.targetElement, this.currentZoom, this.zoomDelta * multiplier);\r\n    this.applyCurrentZoom();\r\n  }\r\n\r\n  prepareRepeatedZoom(isZoomIn) {\r\n    this.disableTransitions();\r\n    this.convertAutoZoomToPct();\r\n    this.lastZoom = () => {\r\n      this.currentZoom = this.sizer.changeZoom(this.targetElement, this.currentZoom, 0);\r\n      this.applyCurrentZoom();\r\n    };\r\n  }\r\n\r\n  handleZoomRepeatDone(wasClick, isZoomIn) {\r\n    this.currentZoom = this.getZoomValueFromStyle();\r\n    if (wasClick) {\r\n      this.disableTransitions();\r\n      if (isZoomIn) {\r\n        this.increaseZoom(4);\r\n      } else {\r\n        this.decreaseZoom(4);\r\n      }\r\n    }\r\n  }\r\n\r\n  zoomTo100Pct() {\r\n    const style = this.targetElement.style;\r\n    if (this.isUsingTransitions) {\r\n      this.setWidthToAutoAtEnd = false;\r\n      this.enableTransitions();\r\n      const width = this.getWidthAsPercent();\r\n      style.width = width + '%';\r\n    } else {\r\n      style.width = 'auto';\r\n    }\r\n    this.currentZoom = this.getZoomValueFromStyle();\r\n    style.height = 'auto';\r\n    this.sizer.childWidth = this.targetWidth;\r\n    this.sizer.childHeight = this.targetHeight;\r\n    style.left = 0;\r\n    style.top = 0;\r\n    //this.sizer.alignCenter(this.targetElement, true);\r\n    this.lastZoom = () => this.zoomTo100Pct();\r\n  }\r\n\r\n  containImage(enableTransitions = true) {\r\n    if (!this.targetElement.parentNode) {\r\n      // We have a case there the targetElement doesn't have a parent. Not sure why yet. 11/22/2021.\r\n      return;\r\n    }\r\n    if (enableTransitions) {\r\n      this.enableTransitions();\r\n    }\r\n    this.sizer.contain(this.targetElement, this.targetWidthHeightRatio);\r\n    this.sizer.alignCenter(this.targetElement, true);\r\n    this.currentZoom = this.getZoomValueFromStyle();\r\n    this.lastZoom = () => this.containImage();\r\n  }\r\n\r\n  zoomToFullWidth() {\r\n    this.enableTransitions();\r\n    this.sizer.sizeToFullWidth(this.targetElement);\r\n    this.sizer.alignCenter(this.targetElement, true);\r\n    this.currentZoom = this.getZoomValueFromStyle();\r\n    this.lastZoom = () => this.zoomToFullWidth();\r\n  }\r\n\r\n  zoomToFullHeight() {\r\n    this.enableTransitions();\r\n    this.sizer.sizeToFullHeight(this.targetElement);\r\n    this.sizer.alignCenter(this.targetElement, true);\r\n    this.currentZoom = this.getZoomValueFromStyle();\r\n    this.lastZoom = () => this.zoomToFullHeight();\r\n  }\r\n}","import { ObjectUtils } from '../main/ObjectUtils.js';\r\nimport { ProductDrawingViewModel } from './ProductDrawingViewModel.js';\r\nimport { AnyProductInteraction } from './ProductInteraction.js';\r\nimport { ProductZoomer } from './ProductZoomer.js';\r\n\r\n/**\r\n * The SimpleProductPreviewer can be used on any page where we need to display the product drawing.\r\n */\r\nexport class SimpleProductPreviewer extends ProductDrawingViewModel {\r\n  constructor(drawing, name) {\r\n    super(drawing, name);\r\n    drawing.setIsInteractive(false);\r\n  }\r\n\r\n  isDrawingVisible() {\r\n    // TODO: Add the correct logic for detecting the drawing visibility here\r\n    //const activeTabLink = document.querySelector('#showcase-tabs a.active[data-toggle=\"tab\"]');\r\n    //return ObjectUtils.isAssigned(activeTabLink) && activeTabLink.id === this.previewTabLinkId;\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * This is a handler for this.drawing.onProductDisplayed event.\r\n   */\r\n  onProductDisplayed(drawing, product) {\r\n    drawing.resizeCanvasToFitAroundStage(true);\r\n  }\r\n}\r\n\r\n/**\r\n * The ProductPreviewer is hard-coupled to a UI containing a Bootstrap tab control with a Product drawing\r\n * inside one of the tabs. This drawing is used for previewing the currently edited product.\r\n */\r\nexport class ProductPreviewer extends ProductDrawingViewModel {\r\n  constructor(drawing, name, config) {\r\n    super(drawing, name);\r\n    this.config = config;\r\n    if (drawing) {\r\n      if (drawing.engine.handleMaximizeClickExternally) {\r\n        drawing.setIsInteractive(false);\r\n      } else {\r\n        this.addMaximizeClickHandler();\r\n      }\r\n    }\r\n\r\n    this.previewTabLinkId = 'preview-tab-link'; // The actual tab\r\n    this.previewTabId = 'PreviewTab'; // The tab contents (panel)\r\n    this.previewMaxLink = document.getElementById('preview-max-link');\r\n    this.commonImageGroup = 'Common';\r\n\r\n    this.setupShowcaseTabs();\r\n    this.setupMainTabCarousel();\r\n\r\n    if (drawing) {\r\n      // Enable the debug toggle:\r\n      const drawingElem = this.drawing.engine.productDrawing;\r\n      const parentDiv = this.closest(drawingElem, el => el.nodeName == 'DIV');\r\n      //if (drawingElem && drawingElem.parentElement && drawingElem.parentElement.parentElement) {\r\n      if (parentDiv) {\r\n        //const debugCheck = drawingElem.parentElement.parentElement.querySelector('.debug-toggle');\r\n        const debugCheck = parentDiv.querySelector('.debug-toggle');\r\n        if (debugCheck) {\r\n          debugCheck.addEventListener('click', event => {\r\n            //alert(debugCheck.checked);\r\n            this.toggleDebugView(parentDiv, debugCheck.checked);\r\n          })\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Helper: find the nearest parent element of el\r\n  closest(el, fn) {\r\n    return el && (fn(el) ? el : this.closest(el.parentNode, fn));\r\n  }\r\n\r\n  toggleDebugView(targetDiv, show) {\r\n    const style = targetDiv.style;\r\n    const canvasContainer = targetDiv.querySelector('.canvas-container');\r\n    if (show) {\r\n      this.beforeDebug = {\r\n        position: style.position,\r\n        zIndex: style.zIndex,\r\n        width: style.width,\r\n        height: style.height,\r\n        top: style.top,\r\n        left: style.left,\r\n        targetParent: targetDiv.parentElement,\r\n        targetNextSibling: targetDiv.nextSibling,\r\n      };\r\n      style.position = 'absolute';\r\n      style.zIndex = '9999';\r\n      style.width = '100%';\r\n      style.height = '100%';\r\n      style.top = '0';\r\n      style.left = '0';\r\n      if (canvasContainer) {\r\n        this.beforeDebug.contHeight = canvasContainer.style.height;\r\n        this.beforeDebug.contHeightPri = canvasContainer.style.getPropertyPriority('height');\r\n        canvasContainer.style.setProperty('height', '100%', 'important');\r\n      }\r\n      document.body.appendChild(targetDiv);\r\n      this.drawing.resizeMonitor.onResize();\r\n      this.drawing.engine.toggleDebugView(true);\r\n    } else if (this.beforeDebug) {\r\n      this.drawing.engine.toggleDebugView(false);\r\n      style.position = this.beforeDebug.position;\r\n      style.zIndex = this.beforeDebug.zIndex;\r\n      style.width = this.beforeDebug.width;\r\n      style.height = this.beforeDebug.height;\r\n      style.top = this.beforeDebug.top;\r\n      style.left = this.beforeDebug.left;\r\n      if (canvasContainer) {\r\n        canvasContainer.style.setProperty('height', this.beforeDebug.contHeight, this.beforeDebug.contHeightPri);\r\n      }\r\n      this.beforeDebug.targetParent.insertBefore(targetDiv, this.beforeDebug.targetNextSibling);\r\n      this.drawing.resizeMonitor.onResize();\r\n    }\r\n  }\r\n\r\n  showProductCanvasFullScreen(drawingElement) {\r\n    if (this.drawing.engine.canDoFullScreen) {\r\n      this.drawing.engine.toggleFullScreen();\r\n      return;\r\n    }\r\n\r\n    // Remove resize listener because zoomer uses its own resize listener\r\n    this.drawing.resizeMonitor.toggleMonitor(false);\r\n\r\n    const wasInteractive = this.drawing.isInteractive;\r\n    if (wasInteractive) {\r\n      this.drawing.setIsInteractive(false);\r\n    }\r\n\r\n    this.zoomer.onActivated = () => {\r\n      this.zoomer.onActivated = null;\r\n      this.drawing.engine.bestFitStageAndCanvas(true, true);\r\n    };\r\n\r\n    this.zoomer.onDeactivate = () => {\r\n      this.zoomer.onDeactivate = null;\r\n      drawingElement.classList.remove('zoom-target');\r\n      this.drawing.resizeMonitor.toggleMonitor(true);\r\n      if (wasInteractive) {\r\n        this.drawing.setIsInteractive(true);\r\n      }\r\n      this.drawing.engine.bestFitStageAndCanvas(true, true);\r\n    };\r\n\r\n    drawingElement.classList.add('zoom-target'); // Needed by the Zoomer js code\r\n    this.zoomer.assignTargetElement(drawingElement);\r\n    this.zoomer.activateFullscreen();\r\n  }\r\n\r\n  addMaximizeClickHandler() {\r\n    this.zoomer = new ProductZoomer();\r\n\r\n    const behavior = new AnyProductInteraction();\r\n    // Delegate event add/removal to the drawing engine:\r\n    behavior.toggleInteractive = (displayObject, on, clickHandler) =>\r\n      this.drawing.engine.toggleDisplayObjectInteractive(displayObject, on, clickHandler);\r\n\r\n    // Note, this will set the interaction behavior's product property to the drawing's product:\r\n    this.drawing.addProductInteraction(behavior);\r\n    this.drawing.setIsInteractive(true);\r\n    this.drawing.engine.hoverCursor = ''; // Assume the cursor will be set by our css\r\n\r\n    // Must be at end because we are overriding the default onInteraction handler:\r\n    behavior.onInteraction = (beh, event) => {\r\n      // Don't think we need this: event.stopImmediatePropagation(); // Block PhotoSwiper from showing its full screen UI\r\n      // We don't care which component or element was clicked because we know we are going to display\r\n      // the entire drawing:\r\n      //const drawingElement = event.currentTarget;\r\n      const drawingElement = this.drawing.engine.getRootHtmlElement(this.drawing.product.displayObject);\r\n      this.showProductCanvasFullScreen(drawingElement);\r\n    };\r\n  }\r\n\r\n  refreshFullSizeImageLink() {\r\n    /* previewMaxLink is an html tag. The tag's href and data-size attributes are used by the\r\n     * photoswipe library when displaying the image in full screen mode. */\r\n    if (this.previewMaxLink) {\r\n      // TODO: Review code and ensure this method isn't called more often than necessary\r\n      // TODO: Consider using resizeCanvasToFitInFullScreen (entire screen) instead of resizeCanvasToFitInFullWindow (browser window)\r\n      this.drawing.resizeCanvasToFitInFullWindow(true);\r\n      try {\r\n        // The drawing was maximized in the call above, let's get its size:\r\n        const size = this.drawing.getDrawingSize();\r\n        // TODO: Consider making this a JIT update of the href done after the user clicks on the link.\r\n        this.previewMaxLink.href = this.drawing.getDrawingImageUrl();\r\n        this.previewMaxLink.attributes['data-size'].value = `${size.width}x${size.height}`;\r\n      } finally {\r\n        this.drawing.bestFitStageAndCanvas(true);\r\n      }\r\n    }\r\n  }\r\n\r\n  isDrawingVisible() {\r\n    const activeTabLink = document.querySelector(this.activeTabSelector);\r\n    return ObjectUtils.isAssigned(activeTabLink) && activeTabLink.id === this.previewTabLinkId;\r\n  }\r\n\r\n  /**\r\n   * This is a handler for this.drawing.onProductDisplayed event.\r\n   */\r\n  onProductDisplayed(drawing, product) {\r\n    // This is performance heavy, lets defer to next cycle\r\n    requestAnimationFrame(() => {\r\n      this.refreshFullSizeImageLink();\r\n    });\r\n  }\r\n\r\n  isDefaultProduct() {\r\n    return this.onGetIsDefaultProduct && this.onGetIsDefaultProduct();\r\n  }\r\n\r\n  //#region Showcase Tabs\r\n\r\n  getActiveShowcaseTabName() {\r\n    const tab = jQuery(this.activeTabSelector);\r\n    return tab ? tab.attr('href') : null;\r\n  }\r\n\r\n  setupShowcaseTabs() {\r\n    let selector = '#' + this.config.UI.showCaseTabs;\r\n    this.allTabsSelector = `${selector} a[data-toggle=\"tab\"]`;\r\n    this.activeTabSelector = `${selector} a.active[data-toggle=\"tab\"]`;\r\n    this.getTabSelector = (tabName) => `${selector} a[href=\"${tabName}\"]`;\r\n\r\n    jQuery(this.allTabsSelector).on('shown.bs.tab', async (e) => {\r\n      if (e.target.id === this.previewTabLinkId) {\r\n        await this.displayCurrentProduct();\r\n        /* This is a work around for a delay before the canvas' container's clientWidth is updated\r\n         * to the correct width. */\r\n        this.drawing.doIfCanvasContainerWidthUpdatesWithin(1000, () => {\r\n          //console.log('Canvas container width did update!')\r\n          this.drawing.bestFitStageAndCanvas(true);\r\n        });\r\n      }\r\n      if (this.onShowcaseTabShown) {\r\n        this.onShowcaseTabShown(e);\r\n      }\r\n    });\r\n\r\n    selector = '.' + this.config.UI.showCaseTabPanes;\r\n    this.allTabPanesSelector = `${selector} div[role=\"tabpanel\"]`;\r\n  }\r\n\r\n  activateShowcaseTab(tabName) {\r\n    const tab = jQuery(this.getTabSelector(tabName));\r\n    if (tab && tab.length > 0) {\r\n      tab.tab('show');\r\n    }\r\n  }\r\n\r\n  activatePreviewTab() {\r\n    const tab = jQuery('#' + this.previewTabLinkId);\r\n    if (tab && tab.length > 0) {\r\n      tab.tab('show');\r\n    }\r\n  }\r\n\r\n  //#endregion\r\n\r\n  //#region Main Tab Carousel\r\n\r\n  // This is the Owl carousel/slider displaying the product's images (under the first tab after the preview tab)\r\n\r\n  removeImagesNotNeeded($currentCarouselItems, productVariantId) {\r\n    const notNeededIndeces = [];\r\n    $currentCarouselItems.each((index, galleryItem) => {\r\n      const notNeeded = galleryItem.dataset.group !== productVariantId && galleryItem.dataset.group !== this.commonImageGroup;\r\n      if (notNeeded) {\r\n        const ndx = this.$mainCarouselItems.index(galleryItem);\r\n        notNeededIndeces.push(ndx);\r\n      }\r\n    });\r\n    return notNeededIndeces;\r\n  }\r\n\r\n  addNeededImages($currentCarouselItems, productVariantId) {\r\n    const toBeAddedIndeces = [];\r\n    this.$mainCarouselItems.each((index, galleryItem) => {\r\n      const isNeeded = galleryItem.dataset.group === productVariantId || galleryItem.dataset.group === this.commonImageGroup;\r\n      if (isNeeded) {\r\n        let alreadyThere = false;\r\n        $currentCarouselItems.each((index, item) => {\r\n          if (item === galleryItem) {\r\n            alreadyThere = true;\r\n          }\r\n        });\r\n        if (!alreadyThere) {\r\n          toBeAddedIndeces.push(index);\r\n        }\r\n      }\r\n    });\r\n    return toBeAddedIndeces;\r\n  }\r\n\r\n  addCarouselItem(ndx) {\r\n    let item = this.$mainCarouselItems[ndx];\r\n    this.$mainCarousel.trigger('add.owl.carousel', [item]);\r\n    const thumb = this.$mainCarouselThumbs[ndx];\r\n    thumb.classList.toggle('d-none', false);\r\n    thumb.classList.toggle('active', ndx === 0);\r\n  }\r\n\r\n  removeCarouselItem(ndx) {\r\n    // Remove carousel image:\r\n    this.$mainCarousel.trigger('remove.owl.carousel', [ndx]);\r\n    // Remove thumbnail image:\r\n    const thumb = this.$mainCarouselThumbs[ndx];\r\n    thumb.classList.toggle('d-none', true);\r\n    thumb.classList.toggle('active', false);\r\n  }\r\n\r\n  //removeAllMainCarouselSlides() {\r\n  //  let $owlItems = this.$mainCarousel.find('.owl-item');\r\n  //  let count = $owlItems.length;\r\n  //  while (count > 0) {\r\n  //    this.$mainCarousel.trigger('remove.owl.carousel', [0]);\r\n  //    count--;\r\n  //  }\r\n  //  $owlItems = this.$mainCarousel.find('.owl-item');\r\n  //  count = $owlItems.length;\r\n  //}\r\n\r\n  updateVisibleImages(productVariantId) {\r\n    const $owlItems = this.$mainCarousel.find('.owl-item .gallery-item');\r\n    const notNeededIndeces = this.removeImagesNotNeeded($owlItems, productVariantId);\r\n    //this.removeAllMainCarouselSlides();\r\n    const toBeAddedIndeces = this.addNeededImages($owlItems, productVariantId);\r\n    window.requestAnimationFrame(() => {\r\n      for (var i = notNeededIndeces.length - 1; i >= 0; i--) {\r\n        this.removeCarouselItem(notNeededIndeces[i]);\r\n      }\r\n\r\n      toBeAddedIndeces.forEach(ndx => {\r\n        this.addCarouselItem(ndx);\r\n      });\r\n      this.$mainCarousel.trigger('refresh.owl.carousel');\r\n      this.activateFirstMainCarouselItem();\r\n    });\r\n  }\r\n\r\n  activateFirstMainCarouselItem() {\r\n    this.$mainCarousel.trigger('to.owl.carousel', [0]);\r\n    let isFirst = true;\r\n    this.$mainCarouselThumbs.each((index, thumb) => {\r\n      if (isFirst && !thumb.classList.contains('d-none')) {\r\n        thumb.classList.toggle('active', true);\r\n        isFirst = false;\r\n      } else {\r\n        thumb.classList.toggle('active', false);\r\n      }\r\n    })\r\n  }\r\n\r\n  setupMainTabCarousel() {\r\n    const $allTabPanes = jQuery(this.allTabPanesSelector);\r\n    const $mainTabPane = $allTabPanes.first();\r\n    if ($mainTabPane.length) {\r\n      this.$mainCarousel = $mainTabPane.find('.owl-carousel');\r\n      if (this.$mainCarousel) {\r\n        const doSetupCarousel = () => {\r\n          this.$mainCarouselItems = this.$mainCarousel.find('.owl-item .gallery-item');\r\n          this.$mainCarouselThumbs = $mainTabPane.find('.product-thumbnails li');\r\n          window.requestAnimationFrame(() => {\r\n            if (this.apiProduct) {\r\n              const notNeededIndeces = this.removeImagesNotNeeded(this.$mainCarouselItems, this.apiProduct.variantId);\r\n              for (var i = notNeededIndeces.length - 1; i >= 0; i--) {\r\n                this.removeCarouselItem(notNeededIndeces[i]);\r\n              }\r\n            }\r\n            this.$mainCarousel.trigger('refresh.owl.carousel');\r\n            this.activateFirstMainCarouselItem();\r\n          });\r\n        }\r\n        if (this.$mainCarousel.hasClass('owl-loaded')) {\r\n          doSetupCarousel();\r\n        } else {\r\n          this.$mainCarousel.on('initialized.owl.carousel', event => {\r\n            doSetupCarousel();\r\n          });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //#endregion Main Tab Carousel\r\n\r\n  //#region Preview Carousel\r\n\r\n  // This is the Owl carousel/slider displaying the product's preview image and/or drawing\r\n\r\n  setupPreviewCarousel() {\r\n    this.$previewCarousel = jQuery(`#${this.previewTabId} .owl-carousel`);\r\n    if (this.$previewCarousel.length > 1) {\r\n      throw new Error('There can only be one preview tab. Maybe you chose the wrong kind of tab when setting up the showcase tabs?');\r\n    }\r\n    this.previewItemCount = 0;\r\n\r\n    const setupPreviewCarousel = (itemCount) => {\r\n      this.isPreviewCarouselInitialized = true;\r\n      this.previewItemCount = itemCount;\r\n      /* Looks like updating the carousel from within this event handler doesn't work.\r\n       * Hence, push the update to the next frame: */\r\n      console.log('[event: owl.carousel.initialized] (async:) ProductPageViewModel.constructor: window.requestAnimationFrame()');\r\n      window.requestAnimationFrame(() => {\r\n        if (this.onPreviewCarouselInitialized) {\r\n          this.onPreviewCarouselInitialized();\r\n        }\r\n      });\r\n    }\r\n\r\n    if (this.$previewCarousel.hasClass('owl-loaded')) {\r\n      console.log('Carousel is already initialized');\r\n      const items = this.$previewCarousel.find('.owl-item');\r\n      setupPreviewCarousel(items.length);\r\n    } else {\r\n      this.$previewCarousel.on('initialized.owl.carousel', event => {\r\n        setupPreviewCarousel(event.item.count);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Display the correct image in the preview carousel. If the current product equals the default,\r\n   * then display the predefined high quality photo. Otherwise, display the generated drawing.\r\n   * @param {any} forceDrawing If true, then display the drawing regardless.\r\n   */\r\n  displayPreviewImage(forceDrawing) {\r\n    if (this.previewItemCount > 0) {\r\n      let index;\r\n      if (forceDrawing) {\r\n        index = this.previewItemCount - 1;\r\n      } else if (this.isDefaultProduct() || this.previewItemCount < 2) {\r\n        index = 0;\r\n      } else {\r\n        index = this.previewItemCount - 1;\r\n      }\r\n      this.$previewCarousel.trigger('to.owl.carousel', [index]);\r\n    }\r\n  }\r\n\r\n  //#endregion\r\n\r\n  displayEditedProduct(product, isUserDriven) {\r\n    if (this.isDisplayingProduct) {\r\n      // Re-entrant call!\r\n      console.log('(async) previewer.displayEditedProduct: previewer.scheduleProductDisplay().')\r\n      this.scheduleProductDisplay(isUserDriven, usrDriven => {\r\n        console.group('(callback: previewer.scheduleProductDisplay) previewer.displayEditedProduct: previewer.displayProduct()...')\r\n        this.displayEditedProduct(product, usrDriven);\r\n        console.groupEnd();\r\n      });\r\n    } else {\r\n      this.displayPreviewImage(/*forceDrawing:*/ false);\r\n      if (product.variantId) {\r\n        this.updateVisibleImages(product.variantId);\r\n      }\r\n      console.log('(async) previewer.displayEditedProduct: previewer.displayProduct(...)...')\r\n      // Async call:\r\n      /* await */ this.displayProduct(product);\r\n      if (isUserDriven && this.previewItemCount > 0) {\r\n        /* If the reason for the display call was driven by the user, then also switch from the\r\n         * \"inspiration\" tab to the preview tab (if needed), and show the scroll-to-drawing button. */\r\n        this.activateShowcaseTab(this.config.UI.previewTabName);\r\n      }\r\n    }\r\n  }\r\n\r\n  async doStart(apiProduct, isProductRestorePending) {\r\n    /* If the owl carousel isn't initialized yet, then there's no reason to display the product yet\r\n     * (it'll be done in the initialized event handler in the constructor above). Also, if there's\r\n     * a product restore pending, then the product will be displayed after restore has completed\r\n     * (see productEditor.onProductChanged event handler in the constructor above). Hence, don't\r\n     * display the product now. */\r\n    this.displayProductWhenStarting = this.isPreviewCarouselInitialized && !isProductRestorePending;\r\n    console.log(`SKIP displaying the product? ${!this.displayProductWhenStarting}.`);\r\n    await super.doStart(apiProduct);\r\n    if (this.isPreviewCarouselInitialized) {\r\n      this.displayPreviewImage(/*forceDrawing:*/ false);\r\n    }\r\n  }\r\n}\r\n","/* global FB */\r\n\r\nimport { ProductDrawing } from './ProductDrawing.js';\r\n//import { PixiDrawingEngine } from './Pixi/PixiDrawingEngine.js';\r\nimport { DesignerService, ProductService } from './DesignerService.js';\r\nimport { ProductViewModelFactories } from './ProductViewModelFactories.js';\r\nimport { ProductPreviewer } from './ProductPreviewer.js';\r\nimport { ProductMaterialsLoadMode } from './ProductDrawingViewModel.js';\r\n\r\n/**\r\n * This is the primary Javascript ViewModel for product pages. The ProductPageViewModel\r\n * is a composition of itself, a ProductEditor, a ProductPreviewer, and a PopupEditor.\r\n *\r\n * - The ProductEditor (this.productEditor) is responsible for viewing and editing product data on\r\n *   the page itself.\r\n *\r\n * - The ProductPreviewer (this.previewer) is responsible for displaying a preview of the product,\r\n *   a real-time-updated drawing of the product, and for displaying images of related products.\r\n *\r\n * - The PopupEditor (this.popupEditor) is responsible for editing additional product data in a\r\n *   popup view. Since the popupEditor is not needed until the user clicks a button, all related\r\n *   setup is done just in time (either delayed until a timer expires, or until the user clicks\r\n *   the button).\r\n *\r\n * This view model is also the owner of a few other composite objects:\r\n *\r\n * - A ProductDrawing (this.previewDrawing): for displaying a real-time-updated preview of the product.\r\n *   Conceptually the drawing belongs to the previewer (since it's a child element of the preview\r\n *   part of the UI), but it's owned by ProductPageViewModel and passed to the previewer by reference.\r\n * - Another ProductDrawing (this.editDrawing): for displaying a drawing of the product inside the\r\n *   popupEditor. Is owned by ProductPageViewModel and passed to the popupEditor by reference.\r\n *\r\n *   Finally, the ProductPageViewModel owns two service objects:\r\n *\r\n * - ProductService (this.productService): communicates product information with the back end service.\r\n * - DesignerService (this.designerService): communicates with the Langlo Designer back end service.\r\n */\r\nexport class ProductPageViewModel {\r\n  constructor(config, productEditorConfig) {\r\n    /* config is for this ViewModel itself. productEditorConfig is for a product type specific\r\n     * configuration. */\r\n    this.config = config;\r\n    this.productEditorConfig = productEditorConfig;\r\n\r\n    this.constructServices(config); // Services\r\n    this.constructProductPreviewer(); // ProductPreviewer and PreviewDrawing\r\n    if (!config.isProductEndOfLife && productEditorConfig.productType) {\r\n      this.constructProductEditor(); // ProductEditor and PopupEditor\r\n    }\r\n  }\r\n\r\n  /** Helper method for the class constructor. */\r\n  constructServices() {\r\n    this.productService = new ProductService(this.config.productServiceUrl);\r\n    this.designerService = new DesignerService(this.config.designerServiceUrl);\r\n    this.designerService.sessionId = this.config.sessionId;\r\n  }\r\n\r\n  /** Helper method for the class constructor. */\r\n  constructProductPreviewer() {\r\n    this.previewDrawing = this.createProductDrawing('Preview Engine', this.config.UI.productPreviewCanvas);\r\n    // ViewModel for the UI around the preview canvas, including the tabs and carousel for related images, etc.\r\n    this.previewer = new ProductPreviewer(this.previewDrawing, 'PreviewerVM', this.config);\r\n    if (this.previewDrawing) {\r\n      this.previewer.productMaterialsLoadMode = ProductMaterialsLoadMode.Delayed;\r\n    } else {\r\n      this.previewer.productMaterialsLoadMode = ProductMaterialsLoadMode.Never;\r\n    }\r\n    this.previewer.onShowcaseTabShown = (e) => this.saveActiveTabToLocalStorage();\r\n    this.previewer.onGetIsDefaultProduct = (e) => this.productEditor.isDefaultProduct;\r\n\r\n    this.previewer.onPreviewCarouselInitialized = () => {\r\n      if (!this.productEditor) {\r\n        // Maybe the product is end-of-life, in which case we can't display it\r\n      } else if (this.productEditor.isProductRestorePending) {\r\n        /* We should not display the product yet because it'll be displayed in the\r\n          * productEditor.onProductChanged event handler above. */\r\n        console.log('(callback: requestAnimationFrame) ProductPageViewModel.constructor -> SKIP displayEditedProduct() (product restore is pending).');\r\n      } else if (this.isStarted) {\r\n        console.group('(callback: requestAnimationFrame) ProductPageViewModel.constructor -> displayEditedProduct()...');\r\n        this.displayEditedProduct();\r\n        console.groupEnd();\r\n      } else {\r\n        /* If this view model has not already been started, then let the start() method make the\r\n          * needed calls to display the edited product. */\r\n        console.log('(callback: requestAnimationFrame) ProductPageViewModel.constructor -> SKIP displayEditedProduct() (isStarted = false).');\r\n      }\r\n    };\r\n    this.previewer.setupPreviewCarousel();\r\n  }\r\n\r\n  /** Helper method for the class constructor. */\r\n  constructProductEditor() {\r\n    const editorConfig = this.productEditorConfig;\r\n    const factory = ProductViewModelFactories.getFactory(editorConfig.productType);\r\n    /* The createProductEditor method might--if session storage contains a product--communicate with\r\n     * the remote designerService to asynchronously load the product. The async load happens on the\r\n     * last line of the ProductEditor class constructor. */\r\n    this.productEditor = /*async*/ factory.createProductEditor(editorConfig, this.designerService, this.productService);\r\n    this.productEditor.onProductChanged = (editor, isUserDriven) => {\r\n      console.group('[event: productEditor.onProductChanged] ProductPageViewModel.constructor: displayEditedProduct()...');\r\n      this.displayEditedProduct(isUserDriven);\r\n      console.groupEnd();\r\n    };\r\n    /* For SEO performance reasons we only create the Popup Editor after a delay, or when is actually\r\n     * needed (see inside popupEditorDisplayed event handler below). */\r\n    const popupEditorTimeoutHandle = setTimeout(() => this.createPopupEditor(), 3000);\r\n    this.productEditor.onNeedPopupEditor = () => {\r\n      if (!this.popupEditor) {\r\n        // Clear the timeout and create the popupEditor now!\r\n        clearTimeout(popupEditorTimeoutHandle);\r\n        this.createPopupEditor();\r\n      }\r\n    }\r\n    this.productEditor.popupEditorDisplayed = (prodEditor, popupEditorConfig, componentType) => {\r\n      this.popupEditor.setComponentType(componentType);\r\n      if (!this.popupEditor.isStarted) {\r\n        this.popupEditor.start(prodEditor.product, popupEditorConfig);\r\n      } else {\r\n        this.popupEditor.displayProduct(prodEditor.product, popupEditorConfig);\r\n      }\r\n      this.editDrawing.engine.startRendering();\r\n      this.hideChatButton();\r\n      this.wasRenderingBeforePopup = this.previewDrawing.engine.stopRendering();\r\n    };\r\n    this.productEditor.popupEditorClosed = async (prodEditor, componentType, isOk, changedElement) => {\r\n      if (isOk) {\r\n        this.previewer.activatePreviewTab(); // Ensure the preview drawing tab is displayed:\r\n        await prodEditor.updateProductFromPopupEditor(this.editDrawing.getModifiedApiProduct(), componentType, changedElement);\r\n      }\r\n      this.popupEditor.hideCurrentProduct();\r\n      this.showChatButton();\r\n      this.editDrawing.engine.stopRendering();\r\n      if (this.wasRenderingBeforePopup) {\r\n        this.previewDrawing.engine.startRendering();\r\n      }\r\n    };\r\n    this.productEditor.onPreviewDrawingFinishLabelsToggled = (on) => {\r\n      this.previewDrawing.toggleFinishLabels(on);\r\n      // Ensure the most appropriate preview is displayed:\r\n      this.previewer.displayPreviewImage(/*forceDrawing:*/ on);\r\n    };\r\n  }\r\n\r\n  createProductDrawing(engineName, canvasId, otherDrawingEngine) {\r\n    const canvas = document.getElementById(canvasId);\r\n    if (canvas) {\r\n      const engineOptions = this.config.drawingEngineClass.createDefaultOptions(canvas);\r\n      engineOptions.config = this.config.engineConfig;\r\n      if (otherDrawingEngine && this.config.drawingEngineClass.canShareLoader()) {\r\n        engineOptions.sharedLoader = otherDrawingEngine.loader;\r\n      }\r\n      const drawingEngine = new this.config.drawingEngineClass(engineName, engineOptions, false);\r\n      return new ProductDrawing(drawingEngine, this.config.finishImagesBaseUrl, this.productEditorConfig.allFinishesMap);\r\n    }\r\n  }\r\n\r\n  /** ViewModel for the wizard/step-by-step popup UI for editing the product finishes, etc.. */\r\n  createPopupEditor() {\r\n    if (!this.popupEditor && this.previewDrawing) {\r\n      // If the popup is wrapped in a <template> element, then clone it and append it to the DOM now:\r\n      if (this.productEditorConfig.UI.El.popupEditorTemplate) {\r\n        const template = document.getElementById(this.productEditorConfig.UI.El.popupEditorTemplate);\r\n        if (template) {\r\n          const clone = template.content.firstElementChild.cloneNode(true);\r\n          document.body.appendChild(clone);\r\n        }\r\n      }\r\n      if (typeof this.config.getPhotoSwiper === 'function') {\r\n        const swiper = this.config.getPhotoSwiper();\r\n        swiper.refresh();\r\n      }\r\n\r\n      // The editDrawing is used while editing the product (the popup editor):\r\n      this.editDrawing = this.createProductDrawing('Edit Engine', this.config.UI.editCanvas, this.previewDrawing.engine);\r\n\r\n      const UI = this.productEditor.config.UI;\r\n      this.productEditor.popupEditorConfig = UI.popupEditor = UI.createPopupEditorConfig();\r\n      this.productEditor.addPopupEditorHandlers();\r\n      this.popupEditor = this.productEditor.createPopupEditor(this.editDrawing);\r\n      this.popupEditor.productMaterialsLoadMode = ProductMaterialsLoadMode.AsyncNow;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Removes the \"disabled\" attribute from the form controls we made a change to in the disableForm method.\r\n   */\r\n  static enableForm(disabledControls) {\r\n    for (i = 0; i < disabledControls.length; i++) {\r\n      disabledControls[i].removeAttribute('disabled');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adds the \"disabled\" attribute to all non-hidden and not already disabled form controls, and\r\n   * returns an array of which ones we actually made a change to.\r\n   */\r\n  static disableForm(formId) {\r\n    const disabledControls = [];\r\n    const form = document.getElementById(formId);\r\n    if (form) {\r\n      const controls = form.elements;\r\n      for (i = 0; i < controls.length; i++) {\r\n        const control = controls[i];\r\n        const isHidden = control.getAttribute('type') == 'hidden';\r\n        const isDisabled = control.hasAttribute('disabled');\r\n        if (!isDisabled && !isHidden) {\r\n          control.setAttribute('disabled', '');\r\n          disabledControls.push(control);\r\n        }\r\n      }\r\n    }\r\n    return disabledControls;\r\n  }\r\n\r\n  displayEditedProduct(isUserDriven) {\r\n    if (this.previewer) {\r\n      this.previewer.displayEditedProduct(this.productEditor.product, isUserDriven);\r\n      if (isUserDriven) {\r\n        /* If the reason for the display call was driven by the user, then also show the scroll-to-drawing button. */\r\n        this.toggleScrollToDrawingBtn(true);\r\n      }\r\n    }\r\n  }\r\n\r\n  hideChatButton() {\r\n    //console.log('ProductPageViewModel: hideChatButton...');\r\n    if (typeof FB != 'undefined' && FB != null && FB.CustomerChat) {\r\n      //console.log('ProductPageViewModel: Hiding FB customer chat...');\r\n      FB.CustomerChat.hide();\r\n    }\r\n  }\r\n\r\n  showChatButton() {\r\n    //console.log('ProductPageViewModel: showChatButton...');\r\n    if (typeof FB != 'undefined' && FB != null && FB.CustomerChat) {\r\n      //console.log('ProductPageViewModel: Showing FB customer chat (with dialog)...');\r\n      const shouldShowDialog = false;\r\n      FB.CustomerChat.show(shouldShowDialog);\r\n    }\r\n  }\r\n\r\n  restoreActiveTabFromLocalStorage() {\r\n    const activeShowcaseTab = sessionStorage.getItem('activeShowcaseTab');\r\n    if (activeShowcaseTab && activeShowcaseTab !== '') {\r\n      this.previewer.activateShowcaseTab(activeShowcaseTab);\r\n    }\r\n  }\r\n\r\n  saveActiveTabToLocalStorage() {\r\n    const tabName = this.previewer.getActiveShowcaseTabName();\r\n    if (tabName) {\r\n      sessionStorage.setItem('activeShowcaseTab', tabName);\r\n    }\r\n  }\r\n\r\n  scrollToDrawingTimerActive() {\r\n    return this.scrollToDrawingTimerId != null;\r\n  }\r\n\r\n  clearScrollToDrawingTimer() {\r\n    clearTimeout(this.scrollToDrawingTimerId);\r\n    this.scrollToDrawingTimerId = null;\r\n  }\r\n\r\n  hideScrollToDrawingBtn() {\r\n    this.clearScrollToDrawingTimer();\r\n    this.$scrollToDrawingBtn.removeClass('visible');\r\n  }\r\n\r\n  /**\r\n   * Shows or hides the button for scrolling the page up to make the preview drawing visible.\r\n   */\r\n  toggleScrollToDrawingBtn(on) {\r\n    if (!on) {\r\n      this.hideScrollToDrawingBtn();\r\n    } else {\r\n      // 140 is an offset, chosen by visual inspection:\r\n      const drawingTop = this.$drawingScrollTarget.offset().top + 140;\r\n      const windowTop = this.$window.scrollTop();\r\n      // Only display the button if user has scrolled the page such that the drawing at most is only partially visible:\r\n      if (windowTop > drawingTop) {\r\n        // Show the scroll-to-drawing button:\r\n        this.$scrollToDrawingBtn.addClass('visible');\r\n        // Only keep the button visible x ms:\r\n        this.scrollToDrawingTimerId = setTimeout(() => {\r\n          this.hideScrollToDrawingBtn();\r\n        }, 10000);\r\n        // Hide the other scroll-to-window-top button:\r\n        this.$scrollToTopBtn.removeClass('visible');\r\n      } else {\r\n        // Drawing is sufficiently visible, hide button:\r\n        this.hideScrollToDrawingBtn();\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adds scroll and click event handlers for displaying the scroll-to-drawing button (after\r\n   * changes have caused the drawing to be updated).\r\n   * */\r\n  setupScrollToDrawingButton() {\r\n    this.$drawingScrollTarget = $('.drawing-scroll-target');\r\n    this.$scrollToDrawingBtn = $('.scroll-btn.to-drawing');\r\n    this.$window = $(window);\r\n    this.$scrollToDrawingBtn = $('.scroll-btn.to-drawing');\r\n    this.$scrollToTopBtn = $('.scroll-btn.to-top');\r\n    if (this.$scrollToDrawingBtn.length > 0) {\r\n      this.$window.on('scroll', () => {\r\n        // Only display scroll button until the user manually starts scrolling\r\n        this.hideScrollToDrawingBtn();\r\n      });\r\n      this.$scrollToDrawingBtn.on('click', (e) => {\r\n        e.preventDefault();\r\n        this.$drawingScrollTarget.velocity('scroll', {\r\n          offset: 0,\r\n          duration: 1200,\r\n          easing: 'easeOutExpo',\r\n          mobileHA: false,\r\n          complete: elements => {\r\n          },\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  // This method is called from the main view file (cshtml)\r\n  async start() {\r\n    this.isStarting = true;\r\n    console.group('ProductPageViewModel.start: isStarting = true');\r\n    try {\r\n      if (this.productEditor) {\r\n        this.productEditor.display();\r\n      }\r\n      this.restoreActiveTabFromLocalStorage();\r\n\r\n      if (this.previewer && this.productEditor && this.productEditor.product) {\r\n        console.group('(await) ProductPageViewModel.start: previewer.start()...');\r\n        await this.previewer.start(this.productEditor.product, this.productEditor.isProductRestorePending);\r\n        console.groupEnd();\r\n      }\r\n      if (this.previewDrawing) {\r\n        // Enable the next line if we want the drawing engine to start its rendering loop:\r\n        this.previewDrawing.engine.startRendering();\r\n      }\r\n      this.setupScrollToDrawingButton();\r\n      this.isStarted = true;\r\n      console.log('ProductPageViewModel.start: isStarted = true');\r\n    } finally {\r\n      this.isStarting = false;\r\n      console.groupEnd();\r\n    }\r\n  }\r\n}\r\n","import { RegisterFactories } from './product/ProductViewModelSpecificFactories.js';\r\n\r\n//*****\r\n// START Export all used classes (we need to export anything that is used in our Razor views)\r\n//*****\r\n\r\n// Product:\r\n//export { PixiDrawingEngine } from './product/Pixi/PixiDrawingEngine.js'; // Not used anymore\r\nexport { HtmlDrawingEngine } from './product/HtmlDrawing/HtmlDrawingEngine.js'; //  Cart.cshtml, CheckoutReviewAndPay.cshtml, OrderTracking.cshtml, and Product.cshtml via ProductHelpers.cshtml\r\nexport { BabylonDrawingEngine } from './product/Babylon/BabylonDrawingEngine.js'; // Cart.cshtml, CheckoutReviewAndPay.cshtml, OrderTracking.cshtml, and Product.cshtml via ProductHelpers.cshtml\r\nexport { ProductPageViewModel } from './product/ProductPageViewModel.js'; // Product.cshtml\r\n\r\n//*****\r\n// END Export all used classes\r\n//*****\r\n\r\nexport class ProductApp {\r\n  constructor(config) {\r\n    // Register product view model factories:\r\n    RegisterFactories(); // In ProductViewModelSpecificFactories.js\r\n  }\r\n}\r\n"],"names":["ProductViewModelFactory","constructor","productType","this","createProductEditor","productEditorConfig","designerService","productService","addMaterials","materialIds","prefix","finishes","forEach","finish","getAllKnownProductMaterialIds","apiProduct","createProduct","drawingService","ProductViewModelFactories","factories","knownFactories","get","factoryClass","productClass","factory","getFactory","map","config","type","register","ProductEditor","fieldsCfg","fields","componentType","designerUpdateFlag","PromiseFlag","byId","id","document","getElementById","elementIds","UI","El","elements","productData","designerSessionId","productTitle","shortDescription","sku","grossPrice","netPrice","discountPercent","resetBtn","productSpinner","errorContainer","errorMessage","addToCartBtn","productForm","assignEditFieldElements","isFieldVisible","quantity","hasQuantity","addNumberInputEventHandlers","changedElement","changedValue","quantityChanged","validValuesMap","allFinishesMap","addToCartBtnText","querySelector","addEventListener","event","target","validationMessage","toggleErrorMessage","addPopupEditorBtnHandlers","value","product","isDefaultProduct","isSavedProduct","assignProduct","savedProduct","resetOrigProduct","changedProduct","propertyChangedTimerId","propertyChangedUpdateDelay","isKeyDown","hasResetBtn","onclick","$","tooltip","content","resetBtnPopup","window","yesNoPopup","display","title","body","yesBtnLabel","yes","noBtnLabel","no","onYes","isPropertyChangedTimerActive","clearPropertyChangedTimer","resetProduct","async","disableAddToCartBtn","commitPropertyChangesIfPending","ex","isValidationError","JSON","stringify","sessionId","submit","enableAddToCartBtn","sessionStorageId","isOrderLine","location","search","productId","NO_SESSION","saveProductToSessionStorage","visibilityState","isPreviewDrawingLabelActive","isProductRestorePending","restoreProductFromSessionStorage","togglePreviewDrawingFinishLabels","on","onPreviewDrawingFinishLabelsToggled","createPopupEditor","editDrawing","handlePopupEditorBtnClick","onNeedPopupEditor","popupEditorDisplayed","btn","popupId","dataset","popup","jQuery","data","compType","modal","registerPopupEditorButtons","buttons","toggle","addPopupEditorHandlers","popupEditorConfig","modalPopup","typeId","editedComponentType","rebuildPopupEditor","doOnPopupEditorDisplayed","lastPopupCloseReason","reason","popupEditorClosed","lastElement","rebuildValidValuesMaps","validators","assignText","element","caption","clearWhenCaptionIsNull","mode","textContent","classList","remove","ObjectUtils","isNullOrEmpty","add","createSortedGalleryItems","createGalleryItemFragment","item","clickTarget","hideZoomIcon","zoomIconTooltip","elem","createElement","zoomIcon","innerHTML","appearanceKey","largeImgUrl","dataSize","thumbImgUrl","largeScreen","drawingTitle","front","smallScreen","rebuildEditScopeContainer","screen","editScopeContainer","useEditScope","editScopeTitle","galleryTitle","editScopeButtons","btn1","btn2","btn3","showEditScopeStep","largeScreenClickTarget","slideOnFinishClick","smallScreenClickTarget","largeScreenMenu","$galleryFilterMenu","smallScreenMenu","hide","showGalleryFilterButton","sortedValues","clearChildren","gallery","largeScreenDom","createDocumentFragment","smallScreenDom","appendChild","createSortedValues","validValues","allValuesMap","Array","length","index","console","warn","sort","a","b","localeCompare","popupEditorChangeType","isAtomic","updateProductFromPopupEditor","modifiedProduct","apiPropertyName","propertyName","propertyChanged","commitPropertyChanges","dataStr","sessionStorage","getItem","parse","p","q","replaceProduct","log","GlobalErrorHandler","HandleException","isQuantityChanged","removeItem","obj","setItem","onChanged","canEditOrderLine","saveAndReturnToCartLabel","parseFloat","addStringRadioListEventHandlers","parentElement","addNumberRadioListEventHandlers","addDropdownListEventHandlers","buttonElements","HTMLElement","buttonElement","name","formatCurrency","language","currency","maxDecimals","options","style","minimumFractionDigits","Math","trunc","maximumFractionDigits","toLocaleString","getGrossPrice","includeVat","withVat","price","vatRate","round","getNetPriceRate","getInputLabel","input","defaultValue","label","labels","firstChild","wholeText","trim","addToLog","oldValue","newValue","text","field","undefined","isDisplayed","displayNumberInput","validator","storeValidator","changeLog","defaultLogLabel","readOnly","min","max","storeMin","storeMax","ceil","floor","units","range","infoSpan","eolPos","indexOf","substr","logLabel","displayRadioListInput","displayValues","selectedItem","Utils","getArrayIntersect","values","actualDisplayValues","querySelectorAll","removeChild","push","isChecked","radioId","checked","div","innerText","displayDropdownList","menu","activeItem","assignValidValue","showMessagePopup","html","onDisplayPopup","okPopup","alert","doDisplayProduct","refreshResetBtn","disableResetBtn","returnToCartLabel","enableResetBtn","displayProduct","isUserDriven","suppressChgMsg","prompt","changeLogSubTitle","list","changeLogTitle","displayPrice","grossPriceWithVat","netPriceWithVat","displayProductDetails","details","equalProducts","savedCodeVer","codeVer","equalContents","productChanged","defaultProduct","onProductChanged","newProduct","replaceMktCode","oldMktCode","mktCode","source","isUserDrivenChange","clone","origProduct","updateTechSpec","formattedSpec","techSpecValues","i","productDetailsChanged","isReset","isDesignerProduct","keepOriginalTexts","overriddenTitle","overriddenShortDescription","uiData","getFormattedTechSpec","langReg","techSpec","abortController","signal","then","formattedTechSpec","catch","error","findSpinnerTarget","origParent","parent","toggleProductSpinner","newParent","spinnerMinDuration","MinDuration","complete","message","validate","submitFullProduct","spinnerElement","reportValidity","errorMsg","invalidValueMessage","ValidationException","clear","AbortController","updateProduct","updateProductValues","Message","updateProductPlusDelta","getVariantProductDetails","variantId","containsError","errorInfo","ExceptionType","includes","genericErrorMessage","set","recursive","predicate","InnerException","propertyChangedElement","lastSpinnerElement","hasBeenSet","clearTimeout","disableButton","button","setAttribute","enableButton","removeAttribute","invalidatePropertyChangedTimer","hasProperties","setTimeout","abort","dataVer","Error","super","ProductInteraction","onInteraction","isInteractive","toggleInteractive","toggleInteractiveNull","setIsInteractive","activateInteraction","displayObject","clickHandler","doOnInteraction","_product","selectedValue","_editScope","_componentType","editScope","refreshInteractive","oldDisplayObject","newDisplayObject","interactive","doOnProductChanged","changedComponent","unsupportedTypeAndScope","triggerDrawingClick","dataComponent","handleDrawingClick","AnyProductInteraction","productClickHandler","handler","handleProductClick","EditScope","ComponentType","panel","getValue","f","getAllUsedValues","getAllPrimaryFinishes","interaction","handleFrontPanelsClick","frame","defaultEditScope","frameF","getAllFrameFinishes","handleFrontFrameClick","track","topTrack","getAllTrackFinishes","handleTrackClick","layout","panelLayout","getAllPanelLayouts","handleFrontLayoutClick","DoorInteraction","doorFrameClickHandler","handleDoorFrameClick","panelClickHandler","handlePanelClick","doorPanelsClickHandler","handleDoorPanelsClick","doorLayoutClickHandler","handleDoorLayoutClick","toggleInteractiveOnEachDoorPanel","door","core","panels","panelLayoutClickHandler","doOnPanelFinishChanged","oldFinish","onPanelFinishChanged","doOnDoorFrameFinishChanged","onFrameFinishChanged","doOnDoorLayoutChanged","oldLayout","onDoorLayoutChanged","currentTarget","replaceFinish","sender","args","wasChanged","replaceAllPanelsFinish","dor","replaceFrameFinish","replaceLayout","DoorFrontInteraction","frontPanelsClickHandler","frontFrameClickHandler","trackClickHandler","frontLayoutClickHandler","toggleInteractiveOnEachDoor","doors","doOnTrackFinishChanged","onTrackFinishChanged","replaceTrackFinish","trck","frnt","topChanged","botChanged","bottomTrack","Component","_displayObject","components","l","z","w","h","d","rect","left","bottom","back","width","height","depth","r","xyz","split","rotation","x","y","preFactorySetup","factorySetup","materialIdPrefix","updateMaterial","finishId","material","getMaterial","finishChanged","updateFinishLabel","setFinish","preventNotification","newFinish","replaceFinishInline","createMaterialObject","replaceDisplayObject","doReplaceFinishesRecursively","comp","replaceFinishesRecursively","disableDrawingUpdates","enableDrawingUpdates","updateAllFinishesInline","getSecondaryFinish","setSecondaryFinish","replaceSecondaryFinish","doReplaceSecondaryFinishesRecursively","replaceSecondaryFinishesRecursively","performInlineUpdate","replaceChildFinish","child","oldChildDisplayObject","createContainer","createDisplayObject","removeDisplayObject","removeChildDisplayObject","addDisplayObject","addChildDisplayObject","detachFromUI","detachFinishLabel","addComponent","component","removeComponent","splice","addApiComponents","apiComponents","apiComponent","toggleFinishLabels","updateHeight","updateWidth","updateDepth","iterate","iterator","visitChildren","visitor","acceptVisitor","visitComponent","shrinkRect","delta","right","top","growRect","to2dTop","childBottom","childHeight","getTopLeftRect","getRelative2dTop","getRelative2dLeft","leftCorrection","parentWidthCorrection","parentWidth","addToMaterialIdList","materialPrefixDelim","createMaterialIdList","addToPrimaryFinishArray","addToSecondaryFinishArray","getAllSecondaryFinishes","assignArrayModificationsTo","destApiProduct","arrayName","sourceArray","assignType","isModified","destArray","lastModNdx","destProduct","assignModificationsTo","fill","slice","getWidthHeightRatio","use2D","NaN","getWidthDepthRatio","getMaterialWidthHeightRatio","productWidth","productHeight","getWidthRatio","getHeightRatio","decimals","parentHeight","exactRatio","roundDec","getDepthRatio","parentDepth","getMaterialWidthRatio","materialWidth","getMaterialHeightRatio","materialHeight","getMaterialDepthRatio","getRelativeWidth","clientWidth","exactWidth","getRelativeHeight","clientHeight","exactHeight","getModifiedApiProduct","DoorCoreElement","apiDoorCoreElement","DoorPanel","apiDoorPanel","relativeTop","getTopLeftCorePanelRect","totalPanelHeight","getTotalPanelHeight","visitDoorPanel","DoorDivider","apiDoorDivider","dividerType","visitDoorDivider","DoorCoreDesign","DoorCore","apiDoorCore","design","dividerFinish","dividerF","apiPanel","dividers","apiDivider","profileType","replaceDividerFinishes","divider","onPanelChanged","arePanelsModified","isDividerFModified","getTopItem","items","getBottomItem","len","visit","visitDoorCore","calculatePanelCount","getDoorCoreDesign","panelCount","getTotalHeight","rects","count","getVisualPanelRects","getTopLeftBasedVisualPanelRects","totalHeight","calcVisiblePanelHeight","fixedPanelIndeces","fixedPanelVisibleHeights","defaultDivider","defaultDividerCount","defaultPanelCount","hasFixedPanels","totalVisiblePanelHeight","totalFixedPanelVisibleHeight","availablePanelHeight","availablePanelCount","calculateDividerPositions","dividerHeight","dividerPositions","visiblePanelHeight","fixedPanelIndex","currentPanelVisibleOffset","panelHeight","reconfigureMultiPanelsAndDividers","isLargeCenterPanel","isLargeBottomPanel","lastPanelIndex","dividerIndex","priorDividerPosition","tongueAbove","tongueBelow","visibleHeight","MergedPanels","getTemplateDivider","onFindTemplateDivider","updatePanelAndDividerComponentLists","template","pop","dividerCount","reconfigurePanelsAndDividers","indeces","heights","bottomRail","updateElement","setDisplayObjectPosition","DoorFrameElement","apiDoorFrameElement","visitFrameElement","DoorRail","apiDoorRail","isTop","tb","visitDoorRail","DoorStile","apiDoorStile","isLeft","visitDoorStile","DoorFrame","apiDoorFrame","topConfig","topRail","botConfig","leftConfig","leftStile","rightConfig","rightStile","replaceChildFinishes","visitDoorFrame","DoorBottomTrack","apiBottomTrack","trackType","visitDoorBottomTrack","DoorTopTrack","apiTopTrack","visitDoorTopTrack","Door","apiDoor","doorIndex","railNo","coreConfig","handleOnFindTemplateDivider","frameConfig","findTemplateDivider","targetDoor","cor","newLayout","doorLayoutWasReplaced","destCore","isCoreModified","destFrame","isFrameModified","visitDoor","DoorFront","apiDoorFront","addDoor","doorConfig","doorComp","addOddDoorsFirst","railCount","foundDivider","onDoorFrameChanged","layouts","allDoorsHaveSinglePanel","find","getLeftOverlap","priorDoor","areDoorsModified","destTopTrack","isTopTrackModified","destBottomTrack","isBottomTrackModified","visitDoorFront","SideWall","apiSideWall","visitSideWall","FixedProduct","OneDimVariantProduct","MultiDimVariantProduct","ProductMaterialsLoadMode","Never","Delayed","AsyncNow","ProductDrawingViewModel","drawing","onProductDisplayed","viewModel","isStarted","isStarting","productMaterialsLoadMode","displayProductWhenStarting","isDrawingVisible","doBeforeDisplayProduct","doAfterDisplayProduct","scheduleProductDisplay","onDisplay","pendingDisplayCalls","isDisplayingProduct","materialIdsToLoad","group","loadMaterials","groupEnd","rec","displayCurrentProduct","doAfterHidingCurrentProduct","hideCurrentProduct","loadProductMaterials","doStart","start","MspScreen","editor","slides","editScopeBtnGroup","componentTypeBtnGroup","UIContent","defaultSlideIndex","addEditScopeClickHandler","showCompTypeStep","componentTypeButtons","addComponentTypeClickHandler","addGalleryItemClickHandler","installEventHandlers","addFilterMenuClickHandler","uninstallEventHandlers","removeFilterMenuClickHandler","applyGalleryFilter","filterKey","filterTitle","galleryItems","isIncluded","filterBtn","updateInUseGalleryItems","usedValues","setInUseValues","queryGalleryItems","oldScope","setEditScope","setCurrentStep","EditorSteps","doOnEditScopeClicked","setComponentTypeById","contains","galleryItem","findAncestor","el","setSelectedValue","key","nextStep","isEditScopeStepNeeded","doOnGalleryItemClicked","off","clickEvent","menuItem","componentTypeChanged","editComp","replace","updateDrawingTitle","editScopeChanged","getSelectedGalleryItem","selectedValueChanged","isSelected","found","getCurrentSlide","isSlideNeeded","slideElement","editScopeSlide","isGalleryVisible","gallerySlide","isDrawingSlideVisible","drawingSlide","scrollToActiveGalleryItem","selectedGalleryItem","scrollIntoView","currentSlideChanged","oldIndex","stepActivated","step","MspLargeScreen","MspSmallScreen","classes","MultiStepProductEditor","defaultComponentType","productInteractionClass","bySelect","selectors","allSlides","compTypeSlide","currentSlideIndex","activeSlides","largeScreenConfig","smallScreenConfig","currentScreen","clearScope","setComponentType","owl","owlCarousel","startPosition","nav","dots","dotsContainer","property","labelBtn","labelsToggleBtn","toggleFinishLabelBtn","isActive","displayFinishLabelBtn","dimsBtn","dimsToggleBtn","isFinishLabelBtnActive","callback","wasActive","startScreenResizeListener","largeScreenMediaQuerylist","matchMedia","mediaQueryListListener","e","updateCurrentScreenAndDisplaySlides","matches","refreshCurrentScreen","addListener","stopScreenResizeListener","removeListener","setupSlideNavigation","owlTrigger","preventDefault","prevSlide","nextSlide","goToSlide","owlTargets","slide","slideTo","forceIt","updateInteractionProperties","productInteraction","toggleInteraction","updateDrawingToolbar","backBtn","trigger","slideIndex","addSlideAt","slideHtml","removeSlideAt","refreshSlides","isLarge","slideElems","children","reverse","initializeEditScope","currentStep","getValueFromProduct","oldIx","removeProductInteraction","engine","toggleDisplayObjectInteractive","okBtn","addProductInteraction","MultiStepDoorFrontEditor","onePanelAtATimeBtn","DoorFrontEditor","panelList","allPanelLayoutsMap","panelListContent","colClasses","colClass","parseInt","trackFinish","pnlList","frameFinish","popupEditor","createSortedDoorDesigns","displayPanelList","columns","doorNo","columnDiv","para","doorPrefix","ol","li","trackTypeDValues","mainFinish","handleMainFinishClick","metalFinish","handleMetalFinishClick","InteriorInteraction","mainFinishClickHandler","metalFinishClickHandler","doOnMainFinishChanged","onMainFinishChanged","doOnMetalFinishChanged","onMetalFinishChanged","InteriorEditor","SideWallEditor","thickness","inputThickness","inputT","FlexiSideEditor","FlexiShelfEditor","FlexiBasketAndTracksEditor","MeshBasketAndTracksEditor","FloorModuleEditor","heightType","displayWidthInput","displayHeightTypeInput","heightTypeDValues","displayHeightInput","displayDepthInput","metalF","FlexiSectionEditor","innerWidth","displayInnerWidthInput","innerW","StandardModuleEditor","ClosetOrganizerEditor","VariantProductEditor","variants","getProductVariantId","test","changedAttrValue","getSelectedValueFromProduct","variant","variantDValues","SingleVariantProductEditor","MultiVariantProductEditor","extractAlias","getSelectedValue","attrAlias","attributes","changedAlias","alias","FlexiSide","apiFlexiSide","visitFlexiSide","FlexiSectionContent","RodWithBrackets","HangRodWithBrackets","apiHangRod","visitHangRodWithBrackets","SupportRodWithBrackets","apiSupportRod","visitSupportRodWithBrackets","FlexiBasketAndTracks","apiBasket","visitFlexiBasketAndTracks","MeshBasketAndTracks","visitMeshBasketAndTracks","BaseShelf","FlexiShelf","apiFlexiShelf","visitFlexiShelf","TopShelf","apiTopShelf","visitTopShelf","FlexiSectionContents","apiContents","iterateContentsUsingPrimaryFinish","onEach","iterateContentsUsingSecondaryFinish","usePrimaryFinish","visitFlexiSectionContents","ClosetModule","FloorModuleAlign","FloorModule","apiModule","align","leftSide","rightSide","destLeftSide","isLeftSideModified","destRightSide","isRightSideModified","FlexiSection","apiSection","contents","destContents","isContentsModified","visitFlexiSection","StandardModule","apiStandardModule","floorModules","otherComponents","areFloorModulesModified","hangRods","areOtherComponentsModified","TopShelfModule","apiShelfModule","shelves","areShelvesModified","visitTopShelfModule","HangRodModule","apiHangRodModule","supportRods","areHangRodsModified","areSupportRodsModified","visitHangRodModule","ClosetOrganizer","apiClosetOrganizer","topShelfModule","destTopShelfModule","isModuleModified","visitClosetOrganizer","SlidingDoorFrontFactory","getAllKnownSafirMaterialIds","frameFinishes","trackFinishes","getAllKnownTopazMaterialIds","getAllKnownEdgeMaterialIds","ProductClassFactory","SideWallFactory","sideWallFinishes","InteriorFactory","getPrimaryFinishes","getMetalFinishes","addToProductMaterialIds","addPrimaryProductMaterialIds","addMetalProductMaterialIds","getPrimaryProductMaterialIds","getMetalProductMaterialIds","FlexiSideFactory","FlexiShelfFactory","FlexiBasketAndTracksFactory","MeshBasketAndTracksFactory","FloorModuleFactory","FlexiSectionFactory","ClosetOrganizerFactory","FixedDesignerProductFactory","OneDimVariantProductFactory","MultiDimVariantProductFactory","Align","EngineRegistry","engineClass","ImageLoader","loadImages","imageDataArray","beforeLoad","onLoad","onError","promiseArray","imageArray","imageData","Promise","resolve","img","Image","onload","onerror","src","all","loadImage","imageUrl","imageLoadPromise","ProductMaterialLoader","folderRelativePath","getFinishName","loadedMaterials","imageLoader","makeFullRelativeUrl","filename","resolution","StringUtils","addTrailingSlash","lookupMaterial","allMaterials","getLoadedMaterial","delimiter","materialId","extractFinish","lastIndexOf","substring","getMaterialName","convertToPropName","ndx","upper","charAt","toUpperCase","prepareMaterial","wasPrepared","color","isColor","fileName","isImage","matrImg","url","isLoading","isLoaded","prepareLoading","loadingImageMaterials","Object","keys","startLoading","loadingMaterials","current","image","load","imageMaterialsToBeLoaded","loadSingleMaterial","materials","DrawingEngine2020","productDrawing","createDefaultOptions","canShareLoader","createDrawingService","getFinish","renderOnce","getStageDisplayObject","getRootHtmlElement","rootDisplayObject","addToDrawing","getDrawingSize","getDrawingImageUrl","bestFitStageAndCanvas","fitCanvasAroundStage","resizeCanvasToFitInFullWindow","resizeCanvasToFitInFullScreen","resizeCanvasToFitAroundStage","loader","sharedLoader","getMaterialImagesFolder","lowRes","highRes","finishImagesBaseUrl","loadHighResAsWell","onHisResImgLoaded","wasLoadedNow","loadedNow","setCurrentSingleMaterialImageResolution","setCurrentMaterialImageResolution","DrawingService2020","getProductFinishName","onLoadSingleMaterial","isDrawingUpdatesEnabled","materialImages","cmScale","matr","addFallbackMaterials","assignMaterialJitLoaderTo","onJitLoadMaterial","DetachFromDomIterator","onIterateSubject","subject","ChildVisitOrder","ProductVisitor","doBeforeVisit","guest","doAfterVisit","childVisitOrder","visitRoot","pushContext","context","prior","currentContext","popContext","ctx","parentContext","assign","SizeStrategy","DefaultSizeOptions","strategy","DoorSizeOptions","OrganizerSizeOptions","ProductDrawingVisitor","clearDrawing","getRotation","ToggleLabelVisitor","toggleOn","toggleLabel","sideWall","flexiSide","basket","supportRod","hangRod","topShelf","flexiShelf","flexiSection","module","organizer","ToggleInteractivityVisitor","onToggleInteractive","toggleInteractivity","UpdateMaterialImageVisitor","updateMaterialImage","HtmlRenderVisitor","finishResources","drawingElement","isInlineUpdate","rootElement","detachIterator","lastChild","backgroundImage","backgroundColor","currentImg","updateBackgroundImage","setBgImageSize","backgroundSize","widthStrategy","heightStrategy","cropWidthAndScaleHeight","cropHeightAndScaleWidth","widthPct","heightPct","Pct100","ceiling","factor","pow","adjustSizePercent","sizePercent","setElementSize","widthSize","heightSize","isNaN","calcYPositionPct","panelRect","deltaHeight","pct","getPanelBgImageYPosition","panelRects","setDoorListMarginTop","doorListElement","doorRect","ratioDiffPct","setProperty","setDoorListMarginBottom","setRelativeChildPosition","setLeft","setTop","removeProperty","createDivElement","className","createComponentElement","addChildElementToParentOf","childElement","addChildElement","addEmptyDiv","newElement","getDivElementAndPushContext","classNames","onLookupElement","renderDivWithFullHeight","displayObjectHeight","renderStandardElement","classname","sizeOptions","parentNode","renderFlexiSectionContent","renderFloorModule","onVisitContents","moduleElement","renderStandardModule","beforeVisitContents","mdule","mduleElement","contentsElement","floorModule","backgroundPositionY","rail","stile","isReplacingDoorCore","doorElement","leftOverlap","overlapPct","zIndex","frontElement","section","sction","rod","shelf","org","HtmlUpdateMaterialImageVisitor","HtmlLabelVisitor","isLabelVisible","finishLabel","HtmlDrawingService","onInitVisitor","refreshMaterialImages","addToParentDisplayObject","oldChild","newChild","replaceChild","rootComponent","cursor","removeEventListener","HtmlSizerStrategy","HtmlAspectRatioSizer","sizerStrategy","alwaysUseWidthPct","alignCenter","usePreCalculatedSizes","childLength","childWidth","diff","changeZoom","currentZoomPct","newZoomPct","childWHRatio","naturalWidth","naturalHeight","hasHigherWHRatioThanParent","containUsingWidthAndHeight","logicalWidth","logicalHeight","tmpHeight","tmpParent","result","cssWidth","cssHeight","childPct","containUsingWidthOnly","getContainedChildSize","contain","sizeToFullWidth","sizeToFullHeight","childWidthPct","maximizeWithinParent","HtmlDrawingEngine","hoverCursor","sizer","startRendering","isRendering","_isRendering","stopRendering","FaceUVHelper","flipUVOverYAxis","faceUV","xLeft","xRight","flipUVOverXAxis","yBottom","yTop","setupFaceUV","rows","useFullImageOnEachSprite","BABYLON","Vector4","QLFFaceNdx","QuadriLateralFrustumBuilder","createMesh","origin","dimensions","faceColors","invisibleFaces","scene","xBotOffset","topWidth","botWidth","topXLeft","topXRight","botXLeft","botXRight","topY","botY","zBotOffset","topDepth","botDepth","topZFront","topZBack","botZFront","botZBack","faces","hasInvisibleFaces","custom","vertex","face","sideOrientation","Mesh","DOUBLESIDE","DEFAULTSIDE","MeshBuilder","CreatePolyhedron","BasketRimBuilder","createRimShape","cornerRadius","Vector3","createRimPath","path","shape","edgeWidth","edgeHeight","zCornerRadius","closeShape","basketWidth","basketDepth","yCornerRadius","closePath","cap","CAP_ALL","ExtrudeShape","BaseBasketBuilder","getMaterialByID","StandardMaterial","alpha","freeze","transparentMaterial","OriginalBasket","createVector3Array","points","v","createContainerBox","box","CreateBox","isPickable","addMultipleClones","cloneCount","startRect","endRect","isImplicit","divisor","deltaLoc","subtract","divide","deltaScale","size","scale","original","addInPlace","position","copyFrom","scaling","freezeWorldMatrix","FlexiBasketBuilder","tubeTesselation","createWire","radius","tessellation","tube","CreateTube","addBasket","basketHeight","origBasketWidth","origBasketHeight","basketScale","diffuseColor","Color3","FromHexString","clonedBasket","multiplyInPlace","getChildMeshes","ThinWireRadius","BasketNetWidth","BasketNetHeight","XAxisOffset","XAxisOffset2","ZAxisOffset","BasketNetDepth","XShortWireScale","ZShortWireScale","unitSize","One","tempParent","Node","topWirePath","startLocation","startSize","endLocation","origBasketDepth","endSize","wirePath","childMeshes","wireMesh","MergeMeshes","dispose","MeshBasketBuilder","reOrientBoxUVSprites","faceUVHelper","createBasketUsingQuadriLateralFrustum","basketMaterial","rimMaterial","rimDimensions","rimOrigin","rim","topBotRatio","basketDimensions","basketOrigin","containerRect","basketWithRim","lbfOffset","subtractInPlace","compRect","BabylonRenderVisitor","vector2","lookupColorMaterial","compMatr","sceneId","BLColorMaterials","specularColor","needsImageMaterial","BLMaterials","texture","Texture","wAng","Tools","ToRadians","diffuseTexture","hasAlpha","backFaceCulling","useAlphaFromDiffuseTexture","findMaterial","replaceMeshMaterialStatic","mesh","replaceMeshMaterial","moveLbbToParentLbb","relativePosition","computeWorldMatrix","bbox","getBoundingInfo","boundingBox","minimumWorld","maximumWorld","meshDepth","lbf","position2","divideInPlace","setChildPosition","childComp","relPosition","setMeshRotation","metadata","intrinsicRotation","setDefaultMeshRotation","visitAndUpdatePosition","compMesh","createEmptyMesh","addChildMesh","childMesh","addEmptyMesh","newMesh","getEmptyMeshAndPushContext","onLookupMesh","getContainerMeshAndPushContext","createBox","getChildMeshByName","meshes","node","isTransparent","onGetFaceUV","widthRatio","heightRatio","depthRatio","wrap","updatable","createRod","isSupportRod","CreateCylinder","diameter","createFlexiBasket","basketBuilder","wireMeshes","createMeshBasket","meshBasketBuilder","createPanel","createFloorModule","moduleMesh","createStandardModule","mduleMesh","contentsComp","contentsMesh","shelfMesh","sctionMesh","BabylonUpdateMaterialImageVisitor","BabylonDrawingService","removeMesh","RoomAlign","center","Room","DEFAULT_ROOM_DIMENSIONS","BASEBOARD_HEIGHT","createColorMaterial","removeSpecularColor","Color4","Black","removeRoomFromDrawing","walls","wall","baseboards","baseboard","createFloor","floorMaterial","CreateGround","createWalls","wallData","baseboardMaterial","includeBaseboards","wallDatum","isShortWall","CreatePlane","multiplier","rotationQuaternion","Quaternion","FromEulerAngles","baseboardX","baseboardZ","updateSizesAndPositions","dims","contentDims","leftGap","rightGap","autoWidth","deltaGap","bottomGap","topGap","autoHeight","frontGap","backGap","autoDepth","Zero","roomDimensions","rebuildAndAddToDrawing","floorColor","floorAlpha","wallMaterial","wallColor","wallAlpha","baseboardColor","baseboardAlpha","PI","BabylonDrawingEngine","assignConfig","usesStageProduct","canDoFullScreen","Engine","Scene","clearColor","createCamera","createLights","bgColor","displayRoom","room","camera","horizDegree","vertDegree","distance","hemiLight","intensity","dirLight","ClosetDegrees","ToAlphaRadians","beta","ToBetaRadians","cam","ArcRotateCamera","wheelDeltaPercentage","pinchDeltaPercentage","minZ","maxZ","lowerRadiusLimit","upperRadiusLimit","lowerAlphaLimit","upperAlphaLimit","lowerBetaLimit","upperBetaLimit","inputs","attached","keyboard","panningSensibility","pointers","useAutoRotationBehavior","attachControl","evnt","stopPropagation","hemiLightCfg","skyDirection","negateInPlace","HemisphericLight","dirLightCfg","DirectionalLight","toggleDebugView","debugLayer","show","toggleFullScreen","switchFullscreen","actionManager","ActionManager","clickAction","ExecuteCodeAction","OnPickTrigger","sourceEvent","registerAction","unregisterAction","zoomInOnTarget","activeCamera","zoomOn","getHexColorStr","cssColorStr","addRoom","stopShowingFps","intervalHandle","clearInterval","showFpsOnConsole","interval","expiration","lastTime","Date","getTime","setInterval","fps","getFps","isSkippingEvery2nd","toFixed","renderNow","runRenderLoop","render","stopRenderLoop","whenReadyAsync","toggleRendering","resizeCanvas","resizeCanvasInsideElement","alsoUpdateClientSize","syncCanvasSizeWithParent","scaleStageToFitInCanvas","xAlign","yAlign","keepXYOffsets","resize","innerHeight","toDataURL","closetDegree","degree","FromBetaRadians","radians","ToDegrees","FromAlphaRadians","ProductMaterialsMap","useStretch","ProductDrawing","drawingEngine","interactionBehaviors","isProductDisplayed","resizeMonitor","WindowResizeMonitor","onResize","mon","doIfCanvasContainerWidthUpdatesWithin","behavior","isLabelsVisible","removeProduct","isAssigned","stageProduct","wereLabelsActive","stageApiProduct","addInteractionBehavior","removeInteractionBehavior","removeFromArray","ms","startTime","now","container","initialWidth","onFrame","requestAnimationFrame","ProductService","HttpService","serviceUrl","sameSiteOnly","postJsonObject","variantProductId","fetchJson","dto","DesignerService","HDR_SESSION_ID","includeSessionId","prepareGetOptions","headers","afterGet","response","preparePutAndPostOptions","afterPost","getProductDetails","ignoreSession","updatePropertyValue","post","resetSession","deltaProduct","productPlusDelta","ProductZoomer","zoomDelta","zoomInterval","targetContainer","zoomOutBtn","zoomInBtn","containBtn","pct100Btn","fullWidthBtn","fullHeightBtn","fullscreenBtn","closeBtn","isUsingTransitions","autoActivate","onDeactivate","onActivated","AspectRatioSizer","AspectRatioSizerClass","RepeatWhileMouseDown","RepeatWhileMouseDownClass","DragToScroll","DragToScrollClass","UtilsClass","targetParent","firstElementChild","assignTargetElement","targetElement","containImage","zoomTo100Pct","zoomToFullWidth","zoomToFullHeight","activateFullscreen","deactivateFullscreen","origMouseX","clientX","origMouseY","clientY","dx","dy","abs","zoomOutRepeat","prepareRepeatedZoom","decreaseZoom","wasClick","handleZoomRepeatDone","zoomInRepeat","increaseZoom","dragToScroll","lastZoom","updateToolbarButtons","targetWidthHeightRatio","imageLoadListener","windowLoadListener","updateChildElement","hasNaturalSize","tagName","toLowerCase","activateFullScreen","readyState","targetOriginalStyle","getAttribute","targetOriginalParent","targetOriginalSibling","nextSibling","pct100BtnDisplayStyle","docStyle","documentElement","origDocOverflow","overflow","transitionstartListener","handleTransitionStart","transitionendListener","handleTransitionEnd","resizeListener","targetWidth","targetHeight","insertBefore","keydownListener","stop","disableTransitions","getZoomValueFromStyle","css","str","Number","setStyleFromCurrentZoom","currentZoom","convertAutoZoomToPct","getWidthAsPercent","setWidthToAutoAtEnd","enableTransitions","applyCurrentZoom","isZoomIn","install","SimpleProductPreviewer","ProductPreviewer","handleMaximizeClickExternally","addMaximizeClickHandler","previewTabLinkId","previewTabId","previewMaxLink","commonImageGroup","setupShowcaseTabs","setupMainTabCarousel","drawingElem","parentDiv","closest","nodeName","debugCheck","fn","targetDiv","canvasContainer","beforeDebug","targetNextSibling","contHeight","contHeightPri","getPropertyPriority","showProductCanvasFullScreen","toggleMonitor","wasInteractive","zoomer","beh","refreshFullSizeImageLink","href","activeTabLink","activeTabSelector","onGetIsDefaultProduct","getActiveShowcaseTabName","tab","attr","selector","showCaseTabs","allTabsSelector","getTabSelector","tabName","onShowcaseTabShown","showCaseTabPanes","allTabPanesSelector","activateShowcaseTab","activatePreviewTab","removeImagesNotNeeded","$currentCarouselItems","productVariantId","notNeededIndeces","each","$mainCarouselItems","addNeededImages","toBeAddedIndeces","alreadyThere","addCarouselItem","$mainCarousel","thumb","$mainCarouselThumbs","removeCarouselItem","updateVisibleImages","$owlItems","activateFirstMainCarouselItem","isFirst","$mainTabPane","first","doSetupCarousel","hasClass","setupPreviewCarousel","$previewCarousel","previewItemCount","itemCount","isPreviewCarouselInitialized","onPreviewCarouselInitialized","displayPreviewImage","forceDrawing","displayEditedProduct","usrDriven","previewTabName","ProductPageViewModel","constructServices","constructProductPreviewer","isProductEndOfLife","constructProductEditor","productServiceUrl","designerServiceUrl","previewDrawing","createProductDrawing","productPreviewCanvas","previewer","saveActiveTabToLocalStorage","productEditor","editorConfig","popupEditorTimeoutHandle","prodEditor","hideChatButton","wasRenderingBeforePopup","isOk","showChatButton","engineName","canvasId","otherDrawingEngine","canvas","engineOptions","drawingEngineClass","engineConfig","popupEditorTemplate","cloneNode","getPhotoSwiper","refresh","editCanvas","createPopupEditorConfig","enableForm","disabledControls","disableForm","formId","form","controls","control","isHidden","hasAttribute","toggleScrollToDrawingBtn","FB","CustomerChat","shouldShowDialog","restoreActiveTabFromLocalStorage","activeShowcaseTab","scrollToDrawingTimerActive","scrollToDrawingTimerId","clearScrollToDrawingTimer","hideScrollToDrawingBtn","$scrollToDrawingBtn","removeClass","drawingTop","$drawingScrollTarget","offset","$window","scrollTop","addClass","$scrollToTopBtn","setupScrollToDrawingButton","velocity","duration","easing","mobileHA","ProductApp"],"mappings":"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"}