@opendata-ai/openchart-vanilla 8.2.0 → 8.2.1

package/dist/{chunk-RC5PGDQX.js → chunk-N5KDVZU7.js}

@@ -5006,6 +5006,21 @@ function wireLegendInteraction(svg, _layout, toggleSeries, onLegendToggle, onEdi
 
 // src/interactions/selection.ts
 import { elementRef as elementRef2 } from "@opendata-ai/openchart-core";
+
+// src/dom-helpers.ts
+function applySrOnlyStyles(el) {
+  el.style.position = "absolute";
+  el.style.width = "1px";
+  el.style.height = "1px";
+  el.style.padding = "0";
+  el.style.margin = "-1px";
+  el.style.overflow = "clip";
+  el.style.clipPath = "inset(50%)";
+  el.style.whiteSpace = "nowrap";
+  el.style.borderWidth = "0";
+}
+
+// src/interactions/selection.ts
 function findElementByRef(svg, ref) {
   switch (ref.type) {
     case "annotation": {
@@ -5164,17 +5179,10 @@ function renderSelectionOverlay(svg, ref, layout) {
 function createScreenReaderTable(layout, container) {
   const data = layout.a11y.dataTableFallback;
   if (!data || data.length === 0) return null;
+  const wrapper = document.createElement("div");
+  wrapper.className = "oc-sr-only";
+  applySrOnlyStyles(wrapper);
   const table = document.createElement("table");
-  table.className = "oc-sr-only";
-  table.style.position = "absolute";
-  table.style.width = "1px";
-  table.style.height = "1px";
-  table.style.padding = "0";
-  table.style.margin = "-1px";
-  table.style.overflow = "hidden";
-  table.style.clipPath = "inset(50%)";
-  table.style.whiteSpace = "nowrap";
-  table.style.borderWidth = "0";
   table.setAttribute("role", "table");
   table.setAttribute("aria-label", `Data table: ${layout.a11y.altText}`);
   const totalRows = layout.a11y.totalRows;
@@ -5210,8 +5218,9 @@ function createScreenReaderTable(layout, container) {
     }
     table.appendChild(tbody);
   }
-  container.appendChild(table);
-  return table;
+  wrapper.appendChild(table);
+  container.appendChild(wrapper);
+  return wrapper;
 }
 
 // src/interactions/tooltip-events.ts
@@ -6457,7 +6466,7 @@ function createChart(container, spec, options) {
   let cleanupEditDrags = null;
   let cleanupSelection = null;
   let cleanupKeyboardEdit = null;
-  let srTable = null;
+  let srTableWrapper = null;
   let destroyed = false;
   let isDragging = false;
   let pendingRender = false;
@@ -6917,9 +6926,9 @@ function createChart(container, spec, options) {
     if (tooltipManager) {
       tooltipManager.destroy();
     }
-    if (srTable?.parentNode) {
-      srTable.parentNode.removeChild(srTable);
-      srTable = null;
+    if (srTableWrapper?.parentNode) {
+      srTableWrapper.parentNode.removeChild(srTableWrapper);
+      srTableWrapper = null;
     }
     currentLayout = compile();
     lastRenderedWidth = currentLayout.dimensions.width;
@@ -7042,7 +7051,7 @@ function createChart(container, spec, options) {
       }
     }
     if (!currentLayout.a11y.hidden) {
-      srTable = createScreenReaderTable(currentLayout, container);
+      srTableWrapper = createScreenReaderTable(currentLayout, container);
     }
     if (currentLayout.seriesSearch) {
       if (!seriesSearch) {
@@ -7322,9 +7331,9 @@ function createChart(container, spec, options) {
       svgElement.parentNode.removeChild(svgElement);
       svgElement = null;
     }
-    if (srTable?.parentNode) {
-      srTable.parentNode.removeChild(srTable);
-      srTable = null;
+    if (srTableWrapper?.parentNode) {
+      srTableWrapper.parentNode.removeChild(srTableWrapper);
+      srTableWrapper = null;
     }
     container.classList.remove("oc-dark");
     container.classList.remove("oc-root");
@@ -8524,6 +8533,7 @@ export {
   createTooltipManager,
   VECTOR_EXPORT_MAX_POINTS,
   materializeCanvasModeSVG,
+  applySrOnlyStyles,
   AnimationScheduler,
   quadtree,
   SpatialIndex,
@@ -8552,4 +8562,4 @@ export {
   scrubCamera,
   createGeoMap
 };
-//# sourceMappingURL=chunk-RC5PGDQX.js.map
+//# sourceMappingURL=chunk-N5KDVZU7.js.map