@geops/rvf-mobility-web-component 0.1.48 → 0.1.50

package/package.json

@@ -2,7 +2,7 @@
   "name": "@geops/rvf-mobility-web-component",
   "license": "UNLICENSED",
   "description": "Web components for rvf in the domains of mobility and logistics.",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
   "type": "module",
   "main": "index.js",

package/src/MobilityMap/MobilityMapAttributes.ts

@@ -7,7 +7,7 @@ import {
   RVF_LAYERS_NAMES,
 } from "../utils/constants";
 
-import type { LayersConfig } from "../utils/hooks/useLayerConfig";
+// import type { LayersConfig } from "../utils/hooks/useLayerConfig";
 
 // const geopsApiLink = `<a href="https://developer.geops.io/">geOps API key</a>`;
 // const geopsMapsApiLink = `<a href="https://developer.geops.io/apis/maps">geOps Maps API</a>`;
@@ -103,23 +103,24 @@ const attrs: MobilityMapAttributes = {
     description: `A comma separated list of layers's name to make visible on load, others are hidden. If empty, all layers will be hidden except the baselayer.<br/>Layers available are ${Object.values(RVF_LAYERS_NAMES).join(", ")}.`,
   },
   layersconfig: {
-    defaultValue: JSON.stringify({
-      [RVF_LAYERS_NAMES.liniennetz]: {
-        link: {
-          href: "https://www.rvf.de/fahrtinfo/netzplan",
-          show: true,
-          text: "Zu den Liniennetzplänen",
-        },
-        title: "Liniennetzpläne",
-      },
-      [RVF_LAYERS_NAMES.meldungen]: {
-        link: {
-          href: "https://moco.geops.io/situation/{{id}}",
-          show: true,
-          text: "Zum Moco",
-        },
-      },
-    } as LayersConfig),
+    // defaultValue:
+    // JSON.stringify({
+    //   [RVF_LAYERS_NAMES.liniennetz]: {
+    //     link: {
+    //       href: "https://www.rvf.de/fahrtinfo/netzplan",
+    //       show: true,
+    //       text: "Zu den Liniennetzplänen",
+    //     },
+    //     title: "Liniennetzpläne",
+    //   },
+    //   [RVF_LAYERS_NAMES.meldungen]: {
+    //     link: {
+    //       href: "https://moco.geops.io/situation/{{id}}",
+    //       show: true,
+    //       text: "Zum Moco",
+    //     },
+    //   },
+    // } as LayersConfig),
     description: `A JSON string to configure the layers and other components associated to it. The layers available are : ${LAYERS_WITH_LINK}.<br/>
        Definition for a layer :
 <pre style="font-size: 12px; overflow: auto;">{

package/src/RvfMobilityMap/RvfMobilityMap.tsx

@@ -474,6 +474,58 @@ function RvfMobilityMap(props: RvfMobilityMapProps) {
 
   return (
     <I18nContext.Provider value={i18n}>
+      {/* There is a bug in tailwindcss@4 , variables are not imported in the shadow dom
+      see  https://github.com/tailwindlabs/tailwindcss/issues/15005*/}
+      <style>
+        {`:host {
+            --tw-divide-y-reverse: 0;
+            --tw-border-style: solid;
+            --tw-font-weight: initial;
+            --tw-tracking: initial;
+            --tw-translate-x: 0;
+            --tw-translate-y: 0;
+            --tw-translate-z: 0;
+            --tw-rotate-x: rotateX(0);
+            --tw-rotate-y: rotateY(0);
+            --tw-rotate-z: rotateZ(0);
+            --tw-skew-x: skewX(0);
+            --tw-skew-y: skewY(0);
+            --tw-space-x-reverse: 0;
+            --tw-gradient-position: initial;
+            --tw-gradient-from: #0000;
+            --tw-gradient-via: #0000;
+            --tw-gradient-to: #0000;
+            --tw-gradient-stops: initial;
+            --tw-gradient-via-stops: initial;
+            --tw-gradient-from-position: 0%;
+            --tw-gradient-via-position: 50%;
+            --tw-gradient-to-position: 100%;
+            --tw-shadow: 0 0 #0000;
+            --tw-shadow-color: initial;
+            --tw-inset-shadow: 0 0 #0000;
+            --tw-inset-shadow-color: initial;
+            --tw-ring-color: initial;
+            --tw-ring-shadow: 0 0 #0000;
+            --tw-inset-ring-color: initial;
+            --tw-inset-ring-shadow: 0 0 #0000;
+            --tw-ring-inset: initial;
+            --tw-ring-offset-width: 0px;
+            --tw-ring-offset-color: #fff;
+            --tw-ring-offset-shadow: 0 0 #0000;
+            --tw-blur: initial;
+            --tw-brightness: initial;
+            --tw-contrast: initial;
+            --tw-grayscale: initial;
+            --tw-hue-rotate: initial;
+            --tw-invert: initial;
+            --tw-opacity: initial;
+            --tw-saturate: initial;
+            --tw-sepia: initial;
+            --tw-drop-shadow: initial;
+            --tw-duration: initial;
+            --tw-ease: initial;
+        }`}
+      </style>
       <style>{tailwind}</style>
       <style>{style}</style>
       <MapContext.Provider value={mapContextValue}>