npm - @roomle/embedding-lib - Versions diffs - 4.43.0 → 5.0.1-debug.1 - Mend

@roomle/embedding-lib 4.43.0 → 5.0.1-debug.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (228) hide show

package/docs/examples/11_light_settings.html DELETED Viewed

@@ -1,126 +0,0 @@
-<html>
-    <head>
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-                overflow: hidden;
-            }
-            .ls, .product {
-                width: 70px;
-                height: 70px;
-                margin: 10px;
-                background-color: azure;
-                border: 1px solid blue;
-                color: #090909;
-                text-align: center;
-                display: flex;
-                align-items: center;
-                cursor: pointer;
-            }
-            .product {
-                width: 70px;
-                height: 70px;
-                margin: 10px;
-                background-color: rgb(232, 254, 232);
-                border: 1px solid green;
-            }
-            .ls div, .product div {
-                width: 100%;
-            }
-            .container {
-                display: flex;
-            }
-            #configurator-container {
-                width: 1024px;
-                height: 600px;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="container">
-            <div class="product"
-                 data-roomle-id="usm:frame:1E13940F850F734EDF5ADF48191E9ACDAD93BEC0BE757F89E78807A5DA0FAD8C">
-                <div>Shelf</div>
-            </div>
-            <div class="product"
-                 data-roomle-id="musterring:Felicia_Sofa:7698BEE48226BBB1E0AF93F342018DC1FC269242F02D1F0C9367414A26CA3425">
-                <div>Sofa</div>
-            </div>
-            <div class="product"
-                 data-roomle-id="hussl:ST6N:C39C46D1AD6F8BC9E3F778A6F92CB017B785CE960D8D4C7146223348A9B70590">
-                <div>Chair</div>
-            </div>
-        </div>
-        <div class="container">
-            <div class="ls" data-roomle-ls="sofa">
-                <div>Sofa<br>Light</div>
-            </div>
-            <div class="ls" data-roomle-ls="shelf">
-                <div>Shelf<br>Light</div>
-            </div>
-            <div class="ls" data-roomle-ls="shelf_front">
-                <div>Shelf Front<br>Light</div>
-            </div>
-            <div class="ls" data-roomle-ls="equal">
-                <div>Equal<br>Light</div>
-            </div>
-            <div class="ls" data-roomle-ls="camera">
-                <div>Camera<br>Light</div>
-            </div>
-            <div class="ls" data-roomle-ls="baked">
-                <div>Baked<br>Light</div>
-            </div>
-        </div>
-        <div id="configurator-container"></div>
-        <script src="./roomle-configurator-api.es.min.js" type="module"></script>
-        <script type="module">
-          import RoomleConfiguratorApi from './roomle-configurator-api.es.min.js';
-          (async () => {
-            const options = {
-              id: 'usm:frame:1E13940F850F734EDF5ADF48191E9ACDAD93BEC0BE757F89E78807A5DA0FAD8C',
-            };
-            const configurator = await RoomleConfiguratorApi.createConfigurator(
-              'demoConfigurator',
-              document.getElementById('configurator-container'),
-              options,
-            );
-            [...document.querySelectorAll('.ls')].forEach((button) => {
-              button.addEventListener('click', (productDomNode) => {
-                const target = productDomNode.target;
-                let roomleLs = target.getAttribute('data-roomle-ls') || target.parentElement.getAttribute('data-roomle-ls');
-                if (!roomleLs) {
-                  return;
-                }
-                // this is obfuscated on purpose because it uses internal API functions
-                // which are not meant to be used! This example should only demonstrate
-                // the different light settings. Sure it's easy to decode the string but
-                // please do not copy and paste the decoded code into your production app
-                // unless you know what you do :-)
-                eval(atob('Y29uZmlndXJhdG9yLmV4dGVuZGVkLmxvYWREeW5hbWljTGlnaHRTZXR0aW5nKHtsczogcm9vbWxlTHN9KQ=='));
-              });
-            });
-            [...document.querySelectorAll('.product')].forEach((button) => {
-              button.addEventListener('click', (productDomNode) => {
-                const target = productDomNode.target;
-                let roomleId = target.getAttribute('data-roomle-id') || target.parentElement.getAttribute('data-roomle-id');
-                if (!roomleId) {
-                  return;
-                }
-                configurator.ui.loadObject(roomleId);
-              });
-            });
-          })();
-          let roomleId = target.getAttribute('data-roomle-id') || target.parentElement.getAttribute('data-roomle-id');
-        </script>
-    </body>
-</html>

package/docs/examples/12_email.html DELETED Viewed

