@fusion.dev/helix-headless 0.147.0 → 0.149.0

package/dist/map/buildings/map-buildings.d.ts

@@ -20,6 +20,11 @@ import { nothing, type PropertyValues } from 'lit';
  * @event {HelixMapPartChangeEvent} helix-map-part-change - The layer's name or color changed. Used by `connectMap`; pages do not need to listen for it.
  */
 export declare class HelixHeadlessMapBuildings extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-buildings': { label: '3D-Gebäude' } })`.
+     */
+    static words: string;
     /** More about the buildings. Read after the label in the frame's list. */
     description?: string;
     /**

package/dist/map/buildings/map-buildings.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent } from '@fusion.dev/helix-core';
+import { customElement, HelixElement, HelixMapPartChangeEvent, words } from '@fusion.dev/helix-core';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 let HelixHeadlessMapBuildings = class HelixHeadlessMapBuildings extends HelixElement {
@@ -14,6 +14,7 @@ let HelixHeadlessMapBuildings = class HelixHeadlessMapBuildings extends HelixEle
         this.layerKind = 'buildings';
         this.label = '3D buildings';
     }
+    static { this.words = 'helix-map-buildings'; }
     updated(changed) {
         super.updated(changed);
         this.dispatchEvent(new HelixMapPartChangeEvent({ kind: 'layer' }));
@@ -29,6 +30,7 @@ __decorate([
     property()
 ], HelixHeadlessMapBuildings.prototype, "group", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapBuildings.prototype, "label", void 0);
 HelixHeadlessMapBuildings = __decorate([

package/dist/map/contours/map-contours.d.ts

@@ -26,6 +26,11 @@ import type { MapTerrainEncoding } from '../terrain/map-terrain.js';
  * @event {HelixMapPartChangeEvent} helix-map-part-change - The tiles, the unit, or the layer's name or color changed. Used by `connectMap`; pages do not need to listen for it.
  */
 export declare class HelixHeadlessMapContours extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-contours': { label: 'Höhenlinien' } })`.
+     */
+    static words: string;
     /** The elevation provider's credit, shown in the frame's footer. Links in it stay links. */
     attribution?: string;
     /** More about the lines. Read after the label in the frame's list. */

package/dist/map/contours/map-contours.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent } from '@fusion.dev/helix-core';
+import { customElement, HelixElement, HelixMapPartChangeEvent, words } from '@fusion.dev/helix-core';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 let HelixHeadlessMapContours = class HelixHeadlessMapContours extends HelixElement {
@@ -16,6 +16,7 @@ let HelixHeadlessMapContours = class HelixHeadlessMapContours extends HelixEleme
         this.label = 'Contour lines';
         this.unit = 'meters';
     }
