@aceshooting/lyra-ui 8.2.1 → 8.2.3

package/dist/components/media/map/map.styles.js

@@ -22,6 +22,173 @@ import{css}from"lit";const styles=css`
   [part='container'] {
     position: absolute;
     inset: 0;
+    inline-size: 100%;
+    block-size: 100%;
+    overflow: hidden;
+  }
+  /* MapLibre creates these nodes inside the container above, hence inside this component's
+     shadow root. Page-level peer CSS cannot reach them; the wrapper owns the layout and
+     interaction rules for the MapLibre capabilities it exposes. */
+  .maplibregl-canvas-container {
+    inline-size: 100%;
+    block-size: 100%;
+  }
+  .maplibregl-canvas {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
+  .maplibregl-canvas-container.maplibregl-interactive {
+    cursor: grab;
+    user-select: none;
+  }
+  .maplibregl-canvas-container.maplibregl-interactive:active {
+    cursor: grabbing;
+  }
+  .maplibregl-canvas-container.maplibregl-touch-zoom-rotate,
+  .maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
+    touch-action: pan-x pan-y;
+  }
+  .maplibregl-canvas-container.maplibregl-touch-drag-pan,
+  .maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
+    touch-action: pinch-zoom;
+  }
+  .maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,
+  .maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
+    touch-action: none;
+  }
+  .maplibregl-marker {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    inline-size: max-content;
+    will-change: transform;
+  }
+  .maplibregl-popup {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    z-index: var(--lr-layer-content);
+    display: flex;
+    will-change: transform;
+    pointer-events: none;
+    color: var(--lr-color-text);
+    font-family: var(--lr-font);
+    font-size: var(--lr-font-size-sm);
+    line-height: var(--lr-line-height-normal);
+  }
+  .maplibregl-popup-anchor-top,
+  .maplibregl-popup-anchor-top-left,
+  .maplibregl-popup-anchor-top-right {
+    flex-direction: column;
+  }
+  .maplibregl-popup-anchor-bottom,
+  .maplibregl-popup-anchor-bottom-left,
+  .maplibregl-popup-anchor-bottom-right {
+    flex-direction: column-reverse;
+  }
+  .maplibregl-popup-anchor-left {
+    flex-direction: row;
+  }
+  .maplibregl-popup-anchor-right {
+    flex-direction: row-reverse;
+  }
+  :host(:dir(rtl)) .maplibregl-popup-anchor-left {
+    flex-direction: row-reverse;
+  }
+  :host(:dir(rtl)) .maplibregl-popup-anchor-right {
+    flex-direction: row;
+  }
+  .maplibregl-popup-tip {
+    inline-size: 0;
+    block-size: 0;
+    border: var(--lr-size-0-625rem) solid transparent;
+    z-index: var(--lr-layer-content);
+  }
+  .maplibregl-popup-anchor-top .maplibregl-popup-tip {
+    align-self: center;
+    border-block-start: none;
+    border-block-end-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
+    align-self: flex-start;
+    border-block-start: none;
+    border-inline-start: none;
+    border-block-end-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
+    align-self: flex-end;
+    border-block-start: none;
+    border-inline-end: none;
+    border-block-end-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
+    align-self: center;
+    border-block-end: none;
+    border-block-start-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
+    align-self: flex-start;
+    border-block-end: none;
+    border-inline-start: none;
+    border-block-start-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
+    align-self: flex-end;
+    border-block-end: none;
+    border-inline-end: none;
+    border-block-start-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-left .maplibregl-popup-tip {
+    align-self: center;
+    border-inline-start: none;
+    border-inline-end-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-anchor-right .maplibregl-popup-tip {
+    align-self: center;
+    border-inline-end: none;
+    border-inline-start-color: var(--lr-color-surface-overlay);
+  }
+  .maplibregl-popup-content {
+    position: relative;
+    min-inline-size: var(--lr-icon-button-size);
+    padding: var(--lr-space-m);
+    padding-inline-end: calc(var(--lr-icon-button-size) + var(--lr-space-xs));
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface-overlay);
+    box-shadow: var(--lr-shadow-m);
+    pointer-events: auto;
+    overflow-wrap: anywhere;
+  }
+  .maplibregl-popup-close-button {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
+    padding: 0;
+    border: 0;
+    border-radius: var(--lr-radius);
+    background: transparent;
+    color: var(--lr-color-text-quiet);
+    font: inherit;
+    cursor: pointer;
+  }
+  .maplibregl-popup-close-button:hover {
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
+  }
+  .maplibregl-popup-close-button:active {
+    background: color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active));
+    color: var(--lr-color-brand);
+  }
+  .maplibregl-popup-close-button:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: calc(-1 * var(--lr-focus-ring-offset));
   }
   /* Mirrors docx-viewer.styles.ts's identical [part='error'] treatment for the same "optional
      peer dependency missing" failure shape. */
@@ -69,15 +236,8 @@ import{css}from"lit";const styles=css`
     flex: 0 0 auto;
   }
 
