gralobe 1.0.45 → 1.0.47

package/dist/gralobe.js

@@ -4278,17 +4278,18 @@ class it {
       if (!t) return null;
       let i = "";
       if (this.topologyConfig?.labelProperty && (i = e.properties?.[this.topologyConfig.labelProperty] || ""), i || (i = e.properties?.name || e.properties?.NAME || e.properties?.Name || e.properties?.label || e.properties?.LABEL || ""), !i && e.properties) {
-        const n = Object.keys(e.properties);
-        for (const r of n) {
-          const s = r.toLowerCase(), o = e.properties[r];
-          if (typeof o == "string" && (s.includes("name") || s.includes("label") || s.includes("title"))) {
-            i = o;
+        const r = Object.keys(e.properties);
+        for (const s of r) {
+          const o = s.toLowerCase(), l = e.properties[s];
+          if (typeof l == "string" && (o.includes("name") || o.includes("label") || o.includes("title"))) {
+            i = l;
             break;
           }
         }
       }
-      return {
-        id: String(e.id || e.properties?.id || ""),
+      let n = e.id || e.properties?.id;
+      return this.topologyConfig?.idProperty && (n = e.properties?.[this.topologyConfig.idProperty]), {
+        id: String(n || ""),
         name: i,
         lat: t[1],
         lon: t[0]
@@ -4845,19 +4846,19 @@ class $a {
         font-size: 8px;
       }
 
-      /* All style - slightly more subtle but still readable */
+      /* All style - harmonized visibility */
       .label-style-all .country-label {
         color: rgba(255, 255, 255, 0.85);
       }
 
       .label-style-all .country-label.size-large {
         font-size: 9px;
-        color: rgba(255, 255, 255, 0.9);
+        color: rgba(255, 255, 255, 0.95);
       }
 
       .label-style-all .country-label.size-tiny {
         font-size: 5px;
-        color: rgba(255, 255, 255, 0.6);
+        color: rgba(255, 255, 255, 0.8);
       }
     `, document.head.appendChild(e);
   }