+    static { this.words = 'helix-map-contours'; }
     updated(changed) {
         super.updated(changed);
         this.dispatchEvent(new HelixMapPartChangeEvent({ kind: 'layer' }));
@@ -37,6 +38,7 @@ __decorate([
     property()
 ], HelixHeadlessMapContours.prototype, "group", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapContours.prototype, "label", void 0);
 __decorate([

package/dist/map/landcover/map-landcover.d.ts

@@ -22,6 +22,11 @@ import { nothing, type PropertyValues } from 'lit';
  * @event {HelixMapPartChangeEvent} helix-map-part-change - The layer's name or color changed. Used by `connectMap`; pages do not need to listen for it.
  */
 export declare class HelixHeadlessMapLandcover extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-landcover': { label: 'Bodenbedeckung' } })`.
+     */
+    static words: string;
     /** More about the land cover. Read after the label in the frame's list. */
     description?: string;
     /**

package/dist/map/landcover/map-landcover.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent } from '@fusion.dev/helix-core';
+import { customElement, HelixElement, HelixMapPartChangeEvent, words } from '@fusion.dev/helix-core';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 let HelixHeadlessMapLandcover = class HelixHeadlessMapLandcover extends HelixElement {
@@ -14,6 +14,7 @@ let HelixHeadlessMapLandcover = class HelixHeadlessMapLandcover extends HelixEle
         this.layerKind = 'landcover';
         this.label = 'Land cover';
     }
+    static { this.words = 'helix-map-landcover'; }
     updated(changed) {
         super.updated(changed);
         this.dispatchEvent(new HelixMapPartChangeEvent({ kind: 'layer' }));
@@ -29,6 +30,7 @@ __decorate([
     property()
 ], HelixHeadlessMapLandcover.prototype, "group", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapLandcover.prototype, "label", void 0);
 HelixHeadlessMapLandcover = __decorate([

package/dist/map/marker/map-marker.d.ts

@@ -12,7 +12,8 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * `name`, or its `label` if it has no name.
  *
  * All the markers in a map share one tab stop. The arrow keys move between
- * them in the order they are written.
+ * them in the order they are written. Taking away the marker that has focus
+ * moves focus to the next one, or to the one before where it was the last.
  *
  * @since 0.105.0
  * @status experimental
@@ -40,6 +41,11 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * @cssstate start - Shows its name before the point, because there was no room after it.
  */
 export declare class HelixHeadlessMapMarker extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-marker': { passedLabel: '{label}, besucht' } })`.
+     */
+    static words: string;
     /**
      * @internal Whether the map's one tab stop is on this marker, written by the
      * frame. Not a consumer's to set: the frame keeps exactly one.
@@ -104,7 +110,12 @@ export declare class HelixHeadlessMapMarker extends HelixElement {
      * drawn muted, and its name is followed by `passed-label`.
      */
     passed: boolean;
-    /** The word added after a passed place's name. Defaults to "passed". */
+    /**
+     * What a passed place is called. `{label}` is its name.
+     *
+     * A word without `{label}`, such as `visited`, is written after the name
+     * with a comma, as before the sentence held the name.
+     */
     passedLabel: string;
     /** Whether focus is on this marker as it is gathered, and so has to move on. */
     private handingOver;
@@ -124,6 +135,11 @@ export declare class HelixHeadlessMapMarker extends HelixElement {
     extent(): number;
     /** Focuses the marker's button. The host draws no box of its own. */
     focus(options?: FocusOptions): void;
+    /**
+     * A passed place's name in `passed-label`, or followed by a page's word
+     * that does not hold `{label}`.
+     */
+    private passedSaid;
     protected render(): TemplateResult;
 }
 declare global {

package/dist/map/marker/map-marker.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent, PlacementController, } from '@fusion.dev/helix-core';
+import { customElement, formatNumber, formatWords, HelixElement, HelixMapPartChangeEvent, PlacementController, words, wordsLocale, } from '@fusion.dev/helix-core';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 const BOOKKEEPING = new Set([
@@ -28,9 +28,10 @@ let HelixHeadlessMapMarker = class HelixHeadlessMapMarker extends HelixElement {
         this.placement = new PlacementController(this);
         this.name = '';
         this.passed = false;
-        this.passedLabel = 'passed';
+        this.passedLabel = '{label}, passed';
         this.handingOver = false;
     }
+    static { this.words = 'helix-map-marker'; }
     place(properties) {
         this.placement.set(properties);
         this.toggleState('placed', this.placement.get('--_map-marker-x') !== undefined);
@@ -75,12 +76,18 @@ let HelixHeadlessMapMarker = class HelixHeadlessMapMarker extends HelixElement {
     focus(options) {
         this.partNamed('marker')?.focus(options);
     }
+    passedSaid(name) {
+        return this.passedLabel.includes('{label}')
+            ? formatWords(this, 'passedLabel', { label: name })
+            : html `${name}, ${this.passedLabel}`;
+    }
     render() {
         const cluster = this.gathered.length > 1;
-        const lang = cluster ? this.closest('[lang]')?.getAttribute('lang') || undefined : undefined;
+        const locale = cluster ? wordsLocale(this) : '';
+        const name = this.label ?? '';
         return html `<span part="marker" role="button" tabindex=${this.current ? '0' : '-1'} ?hidden=${this.gatheredBy !== undefined}>
-      <span part="point" aria-hidden="true">${cluster ? new Intl.NumberFormat(lang).format(this.gathered.length) : nothing}<slot name="icon" ?hidden=${cluster} @slotchange=${() => this.requestUpdate()}></slot></span>
-      <span part="label">${cluster ? new Intl.ListFormat(lang, { type: 'conjunction' }).format(this.gathered) : this.passed ? `${this.label ?? ''}, ${this.passedLabel}` : (this.label ?? '')}</span>
+      <span part="point" aria-hidden="true">${cluster ? formatNumber(this.gathered.length, locale) : nothing}<slot name="icon" ?hidden=${cluster} @slotchange=${() => this.requestUpdate()}></slot></span>
+      <span part="label">${cluster ? new Intl.ListFormat(locale, { type: 'conjunction' }).format(this.gathered) : this.passed ? this.passedSaid(name) : name}</span>
     </span>`;
     }
 };
@@ -118,6 +125,7 @@ __decorate([
     property({ type: Boolean })
 ], HelixHeadlessMapMarker.prototype, "passed", void 0);
 __decorate([
+    words,
     property({ attribute: 'passed-label' })
 ], HelixHeadlessMapMarker.prototype, "passedLabel", void 0);
 HelixHeadlessMapMarker = __decorate([

package/dist/map/points/map-points.d.ts

@@ -71,6 +71,11 @@ export interface MapPointsCollection {
  * @csspart places - The group of buttons, named by the layer's label.
  */
 export declare class HelixHeadlessMapPoints extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-points': { label: 'Orte' } })`.
+     */
+    static words: string;
     /** Combines nearby points into counts. Pressing a count zooms in to it. */
     cluster: boolean;
     /**

package/dist/map/points/map-points.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixActivateEvent, HelixElement, HelixMapClusterEvent, HelixMapPartChangeEvent, isRtl, } from '@fusion.dev/helix-core';
+import { customElement, formatWords, HelixActivateEvent, HelixElement, HelixMapClusterEvent, HelixMapPartChangeEvent, isRtl, words, } from '@fusion.dev/helix-core';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -12,7 +12,7 @@ let HelixHeadlessMapPoints = class HelixHeadlessMapPoints extends HelixElement {
     constructor() {
         super(...arguments);
         this.cluster = false;
-        this.countLabel = '{count} places';
+        this.countLabel = '{count, plural, one {# place} other {# places}}';
         this.isMapLayer = true;
         this.label = 'Places';
         this.layerKind = 'points';
@@ -64,10 +64,10 @@ let HelixHeadlessMapPoints = class HelixHeadlessMapPoints extends HelixElement {
             }
         };
     }
+    static { this.words = 'helix-map-points'; }
     nameOf(one) {
         if (one.count !== undefined) {
-            const lang = this.closest('[lang]')?.getAttribute('lang') || undefined;
-            return this.countLabel.replace('{count}', new Intl.NumberFormat(lang).format(one.count));
+            return formatWords(this, 'countLabel', { count: one.count });
         }
         return one.label || one.value || '';
     }
@@ -130,6 +130,7 @@ __decorate([
     property({ type: Boolean })
 ], HelixHeadlessMapPoints.prototype, "cluster", void 0);
 __decorate([
+    words,
     property({ attribute: 'count-label' })
 ], HelixHeadlessMapPoints.prototype, "countLabel", void 0);
 __decorate([
@@ -142,6 +143,7 @@ __decorate([
     property()
 ], HelixHeadlessMapPoints.prototype, "group", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapPoints.prototype, "label", void 0);
 __decorate([

package/dist/map/position/map-position.d.ts

@@ -32,6 +32,11 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * @cssstate placed - Placed on the map by the connector.
  */
 export declare class HelixHeadlessMapPosition extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-position': { label: 'Aktueller Standort' } })`.
+     */
+    static words: string;
     /** How accurate the position is, in meters. Drawn as a ring with this radius. */
     accuracy?: number;
     /**

package/dist/map/position/map-position.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent, PlacementController, } from '@fusion.dev/helix-core';
+import { customElement, HelixElement, HelixMapPartChangeEvent, PlacementController, words, } from '@fusion.dev/helix-core';
 import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 let HelixHeadlessMapPosition = class HelixHeadlessMapPosition extends HelixElement {
@@ -17,6 +17,7 @@ let HelixHeadlessMapPosition = class HelixHeadlessMapPosition extends HelixEleme
         this.spoken = '';
         this.spokenAt = Number.NEGATIVE_INFINITY;
     }
+    static { this.words = 'helix-map-position'; }
     place(properties) {
         this.placement.set(properties);
         this.toggleState('placed', this.placement.get('--_map-position-x') !== undefined);
@@ -81,6 +82,7 @@ __decorate([
     property({ reflect: true, type: Number })
 ], HelixHeadlessMapPosition.prototype, "heading", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapPosition.prototype, "label", void 0);
 __decorate([

package/dist/map/raster/map-raster.d.ts

@@ -29,6 +29,11 @@ import { nothing, type PropertyValues } from 'lit';
  * @event {HelixMapPartChangeEvent} helix-map-part-change - The tiles, the frame shown, the opacity, or where the tiles are drawn changed. Used by `connectMap`; pages do not need to listen for it.
  */
 export declare class HelixHeadlessMapRaster extends HelixElement {
+    /**
+     * The key this part's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map-raster': { label: 'Überlagerung' } })`.
+     */
+    static words: string;
     /** The tile provider's credit, shown in the frame's footer. Links in it stay links. */
     attribution?: string;
     /** More about the layer. Read after the label in the frame's list. */

package/dist/map/raster/map-raster.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement, HelixMapPartChangeEvent } from '@fusion.dev/helix-core';
+import { customElement, HelixElement, HelixMapPartChangeEvent, words } from '@fusion.dev/helix-core';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 const framesConverter = {
@@ -22,6 +22,7 @@ let HelixHeadlessMapRaster = class HelixHeadlessMapRaster extends HelixElement {
         this.opacity = 0.7;
         this.playing = false;
     }
+    static { this.words = 'helix-map-raster'; }
     connectedCallback() {
         super.connectedCallback();
         if (this.hasUpdated) {
@@ -83,6 +84,7 @@ __decorate([
     property({ type: Number })
 ], HelixHeadlessMapRaster.prototype, "interval", void 0);
 __decorate([
+    words,
     property()
 ], HelixHeadlessMapRaster.prototype, "label", void 0);
 __decorate([

package/dist/map/root/map-root.d.ts

@@ -1,4 +1,4 @@
-import { HelixElement, KeyboardNavigationController, type ViewportControlsPlacement, type ViewportGestureLabels, type ViewportPanDetail, type ViewportZoomDetail } from '@fusion.dev/helix-core';
+import { HelixElement, KeyboardNavigationController, type ViewportControlsPlacement, type ViewportPanDetail, type ViewportZoomDetail } from '@fusion.dev/helix-core';
 import { nothing, type PropertyValues, type TemplateResult } from 'lit';
 /**
  * What `ViewportControlsPlacement` is called for a map.
@@ -67,8 +67,20 @@ declare const HelixHeadlessMap_base: (new (...args: any[]) => import("@fusion.de
  *
  * @slot - The element your renderer draws the map in, and the map's markers, routes, areas, positions, and points layers.
  * @slot attribution - The map credit, which most tile licenses require.
+ * @slot face-north-icon - Replaces the compass needle. It inherits `--map-needle-turn`, so `rotate: var(--map-needle-turn)` keeps it pointing north.
  * @slot footer - Content below the map, such as a legend or a scale.
+ * @slot fullscreen-icon - Replaces the glyph inside the fullscreen button.
  * @slot header - Content above the map, such as a title or a search field.
+ * @slot layers-icon - Replaces the glyph inside the layers button.
+ * @slot pan-down-icon - Replaces the glyph inside the pan down button.
+ * @slot pan-end-icon - Replaces the glyph inside the button that pans toward the end of a line of text.
+ * @slot pan-start-icon - Replaces the glyph inside the button that pans toward the start of a line of text.
+ * @slot pan-up-icon - Replaces the glyph inside the pan up button.
+ * @slot rotate-left-icon - Replaces the glyph inside the rotate left button.
+ * @slot rotate-right-icon - Replaces the glyph inside the rotate right button.
+ * @slot tilt-icon - Replaces the "3D" inside the 3D button.
+ * @slot zoom-in-icon - Replaces the glyph inside the zoom-in button.
+ * @slot zoom-out-icon - Replaces the glyph inside the zoom-out button.
  *
  * @event {Event} change - The layers menu changed the map type, which `map-type` now holds.
  * @event {HelixActivateEvent} helix-activate - A marker was pressed. The value is the marker's `name`, or its `label` if it has no name. A cluster sends `helix-map-cluster` instead.
@@ -122,11 +134,24 @@ declare const HelixHeadlessMap_base: (new (...args: any[]) => import("@fusion.de
  *
  * @cssstate fullscreen - The map fills the screen.
  * @cssstate idle - The user has been still long enough for the header and footer to fade.
+ * @cssstate layers-open - The layers menu is open.
  * @cssstate ready - The map has been drawn whole, after `helix-map-ready`.
+ * @cssstate rotated - The map is turned away from north, by `bearing`.
  * @cssstate sharing - The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a map with `gestures="activate"` waits to be pressed.
+ * @cssstate tilted - The map is tilted by `pitch`, so it no longer looks straight down.
  * @cssstate using - A map with `gestures="activate"` has been pressed and has the gestures.
  */
 export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
+    /**
+     * The key this family's words are registered under, its styled tag:
+     * `registerWords('de', { 'helix-map': { layersLabel: 'Kartenebenen' } })`.
+     */
+    static words: string;
+    /**
+     * The hint shown when the map, waiting to be pressed with
+     * `gestures="activate"`, is scrolled or swiped over.
+     */
+    activateHintLabel: string;
     /**
      * The map's rotation, in degrees clockwise from north. `connectMap` keeps it
      * current, and the Face north button's needle turns with it.
@@ -137,8 +162,15 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
      * the map zooms in, and pressing one zooms in to its places.
      */
     cluster: boolean;
+    /**
+     * The name of the group of controls, read by screen readers, which names
+     * what the controls drive rather than the mechanism.
+     */
+    controlsLabel: string;
     /** The Face north button's label. */
     faceNorthLabel: string;
+    /** The map's name where `label` is empty and the host has no `aria-label`. */
+    fallbackLabel: string;
     /** What screen readers hear when the map is tilted back to looking straight down. */
     flatLabel: string;
     /** The Hybrid map type's name. */
@@ -192,18 +224,30 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
     standardLabel: string;
     /**
      * What screen readers hear when the map is tilted. `{degrees}` is the tilt
-     * from looking straight down.
+     * from looking straight down, written in the locale, and each language
+     * writes the forms it has.
      */
     tiltedLabel: string;
     /** The 3D button's label. */
     tiltLabel: string;
     /**
      * What screen readers hear when the map is turned. `{degrees}` is the way the
-     * top of the map faces, clockwise from north.
+     * top of the map faces, clockwise from north, written in the locale, and
+     * each language writes the forms it has.
      */
     turnedLabel: string;
+    /** The hint shown when one finger swipes over the map with `gestures="cooperative"`. */
+    twoFingerHintLabel: string;
+    /** The line shown while the map, with `gestures="activate"`, has the gestures. */
+    usingLabel: string;
+    /**
+     * The hint shown when the wheel scrolls past the map with
+     * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
+     */
+    wheelHintLabel: string;
     /**
-     * What screen readers hear after a zoom. `{level}` is the zoom level.
+     * What screen readers hear after a zoom. `{level}` is the zoom level,
+     * written in the locale.
      */
     zoomedLabel: string;
     /**
@@ -323,8 +367,31 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
     protected readonly keys: KeyboardNavigationController;
     /** The marker a press or a click came from, where it came from one. */
     private markerOf;
+    /**
+     * The marker focus is on, while it is.
+     *
+     * **Kept so a marker the page takes away hands focus on.** A delivery done
+     * or a filter changed removes a marker, and the one a reader was on went
+     * with focus still in it: the browser dropped focus to the page, and the
+     * reader was put back at its top with nothing said.
+     */
+    private focused;
     /** Moves the tab stop to the marker focus arrived at. */
     private readonly handleFocusIn;
+    /**
+     * Forgets the marker focus left, unless the page took it away.
+     *
+     * Focus leaving for nothing is a press on the page or the marker removed,
+     * and which one is known once the removal has finished: a marker still in
+     * the page was left, and one gone is owed a place for focus to land.
+     */
+    private readonly handleFocusOut;
+    /**
+     * Gives focus to the marker that took the stop of one the page took away
+     * with focus on it: the next, the last where it was the last, its cluster
+     * where it is gathered, and the region where none is left.
+     */
+    private refocus;
     /**
      * Says a marker was pressed, by click, Enter or Space: a place by its name,
      * and a cluster as a cluster, from the marker it is drawn as.
@@ -338,8 +405,6 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
      */
     private readonly handleMarkerKeydown;
     private readonly handleMarkerKeyup;
-    /** What the map says about its gestures where the page does not say it. */
-    protected get restingGestureLabels(): ViewportGestureLabels;
     /** Which gestures the renderer takes, which `connectMap` hears from here. */
     protected gesturesChanged(): void;
     /** A marker added or taken away is a walk of a different length. */
@@ -376,7 +441,7 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
      * order they are written, with its picture and name, pressed while it is
      * shown. A group's tile is pressed while any of its layers is shown.
      */
-    private renderLayersMenu;
+    protected renderLayersMenu(): TemplateResult | typeof nothing;
     /**
      * The map types, as cards with a picture of the map in each: Standard,
      * Hybrid, and Satellite. One is chosen, so they are radio buttons, and the
@@ -392,7 +457,7 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
      * arrows around it are the way to move and turn the map without dragging,
      * which a pointer otherwise needs.
      */
-    private renderCompass;
+    protected renderCompass(pan: boolean, rotate: boolean): TemplateResult;
     /**
      * The controls, in one column in the order they are read: fullscreen, the
      * layers, 3D, zoom, and the compass with the arrows round it, last, where
@@ -414,14 +479,6 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
     /** The events this family names, the surface naming none of its own. */
     protected panEvent(detail: ViewportPanDetail): Event;
     protected zoomEvent(detail: ViewportZoomDetail): Event;
-    /**
-     * What the group of controls is called.
-     *
-     * The surface is shared and this is the half that is a map: a reader meeting
-     * the group hears what it drives rather than "view controls", which names the
-     * mechanism.
-     */
-    protected get restingControlsLabel(): string;
     protected willUpdate(changed: PropertyValues): void;
     /**
      * The routes and areas, named, for a reader who cannot see the map.