-  /* maplibre-gl injects its attribution/logo controls INTO [part='container'], i.e. into this
-     shadow root -- which the consumer's document-level \`maplibre-gl.css\` (the import map-loader.ts
-     tells them to add) can never reach across the shadow boundary. Without it the attribution
-     control is an unstyled <details>/<summary>: the corner anchors have no positioning so the
-     attribution flows in-line BELOW the canvas, and the <summary> shows the browser's default
-     disclosure triangle (a stray "▼"). Porting the essential positioning + summary reset here --
-     the same approach pdf-viewer.styles.ts uses for pdf.js's textLayer CSS -- anchors the
-     attribution to the map corner as an overlay and removes the marker. Only the attribution/
-     container rules are ported (this wrapper exposes no zoom/geolocate/etc. controls). */
+  /* MapLibre's attribution control is generated in the same shadow-local container. Keep it
+     anchored over the map and use Lyra's own surface, typography, and interaction tokens. */
   .maplibregl-ctrl-top-left,
   .maplibregl-ctrl-top-right,
   .maplibregl-ctrl-bottom-left,
@@ -105,6 +265,7 @@ import{css}from"lit";const styles=css`
   .maplibregl-ctrl {
     margin: var(--lr-space-xs);
     pointer-events: auto;
+    transform: translate(0);
   }
   .maplibregl-ctrl-attrib {
     padding: 0 var(--lr-space-xs);
@@ -120,6 +281,43 @@ import{css}from"lit";const styles=css`
   .maplibregl-ctrl-attrib a:hover {
     text-decoration: underline;
   }
