@geops/rvf-mobility-web-component 0.1.15 → 0.1.16

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 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.16](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.15...v0.1.16) (2025-01-24)
+
+
+### Features
+
+* add layers attribute and in permalink  ([#19](https://github.com/geops/rvf-mobility-web-component/issues/19)) ([5b714f4](https://github.com/geops/rvf-mobility-web-component/commit/5b714f4a52d2083a688f535964f5fd08313e3072))
+* added feature details ([#20](https://github.com/geops/rvf-mobility-web-component/issues/20)) ([2eb738e](https://github.com/geops/rvf-mobility-web-component/commit/2eb738e4e360564ffd8a8f28c52a4b4494c462e7))
+
+
+### Bug Fixes
+
+* adapt zindex ([d1d34b9](https://github.com/geops/rvf-mobility-web-component/commit/d1d34b9025ca70cf377a0a708311bdb56ca37774))
+* add highlight style ([22d4387](https://github.com/geops/rvf-mobility-web-component/commit/22d4387a9a7605fcb09bbc019fb7d9a6248fab69))
+* add menu attributes ([12381b0](https://github.com/geops/rvf-mobility-web-component/commit/12381b03594d9149747a5905fa87bba9f5637ece))
+* add provider logos ([0bd27ab](https://github.com/geops/rvf-mobility-web-component/commit/0bd27ab05f4095cf85e5136f478528a943183e64))
+* change file name ([00a3bae](https://github.com/geops/rvf-mobility-web-component/commit/00a3bae81c51cda8595d4b4b357c50d0ba559929))
+* fix export title ([c35b790](https://github.com/geops/rvf-mobility-web-component/commit/c35b790448030c3644aaf71659d0de16cb03333a))
+* fix export title ([2b48849](https://github.com/geops/rvf-mobility-web-component/commit/2b488492fcc3d173b575f870c479f59d5fae16e2))
+* hide relatime layer on export ([3438f5f](https://github.com/geops/rvf-mobility-web-component/commit/3438f5fd7a5ad8d1630c3ba5dd72758758d7feec))
+* import current zoom level ([31e2c51](https://github.com/geops/rvf-mobility-web-component/commit/31e2c51099ce507dd450ea222ce8d0bd31bffe8d))
+* improve style ([25a33ea](https://github.com/geops/rvf-mobility-web-component/commit/25a33ea4e6edec82ae5d032c7552c42f8f8aa75f))
+* improve style on small width ([4878ed5](https://github.com/geops/rvf-mobility-web-component/commit/4878ed5d374c20fc8954b5866f2f46090a0c60f8))
+* improve zindex ([2350483](https://github.com/geops/rvf-mobility-web-component/commit/2350483fe04e986a8a5e8254666519782d1673bb))
+* improve zindex ([b4e5854](https://github.com/geops/rvf-mobility-web-component/commit/b4e58546e3f22ad6d5e67da8c570f91e6d98e67c))
+* make cluister feature selectable ([bfb0926](https://github.com/geops/rvf-mobility-web-component/commit/bfb0926bf7b30edfab3154e90c69f324764a053f))
+* set width as befotre ([6bfcf90](https://github.com/geops/rvf-mobility-web-component/commit/6bfcf901dc93c1e8bdff84c1e900334fe48e54f1))
+* size of amount circle is fixed ([#18](https://github.com/geops/rvf-mobility-web-component/issues/18)) ([45d29fa](https://github.com/geops/rvf-mobility-web-component/commit/45d29fa1786dbd8eccf46a79f73aae041b052209))
+* use same radius to avoid artifacts ([1397514](https://github.com/geops/rvf-mobility-web-component/commit/139751442f9f7ed86ed7cc856cd1f255e0551bb0))
+
 ### [0.1.15](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.14...v0.1.15) (2025-01-10)
 
 

package/docutils.js

@@ -59,7 +59,12 @@ function applyPermalinkParameters(wc) {
 }
 
 // Generates a HTML table with all attributes of a web component
-function generateAttributesTable(wc, attrs, booleanAttrs = []) {
+function generateAttributesTable(
+  wc,
+  attrs,
+  booleanAttrs = [],
+  descriptionByAttr = {},
+) {
   let innerHMTL = `<table class="table-auto w-full" >
     <thead>
       <tr>
@@ -100,7 +105,8 @@ function generateAttributesTable(wc, attrs, booleanAttrs = []) {
         <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>`
       }
       </div>
-        </td>
+      ${descriptionByAttr[key] ? `<div class="pt-2">${descriptionByAttr[key]}</div>` : ``}
+      </td>
     </tr>
   `;
     })

package/index.html

@@ -32,7 +32,8 @@
   </head>
   <body class="p-8">
     <!-- tailwind hack to add class used in docutils -->
-    <div class="border px-4 py-2 table-auto w-full flex gap-4 p-2 bg-black text-white hover:bg-gray-700" style="display:none;"></div>
+    <div class="border px-4 py-2 table-auto w-full flex gap-4 p-2 bg-black text-white hover:bg-gray-700 pt-2" style="display:none;"></div>
+    <div class="pt-2" style="display:none;"></div>
     <div id="doc" style="display: none" class="mx-auto max-w-3xl space-y-4">
       <h1 class="flex gap-4"><img src="./Logo.svg">Mobility Web Component</h1>
       <p>This is a demo of the Mobility Web Component.</p>
@@ -68,6 +69,8 @@
           // "baselayer",
           // "center",
           // "geolocation",
+          "layers",
+          "layertree",
           // "mapsurl",
           // "mots",
           // "notification",
@@ -75,11 +78,13 @@
           // "notificationurl",
           // "notificationbeforelayerid",
           "realtime",
+          "share",
           // "realtimeUrl",
           "search",
           // "tenant",
           // "zoom",
           "permalink",
+          "print"
         ];
 
       const booleanAttrs = [
@@ -88,6 +93,9 @@
         "realtime",
         "search",
         "permalink",
+        "layertree",
+        "share",
+        "print"
       ];
 
       const events = [
@@ -95,7 +103,11 @@
         // "mwc:attribute",
       ];
 
-      document.querySelector('#attributes').innerHTML = generateAttributesTable(wc, attrs, booleanAttrs);
+      const descriptionByAttr = {
+        layers: "A comma separated list of layers: echtzeit,haltestellen,verkaufsstellen,liniennetz,tarifzonen,fahrrad,auto,cargobike,e-roller,mitfahrpunkt,pois"
+      };
+
+      document.querySelector('#attributes').innerHTML = generateAttributesTable(wc, attrs, booleanAttrs, descriptionByAttr);
       document.querySelector('#events').innerHTML = generateEventsTable(wc, events);
       document.querySelector('#code').innerHTML = generateCodeText(wc, attrs, pkgSrc);
       wc.addEventListener('mwc:attribute', (event) => {