@geops/rvf-mobility-web-component 0.1.55 → 0.1.57

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.57](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.56...v0.1.57) (2025-10-01)
+
+
+### Features
+
+* add layer tree, share, print, and new toolbar ([#26](https://github.com/geops/rvf-mobility-web-component/issues/26)) ([475c202](https://github.com/geops/rvf-mobility-web-component/commit/475c202b4eceffb8a4fe83b3e12ac01fb3ad2f03))
+* add ui components ([69f79a2](https://github.com/geops/rvf-mobility-web-component/commit/69f79a269e9bc4057379dbe90f413d7cad64985d))
+
+
+### Bug Fixes
+
+* add icons for search ([a7dc19d](https://github.com/geops/rvf-mobility-web-component/commit/a7dc19d57be0f2e953e4eaf4444162946a659fac))
+* add NoRealtimeIcon ([3a4441f](https://github.com/geops/rvf-mobility-web-component/commit/3a4441faf8b5c1d508a06c7451411d0370fefc43))
+* display no realtime icon ([5a6c886](https://github.com/geops/rvf-mobility-web-component/commit/5a6c88620566134a30a9d224db32c51f8d07929e))
+* do not load all notifications when there is preview notifications ([8716766](https://github.com/geops/rvf-mobility-web-component/commit/8716766fdf26a9db04cc2923c899d8aa0dbd0114))
+* fix tailwindcss 4 variables defs ([c063b72](https://github.com/geops/rvf-mobility-web-component/commit/c063b72597ecf4391e34bddf6f0003aeeda4b243))
+* generate better documentation and split code in components to make it more reusable ([#23](https://github.com/geops/rvf-mobility-web-component/issues/23)) ([7ee2c3c](https://github.com/geops/rvf-mobility-web-component/commit/7ee2c3cbcbc928c77ceb608b83d98d134170be51))
+* make search by default ([eca606f](https://github.com/geops/rvf-mobility-web-component/commit/eca606fc84692d415ba95d780cbf88e59e94f170))
+* merge upstream ([a45bcd7](https://github.com/geops/rvf-mobility-web-component/commit/a45bcd78e4bd801f0faa39edf6c55beaea4fec15))
+* remove obsolete code ([8b4cb08](https://github.com/geops/rvf-mobility-web-component/commit/8b4cb08c9e8d2f1f6b668c8d84d3332073a312f8))
+* update libs ([641549c](https://github.com/geops/rvf-mobility-web-component/commit/641549c7048b7bcc15dd898bff2139fa048d736e))
+* use scrollTo instead of scrollIntoView ([f26aa16](https://github.com/geops/rvf-mobility-web-component/commit/f26aa16cfa513f445f40aac46ba0e020702c3c61))
+
+### [0.1.56](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.55...v0.1.56) (2025-09-30)
+
+
+### Bug Fixes
+
+* improve doc ([cd1e470](https://github.com/geops/rvf-mobility-web-component/commit/cd1e47080c0fc05f3c702d56110ec96ff7a5bf37))
+* set notification true by default ([e0f8311](https://github.com/geops/rvf-mobility-web-component/commit/e0f83114dfab729cd508c597ef00553fdd9efebc))
+
 ### [0.1.55](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.54...v0.1.55) (2025-09-26)
 
 

package/docutils.js

@@ -66,6 +66,7 @@ function generateAttributesTable(
   booleanTrueByDefault = [],
   descriptionByAttr = {},
   defaultValueByAttr = {},
+  reloadAttrs = [],
 ) {
   let innerHMTL = `<table class="table-auto w-full" >
     <thead>
@@ -104,7 +105,7 @@ function generateAttributesTable(
           class="border"
           name="${key}"
           ${checked ? "checked" : ""}
-          onchange="document.querySelector('${wc.localName}').setAttribute('${key}', this.checked);onAttributeUpdate(document.querySelector('${wc.localName}'),this.name, this.checked);" 
+          onchange="document.querySelector('${wc.localName}').setAttribute('${key}', this.checked);onAttributeUpdate(document.querySelector('${wc.localName}'),this.name, this.checked, '${reloadAttrs.join(",")}');" 
           />`
           : `
         <input
@@ -114,7 +115,7 @@ function generateAttributesTable(
           value="${wc.getAttribute(key) || ""}" 
           placeholder="${defaultValueByAttr[key] || ""}"
           />
-        <button class="border p-2 bg-black hover:bg-gray-700 text-white" onclick="document.querySelector('${wc.localName}').setAttribute('${key}', this.previousElementSibling.value);onAttributeUpdate(document.querySelector('${wc.localName}'),this.previousElementSibling.name, this.previousElementSibling.value);">Update</button>`
+        <button class="border p-2 bg-black hover:bg-gray-700 text-white" onclick="document.querySelector('${wc.localName}').setAttribute('${key}', this.previousElementSibling.value);onAttributeUpdate(document.querySelector('${wc.localName}'),this.previousElementSibling.name, this.previousElementSibling.value, '${reloadAttrs.join(",")}');">Update</button>`
       }
       </div>
       ${descriptionByAttr[key] ? `<div class="pt-2">${descriptionByAttr[key]}</div>` : ``}
@@ -151,7 +152,12 @@ function generateCodeText(
         (attributeValue === "true" && inputValue === true) ||
         (attributeValue === "false" && inputValue === false))
     ) {
-      codeText += `\n\t${[key, '"' + wc.getAttribute(key) + '"'].join("=")}`;
+      let separator = '"';
+      const value = wc.getAttribute(key);
+      if (value.includes(separator)) {
+        separator = "'"; // for json stringify value
+      }
+      codeText += `\n\t${[key, separator + value + separator].join("=")}`;
     }
   });
 
@@ -221,9 +227,18 @@ function generateEventsTable(wc, events, descriptionByEvent = {}) {
 }
 
 // Update url on attributes update via inputs
-function onAttributeUpdate(wc, key, value) {
+function onAttributeUpdate(wc, key, value, reloadAttrs) {
   const params = new URLSearchParams(window.location.search);
   params.set(key, value);
-  wc.setAttribute(key, value);
-  window.history.replaceState({}, "", `${window.location.pathname}?${params}`);
+  if (reloadAttrs.split(",").includes(key)) {
+    window.history.pushState({}, "", `${window.location.pathname}?${params}`);
+    window.location.reload();
+  } else {
+    wc.setAttribute(key, value);
+    window.history.replaceState(
+      {},
+      "",
+      `${window.location.pathname}?${params}`,
+    );
+  }
 }

package/global.d.ts

@@ -2,6 +2,7 @@ declare module "*.png" {
   const src: string;
   export default src;
 }
+
 declare module "*.svg" {
   const src: string;
   export default src;

package/iframe.html

@@ -215,4 +215,19 @@
       });
     </script>
   </body>
+<<<<<<< HEAD
+=======
+  <script type="module">
+    // import testNotification from "./testNotification.json";
+    // const iframe = document.getElementById("iframe");
+    // iframe.addEventListener("load", function () {
+    //   setTimeout(() => {
+    //     this.contentWindow.postMessage({ notification: testNotification }, "*");
+    //   }, 500);
+    // });
+    window.addEventListener("message", (event) => {
+      console.log(`parent received ${event.data.type} message:`, event.data.data);
+    });
+  </script>
+>>>>>>> upstream/main
 </html>

package/index.html

@@ -48,7 +48,7 @@
       ></pre>
 
       <geops-mobility
-        class="block h-96 w-full resize overflow-hidden rounded-2xl border"
+        class="block h-128 w-full resize overflow-hidden rounded-2xl border"
       ></geops-mobility>
 
       <br />
@@ -85,6 +85,7 @@ document.getElementById('map').addEventListener('mwc:attribute', (event) => {
           description: `Load the page in fullscreen mode.`,
           reload: true,
         };
+
         window.MobilityMapAttributes.debug = {
           type: "boolean",
           defaultValue: "false",