@@ -1,36 +0,0 @@
-<html>
-    <head>
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-            }
-            .configurator-container {
-                width: 800px;
-                height: 600px;
-            }
-        </style>
-    </head>
-    <body>
-        <div id="configurator-container-1" class="configurator-container"></div>
-        <script src="./roomle-configurator-api.es.min.js" type="module"></script>
-        <script type="module">
-            import RoomleConfiguratorApi from './roomle-configurator-api.es.min.js';
-            (async ()=> {
-              const objectToLoadId = 'usm:frame:BB3BB3E7951BC15109B1FF86D78C95DE3FB46E9F78714C46FFA2DE91866A2C2B';
-              const configuratorId = 'demoConfigurator';
-              const domElement1 = document.getElementById('configurator-container-1');
-              const configurator1 = await RoomleConfiguratorApi.createConfigurator(
-                configuratorId,
-                domElement1,
-                {
-                  id: objectToLoadId,
-                  emails: true,
-                  deeplink: 'https://www.roomle.com/t/cp/?id=#CONFIGURATIONID#&configuratorId=demoConfigurator'
-                }
-              );
-            })();
-        </script>
-    </body>
-</html>

package/docs/examples/13_parameters.html DELETED Viewed

@@ -1,67 +0,0 @@
-<html>
-    <head>
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-            }
-            .configurator-container {
-                width: 800px;
-                height: 600px;
-            }
-        </style>
-    </head>
-    <body>
-        <div id="configurator-container-1" class="configurator-container"></div>
-        <script src="./roomle-configurator-api.es.min.js" type="module"></script>
-        <script type="module">
-            import RoomleConfiguratorApi from './roomle-configurator-api.es.min.js';
-            (async ()=> {
-              const objectToLoadId = 'usm:frame:BB3BB3E7951BC15109B1FF86D78C95DE3FB46E9F78714C46FFA2DE91866A2C2B';
-              const configuratorId = 'demoConfigurator';
-              const domElement1 = document.getElementById('configurator-container-1');
-              const configurator1 = await RoomleConfiguratorApi.createConfigurator(
-                configuratorId,
-                domElement1,
-                {id: objectToLoadId}
-              );
-              const minWidth = '10rem';
-              // be aware that you use the "extended" object, this needs to be included in your licence
-              // if you are unsure please ask your Roomle Rubens Contact person
-              const params = await configurator1.extended.getParametersOfRootComponent();
-              const viewParam = params.find(({key}) => key === 'door');
-              if(!viewParam) {
-                  console.warn('Configuration has no door param');
-                  return;
-              }
-              const parent = document.querySelector('.configurator-container').parentNode;
-              if (!parent) {
-                  console.warn('No Roomle Configurator found');
-                  return;
-              }
-              const wrapper = document.createElement('div');
-              viewParam.validValues.forEach(({value,label}) => {
-                const button = document.createElement('div');
-                const span = document.createElement('span');
-                span.innerText = label;
-                span.classList.add('btn','btn-primary');
-                span.style.minWidth = minWidth;
-                span.style.marginBottom = '1rem';
-                button.appendChild(span);
-                // be aware that you use the "extended" object, this needs to be included in your licence
-                // if you are unsure please ask your Roomle Rubens Contact person
-                button.addEventListener('click', () => configurator1.extended.setParameterOfRootComponent(viewParam, value));
-                wrapper.appendChild(button);
-              });
-              parent.style.display = 'grid';
-              parent.style.gridTemplateColumns = '1fr ' + minWidth;
-              parent.style.gridGap = '10px';
-              parent.appendChild(wrapper);
-            })();
-        </script>
-    </body>
-</html>

package/docs/examples/14_ga_consent.html DELETED Viewed

@@ -1,39 +0,0 @@
-<html>
-    <head>
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-            }
-            .configurator-container {
-                width: 1024px;
-                height: 768px;
-            }
-        </style>
-    </head>
-    <body>
-        <div id="configurator-container-1" class="configurator-container"></div>
-        <script src="./roomle-configurator-api.es.min.js" type="module"></script>
-        <script type="module">
-            import RoomleConfiguratorApi from './roomle-configurator-api.es.min.js';
-            (async ()=> {
-              const objectToLoadId = 'usm:frame:BB3BB3E7951BC15109B1FF86D78C95DE3FB46E9F78714C46FFA2DE91866A2C2B';
-              const configuratorId = 'demoConfigurator';
-              const domElement1 = document.getElementById('configurator-container-1');
-              const configurator1 = await RoomleConfiguratorApi.createConfigurator(
-                configuratorId,
-                domElement1,
-                {
-                  id: objectToLoadId,
-                  gaConsent: false
-                }
-              );
-              // simulate that the user gives consent later
-              setTimeout(()=>{
-                configurator1.ui.giveGaConsent();
-              }, 3000);
-            })();
-        </script>
-    </body>
-</html>