@vanduo-oss/vd3-cbun 1.3.2 → 1.4.1

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,10 @@ 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;
 }
 
 /**

package/dist/code-editor/core.d.ts

@@ -8,6 +8,7 @@ export type CodeEditorLanguage =
   | 'javascript'
   | 'typescript'
   | 'html'
+  | 'vue'
   | 'css'
   | 'json'
   | 'markdown'
@@ -49,8 +50,24 @@ export interface Token {
  */
 export function tokenize(source: string, language: string): Token[];
 
-/** Tokenize + render to an escaped HTML string (never routed to innerHTML). */
-export function highlight(source: string, language: string): string;
+/**
+ * When `trailingNewline` is true, append an extra `\n` if `source` is empty
+ * or already ends with `\n` (textarea line-count). Default false — snippet-safe
+ * inside `<pre>`.
+ */
+export interface HighlightOptions {
+  trailingNewline?: boolean;
+}
+
+/** Render tokens to an escaped HTML string of `vd-tk-*` spans (no extra newline). */
+export function renderTokensToHtml(tokens: Token[]): string;
+
+/**
+ * Tokenize + render to an escaped HTML string (never routed to innerHTML).
+ * Does not append an extra trailing newline unless `options.trailingNewline`
+ * is true.
+ */
+export function highlight(source: string, language: string, options?: HighlightOptions): string;
 
 export interface CodeEditorSelection {
   start: number;