@mapmap/maps 0.5.1 → 0.5.2

package/dist/index.js

@@ -3936,6 +3936,16 @@ var AdrCheck = class {
 };
 
 // src/guidance.ts
+var CSS_COLOUR = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|var)\((?:[\w\s.,%/#-]|\([\w\s.,%/#-]*\))*\)$/i;
+function safeColour(value, fallback) {
+  const v = value.trim();
+  if (v === "" || /[;{}]|url\(|\/\*/i.test(v)) return fallback;
+  if (v.startsWith("#")) {
+    return /^[0-9a-fA-F]+$/.test(v.slice(1)) && [3, 4, 6, 8].includes(v.length - 1) ? v : fallback;
+  }
+  if (/^[a-zA-Z][a-zA-Z-]*$/.test(v)) return v;
+  return CSS_COLOUR.test(v) ? v : fallback;
+}
 function extractGuidance(route) {
   const legs = route.raw["legs"] ?? [];
   const out = [];
@@ -3986,10 +3996,11 @@ var XML_ENTITIES = {
   "'": "'"
 };
 function ssmlToText(ssml) {
-  return ssml.replace(/<[^>]+>/g, "").replace(
-    /&(?:amp|lt|gt|quot|apos);|&#(\d+);/g,
-    (entity, decimal) => decimal !== void 0 ? String.fromCodePoint(Number(decimal)) : XML_ENTITIES[entity] ?? entity
-  ).trim();
+  return ssml.replace(/<[^>]+>/g, "").replace(/&(?:amp|lt|gt|quot|apos);|&#(\d+);/g, (entity, decimal) => {
+    if (decimal === void 0) return XML_ENTITIES[entity] ?? entity;
+    const n = Number(decimal);
+    return n <= 1114111 ? String.fromCodePoint(n) : entity;
+  }).trim();
 }
 function bannerLanes(banner) {
   const components = banner.sub?.components ?? [];
@@ -4045,7 +4056,7 @@ var GuidanceBanner = class {
     this.design = design;
     this.element = doc.createElement("div");
     this.element.className = "mapmap-banner";
-    this.element.style.cssText = design ? `display:none;align-items:center;box-sizing:border-box;gap:${Math.round((design.padding ?? 10) * 1.2)}px;padding:${design.padding ?? 10}px ${Math.round((design.padding ?? 10) * 1.4)}px;background:${design.background};color:${design.textColor};border-radius:${design.cornerRadius ?? 10}px;max-width:${design.maxWidth ?? 340}px;` + (design.height !== void 0 ? `min-height:${design.height}px;` : "") + `font:600 ${design.fontSize}px/1.3 system-ui,sans-serif` : "display:none;gap:12px;align-items:center;padding:10px 14px;background:#101418;color:#fff;border-radius:10px;font:600 16px/1.3 system-ui,sans-serif";
+    this.element.style.cssText = design ? `display:none;align-items:center;box-sizing:border-box;gap:${Math.round((design.padding ?? 10) * 1.2)}px;padding:${design.padding ?? 10}px ${Math.round((design.padding ?? 10) * 1.4)}px;background:${safeColour(design.background, "#101418")};color:${safeColour(design.textColor, "#ffffff")};border-radius:${design.cornerRadius ?? 10}px;max-width:${design.maxWidth ?? 340}px;` + (design.height !== void 0 ? `min-height:${design.height}px;` : "") + `font:600 ${design.fontSize}px/1.3 system-ui,sans-serif` : "display:none;gap:12px;align-items:center;padding:10px 14px;background:#101418;color:#fff;border-radius:10px;font:600 16px/1.3 system-ui,sans-serif";
     container?.appendChild(this.element);
   }
   /**
@@ -4304,9 +4315,9 @@ var CameraAlertChip = class {
       this.element.style.cssText = `display:${shown};gap:8px;align-items:center;padding:8px 12px;background:${this.escalated ? "#c0392b" : "#101418"};color:#fff;border-radius:10px;font:600 15px/1.3 system-ui,sans-serif`;
       return;
     }
-    const background = this.escalated ? design.escalatedBackground : design.background;
-    const color = this.escalated ? design.escalatedTextColor : design.textColor;
-    this.element.style.cssText = `display:${shown};gap:8px;align-items:center;box-sizing:border-box;padding:8px 12px;background:${background};color:${color};border-radius:${design.cornerRadius}px;` + (design.outlineWidth > 0 ? `border:${design.outlineWidth}px solid ${design.outlineColor};` : "") + (CHIP_SLOT_CSS[design.chipPosition] ?? "") + "font:600 15px/1.3 system-ui,sans-serif";
+    const background = this.escalated ? safeColour(design.escalatedBackground, "#c0392b") : safeColour(design.background, "#101418");
+    const color = this.escalated ? safeColour(design.escalatedTextColor, "#ffffff") : safeColour(design.textColor, "#ffffff");
+    this.element.style.cssText = `display:${shown};gap:8px;align-items:center;box-sizing:border-box;padding:8px 12px;background:${background};color:${color};border-radius:${design.cornerRadius}px;` + (design.outlineWidth > 0 ? `border:${design.outlineWidth}px solid ${safeColour(design.outlineColor, "#ffffff")};` : "") + (CHIP_SLOT_CSS[design.chipPosition] ?? "") + "font:600 15px/1.3 system-ui,sans-serif";
   }
 };