@k2b/ui 0.29.0 → 0.31.0

package/dist/browser/content/MapViewFrame.js

@@ -0,0 +1,395 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-map-view__fit><svg class=k2b-map-view__geometry preserveAspectRatio=none overflow=visible aria-hidden=true><!$><!/><!$><!/><!$><!/></svg><!$><!/><div class=k2b-map-view__pins role=group>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<svg><path class=k2b-map-view__area vector-effect=non-scaling-stroke></svg>`, false, true, false),
+  _tmpl$3 = /*#__PURE__*/_$template(`<svg><path class=k2b-map-view__casing vector-effect=non-scaling-stroke></svg>`, false, true, false),
+  _tmpl$4 = /*#__PURE__*/_$template(`<svg><g class=k2b-map-view__line><!$><!/><path class=k2b-map-view__stroke vector-effect=non-scaling-stroke></svg>`, false, true, false),
+  _tmpl$5 = /*#__PURE__*/_$template(`<svg><circle class=k2b-map-view__accuracy vector-effect=non-scaling-stroke></svg>`, false, true, false),
+  _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-map-view__me role=img>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<span class=k2b-map-view__pin role=img><span aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<button type=button class=k2b-map-view__pin><span aria-hidden=true>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<div class=k2b-map-view__scale><span></span><div>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<div class=k2b-map-view__foot-row><!$><!/><div class=k2b-map-view__attribution>`),
+  _tmpl$1 = /*#__PURE__*/_$template(`<div data-state=static role=region><span class=k2b-sr-only></span><!$><!/><div class=k2b-map-view__foot>`);
+import { createMemo, For, Show } from "solid-js";
+import { DEFAULT_PADDING, EARTH_CIRCUMFERENCE, isStop, linePoints, mapFrame, pinHitRadii, pinOffsets, projectPoint, scaleBar, sortMarkers, unprojectPoint } from "./map-view-geometry";
+import { useMapViewMessages } from "./map-view-messages";
+const S = 1e6;
+export const mapNumber = value => String(Number(value.toFixed(6)));
+export const selectedMarker = (markers, selectedId) => selectedId !== undefined ? markers.find(marker => marker.id === selectedId) : markers.find(marker => marker.selected);
+
+/** The CSS form of fitCamera's width rule, so the server lays out exactly what MapLibre shows. */
+const fittedWidth = (frame, padding) => `max(min(100% - ${2 * padding}px, ${frame.referenceWidth}px), ${frame.minWidth}px)`;
+export function frameStyle(frame, padding) {
+  return {
+    left: "50%",
+    top: "50%",
+    width: fittedWidth(frame, padding),
+    "aspect-ratio": `${frame.spanX} / ${frame.spanY}`,
+    transform: "translate(-50%, -50%)"
+  };
+}
+const pointInFrame = (point, frame) => {
+  const p = projectPoint(point);
+  return {
+    x: (p.x - frame.minX) / frame.spanX,
+    y: (p.y - frame.minY) / frame.spanY
+  };
+};
+const positionStyle = (point, frame) => {
+  const p = pointInFrame(point, frame);
+  return {
+    left: `${mapNumber(p.x * 100)}%`,
+    top: `${mapNumber(p.y * 100)}%`
+  };
+};
+const path = (points, frame, closed = false) => points.map((point, index) => {
+  const p = projectPoint(point);
+  return `${index ? "L" : "M"}${mapNumber((p.x - frame.minX) * S)} ${mapNumber((p.y - frame.minY) * S)}`;
+}).join(" ") + (closed && points.length ? " Z" : "");
+export function MapGeometry(props) {
+  const messages = useMapViewMessages();
+  const markers = createMemo(() => sortMarkers(props.markers ?? []));
+  const markerIds = createMemo(() => markers().map(marker => marker.id));
+  const markersById = createMemo(() => new Map(markers().map(marker => [marker.id, marker])));
+  const offsets = createMemo(() => pinOffsets(markers(), props.frame, props.zoomFactor, props.ownLocation?.point));
+  const hitRadii = createMemo(() => pinHitRadii(markers(), props.frame, offsets(), props.zoomFactor));
+  // Input order decides the fallback selection, as in MapView; sorting is only for drawing and keys.
+  const selected = createMemo(() => selectedMarker(props.markers ?? [], props.selectedId));
+  const keydown = (event, id) => {
+    const index = markerIds().indexOf(id);
+    let next;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        next = (index + 1) % markers().length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        next = (index + markers().length - 1) % markers().length;
+        break;
+      case "Home":
+        next = 0;
+        break;
+      case "End":
+        next = markers().length - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const target = markers()[next];
+    if (target) {
+      event.currentTarget.parentElement?.querySelectorAll(".k2b-map-view__pin")[next]?.focus({
+        preventScroll: true
+      });
+      props.onSelect?.(target.id);
+    }
+  };
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling),
+      _el$5 = _el$4.nextSibling,
+      [_el$6, _co$2] = _$getNextMarker(_el$5.nextSibling),
+      _el$7 = _el$6.nextSibling,
+      [_el$8, _co$3] = _$getNextMarker(_el$7.nextSibling),
+      _el$0 = _el$2.nextSibling,
+      [_el$1, _co$4] = _$getNextMarker(_el$0.nextSibling),
+      _el$9 = _el$1.nextSibling;
+    _$insert(_el$2, _$createComponent(For, {
+      get each() {
+        return props.areas;
+      },
+      children: area => (() => {
+        var _el$10 = _$getNextElement(_tmpl$2);
+        _$effect(_p$ => {
+          var _v$4 = area.tone ?? "accent",
+            _v$5 = path(area.polygon, props.frame, true);
+          _v$4 !== _p$.e && _$setAttribute(_el$10, "data-tone", _p$.e = _v$4);
+          _v$5 !== _p$.t && _$setAttribute(_el$10, "d", _p$.t = _v$5);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$10;
+      })()
+    }), _el$4, _co$);
+    _$insert(_el$2, _$createComponent(For, {
+      get each() {
+        return props.lines;
+      },
+      children: line => (() => {
+        var _el$11 = _$getNextElement(_tmpl$4),
+          _el$14 = _el$11.firstChild,
+          [_el$15, _co$5] = _$getNextMarker(_el$14.nextSibling),
+          _el$13 = _el$15.nextSibling;
+        _$insert(_el$11, _$createComponent(Show, {
+          get when() {
+            return !line.tone || line.tone === "accent" || line.tone === "preview";
+          },
+          get children() {
+            var _el$12 = _$getNextElement(_tmpl$3);
+            _$effect(() => _$setAttribute(_el$12, "d", path(linePoints(line), props.frame)));
+            return _el$12;
+          }
+        }), _el$15, _co$5);
+        _$effect(_p$ => {
+          var _v$6 = line.tone ?? "accent",
+            _v$7 = path(linePoints(line), props.frame);
+          _v$6 !== _p$.e && _$setAttribute(_el$11, "data-tone", _p$.e = _v$6);
+          _v$7 !== _p$.t && _$setAttribute(_el$13, "d", _p$.t = _v$7);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$11;
+      })()
+    }), _el$6, _co$2);
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return props.ownLocation;
+      },
+      children: location => {
+        const p = () => projectPoint(location().point);
+        return (() => {
+          var _el$16 = _$getNextElement(_tmpl$5);
+          _$effect(_p$ => {
+            var _v$8 = mapNumber((p().x - props.frame.minX) * S),
+              _v$9 = mapNumber((p().y - props.frame.minY) * S),
+              _v$0 = mapNumber((location().accuracyMeters ?? 0) / (EARTH_CIRCUMFERENCE * Math.cos(location().point.lat * Math.PI / 180)) * S);
+            _v$8 !== _p$.e && _$setAttribute(_el$16, "cx", _p$.e = _v$8);
+            _v$9 !== _p$.t && _$setAttribute(_el$16, "cy", _p$.t = _v$9);
+            _v$0 !== _p$.a && _$setAttribute(_el$16, "r", _p$.a = _v$0);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined
+          });
+          return _el$16;
+        })();
+      }
+    }), _el$8, _co$3);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.ownLocation;
+      },
+      children: location => (() => {
+        var _el$17 = _$getNextElement(_tmpl$6);
+        _$effect(_p$ => {
+          var _v$1 = messages().ownLocation,
+            _v$10 = positionStyle(location().point, props.frame);
+          _v$1 !== _p$.e && _$setAttribute(_el$17, "aria-label", _p$.e = _v$1);
+          _p$.t = _$style(_el$17, _v$10, _p$.t);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$17;
+      })()
+    }), _el$1, _co$4);
+    _$insert(_el$9, _$createComponent(For, {
+      get each() {
+        return markerIds();
+      },
+      children: id => {
+        const marker = () => markersById().get(id);
+        const name = () => marker().mark === undefined ? marker().label : `${marker().mark} ${marker().label}`;
+        const style = () => ({
+          ...positionStyle(marker().point, props.frame),
+          "--k2b-map-pin-dx": `${mapNumber(offsets().get(marker().id)?.dx ?? 0)}px`,
+          "--k2b-map-pin-dy": `${mapNumber(offsets().get(marker().id)?.dy ?? 0)}px`,
+          "--k2b-map-pin-hit": `${mapNumber(hitRadii().get(marker().id) ?? 22)}px`
+        });
+        if (!props.interactive) return (() => {
+          var _el$18 = _$getNextElement(_tmpl$7),
+            _el$19 = _el$18.firstChild;
+          _$insert(_el$19, () => marker().mark);
+          _$effect(_p$ => {
+            var _v$11 = marker().id,
+              _v$12 = marker().tone ?? "accent",
+              _v$13 = isStop(marker()) || undefined,
+              _v$14 = marker().mark === undefined || undefined,
+              _v$15 = selected()?.id === marker().id || undefined,
+              _v$16 = style(),
+              _v$17 = name();
+            _v$11 !== _p$.e && _$setAttribute(_el$18, "data-id", _p$.e = _v$11);
+            _v$12 !== _p$.t && _$setAttribute(_el$18, "data-tone", _p$.t = _v$12);
+            _v$13 !== _p$.a && _$setAttribute(_el$18, "data-stop", _p$.a = _v$13);
+            _v$14 !== _p$.o && _$setAttribute(_el$18, "data-drop", _p$.o = _v$14);
+            _v$15 !== _p$.i && _$setAttribute(_el$18, "data-selected", _p$.i = _v$15);
+            _p$.n = _$style(_el$18, _v$16, _p$.n);
+            _v$17 !== _p$.s && _$setAttribute(_el$18, "aria-label", _p$.s = _v$17);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined,
+            s: undefined
+          });
+          return _el$18;
+        })();
+        return (() => {
+          var _el$20 = _$getNextElement(_tmpl$8),
+            _el$21 = _el$20.firstChild;
+          _el$20.$$click = () => props.onSelect?.(marker().id);
+          _el$20.$$keydown = event => keydown(event, id);
+          _$insert(_el$21, () => marker().mark);
+          _$effect(_p$ => {
+            var _v$18 = marker().id,
+              _v$19 = marker().tone ?? "accent",
+              _v$20 = isStop(marker()) || undefined,
+              _v$21 = marker().mark === undefined || undefined,
+              _v$22 = style(),
+              _v$23 = name(),
+              _v$24 = selected()?.id === marker().id,
+              _v$25 = (selected() ?? markers()[0])?.id === marker().id ? 0 : -1;
+            _v$18 !== _p$.e && _$setAttribute(_el$20, "data-id", _p$.e = _v$18);
+            _v$19 !== _p$.t && _$setAttribute(_el$20, "data-tone", _p$.t = _v$19);
+            _v$20 !== _p$.a && _$setAttribute(_el$20, "data-stop", _p$.a = _v$20);
+            _v$21 !== _p$.o && _$setAttribute(_el$20, "data-drop", _p$.o = _v$21);
+            _p$.i = _$style(_el$20, _v$22, _p$.i);
+            _v$23 !== _p$.n && _$setAttribute(_el$20, "aria-label", _p$.n = _v$23);
+            _v$24 !== _p$.s && _$setAttribute(_el$20, "aria-pressed", _p$.s = _v$24);
+            _v$25 !== _p$.h && _$setAttribute(_el$20, "tabindex", _p$.h = _v$25);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined,
+            s: undefined,
+            h: undefined
+          });
+          _$runHydrationEvents();
+          return _el$20;
+        })();
+      }
+    }));
+    _$effect(_p$ => {
+      var _v$ = props.boxStyle ?? frameStyle(props.frame, props.padding ?? DEFAULT_PADDING),
+        _v$2 = `0 0 ${mapNumber(props.frame.spanX * S)} ${mapNumber(props.frame.spanY * S)}`,
+        _v$3 = messages().pins;
+      _p$.e = _$style(_el$, _v$, _p$.e);
+      _v$2 !== _p$.t && _$setAttribute(_el$2, "viewBox", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setAttribute(_el$9, "aria-label", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$;
+  })();
+}
+export function referenceScale(frame, padding) {
+  const center = unprojectPoint(frame.minX + frame.spanX / 2, frame.minY + frame.spanY / 2);
+  const spanMeters = frame.spanX * EARTH_CIRCUMFERENCE * Math.cos(center.lat * Math.PI / 180);
+  const bar = scaleBar(spanMeters / frame.referenceWidth);
+  return {
+    label: bar.label,
+    width: `calc(${fittedWidth(frame, padding)} * ${bar.meters / spanMeters})`
+  };
+}
+export function MapScaleBar(props) {
+  return (() => {
+    var _el$22 = _$getNextElement(_tmpl$9),
+      _el$23 = _el$22.firstChild;
+    _$insert(_el$23, () => props.scale.label);
+    _$effect(_$p => _$setStyleProperty(_el$22, "width", props.scale.width));
+    return _el$22;
+  })();
+}
+/** The scale bar and the attribution share the bottom row, so a long attribution wraps before it covers the scale. */
+export function MapFootRow(props) {
+  return (() => {
+    var _el$24 = _$getNextElement(_tmpl$0),
+      _el$26 = _el$24.firstChild,
+      [_el$27, _co$6] = _$getNextMarker(_el$26.nextSibling),
+      _el$25 = _el$27.nextSibling;
+    _$insert(_el$24, _$createComponent(Show, {
+      get when() {
+        return props.scale;
+      },
+      children: scale => _$createComponent(MapScaleBar, {
+        get scale() {
+          return scale();
+        }
+      })
+    }), _el$27, _co$6);
+    _$insert(_el$25, () => props.children);
+    return _el$24;
+  })();
+}
+/** Geometry without a browser, a canvas, or a network dependency; suitable for server rendering and PDF output. */
+export function MapViewFrame(props) {
+  const messages = useMapViewMessages();
+  const frame = createMemo(() => mapFrame(props, props.height, props.padding ?? DEFAULT_PADDING));
+  return (() => {
+    var _el$28 = _$getNextElement(_tmpl$1),
+      _el$29 = _el$28.firstChild,
+      _el$31 = _el$29.nextSibling,
+      [_el$32, _co$7] = _$getNextMarker(_el$31.nextSibling),
+      _el$30 = _el$32.nextSibling;
+    _$insert(_el$29, () => messages().summary({
+      count: props.markers?.length ?? 0
+    }));
+    _$insert(_el$28, _$createComponent(Show, {
+      get when() {
+        return frame();
+      },
+      children: value => _$createComponent(MapGeometry, _$mergeProps(props, {
+        get frame() {
+          return value();
+        }
+      }))
+    }), _el$32, _co$7);
+    _$insert(_el$30, _$createComponent(MapFootRow, {
+      get scale() {
+        return _$memo(() => !!frame())() ? referenceScale(frame(), props.padding ?? DEFAULT_PADDING) : undefined;
+      },
+      get children() {
+        return props.attribution;
+      }
+    }));
+    _$effect(_p$ => {
+      var _v$26 = `k2b-map-view${props.class ? ` ${props.class}` : ""}`,
+        _v$27 = `${props.height}px`,
+        _v$28 = messages().mapLabel;
+      _v$26 !== _p$.e && _$className(_el$28, _p$.e = _v$26);
+      _v$27 !== _p$.t && _$setStyleProperty(_el$28, "height", _p$.t = _v$27);
+      _v$28 !== _p$.a && _$setAttribute(_el$28, "aria-label", _p$.a = _v$28);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$28;
+  })();
+}
+_$delegateEvents(["keydown", "click"]);
+//# sourceMappingURL=MapViewFrame.js.map

package/dist/browser/content/MapViewFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/MapViewFrame.tsx"],"sourcesContent":["import { createMemo, For, type JSX, Show } from \"solid-js\";\nimport {\n  DEFAULT_PADDING,\n  EARTH_CIRCUMFERENCE,\n  isStop,\n  linePoints,\n  type MapFrame,\n  mapFrame,\n  pinHitRadii,\n  pinOffsets,\n  projectPoint,\n  scaleBar,\n  sortMarkers,\n  unprojectPoint,\n} from \"./map-view-geometry\";\nimport { useMapViewMessages } from \"./map-view-messages\";\nimport type { MapViewFrameProps, MapViewMarker, MapViewPoint } from \"./map-view-types\";\n\nexport type { MapViewFrameProps } from \"./map-view-types\";\n\nconst S = 1e6;\nexport const mapNumber = (value: number): string => String(Number(value.toFixed(6)));\nexport const selectedMarker = (markers: MapViewMarker[], selectedId?: string): MapViewMarker | undefined =>\n  selectedId !== undefined ? markers.find((marker) => marker.id === selectedId) : markers.find((marker) => marker.selected);\n\n/** The CSS form of fitCamera's width rule, so the server lays out exactly what MapLibre shows. */\nconst fittedWidth = (frame: MapFrame, padding: number): string =>\n  `max(min(100% - ${2 * padding}px, ${frame.referenceWidth}px), ${frame.minWidth}px)`;\n\nexport function frameStyle(frame: MapFrame, padding: number): JSX.CSSProperties {\n  return {\n    left: \"50%\",\n    top: \"50%\",\n    width: fittedWidth(frame, padding),\n    \"aspect-ratio\": `${frame.spanX} / ${frame.spanY}`,\n    transform: \"translate(-50%, -50%)\",\n  };\n}\nconst pointInFrame = (point: MapViewPoint, frame: MapFrame) => {\n  const p = projectPoint(point);\n  return { x: (p.x - frame.minX) / frame.spanX, y: (p.y - frame.minY) / frame.spanY };\n};\nconst positionStyle = (point: MapViewPoint, frame: MapFrame): JSX.CSSProperties => {\n  const p = pointInFrame(point, frame);\n  return { left: `${mapNumber(p.x * 100)}%`, top: `${mapNumber(p.y * 100)}%` };\n};\nconst path = (points: MapViewPoint[], frame: MapFrame, closed = false): string =>\n  points\n    .map((point, index) => {\n      const p = projectPoint(point);\n      return `${index ? \"L\" : \"M\"}${mapNumber((p.x - frame.minX) * S)} ${mapNumber((p.y - frame.minY) * S)}`;\n    })\n    .join(\" \") + (closed && points.length ? \" Z\" : \"\");\n\nexport function MapGeometry(\n  props: MapViewFrameProps & {\n    frame: MapFrame;\n    boxStyle?: JSX.CSSProperties;\n    onSelect?: (id: string) => void;\n    /** Pins are buttons in MapView; the standalone frame draws them as labelled images, never focusable. */\n    interactive?: boolean;\n    /** 2^(live zoom - fitted zoom), so pin separation follows the person's zoom; 1 until then. */\n    zoomFactor?: number;\n  },\n): JSX.Element {\n  const messages = useMapViewMessages();\n  const markers = createMemo(() => sortMarkers(props.markers ?? []));\n  const markerIds = createMemo(() => markers().map((marker) => marker.id));\n  const markersById = createMemo(() => new Map(markers().map((marker) => [marker.id, marker])));\n  const offsets = createMemo(() => pinOffsets(markers(), props.frame, props.zoomFactor, props.ownLocation?.point));\n  const hitRadii = createMemo(() => pinHitRadii(markers(), props.frame, offsets(), props.zoomFactor));\n  // Input order decides the fallback selection, as in MapView; sorting is only for drawing and keys.\n  const selected = createMemo(() => selectedMarker(props.markers ?? [], props.selectedId));\n  const keydown = (event: KeyboardEvent & { currentTarget: HTMLButtonElement }, id: string) => {\n    const index = markerIds().indexOf(id);\n    let next: number;\n    switch (event.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        next = (index + 1) % markers().length;\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        next = (index + markers().length - 1) % markers().length;\n        break;\n      case \"Home\":\n        next = 0;\n        break;\n      case \"End\":\n        next = markers().length - 1;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    const target = markers()[next];\n    if (target) {\n      event.currentTarget.parentElement?.querySelectorAll<HTMLButtonElement>(\".k2b-map-view__pin\")[next]?.focus({ preventScroll: true });\n      props.onSelect?.(target.id);\n    }\n  };\n  return (\n    <div class=\"k2b-map-view__fit\" style={props.boxStyle ?? frameStyle(props.frame, props.padding ?? DEFAULT_PADDING)}>\n      <svg\n        class=\"k2b-map-view__geometry\"\n        viewBox={`0 0 ${mapNumber(props.frame.spanX * S)} ${mapNumber(props.frame.spanY * S)}`}\n        preserveAspectRatio=\"none\"\n        overflow=\"visible\"\n        aria-hidden=\"true\"\n      >\n        <For each={props.areas}>\n          {(area) => (\n            <path\n              class=\"k2b-map-view__area\"\n              data-tone={area.tone ?? \"accent\"}\n              d={path(area.polygon, props.frame, true)}\n              vector-effect=\"non-scaling-stroke\"\n            />\n          )}\n        </For>\n        <For each={props.lines}>\n          {(line) => (\n            <g class=\"k2b-map-view__line\" data-tone={line.tone ?? \"accent\"}>\n              <Show when={!line.tone || line.tone === \"accent\" || line.tone === \"preview\"}>\n                <path class=\"k2b-map-view__casing\" d={path(linePoints(line), props.frame)} vector-effect=\"non-scaling-stroke\" />\n              </Show>\n              <path class=\"k2b-map-view__stroke\" d={path(linePoints(line), props.frame)} vector-effect=\"non-scaling-stroke\" />\n            </g>\n          )}\n        </For>\n        <Show when={props.ownLocation}>\n          {(location) => {\n            const p = () => projectPoint(location().point);\n            return (\n              <circle\n                class=\"k2b-map-view__accuracy\"\n                cx={mapNumber((p().x - props.frame.minX) * S)}\n                cy={mapNumber((p().y - props.frame.minY) * S)}\n                r={mapNumber(\n                  ((location().accuracyMeters ?? 0) / (EARTH_CIRCUMFERENCE * Math.cos((location().point.lat * Math.PI) / 180))) * S,\n                )}\n                vector-effect=\"non-scaling-stroke\"\n              />\n            );\n          }}\n        </Show>\n      </svg>\n      <Show when={props.ownLocation}>\n        {(location) => (\n          <span\n            class=\"k2b-map-view__me\"\n            role=\"img\"\n            aria-label={messages().ownLocation}\n            style={positionStyle(location().point, props.frame)}\n          />\n        )}\n      </Show>\n      <div class=\"k2b-map-view__pins\" role=\"group\" aria-label={messages().pins}>\n        <For each={markerIds()}>\n          {(id) => {\n            const marker = () => markersById().get(id)!;\n            const name = () => (marker().mark === undefined ? marker().label : `${marker().mark} ${marker().label}`);\n            const style = () => ({\n              ...positionStyle(marker().point, props.frame),\n              \"--k2b-map-pin-dx\": `${mapNumber(offsets().get(marker().id)?.dx ?? 0)}px`,\n              \"--k2b-map-pin-dy\": `${mapNumber(offsets().get(marker().id)?.dy ?? 0)}px`,\n              \"--k2b-map-pin-hit\": `${mapNumber(hitRadii().get(marker().id) ?? 22)}px`,\n            });\n            if (!props.interactive)\n              return (\n                <span\n                  class=\"k2b-map-view__pin\"\n                  data-id={marker().id}\n                  data-tone={marker().tone ?? \"accent\"}\n                  data-stop={isStop(marker()) || undefined}\n                  data-drop={marker().mark === undefined || undefined}\n                  data-selected={selected()?.id === marker().id || undefined}\n                  style={style()}\n                  role=\"img\"\n                  aria-label={name()}\n                >\n                  <span aria-hidden=\"true\">{marker().mark}</span>\n                </span>\n              );\n            return (\n              <button\n                type=\"button\"\n                class=\"k2b-map-view__pin\"\n                data-id={marker().id}\n                data-tone={marker().tone ?? \"accent\"}\n                data-stop={isStop(marker()) || undefined}\n                data-drop={marker().mark === undefined || undefined}\n                style={style()}\n                aria-label={name()}\n                aria-pressed={selected()?.id === marker().id}\n                tabIndex={(selected() ?? markers()[0])?.id === marker().id ? 0 : -1}\n                onKeyDown={(event) => keydown(event, id)}\n                onClick={() => props.onSelect?.(marker().id)}\n              >\n                <span aria-hidden=\"true\">{marker().mark}</span>\n              </button>\n            );\n          }}\n        </For>\n      </div>\n    </div>\n  );\n}\nexport type MapScale = { label: string; width: string };\nexport function referenceScale(frame: MapFrame, padding: number): MapScale {\n  const center = unprojectPoint(frame.minX + frame.spanX / 2, frame.minY + frame.spanY / 2);\n  const spanMeters = frame.spanX * EARTH_CIRCUMFERENCE * Math.cos((center.lat * Math.PI) / 180);\n  const bar = scaleBar(spanMeters / frame.referenceWidth);\n  return { label: bar.label, width: `calc(${fittedWidth(frame, padding)} * ${bar.meters / spanMeters})` };\n}\nexport function MapScaleBar(props: { scale: MapScale }): JSX.Element {\n  return (\n    <div class=\"k2b-map-view__scale\" style={{ width: props.scale.width }}>\n      <span>{props.scale.label}</span>\n      <div />\n    </div>\n  );\n}\n/** The scale bar and the attribution share the bottom row, so a long attribution wraps before it covers the scale. */\nexport function MapFootRow(props: { scale?: MapScale; children?: JSX.Element }): JSX.Element {\n  return (\n    <div class=\"k2b-map-view__foot-row\">\n      <Show when={props.scale}>{(scale) => <MapScaleBar scale={scale()} />}</Show>\n      <div class=\"k2b-map-view__attribution\">{props.children}</div>\n    </div>\n  );\n}\n/** Geometry without a browser, a canvas, or a network dependency; suitable for server rendering and PDF output. */\nexport function MapViewFrame(props: MapViewFrameProps): JSX.Element {\n  const messages = useMapViewMessages();\n  const frame = createMemo(() => mapFrame(props, props.height, props.padding ?? DEFAULT_PADDING));\n  return (\n    <div\n      class={`k2b-map-view${props.class ? ` ${props.class}` : \"\"}`}\n      style={{ height: `${props.height}px` }}\n      data-state=\"static\"\n      role=\"region\"\n      aria-label={messages().mapLabel}\n    >\n      <span class=\"k2b-sr-only\">{messages().summary({ count: props.markers?.length ?? 0 })}</span>\n      <Show when={frame()}>{(value) => <MapGeometry {...props} frame={value()} />}</Show>\n      <div class=\"k2b-map-view__foot\">\n        <MapFootRow scale={frame() ? referenceScale(frame()!, props.padding ?? DEFAULT_PADDING) : undefined}>\n          {props.attribution}\n        </MapFootRow>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/data-table-messages.js

@@ -6,12 +6,14 @@ const dataTableMessages = i18n.define({
     en: {
       dataTable: "Data table",
       noColumns: "No columns.",
-      noRecords: "No records"
+      noRecords: "No records",
+      loadingRows: "Loading rows"
     },
     de: {
       dataTable: "Datentabelle",
       noColumns: "Keine Spalten.",
-      noRecords: "Keine Einträge"
+      noRecords: "Keine Einträge",
+      loadingRows: "Zeilen werden geladen"
     }
   }
 });

package/dist/browser/content/data-table-messages.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/data-table-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst dataTableMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      dataTable: \"Data table\",\n      noColumns: \"No columns.\",\n      noRecords: \"No records\",\n    },\n    de: {\n      dataTable: \"Datentabelle\",\n      noColumns: \"Keine Spalten.\",\n      noRecords: \"Keine Einträge\",\n    },\n  },\n});\n\nexport type DataTableMessages = ReturnType<(typeof dataTableMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useDataTableMessages = (): (() => DataTableMessages) => {\n  const locale = useLocale();\n  return () => dataTableMessages.resolve([locale()]).t;\n};\n\nexport const checkDataTableMessages = () => dataTableMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC;EACpC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,SAAS,EAAE,YAAY;MACvB,SAAS,EAAE,aAAa;MACxB,SAAS,EAAE;IACb,CAAC;IACD,EAAE,EAAE;MACF,SAAS,EAAE,cAAc;MACzB,SAAS,EAAE,gBAAgB;MAC3B,SAAS,EAAE;IACb;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,oBAAoB,GAAG,MAAiC;EACnE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,OAAO,MAAM,sBAAsB,GAAG,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/data-table-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst dataTableMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      dataTable: \"Data table\",\n      noColumns: \"No columns.\",\n      noRecords: \"No records\",\n      loadingRows: \"Loading rows\",\n    },\n    de: {\n      dataTable: \"Datentabelle\",\n      noColumns: \"Keine Spalten.\",\n      noRecords: \"Keine Einträge\",\n      loadingRows: \"Zeilen werden geladen\",\n    },\n  },\n});\n\nexport type DataTableMessages = ReturnType<(typeof dataTableMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useDataTableMessages = (): (() => DataTableMessages) => {\n  const locale = useLocale();\n  return () => dataTableMessages.resolve([locale()]).t;\n};\n\nexport const checkDataTableMessages = () => dataTableMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC;EACpC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,SAAS,EAAE,YAAY;MACvB,SAAS,EAAE,aAAa;MACxB,SAAS,EAAE,YAAY;MACvB,WAAW,EAAE;IACf,CAAC;IACD,EAAE,EAAE;MACF,SAAS,EAAE,cAAc;MACzB,SAAS,EAAE,gBAAgB;MAC3B,SAAS,EAAE,gBAAgB;MAC3B,WAAW,EAAE;IACf;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,oBAAoB,GAAG,MAAiC;EACnE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,OAAO,MAAM,sBAAsB,GAAG,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/content/index.js

@@ -20,8 +20,13 @@ export { Kbd } from "./Kbd";
 export { LabelChip } from "./LabelChip";
 export { default as Lightbox } from "./Lightbox";
 export { default as LogEntriesTable } from "./LogEntriesTable";
+export { MapAttribution } from "./MapAttribution";
+export { MapView } from "./MapView";
+export { MapViewFrame } from "./MapViewFrame";
 export { default as MarkdownView, renderSafeMarkdown } from "./MarkdownView";
 export { MessageRow, MessageSystemRow, startsMessageGroup } from "./MessageRow";
+export { mapPalette } from "./map-palette";
+export { mapAttribution, mapStyle } from "./map-style";
 export { MARKDOWN_CALLOUT_CLASSES, MARKDOWN_CALLOUT_ICON_ATTRIBUTES, markdownInfoBlocks, renderMarkdownInfoBlock, scanMarkdownInfoBlock } from "./markdown-info-blocks";
 export { markdownLinkReference, markdownReferenceIcon, markdownReferenceType, markdownReferenceTypeLabel, markStandaloneLinks, renderMarkdownLink } from "./markdown-links";
 export { Pagination } from "./Pagination";

package/dist/browser/content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarCommand,\n  CalendarController,\n  CalendarCustomView,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarExternalDrag,\n  CalendarLabels,\n  CalendarProps,\n  CalendarQuickCreateControls,\n  CalendarRange,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarSelectionControls,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport type {\n  MessageGroupEntry,\n  MessageRowAction,\n  MessageRowAttachment,\n  MessageRowAuthor,\n  MessageRowFile,\n  MessageRowMedia,\n  MessageRowProgress,\n  MessageRowProps,\n  MessageRowQuote,\n  MessageRowReaction,\n  MessageRowStatus,\n  MessageRowThread,\n  MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport {\n  MARKDOWN_CALLOUT_CLASSES,\n  MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n  type MarkdownInfoBlock,\n  type MarkdownInfoBlockRenderInput,\n  type MarkdownInfoBlockType,\n  markdownInfoBlocks,\n  renderMarkdownInfoBlock,\n  scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n  type MarkdownLinkInput,\n  type MarkdownReference,\n  type MarkdownReferenceKind,\n  type MarkdownReferenceType,\n  markdownLinkReference,\n  markdownReferenceIcon,\n  markdownReferenceType,\n  markdownReferenceTypeLabel,\n  markStandaloneLinks,\n  renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n  ReferenceChipObjectProps,\n  ReferenceChipPersonProps,\n  ReferenceChipProps,\n  ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,UAAU,QAAQ,gBAAgB;AAChG,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAgBhI,SAAS,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AAC/E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarCommand,\n  CalendarController,\n  CalendarCustomView,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarExternalDrag,\n  CalendarLabels,\n  CalendarProps,\n  CalendarQuickCreateControls,\n  CalendarRange,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarSelectionControls,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { MapAttribution } from \"./MapAttribution\";\nexport { MapView } from \"./MapView\";\nexport { MapViewFrame } from \"./MapViewFrame\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport type {\n  MessageGroupEntry,\n  MessageRowAction,\n  MessageRowAttachment,\n  MessageRowAuthor,\n  MessageRowFile,\n  MessageRowMedia,\n  MessageRowProgress,\n  MessageRowProps,\n  MessageRowQuote,\n  MessageRowReaction,\n  MessageRowStatus,\n  MessageRowThread,\n  MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\nexport { type MapStyleOptions, mapAttribution, mapStyle } from \"./map-style\";\nexport type {\n  MapViewArea,\n  MapViewFit,\n  MapViewFrameProps,\n  MapViewLine,\n  MapViewLineTone,\n  MapViewMarker,\n  MapViewOwnLocation,\n  MapViewPoint,\n  MapViewProps,\n  MapViewStyle,\n  MapViewStyleSource,\n  MapViewTone,\n} from \"./map-view-types\";\nexport {\n  MARKDOWN_CALLOUT_CLASSES,\n  MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n  type MarkdownInfoBlock,\n  type MarkdownInfoBlockRenderInput,\n  type MarkdownInfoBlockType,\n  markdownInfoBlocks,\n  renderMarkdownInfoBlock,\n  scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n  type MarkdownLinkInput,\n  type MarkdownReference,\n  type MarkdownReferenceKind,\n  type MarkdownReferenceType,\n  markdownLinkReference,\n  markdownReferenceIcon,\n  markdownReferenceType,\n  markdownReferenceTypeLabel,\n  markStandaloneLinks,\n  renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n  ReferenceChipObjectProps,\n  ReferenceChipPersonProps,\n  ReferenceChipProps,\n  ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,UAAU,QAAQ,gBAAgB;AAChG,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,OAAO,QAAQ,WAAW;AACnC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAgBhI,SAAS,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AAC/E,SAA+C,UAAU,QAAQ,eAAe;AAChF,SAA+B,cAAc,EAAE,QAAQ,QAAQ,aAAa;AAe5E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/dist/browser/content/map-palette.js

@@ -0,0 +1,39 @@
+/** The map image colours. Each key is also the CSS token `--k2b-map-<kebab-key>` on `.k2b-map-view`. */
+
+/**
+ * Plain data so a server can build the style JSON without CSS. The accent stays with the host's
+ * pins and lines; the map image only uses calm land, water, green, and road tones.
+ */
+export const mapPalette = {
+  light: {
+    land: "#f1efe9",
+    green: "#e3ecd9",
+    water: "#cfe3f3",
+    building: "#e8e5dd",
+    road: "#ffffff",
+    roadCasing: "#dcd8ce",
+    motorway: "#f6c76b",
+    motorwayCasing: "#d9a443",
+    rail: "#c4bfb4",
+    boundary: "#aea89c",
+    label: "#52525b",
+    labelStrong: "#27272a",
+    waterLabel: "#3a6383"
+  },
+  dark: {
+    land: "#1a1f26",
+    green: "#1c2a22",
+    water: "#14283a",
+    building: "#20262e",
+    road: "#2c333d",
+    roadCasing: "#222830",
+    motorway: "#5d6470",
+    motorwayCasing: "#444a54",
+    rail: "#39404a",
+    boundary: "#4f5763",
+    label: "#a1a1aa",
+    labelStrong: "#e4e4e7",
+    waterLabel: "#8fb5d3"
+  }
+};
+//# sourceMappingURL=map-palette.js.map

package/dist/browser/content/map-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/map-palette.ts"],"sourcesContent":["/** The map image colours. Each key is also the CSS token `--k2b-map-<kebab-key>` on `.k2b-map-view`. */\nexport type MapPaletteColors = {\n  /** Background land, also behind the server frame before the map image arrives. */\n  land: string;\n  /** Woods, grass, and city green; large protected areas stay plain land. */\n  green: string;\n  water: string;\n  building: string;\n  road: string;\n  roadCasing: string;\n  motorway: string;\n  motorwayCasing: string;\n  /** Rail lines and footpaths. */\n  rail: string;\n  boundary: string;\n  /** Streets, suburbs, villages, and states. */\n  label: string;\n  /** Cities, towns, and countries. */\n  labelStrong: string;\n  waterLabel: string;\n};\nexport type MapTheme = \"light\" | \"dark\";\n\n/**\n * Plain data so a server can build the style JSON without CSS. The accent stays with the host's\n * pins and lines; the map image only uses calm land, water, green, and road tones.\n */\nexport const mapPalette = {\n  light: {\n    land: \"#f1efe9\",\n    green: \"#e3ecd9\",\n    water: \"#cfe3f3\",\n    building: \"#e8e5dd\",\n    road: \"#ffffff\",\n    roadCasing: \"#dcd8ce\",\n    motorway: \"#f6c76b\",\n    motorwayCasing: \"#d9a443\",\n    rail: \"#c4bfb4\",\n    boundary: \"#aea89c\",\n    label: \"#52525b\",\n    labelStrong: \"#27272a\",\n    waterLabel: \"#3a6383\",\n  },\n  dark: {\n    land: \"#1a1f26\",\n    green: \"#1c2a22\",\n    water: \"#14283a\",\n    building: \"#20262e\",\n    road: \"#2c333d\",\n    roadCasing: \"#222830\",\n    motorway: \"#5d6470\",\n    motorwayCasing: \"#444a54\",\n    rail: \"#39404a\",\n    boundary: \"#4f5763\",\n    label: \"#a1a1aa\",\n    labelStrong: \"#e4e4e7\",\n    waterLabel: \"#8fb5d3\",\n  },\n} as const satisfies Record<MapTheme, MapPaletteColors>;\n"],"mappings":"AAAA;;AAuBA;AACA;AACA;AACA;AACA,OAAO,MAAM,UAAU,GAAG;EACxB,KAAK,EAAE;IACL,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE,SAAS;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE;EACd,CAAC;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE,SAAS;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE;EACd;AACF,CAAuD","ignoreList":[]}