@vanduo-oss/vd3-cbun 1.4.0 → 1.4.2

package/dist/charts/vd3-charts.css

@@ -44,8 +44,90 @@
   opacity: 1;
 }
 
+/* Dark theme overrides — tooltip */
+[data-theme="dark"] .vd-chart-tooltip {
+  background: color-mix(in srgb, var(--vd-bg-primary, #1a1d20) 96%, transparent);
+  border-color: color-mix(in srgb, var(--vd-border-color, #495057) 72%, transparent);
+  color: var(--vd-text-primary, #e9ecef);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) .vd-chart-tooltip {
+    background: color-mix(in srgb, var(--vd-bg-primary, #1a1d20) 96%, transparent);
+    border-color: color-mix(in srgb, var(--vd-border-color, #495057) 72%, transparent);
+    color: var(--vd-text-primary, #e9ecef);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
+  }
+}
+
+/* Focus indicator for interactive chart marks (keyboard navigation) */
+.vd-chart-root [tabindex="0"]:focus-visible {
+  outline: 2px solid var(--vd-color-primary, #5c7cfa);
+  outline-offset: 1px;
+}
+
+/* Respect reduced-motion preference */
+@media (prefers-reduced-motion: reduce) {
+  .vd-chart-tooltip {
+    transition: none;
+  }
+}
+
 .vd-chart-empty {
   color: var(--vd-text-muted, #868e96);
   font-size: 0.875rem;
 }
 
+/* Screen-reader-only utility for accessible data table fallback */
+.vd-chart-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+/* Accessible data table styling (when visible) */
+.vd-chart-data-table:not(.vd-chart-sr-only) {
+  width: 100%;
+  margin-top: 1rem;
+  border-collapse: collapse;
+  font-size: 0.8125rem;
+  color: var(--vd-text-primary, #1a1d20);
+}
+
+.vd-chart-data-table:not(.vd-chart-sr-only) caption {
+  caption-side: top;
+  font-weight: 600;
+  text-align: left;
+  margin-bottom: 0.5rem;
+  color: var(--vd-text-primary, #1a1d20);
+}
+
+.vd-chart-data-table:not(.vd-chart-sr-only) th,
+.vd-chart-data-table:not(.vd-chart-sr-only) td {
+  padding: 0.4rem 0.65rem;
+  border: 1px solid var(--vd-border-color, #dee2e6);
+  text-align: left;
+}
+
+.vd-chart-data-table:not(.vd-chart-sr-only) th {
+  background: color-mix(in srgb, var(--vd-bg-primary, #ffffff) 90%, var(--vd-border-color, #dee2e6));
+  font-weight: 600;
+}
+
+[data-theme="dark"] .vd-chart-data-table:not(.vd-chart-sr-only) th {
+  background: color-mix(in srgb, var(--vd-bg-primary, #1a1d20) 88%, var(--vd-border-color, #495057));
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) .vd-chart-data-table:not(.vd-chart-sr-only) th {
+    background: color-mix(in srgb, var(--vd-bg-primary, #1a1d20) 88%, var(--vd-border-color, #495057));
+  }
+}
+

package/dist/charts/vue.d.ts

@@ -77,6 +77,12 @@ export interface VdChartProps {
   /** Axis titles. */
   xAxis?: { label?: string };
   yAxis?: { label?: string };
+  /** Accessible data table: `true` (sr-only, default) / `false` / `'visible'`. */
+  dataTable?: boolean | 'visible';
+  /** Override the SVG `aria-roledescription` (defaults to `${kind} chart`). */
+  ariaRoleDescription?: string;
+  /** Override the inner SVG graphics role without consuming the root `role` attribute. */
+  svgRole?: string;
 }
 
 /**

package/dist/code-editor/vd3-code-editor.css

@@ -144,6 +144,11 @@
   white-space: pre-wrap;
   overflow-wrap: break-word;
   word-break: break-word;
+  /* Both layers must share the same scrollbar-gutter reservation so long lines
+     wrap at identical positions.  Without this, the textarea's visible scrollbar
+     shrinks its client width while the hidden-overflow <pre> keeps the full
+     width, causing caret-to-glyph misalignment on wrapped lines. */
+  scrollbar-gutter: stable;
 }
 
 /* Editable surface — transparent text over the highlight, visible caret. */

package/dist/draw/core.d.ts

@@ -175,6 +175,12 @@ export class VdDraw {
   setGridVisible(visible: boolean): this;
   toggleGrid(): this;
 
+  // Runtime options
+  setReadonly(readonly: boolean): this;
+  setSnap(snap: boolean): this;
+  setHistoryEnabled(enabled: boolean): this;
+  setHistoryLimit(limit: number): this;
+
   // Shapes
   getShape(id: string): DrawShape | null;
   getShapes(): DrawShape[];
@@ -225,7 +231,7 @@ export class VdDraw {
   zoomIn(): this;
   zoomOut(): this;
   resetView(): this;
-  fitView(): this;
+  fitView(padding?: number): this;
 
   // History
   undo(): this;