+  .maplibregl-ctrl-attrib-inner {
+    overflow-wrap: anywhere;
+  }
+  .maplibregl-ctrl-attrib-button {
+    display: none;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    inline-size: var(--lr-icon-button-size);
+    block-size: var(--lr-icon-button-size);
+    padding: 0;
+    border: 0;
+    border-radius: var(--lr-radius-pill);
+    background: transparent;
+    color: var(--lr-color-text);
+    cursor: pointer;
+  }
+  .maplibregl-ctrl-attrib.maplibregl-compact {
+    position: relative;
+    min-block-size: var(--lr-icon-button-size);
+    padding-inline-end: var(--lr-icon-button-size);
+  }
+  .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner {
+    display: none;
+  }
+  .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
+  .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
+    display: block;
+  }
+  .maplibregl-ctrl-attrib-button:hover,
+  .maplibregl-ctrl-attrib-button:active {
+    background: var(--lr-color-brand-quiet);
+  }
+  .maplibregl-ctrl-attrib-button:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: calc(-1 * var(--lr-focus-ring-offset));
+  }
   /* Remove the native <summary> disclosure marker (the stray "▼") on the compact-toggle button. */
   .maplibregl-ctrl-attrib summary {
     list-style: none;

package/dist/components/media/video/video.styles.js

@@ -3,6 +3,7 @@ import{css}from"lit";const styles=css`
     display: block;
     color: var(--controls-color, var(--lr-color-text));
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
 
   :host([hidden]) {

package/dist/components/media/video-playlist/video-playlist.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
     color: var(--lr-color-text);
   }
 

package/dist/components/media/zoomable-frame/zoomable-frame.styles.js

@@ -10,6 +10,7 @@ import{css}from"lit";const styles=css`
     border-radius: var(--lr-radius);
     background: var(--lr-color-surface-raised);
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
 
   [part='iframe'] {

package/dist/components/retrieval/claim-evidence/claim-evidence.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
   [part='list'] {
     display: flex;

package/dist/components/retrieval/embedding-explorer/embedding-explorer.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
 
   [part='base'] {

package/dist/components/retrieval/knowledge-base-admin/knowledge-base-admin.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
 
   [part='base'] {

package/dist/components/retrieval/rag-answer/rag-answer.styles.js

@@ -1,5 +1,5 @@
 import{css}from"lit";const styles=css`
-  :host { display: block; container-type: inline-size; }
+  :host { display: block; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); }
   [part='base'] { display: flex; flex-direction: column; gap: var(--lr-space-m); }
   [part='answer'] { min-inline-size: 0; }
   [part='citations'], [part='sources'] { display: flex; flex-direction: column; gap: var(--lr-space-xs); }

package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
   [part='base'] {
     display: flex;

package/dist/components/retrieval/retrieval-compare/retrieval-compare.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
   [part='base'] {
     min-inline-size: 0;

package/dist/components/retrieval/retrieval-trace/retrieval-trace.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
 
   [part='base'] {

package/dist/components/utility/diff-view/diff-view.styles.js

@@ -47,6 +47,11 @@ import{css}from"lit";const styles=css`
     font-size: var(--lr-font-size-sm);
     line-height: var(--lr-line-height-snug);
     white-space: pre-wrap;
+    /* The base/side owns horizontal scrolling while each line owns its change-state background.
+       Grow that painted box with an unbroken line, but keep short lines filling the scrollport. */
+    box-sizing: border-box;
+    inline-size: max-content;
+    min-inline-size: 100%;
   }
   [part='line']:not([data-type='fold']) {
     /* Diffed source code is read left-to-right regardless of the surrounding document direction --

package/dist/components/viewers/document-compare/document-compare.styles.js

@@ -2,6 +2,7 @@ import{css}from"lit";const styles=css`
   :host {
     display: block;
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
     --lr-document-compare-pane-max-height: var(--lr-size-24rem);
   }
 

package/dist/components/viewers/notebook-viewer/notebook-viewer.styles.js

@@ -6,6 +6,7 @@ import{css}from"lit";const styles=css`
        allocated width (a chat transcript, a split pane, a narrow dialog) instead of the page
        viewport's -- a reusable primitive can be squeezed into a narrow panel on a wide desktop. */
     container-type: inline-size;
+    contain-intrinsic-inline-size: var(--lr-size-20rem);
   }
   [part='base'] {
     display: block;

package/dist/internal/package-metadata.d.ts

@@ -3,4 +3,4 @@
  * Run `pnpm package-metadata` after changing package identity or version.
  */
 export declare const LYRA_PACKAGE_NAME: "@aceshooting/lyra-ui";
-export declare const LYRA_PACKAGE_VERSION: "8.2.1";
+export declare const LYRA_PACKAGE_VERSION: "8.2.3";

package/dist/internal/package-metadata.js

@@ -1 +1 @@
-const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui";const LYRA_PACKAGE_VERSION="8.2.1";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};
+const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui";const LYRA_PACKAGE_VERSION="8.2.3";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};

package/llms/components/lr-input.md

@@ -42,6 +42,12 @@ see "Enter-to-submit" below for the exact rules and for which controls deliberat
 - `value: string = ''` (from `FormAssociated`)
 - `defaultValue: string = ''` — reset value, backed by the standard `value` content attribute;
   `default-value` is accepted as a Shoelace attribute alias
+- `name: string` (from `FormAssociated`) and the plain inherited `id` are both forwarded to the
+  internal native `<input>` (previously the internal input carried neither, only a fixed
+  `id="input"`), so shadow-DOM-aware password managers that key field detection off the actual
+  control's own `name`/`id` — not `autocomplete` alone — recognize `<lr-input>` fields. The
+  internal `<label for>` tracks whichever id is in use. Leaving `id` unset on the host keeps the
+  internal input at `id="input"`, identical to before
 - `placeholder: string = ''`
 - `clearable: boolean = false` (reflected) — shows a localized clear action while a `text` or
   `search` input has a value; clearing preserves input focus

package/llms/components/lr-map.md

@@ -85,18 +85,18 @@ e.g. not installed). The post-mount failure is appended to the document's pre-mo
 **Themeable custom properties:** shared tokens only — `--lr-space-xs/-s`, `--lr-color-surface`,
 `--lr-color-border`, `--lr-shadow`, `--lr-radius`.
 
-**Optional peer deps:** `maplibre-gl` `>=5 <7` (lazy-loaded). The consumer must **separately**
-import `maplibre-gl/dist/maplibre-gl.css`. MapLibre v5's standard build includes its worker.
-MapLibre v6 is ESM-only, requires WebGL2, and additionally needs its module-worker URL configured
-for the bundler once — the component cannot choose a bundler-specific worker URL. For Vite with
-v6:
+**Optional peer deps:** `maplibre-gl` `>=5 <7` (lazy-loaded). `<lr-map>` styles MapLibre's
+generated canvas, marker, popup, and control DOM inside its shadow root; a page-level MapLibre
+stylesheet is neither required nor able to reach those nodes. MapLibre v5's standard build includes
+its worker. MapLibre v6 is ESM-only, requires WebGL2, and additionally needs its module-worker URL
+configured for the bundler once — the component cannot choose a bundler-specific worker URL. For
+Vite with v6:
 
 ```html
 <lr-map center="[2.35, 48.85]" zoom="10"></lr-map>
 <script type="module">
   import { setWorkerUrl } from 'maplibre-gl';
   import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
-  import 'maplibre-gl/dist/maplibre-gl.css';
   setWorkerUrl(workerUrl);
 
   const m = document.querySelector('lr-map');

package/llms/peers.md

@@ -50,7 +50,7 @@ changes the component library version without installing a supported SheetJS rel
 | `marked` | `^18.0.9` | `lr-markdown`, `lr-markdown-core`, `lr-message-parts`, `lr-widget-renderer` |
 | `papaparse` | `^5.5.4` | `lr-csv-viewer`, `lr-dataset-viewer` |
 | `pdfjs-dist` | `^6.2.108` | `lr-pdf-viewer` |
-| `postal-mime` | `^2.7.5` | `lr-email-viewer` |
+| `postal-mime` | `^2.7.6` | `lr-email-viewer` |
 | `qrcode` | `^1.5.4` | `lr-qr-code` |
 | `react` | `>=19 <20` | type-only `@aceshooting/lyra-ui/custom-elements-jsx` entry (no runtime import) |
 | `shiki` | `^4.4.2` | `lr-code-block`, `lr-code-block-core`, `lr-diff-view`, `lr-document-compare`, `lr-markdown`, `lr-markdown-core`, `lr-message-parts`, `lr-widget-renderer` |

package/llms-full.txt

@@ -3393,6 +3393,12 @@ see "Enter-to-submit" below for the exact rules and for which controls deliberat
 - `value: string = ''` (from `FormAssociated`)
 - `defaultValue: string = ''` — reset value, backed by the standard `value` content attribute;
   `default-value` is accepted as a Shoelace attribute alias
+- `name: string` (from `FormAssociated`) and the plain inherited `id` are both forwarded to the
+  internal native `<input>` (previously the internal input carried neither, only a fixed
+  `id="input"`), so shadow-DOM-aware password managers that key field detection off the actual
+  control's own `name`/`id` — not `autocomplete` alone — recognize `<lr-input>` fields. The
+  internal `<label for>` tracks whichever id is in use. Leaving `id` unset on the host keeps the
+  internal input at `id="input"`, identical to before
 - `placeholder: string = ''`
 - `clearable: boolean = false` (reflected) — shows a localized clear action while a `text` or
   `search` input has a value; clearing preserves input focus
@@ -15476,18 +15482,18 @@ e.g. not installed). The post-mount failure is appended to the document's pre-mo
 **Themeable custom properties:** shared tokens only — `--lr-space-xs/-s`, `--lr-color-surface`,
 `--lr-color-border`, `--lr-shadow`, `--lr-radius`.
 
-**Optional peer deps:** `maplibre-gl` `>=5 <7` (lazy-loaded). The consumer must **separately**
-import `maplibre-gl/dist/maplibre-gl.css`. MapLibre v5's standard build includes its worker.
-MapLibre v6 is ESM-only, requires WebGL2, and additionally needs its module-worker URL configured
-for the bundler once — the component cannot choose a bundler-specific worker URL. For Vite with
-v6:
+**Optional peer deps:** `maplibre-gl` `>=5 <7` (lazy-loaded). `<lr-map>` styles MapLibre's
+generated canvas, marker, popup, and control DOM inside its shadow root; a page-level MapLibre
+stylesheet is neither required nor able to reach those nodes. MapLibre v5's standard build includes
+its worker. MapLibre v6 is ESM-only, requires WebGL2, and additionally needs its module-worker URL
+configured for the bundler once — the component cannot choose a bundler-specific worker URL. For
+Vite with v6:
 
 ```html
 <lr-map center="[2.35, 48.85]" zoom="10"></lr-map>
 <script type="module">
   import { setWorkerUrl } from 'maplibre-gl';
   import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
-  import 'maplibre-gl/dist/maplibre-gl.css';
   setWorkerUrl(workerUrl);
 
   const m = document.querySelector('lr-map');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "8.2.1",
+  "version": "8.2.3",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -1376,7 +1376,7 @@
     "marked": "^18.0.9",
     "papaparse": "^5.5.4",
     "pdfjs-dist": "^6.2.108",
-    "postal-mime": "^2.7.5",
+    "postal-mime": "^2.7.6",
     "qrcode": "^1.5.4",
     "react": ">=19 <20",
     "shiki": "^4.4.2",
@@ -1510,7 +1510,7 @@
     "katex": "^0.18.1",
     "libphonenumber-js": "^1.13.10",
     "mammoth": "^1.12.0",
-    "maplibre-gl": "^6.1.0",
+    "maplibre-gl": "^6.2.0",
     "marked": "^18.0.9",
     "oxc-parser": "^0.143.0",
     "papaparse": "^5.5.4",
@@ -1518,7 +1518,7 @@
     "pixelmatch": "^7.2.0",
     "playwright": "^1.62.1",
     "pngjs": "^7.0.0",
-    "postal-mime": "^2.7.5",
+    "postal-mime": "^2.7.6",
     "qrcode": "^1.5.4",
     "react": "^19.2.8",
     "shiki": "^4.4.2",

package/vscode-html-data.json

@@ -13733,7 +13733,7 @@
       "name": "lr-map",
       "description": {
         "kind": "markdown",
-        "value": "`<lr-map>` — a maplibre-gl wrapper with a declarative legend, choropleth\nGeoJSON layer, markers, and additive `dataLayers` GeoJSON overlays\n(arbitrary shapes rendered as a source plus fill/line/circle layers,\nindependent of `choropleth`'s field/stops color-interpolation), plus a peer-neutral\n`map` getter for common imperative operations. Its runtime value is the underlying MapLibre\nmap, while its declaration stays independent of the optional peer. Requires `maplibre-gl`\nv5 or v6 (consumers also import its CSS). MapLibre v6 is ESM-only, requires WebGL2, and needs\nits module-worker URL configured once; v5's standard build includes its worker.\n\nThe underlying `maplibregl.Map` — and the WebGL context it opens — isn't\nconstructed until this element is first visible in the viewport (tracked\nvia `IntersectionObserver`), even once the `maplibre-gl` peer dependency\nhas finished loading. Browsers hard-cap concurrent WebGL contexts per\npage, so a grid/dashboard of many `<lr-map>` instances only constructs\nthe ones actually on-screen instead of racing to exhaust that budget the\ninstant each one mounts. `map` stays `undefined` (and `lr-map-load`\ndoesn't fire) until construction actually happens.\n\n---\n\n**Component metadata**\n\n- Status: `stable`\n- Since: `4.0.0`\n- Rationale: This exact lr-* tag appears in a published Lyra release manifest and remains a supported public contract under semver.\n- Graduation: Already stable; it retains that status while its documented behavior, accessibility, compatibility, and cross-browser support remain part of the public contract.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The non-semantic map wrapper. It exposes `aria-busy=\"true\"` while the optional map library loads and contains ordinary, non-live localized loading text. |\n| `container` | The MapLibre container. Its generated canvas is the actual focusable map region and receives the host-first accessible name and effective locale. |\n| `error` | Visible message shown instead of `container` if the optional `maplibre-gl` peer dependency fails to load (e.g. not installed); the transition is announced through the shared light-DOM assertive region. ⚠️ The default `mapStyle` (when unset) uses OpenStreetMap's demo tile server, which is not suitable for production traffic — see the `DEFAULT_STYLE` doc comment above. Always pass an explicit `mapStyle` in production. |\n| `legend` | The map legend. |\n| `legend-swatch` | A legend color swatch. |"
+        "value": "`<lr-map>` — a maplibre-gl wrapper with a declarative legend, choropleth\nGeoJSON layer, markers, and additive `dataLayers` GeoJSON overlays\n(arbitrary shapes rendered as a source plus fill/line/circle layers,\nindependent of `choropleth`'s field/stops color-interpolation), plus a peer-neutral\n`map` getter for common imperative operations. Its runtime value is the underlying MapLibre\nmap, while its declaration stays independent of the optional peer. Requires `maplibre-gl`\nv5 or v6; the component styles MapLibre's generated canvas, marker, popup, and control DOM\ninside its shadow root. MapLibre v6 is ESM-only, requires WebGL2, and needs its module-worker\nURL configured once; v5's standard build includes its worker.\n\nThe underlying `maplibregl.Map` — and the WebGL context it opens — isn't\nconstructed until this element is first visible in the viewport (tracked\nvia `IntersectionObserver`), even once the `maplibre-gl` peer dependency\nhas finished loading. Browsers hard-cap concurrent WebGL contexts per\npage, so a grid/dashboard of many `<lr-map>` instances only constructs\nthe ones actually on-screen instead of racing to exhaust that budget the\ninstant each one mounts. `map` stays `undefined` (and `lr-map-load`\ndoesn't fire) until construction actually happens.\n\n---\n\n**Component metadata**\n\n- Status: `stable`\n- Since: `4.0.0`\n- Rationale: This exact lr-* tag appears in a published Lyra release manifest and remains a supported public contract under semver.\n- Graduation: Already stable; it retains that status while its documented behavior, accessibility, compatibility, and cross-browser support remain part of the public contract.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The non-semantic map wrapper. It exposes `aria-busy=\"true\"` while the optional map library loads and contains ordinary, non-live localized loading text. |\n| `container` | The MapLibre container. Its generated canvas is the actual focusable map region and receives the host-first accessible name and effective locale. |\n| `error` | Visible message shown instead of `container` if the optional `maplibre-gl` peer dependency fails to load (e.g. not installed); the transition is announced through the shared light-DOM assertive region. ⚠️ The default `mapStyle` (when unset) uses OpenStreetMap's demo tile server, which is not suitable for production traffic — see the `DEFAULT_STYLE` doc comment above. Always pass an explicit `mapStyle` in production. |\n| `legend` | The map legend. |\n| `legend-swatch` | A legend color swatch. |"
       },
       "attributes": [
         {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@aceshooting/lyra-ui",
-  "version": "8.2.1",
+  "version": "8.2.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -13167,7 +13167,7 @@
         },
         {
           "name": "lr-map",
-          "description": "`<lr-map>` — a maplibre-gl wrapper with a declarative legend, choropleth\nGeoJSON layer, markers, and additive `dataLayers` GeoJSON overlays\n(arbitrary shapes rendered as a source plus fill/line/circle layers,\nindependent of `choropleth`'s field/stops color-interpolation), plus a peer-neutral\n`map` getter for common imperative operations. Its runtime value is the underlying MapLibre\nmap, while its declaration stays independent of the optional peer. Requires `maplibre-gl`\nv5 or v6 (consumers also import its CSS). MapLibre v6 is ESM-only, requires WebGL2, and needs\nits module-worker URL configured once; v5's standard build includes its worker.\n\nThe underlying `maplibregl.Map` — and the WebGL context it opens — isn't\nconstructed until this element is first visible in the viewport (tracked\nvia `IntersectionObserver`), even once the `maplibre-gl` peer dependency\nhas finished loading. Browsers hard-cap concurrent WebGL contexts per\npage, so a grid/dashboard of many `<lr-map>` instances only constructs\nthe ones actually on-screen instead of racing to exhaust that budget the\ninstant each one mounts. `map` stays `undefined` (and `lr-map-load`\ndoesn't fire) until construction actually happens.\n\n---\n\n**Component metadata**\n\n- Status: `stable`\n- Since: `4.0.0`\n- Rationale: This exact lr-* tag appears in a published Lyra release manifest and remains a supported public contract under semver.\n- Graduation: Already stable; it retains that status while its documented behavior, accessibility, compatibility, and cross-browser support remain part of the public contract.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The non-semantic map wrapper. It exposes `aria-busy=\"true\"` while the optional map library loads and contains ordinary, non-live localized loading text. |\n| `container` | The MapLibre container. Its generated canvas is the actual focusable map region and receives the host-first accessible name and effective locale. |\n| `error` | Visible message shown instead of `container` if the optional `maplibre-gl` peer dependency fails to load (e.g. not installed); the transition is announced through the shared light-DOM assertive region. ⚠️ The default `mapStyle` (when unset) uses OpenStreetMap's demo tile server, which is not suitable for production traffic — see the `DEFAULT_STYLE` doc comment above. Always pass an explicit `mapStyle` in production. |\n| `legend` | The map legend. |\n| `legend-swatch` | A legend color swatch. |",
+          "description": "`<lr-map>` — a maplibre-gl wrapper with a declarative legend, choropleth\nGeoJSON layer, markers, and additive `dataLayers` GeoJSON overlays\n(arbitrary shapes rendered as a source plus fill/line/circle layers,\nindependent of `choropleth`'s field/stops color-interpolation), plus a peer-neutral\n`map` getter for common imperative operations. Its runtime value is the underlying MapLibre\nmap, while its declaration stays independent of the optional peer. Requires `maplibre-gl`\nv5 or v6; the component styles MapLibre's generated canvas, marker, popup, and control DOM\ninside its shadow root. MapLibre v6 is ESM-only, requires WebGL2, and needs its module-worker\nURL configured once; v5's standard build includes its worker.\n\nThe underlying `maplibregl.Map` — and the WebGL context it opens — isn't\nconstructed until this element is first visible in the viewport (tracked\nvia `IntersectionObserver`), even once the `maplibre-gl` peer dependency\nhas finished loading. Browsers hard-cap concurrent WebGL contexts per\npage, so a grid/dashboard of many `<lr-map>` instances only constructs\nthe ones actually on-screen instead of racing to exhaust that budget the\ninstant each one mounts. `map` stays `undefined` (and `lr-map-load`\ndoesn't fire) until construction actually happens.\n\n---\n\n**Component metadata**\n\n- Status: `stable`\n- Since: `4.0.0`\n- Rationale: This exact lr-* tag appears in a published Lyra release manifest and remains a supported public contract under semver.\n- Graduation: Already stable; it retains that status while its documented behavior, accessibility, compatibility, and cross-browser support remain part of the public contract.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The non-semantic map wrapper. It exposes `aria-busy=\"true\"` while the optional map library loads and contains ordinary, non-live localized loading text. |\n| `container` | The MapLibre container. Its generated canvas is the actual focusable map region and receives the host-first accessible name and effective locale. |\n| `error` | Visible message shown instead of `container` if the optional `maplibre-gl` peer dependency fails to load (e.g. not installed); the transition is announced through the shared light-DOM assertive region. ⚠️ The default `mapStyle` (when unset) uses OpenStreetMap's demo tile server, which is not suitable for production traffic — see the `DEFAULT_STYLE` doc comment above. Always pass an explicit `mapStyle` in production. |\n| `legend` | The map legend. |\n| `legend-swatch` | A legend color swatch. |",
           "attributes": [
             {
               "name": "center",