@aceshooting/lyra-ui 10.0.1 → 11.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG.md +271 -0
  2. package/custom-elements.json +1 -1
  3. package/design-tokens.json +13 -0
  4. package/dist/cli/migrate-wa.mjs +164 -1
  5. package/dist/cli/migration-contract.json +1 -1
  6. package/dist/components/charts/chart/box-plot.class.d.ts +27 -0
  7. package/dist/components/charts/chart/box-plot.class.js +14 -4
  8. package/dist/components/charts/chart/box-plot.styles.js +28 -0
  9. package/dist/components/charts/chart/chart.class.d.ts +27 -0
  10. package/dist/components/charts/chart/chart.class.js +15 -5
  11. package/dist/components/charts/chart/chart.styles.js +28 -0
  12. package/dist/components/charts/chart/lite-chart.class.d.ts +32 -0
  13. package/dist/components/charts/chart/lite-chart.class.js +17 -4
  14. package/dist/components/charts/chart/lite-chart.styles.js +29 -0
  15. package/dist/components/data/heatmap/heatmap.class.d.ts +35 -2
  16. package/dist/components/data/heatmap/heatmap.class.js +2 -2
  17. package/dist/components/data/table/table.class.d.ts +19 -0
  18. package/dist/components/data/table/table.class.js +3 -3
  19. package/dist/components/forms/combobox/combobox.class.d.ts +71 -3
  20. package/dist/components/forms/combobox/combobox.class.js +4 -2
  21. package/dist/components/forms/combobox/combobox.styles.js +9 -0
  22. package/dist/components/forms/date-picker/date-input.class.d.ts +12 -1
  23. package/dist/components/forms/date-picker/date-input.class.js +4 -2
  24. package/dist/components/forms/date-picker/date-picker.class.d.ts +72 -0
  25. package/dist/components/forms/date-picker/date-picker.class.js +15 -3
  26. package/dist/components/forms/date-picker/date-picker.styles.js +46 -0
  27. package/dist/components/media/flag/flag.class.d.ts +3 -1
  28. package/dist/components/media/flag/flag.class.js +1 -1
  29. package/dist/components/media/map/map.class.d.ts +39 -2
  30. package/dist/components/media/map/map.class.js +1 -1
  31. package/dist/components/overlays/dialog/dialog.class.d.ts +20 -0
  32. package/dist/components/overlays/overlay/popover.class.d.ts +19 -3
  33. package/dist/components/overlays/overlay/popover.class.js +1 -1
  34. package/dist/components/viewers/pdf-viewer/pdf-viewer.class.js +1 -1
  35. package/dist/custom-elements-jsx.d.ts +31 -16
  36. package/dist/internal/canvas.js +1 -1
  37. package/dist/internal/package-metadata.d.ts +1 -1
  38. package/dist/internal/package-metadata.js +1 -1
  39. package/dist/internal/tokens.styles.js +1 -0
  40. package/dist/lyra.d.ts +1 -1
  41. package/dist/svelte.d.ts +31 -16
  42. package/dist/theme.css +32 -0
  43. package/dist/vue.d.ts +31 -16
  44. package/llms/components/lr-agent-eval-dashboard.md +1 -1
  45. package/llms/components/lr-agent-workspace.md +1 -1
  46. package/llms/components/lr-bar-chart.md +4 -3
  47. package/llms/components/lr-box-plot.md +15 -4
  48. package/llms/components/lr-bubble-chart.md +4 -3
  49. package/llms/components/lr-chart.md +13 -3
  50. package/llms/components/lr-chunk-inspector.md +1 -1
  51. package/llms/components/lr-combobox.md +42 -6
  52. package/llms/components/lr-date-input.md +40 -4
  53. package/llms/components/lr-date-picker.md +40 -4
  54. package/llms/components/lr-dialog.md +2 -1
  55. package/llms/components/lr-doughnut-chart.md +4 -3
  56. package/llms/components/lr-entity-dossier.md +1 -1
  57. package/llms/components/lr-eval-run.md +1 -1
  58. package/llms/components/lr-flag.md +10 -3
  59. package/llms/components/lr-grounding-summary.md +1 -1
  60. package/llms/components/lr-heatmap.md +20 -2
  61. package/llms/components/lr-histogram.md +4 -3
  62. package/llms/components/lr-line-chart.md +4 -3
  63. package/llms/components/lr-lite-chart.md +19 -3
  64. package/llms/components/lr-map.md +21 -4
  65. package/llms/components/lr-memory-panel.md +1 -1
  66. package/llms/components/lr-option.md +41 -5
  67. package/llms/components/lr-pie-chart.md +4 -3
  68. package/llms/components/lr-polar-area-chart.md +4 -3
  69. package/llms/components/lr-popover.md +20 -1
  70. package/llms/components/lr-provenance-panel.md +1 -1
  71. package/llms/components/lr-radar-chart.md +4 -3
  72. package/llms/components/lr-rag-answer.md +1 -1
  73. package/llms/components/lr-rag-eval-dashboard.md +1 -1
  74. package/llms/components/lr-retrieval-results.md +1 -1
  75. package/llms/components/lr-retrieval-trace.md +1 -1
  76. package/llms/components/lr-scatter-chart.md +4 -3
  77. package/llms/peers.md +8 -8
  78. package/llms/tokens.md +27 -1
  79. package/llms-full.txt +231 -28
  80. package/package.json +1 -1
  81. package/vscode-css-data.json +70 -0
  82. package/vscode-html-data.json +131 -20
  83. package/web-types.json +190 -23
package/dist/vue.d.ts CHANGED
@@ -418,9 +418,10 @@ export type LyraAvPlayerVueProps = LyraVueCustomElement<LyraAvPlayer, 'activeHig
418
418
  export type LyraAvatarVueProps = LyraVueCustomElement<LyraAvatar, 'image' | 'initials' | 'label' | 'loading' | 'locale' | 'shape' | 'size' | 'strings' | 'variant', {}, LyraAvatarEventMap, 'lr-error', '--lr-avatar-bg' | '--lr-avatar-color' | '--lr-avatar-font-size' | '--lr-avatar-size' | '--size', {}>;
419
419
  export type LyraAvatarGroupVueProps = LyraVueCustomElement<LyraAvatarGroup, 'label' | 'locale' | 'max' | 'shape' | 'size' | 'strings' | 'variant', {}, LyraAvatarGroupEventMap, 'lr-overflow-click', '--lr-avatar-group-avatar-size' | '--lr-avatar-group-badge-bg' | '--lr-avatar-group-badge-color' | '--lr-avatar-group-badge-font-size' | '--lr-avatar-group-overlap' | '--lr-avatar-group-ring-color' | '--lr-avatar-group-ring-width', {}>;
420
420
  export type LyraBadgeVueProps = LyraVueCustomElement<LyraBadge, 'appearance' | 'attention' | 'locale' | 'pill' | 'pulse' | 'size' | 'strings' | 'variant', {}, {}, never, '--lr-badge-attention-duration' | '--lr-badge-attention-easing' | '--lr-badge-background' | '--lr-badge-border' | '--lr-badge-bounce-distance' | '--lr-badge-color' | '--lr-badge-edge' | '--lr-badge-fill' | '--lr-badge-font-size' | '--lr-badge-gap' | '--lr-badge-ink' | '--lr-badge-min-height' | '--lr-badge-on-solid' | '--lr-badge-padding-inline' | '--lr-badge-pulse-color' | '--lr-badge-pulse-spread' | '--lr-badge-radius' | '--lr-badge-solid' | '--lr-badge-stroke' | '--lr-badge-text' | '--lr-badge-tint' | '--pulse-color', {}>;
421
- export type LyraBarChartVueProps = LyraVueCustomElement<LyraBarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
421
+ export type LyraBarChartVueProps = LyraVueCustomElement<LyraBarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
422
422
  'begin-at-zero'?: LyraBarChart['beginAtZero'];
423
423
  'data-labels'?: LyraBarChart['dataLabels'];
424
+ 'data-table-toggle'?: LyraBarChart['dataTableToggle'];
424
425
  'index-axis'?: LyraBarChart['indexAxis'];
425
426
  'legend-position'?: LyraBarChart['legendPosition'];
426
427
  'scale-type'?: LyraBarChart['scaleType'];
@@ -433,8 +434,9 @@ export type LyraBarChartVueProps = LyraVueCustomElement<LyraBarChart, 'annotatio
433
434
  'y-label'?: LyraBarChart['yLabel'];
434
435
  'y2-label'?: LyraBarChart['y2Label'];
435
436
  }>;
436
- export type LyraBoxPlotVueProps = LyraVueCustomElement<LyraBoxPlot, 'beginAtZero' | 'datasets' | 'description' | 'formatter' | 'height' | 'hiddenDatasets' | 'label' | 'labels' | 'legend' | 'legendPosition' | 'locale' | 'showDataTable' | 'strings' | 'valueFormatter' | 'yLabel', {}, LyraBoxPlotEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click', '--lr-chart-canvas-hover-outline-width' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text', {
437
+ export type LyraBoxPlotVueProps = LyraVueCustomElement<LyraBoxPlot, 'beginAtZero' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'height' | 'hiddenDatasets' | 'label' | 'labels' | 'legend' | 'legendPosition' | 'locale' | 'showDataTable' | 'strings' | 'valueFormatter' | 'yLabel', {}, LyraBoxPlotEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click', '--lr-box-plot-data-table-toggle-active-bg' | '--lr-box-plot-data-table-toggle-hover-bg' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text', {
437
438
  'begin-at-zero'?: LyraBoxPlot['beginAtZero'];
439
+ 'data-table-toggle'?: LyraBoxPlot['dataTableToggle'];
438
440
  'legend-position'?: LyraBoxPlot['legendPosition'];
439
441
  'show-data-table'?: LyraBoxPlot['showDataTable'];
440
442
  'y-label'?: LyraBoxPlot['yLabel'];
@@ -449,9 +451,10 @@ export type LyraBreadcrumbItemVueProps = LyraVueCustomElement<LyraBreadcrumbItem
449
451
  export type LyraBrowserFrameVueProps = LyraVueCustomElement<LyraBrowserFrame, 'controller' | 'controls' | 'frameSrc' | 'locale' | 'phase' | 'pings' | 'strings' | 'url', {}, LyraBrowserFrameEventMap, 'lr-stop' | 'lr-take-over', '--lr-browser-frame-aspect-ratio' | '--lr-browser-frame-controller-background' | '--lr-browser-frame-controller-color' | '--lr-browser-frame-ping-click-color' | '--lr-browser-frame-ping-move-color' | '--lr-browser-frame-ping-scroll-color' | '--lr-browser-frame-ping-type-color', {
450
452
  'frame-src'?: LyraBrowserFrame['frameSrc'];
451
453
  }>;
452
- export type LyraBubbleChartVueProps = LyraVueCustomElement<LyraBubbleChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
454
+ export type LyraBubbleChartVueProps = LyraVueCustomElement<LyraBubbleChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
453
455
  'begin-at-zero'?: LyraBubbleChart['beginAtZero'];
454
456
  'data-labels'?: LyraBubbleChart['dataLabels'];
457
+ 'data-table-toggle'?: LyraBubbleChart['dataTableToggle'];
455
458
  'index-axis'?: LyraBubbleChart['indexAxis'];
456
459
  'legend-position'?: LyraBubbleChart['legendPosition'];
457
460
  'scale-type'?: LyraBubbleChart['scaleType'];
@@ -514,9 +517,10 @@ export type LyraCarouselVueProps = LyraVueCustomElement<LyraCarousel, 'accessibl
514
517
  'slides-per-page'?: LyraCarousel['slidesPerPage'];
515
518
  }>;
516
519
  export type LyraCarouselItemVueProps = LyraVueCustomElement<LyraCarouselItem, 'locale' | 'strings', {}, {}, never, '--aspect-ratio', {}>;
517
- export type LyraChartVueProps = LyraVueCustomElement<LyraChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
520
+ export type LyraChartVueProps = LyraVueCustomElement<LyraChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
518
521
  'begin-at-zero'?: LyraChart['beginAtZero'];
519
522
  'data-labels'?: LyraChart['dataLabels'];
523
+ 'data-table-toggle'?: LyraChart['dataTableToggle'];
520
524
  'index-axis'?: LyraChart['indexAxis'];
521
525
  'legend-position'?: LyraChart['legendPosition'];
522
526
  'scale-type'?: LyraChart['scaleType'];
@@ -631,7 +635,7 @@ export type LyraColorPickerVueProps = LyraVueCustomElement<LyraColorPicker, 'acc
631
635
  'with-label'?: LyraColorPicker['withLabel'];
632
636
  'without-format-toggle'?: LyraColorPicker['withoutFormatToggle'];
633
637
  }>;
634
- export type LyraComboboxVueProps = LyraVueCustomElement<LyraCombobox, 'allowCreate' | 'allowCustomValue' | 'appearance' | 'autocapitalize' | 'autocomplete' | 'autocorrect' | 'clearable' | 'customError' | 'disabled' | 'emptyText' | 'enterkeyhint' | 'enterKeyHint' | 'errorText' | 'filter' | 'form' | 'getTag' | 'hint' | 'inputmode' | 'inputMode' | 'inputValue' | 'label' | 'loadingText' | 'locale' | 'maxOptionsVisible' | 'maxRender' | 'multiple' | 'name' | 'open' | 'overflowText' | 'pill' | 'placeholder' | 'placement' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'source' | 'sourceDelay' | 'spellcheck' | 'strings' | 'validationTarget' | 'validators' | 'value' | 'withClear' | 'withHint' | 'withLabel', {
638
+ export type LyraComboboxVueProps = LyraVueCustomElement<LyraCombobox, 'allowCreate' | 'allowCustomValue' | 'appearance' | 'autocapitalize' | 'autocomplete' | 'autocorrect' | 'clearable' | 'customError' | 'disabled' | 'emptyText' | 'enterkeyhint' | 'enterKeyHint' | 'errorText' | 'filter' | 'form' | 'getTag' | 'hint' | 'inputmode' | 'inputMode' | 'inputValue' | 'label' | 'loadingText' | 'locale' | 'maxOptionsVisible' | 'maxRender' | 'multiple' | 'name' | 'open' | 'overflowText' | 'pill' | 'placeholder' | 'placement' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'source' | 'sourceDelay' | 'spellcheck' | 'strings' | 'validationTarget' | 'validators' | 'value' | 'visibleOptions' | 'withClear' | 'withHint' | 'withLabel', {
635
639
  form: HTMLFormElement | string | null;
636
640
  }, LyraComboboxEventMap, 'blur' | 'change' | 'focus' | 'input' | 'lr-after-hide' | 'lr-after-show' | 'lr-change' | 'lr-clear' | 'lr-create' | 'lr-filter' | 'lr-hide' | 'lr-invalid' | 'lr-show', '--hide-duration' | '--lr-combobox-expand-size' | '--lr-combobox-font-size' | '--lr-combobox-gap' | '--lr-combobox-option-active-bg' | '--lr-combobox-option-selected-bg' | '--lr-combobox-option-selected-border' | '--lr-combobox-option-selected-color' | '--lr-combobox-option-selected-font-weight' | '--lr-combobox-radius' | '--lr-combobox-tag-font-size' | '--lr-combobox-tag-padding' | '--lr-combobox-trigger-height' | '--lr-combobox-trigger-min-height' | '--lr-combobox-trigger-padding' | '--lr-form-control-required-color' | '--lr-form-control-required-content' | '--lr-form-control-required-offset' | '--show-duration' | '--tag-max-size', {
637
641
  'allow-create'?: LyraCombobox['allowCreate'];
@@ -646,6 +650,7 @@ export type LyraComboboxVueProps = LyraVueCustomElement<LyraCombobox, 'allowCrea
646
650
  'max-render'?: LyraCombobox['maxRender'];
647
651
  'overflow-text'?: LyraCombobox['overflowText'];
648
652
  'source-delay'?: LyraCombobox['sourceDelay'];
653
+ 'visible-options'?: LyraCombobox['visibleOptions'];
649
654
  'with-clear'?: LyraCombobox['withClear'];
650
655
  'with-hint'?: LyraCombobox['withHint'];
651
656
  'with-label'?: LyraCombobox['withLabel'];
@@ -721,7 +726,7 @@ export type LyraDatasetViewerVueProps = LyraVueCustomElement<LyraDatasetViewer,
721
726
  'active-highlight-id'?: LyraDatasetViewer['activeHighlightId'];
722
727
  'max-height'?: LyraDatasetViewer['maxHeight'];
723
728
  }>;
724
- export type LyraDateInputVueProps = LyraVueCustomElement<LyraDateInput, 'accessibleLabel' | 'appearance' | 'assumeInteractionOn' | 'autocapitalize' | 'autocomplete' | 'autoCorrect' | 'clearLabel' | 'customError' | 'dayContent' | 'defaultValue' | 'dialogLabel' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'distance' | 'enterKeyHint' | 'errorText' | 'firstDayOfWeek' | 'form' | 'hint' | 'inputMode' | 'isDateDisabled' | 'label' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'name' | 'open' | 'openLabel' | 'pageBy' | 'pill' | 'placeholder' | 'placement' | 'readonly' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'spellcheck' | 'strings' | 'today' | 'validationTarget' | 'validators' | 'value' | 'valueAsDate' | 'valueAsRange' | 'weekdayFormat' | 'withClear' | 'withHint' | 'withLabel' | 'withOutsideDays' | 'withWeekNumbers', {
729
+ export type LyraDateInputVueProps = LyraVueCustomElement<LyraDateInput, 'accessibleLabel' | 'appearance' | 'assumeInteractionOn' | 'autocapitalize' | 'autocomplete' | 'autoCorrect' | 'clearLabel' | 'customError' | 'dayContent' | 'defaultValue' | 'dialogLabel' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'distance' | 'enterKeyHint' | 'errorText' | 'firstDayOfWeek' | 'form' | 'hint' | 'inputMode' | 'isDateDisabled' | 'label' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'name' | 'open' | 'openLabel' | 'pageBy' | 'pill' | 'placeholder' | 'placement' | 'presets' | 'readonly' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'spellcheck' | 'strings' | 'today' | 'validationTarget' | 'validators' | 'value' | 'valueAsDate' | 'valueAsRange' | 'weekdayFormat' | 'withClear' | 'withHint' | 'withLabel' | 'withOutsideDays' | 'withWeekNumbers', {
725
730
  form: HTMLFormElement | string | null;
726
731
  }, LyraDateInputEventMap, 'blur' | 'change' | 'focus' | 'input' | 'lr-after-hide' | 'lr-after-show' | 'lr-clear' | 'lr-hide' | 'lr-invalid' | 'lr-show', '--hide-duration' | '--lr-date-input-action-active-bg' | '--lr-date-input-action-active-color' | '--lr-date-input-action-active-radius' | '--lr-date-input-action-hover-bg' | '--lr-date-input-action-hover-color' | '--lr-date-input-action-hover-radius' | '--lr-date-input-control-height' | '--lr-date-input-control-min-height' | '--lr-date-input-focus-border-color' | '--lr-date-input-font-size' | '--lr-date-input-gap' | '--lr-date-input-padding-block' | '--lr-date-input-padding-inline' | '--lr-date-input-placeholder-color' | '--lr-date-input-radius' | '--lr-form-control-required-color' | '--lr-form-control-required-content' | '--lr-form-control-required-offset' | '--show-duration', {
727
732
  'aria-label'?: LyraDateInput['accessibleLabel'];
@@ -749,7 +754,7 @@ export type LyraDateInputVueProps = LyraVueCustomElement<LyraDateInput, 'accessi
749
754
  'with-outside-days'?: LyraDateInput['withOutsideDays'];
750
755
  'with-week-numbers'?: LyraDateInput['withWeekNumbers'];
751
756
  }>;
752
- export type LyraDatePickerVueProps = LyraVueCustomElement<LyraDatePicker, 'dayContent' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'firstDayOfWeek' | 'focusedDate' | 'isDateDisabled' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'nextLabel' | 'pageBy' | 'previousLabel' | 'readonly' | 'size' | 'strings' | 'today' | 'value' | 'valueAsDate' | 'valueAsRange' | 'view' | 'weekdayFormat' | 'withOutsideDays' | 'withWeekNumbers', {}, LyraDatePickerEventMap, 'change' | 'input' | 'lr-focus-day' | 'lr-view-change', '--lr-cell-size' | '--lr-date-picker-day-active-bg' | '--lr-date-picker-day-hover-bg' | '--lr-date-picker-day-outside-color' | '--lr-date-picker-disabled-color' | '--lr-date-picker-disabled-opacity' | '--lr-date-picker-header-gap' | '--lr-date-picker-month-gap' | '--lr-date-picker-nav-active-bg' | '--lr-date-picker-nav-hover-bg' | '--lr-date-picker-radius' | '--lr-date-picker-range-bg' | '--lr-date-picker-range-color' | '--lr-date-picker-range-preview-bg' | '--lr-date-picker-selected-bg' | '--lr-date-picker-selected-color' | '--lr-date-picker-title-active-bg' | '--lr-date-picker-title-active-color' | '--lr-date-picker-title-active-radius' | '--lr-date-picker-title-hover-color' | '--lr-date-picker-today-outline' | '--lr-date-picker-view-active-bg' | '--lr-date-picker-view-disabled-opacity' | '--lr-date-picker-view-hover-bg' | '--lr-date-picker-view-selected-bg' | '--lr-date-picker-view-selected-color' | '--lr-date-picker-view-today-outline', {
757
+ export type LyraDatePickerVueProps = LyraVueCustomElement<LyraDatePicker, 'dayContent' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'firstDayOfWeek' | 'focusedDate' | 'isDateDisabled' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'nextLabel' | 'pageBy' | 'presets' | 'previousLabel' | 'readonly' | 'size' | 'strings' | 'today' | 'value' | 'valueAsDate' | 'valueAsRange' | 'view' | 'weekdayFormat' | 'withOutsideDays' | 'withWeekNumbers', {}, LyraDatePickerEventMap, 'change' | 'input' | 'lr-focus-day' | 'lr-view-change', '--lr-cell-size' | '--lr-date-picker-day-active-bg' | '--lr-date-picker-day-hover-bg' | '--lr-date-picker-day-outside-color' | '--lr-date-picker-disabled-color' | '--lr-date-picker-disabled-opacity' | '--lr-date-picker-header-gap' | '--lr-date-picker-month-gap' | '--lr-date-picker-nav-active-bg' | '--lr-date-picker-nav-hover-bg' | '--lr-date-picker-preset-active-bg' | '--lr-date-picker-preset-hover-bg' | '--lr-date-picker-preset-selected-bg' | '--lr-date-picker-radius' | '--lr-date-picker-range-bg' | '--lr-date-picker-range-color' | '--lr-date-picker-range-preview-bg' | '--lr-date-picker-selected-bg' | '--lr-date-picker-selected-color' | '--lr-date-picker-title-active-bg' | '--lr-date-picker-title-active-color' | '--lr-date-picker-title-active-radius' | '--lr-date-picker-title-hover-color' | '--lr-date-picker-today-outline' | '--lr-date-picker-view-active-bg' | '--lr-date-picker-view-disabled-opacity' | '--lr-date-picker-view-hover-bg' | '--lr-date-picker-view-selected-bg' | '--lr-date-picker-view-selected-color' | '--lr-date-picker-view-today-outline', {
753
758
  'disable-future'?: LyraDatePicker['disableFuture'];
754
759
  'disable-past'?: LyraDatePicker['disablePast'];
755
760
  'disabled-dates'?: LyraDatePicker['disabledDates'];
@@ -808,9 +813,10 @@ export type LyraDocxViewerVueProps = LyraVueCustomElement<LyraDocxViewer, 'activ
808
813
  'active-highlight-id'?: LyraDocxViewer['activeHighlightId'];
809
814
  'max-height'?: LyraDocxViewer['maxHeight'];
810
815
  }>;
811
- export type LyraDoughnutChartVueProps = LyraVueCustomElement<LyraDoughnutChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
816
+ export type LyraDoughnutChartVueProps = LyraVueCustomElement<LyraDoughnutChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
812
817
  'begin-at-zero'?: LyraDoughnutChart['beginAtZero'];
813
818
  'data-labels'?: LyraDoughnutChart['dataLabels'];
819
+ 'data-table-toggle'?: LyraDoughnutChart['dataTableToggle'];
814
820
  'index-axis'?: LyraDoughnutChart['indexAxis'];
815
821
  'legend-position'?: LyraDoughnutChart['legendPosition'];
816
822
  'scale-type'?: LyraDoughnutChart['scaleType'];
@@ -1011,11 +1017,12 @@ export type LyraHandoffDividerVueProps = LyraVueCustomElement<LyraHandoffDivider
1011
1017
  'from-agent'?: LyraHandoffDivider['fromAgent'];
1012
1018
  'to-agent'?: LyraHandoffDivider['toAgent'];
1013
1019
  }>;
1014
- export type LyraHeatmapVueProps = LyraVueCustomElement<LyraHeatmap, 'accessibleCells' | 'annotations' | 'bucketCount' | 'cellColor' | 'cellInteractive' | 'cellSize' | 'cellText' | 'colLabelHeight' | 'colorSteps' | 'data' | 'domain' | 'fitToWidth' | 'legendStops' | 'locale' | 'maxCellSize' | 'midpoint' | 'minCellSize' | 'rowLabelWidth' | 'scale' | 'selectedCell' | 'strings' | 'valueLabel', {}, LyraHeatmapEventMap, 'lr-cell-click', '--lr-heatmap-annotation-color' | '--lr-heatmap-color-steps-gradient' | '--lr-heatmap-focus-ring-color' | '--lr-heatmap-label-font' | '--lr-heatmap-no-data-fill' | '--lr-heatmap-scale-hi' | '--lr-heatmap-scale-lo' | '--lr-heatmap-selected-color' | '--lr-heatmap-tooltip-bg' | '--lr-heatmap-tooltip-text', {
1020
+ export type LyraHeatmapVueProps = LyraVueCustomElement<LyraHeatmap, 'accessibleCells' | 'annotations' | 'bucketCount' | 'cellColor' | 'cellInteractive' | 'cellSize' | 'cellText' | 'colLabelHeight' | 'colLabelRotation' | 'colorSteps' | 'data' | 'domain' | 'fitToWidth' | 'legendStops' | 'locale' | 'maxCellSize' | 'midpoint' | 'minCellSize' | 'rowLabelWidth' | 'scale' | 'selectedCell' | 'strings' | 'valueLabel', {}, LyraHeatmapEventMap, 'lr-cell-click', '--lr-heatmap-annotation-color' | '--lr-heatmap-color-steps-gradient' | '--lr-heatmap-focus-ring-color' | '--lr-heatmap-label-font' | '--lr-heatmap-no-data-fill' | '--lr-heatmap-scale-hi' | '--lr-heatmap-scale-lo' | '--lr-heatmap-selected-color' | '--lr-heatmap-tooltip-bg' | '--lr-heatmap-tooltip-text', {
1015
1021
  'accessible-cells'?: LyraHeatmap['accessibleCells'];
1016
1022
  'bucket-count'?: LyraHeatmap['bucketCount'];
1017
1023
  'cell-size'?: LyraHeatmap['cellSize'];
1018
1024
  'col-label-height'?: LyraHeatmap['colLabelHeight'];
1025
+ 'col-label-rotation'?: LyraHeatmap['colLabelRotation'];
1019
1026
  'fit-to-width'?: LyraHeatmap['fitToWidth'];
1020
1027
  'max-cell-size'?: LyraHeatmap['maxCellSize'];
1021
1028
  'min-cell-size'?: LyraHeatmap['minCellSize'];
@@ -1025,9 +1032,10 @@ export type LyraHeatmapVueProps = LyraVueCustomElement<LyraHeatmap, 'accessibleC
1025
1032
  export type LyraHighlightLayerVueProps = LyraVueCustomElement<LyraHighlightLayer, 'activeHighlightId' | 'interactive' | 'items' | 'locale' | 'strings', {}, LyraHighlightLayerEventMap, 'lr-highlight-activate', '--lr-highlight-layer-accent-background' | '--lr-highlight-layer-accent-outline' | '--lr-highlight-layer-danger-background' | '--lr-highlight-layer-danger-outline' | '--lr-highlight-layer-flash-background' | '--lr-highlight-layer-neutral-background' | '--lr-highlight-layer-neutral-outline' | '--lr-highlight-layer-success-background' | '--lr-highlight-layer-success-outline' | '--lr-highlight-layer-warning-background' | '--lr-highlight-layer-warning-outline', {
1026
1033
  'active-highlight-id'?: LyraHighlightLayer['activeHighlightId'];
1027
1034
  }>;
1028
- export type LyraHistogramVueProps = LyraVueCustomElement<LyraHistogram, 'annotations' | 'area' | 'beginAtZero' | 'bins' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'seriesLabel' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'values' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1035
+ export type LyraHistogramVueProps = LyraVueCustomElement<LyraHistogram, 'annotations' | 'area' | 'beginAtZero' | 'bins' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'seriesLabel' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'values' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1029
1036
  'begin-at-zero'?: LyraHistogram['beginAtZero'];
1030
1037
  'data-labels'?: LyraHistogram['dataLabels'];
1038
+ 'data-table-toggle'?: LyraHistogram['dataTableToggle'];
1031
1039
  'index-axis'?: LyraHistogram['indexAxis'];
1032
1040
  'legend-position'?: LyraHistogram['legendPosition'];
1033
1041
  'scale-type'?: LyraHistogram['scaleType'];
@@ -1145,9 +1153,10 @@ export type LyraLightboxVueProps = LyraVueCustomElement<LyraLightbox, 'accessibl
1145
1153
  'show-counter'?: LyraLightbox['showCounter'];
1146
1154
  'zoom-step'?: LyraLightbox['zoomStep'];
1147
1155
  }>;
1148
- export type LyraLineChartVueProps = LyraVueCustomElement<LyraLineChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1156
+ export type LyraLineChartVueProps = LyraVueCustomElement<LyraLineChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1149
1157
  'begin-at-zero'?: LyraLineChart['beginAtZero'];
1150
1158
  'data-labels'?: LyraLineChart['dataLabels'];
1159
+ 'data-table-toggle'?: LyraLineChart['dataTableToggle'];
1151
1160
  'index-axis'?: LyraLineChart['indexAxis'];
1152
1161
  'legend-position'?: LyraLineChart['legendPosition'];
1153
1162
  'scale-type'?: LyraLineChart['scaleType'];
@@ -1160,15 +1169,17 @@ export type LyraLineChartVueProps = LyraVueCustomElement<LyraLineChart, 'annotat
1160
1169
  'y-label'?: LyraLineChart['yLabel'];
1161
1170
  'y2-label'?: LyraLineChart['y2Label'];
1162
1171
  }>;
1163
- export type LyraLiteChartVueProps = LyraVueCustomElement<LyraLiteChart, 'accessibleLabel' | 'barGapRatio' | 'barWidth' | 'barX' | 'beginAtZero' | 'datasets' | 'description' | 'formatter' | 'height' | 'label' | 'labels' | 'layout' | 'legend' | 'legendPosition' | 'legendText' | 'locale' | 'maxLabels' | 'minBarHeight' | 'pointText' | 'roundedBars' | 'scale' | 'selectedIndices' | 'skipZero' | 'stacked' | 'strings' | 'tableCellFormatter' | 'tableTotals' | 'tickFormat' | 'type' | 'valueAxisGutter' | 'withoutValueAxis' | 'xLabel' | 'yLabel', {}, LyraLiteChartEventMap, 'lr-datum-activate' | 'lr-point-click', '--lr-chart-color-1' | '--lr-chart-color-2' | '--lr-chart-color-3' | '--lr-chart-color-4' | '--lr-chart-color-5' | '--lr-chart-color-6' | '--lr-chart-color-7' | '--lr-chart-color-8' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-lite-chart-selected-outline-color' | '--lr-lite-chart-selected-outline-width', {
1172
+ export type LyraLiteChartVueProps = LyraVueCustomElement<LyraLiteChart, 'accessibleLabel' | 'barGapRatio' | 'barWidth' | 'barX' | 'beginAtZero' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'height' | 'label' | 'labels' | 'layout' | 'legend' | 'legendPosition' | 'legendText' | 'locale' | 'maxLabels' | 'minBarHeight' | 'pointText' | 'roundedBars' | 'scale' | 'selectedIndices' | 'showDataTable' | 'skipZero' | 'stacked' | 'strings' | 'tableCellFormatter' | 'tableTotals' | 'tickFormat' | 'type' | 'valueAxisGutter' | 'withoutValueAxis' | 'xLabel' | 'yLabel', {}, LyraLiteChartEventMap, 'lr-datum-activate' | 'lr-point-click', '--lr-chart-color-1' | '--lr-chart-color-2' | '--lr-chart-color-3' | '--lr-chart-color-4' | '--lr-chart-color-5' | '--lr-chart-color-6' | '--lr-chart-color-7' | '--lr-chart-color-8' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-lite-chart-data-table-toggle-active-bg' | '--lr-lite-chart-data-table-toggle-hover-bg' | '--lr-lite-chart-selected-outline-color' | '--lr-lite-chart-selected-outline-width', {
1164
1173
  'accessible-label'?: LyraLiteChart['accessibleLabel'];
1165
1174
  'bar-gap-ratio'?: LyraLiteChart['barGapRatio'];
1166
1175
  'bar-width'?: LyraLiteChart['barWidth'];
1167
1176
  'begin-at-zero'?: LyraLiteChart['beginAtZero'];
1177
+ 'data-table-toggle'?: LyraLiteChart['dataTableToggle'];
1168
1178
  'legend-position'?: LyraLiteChart['legendPosition'];
1169
1179
  'max-labels'?: LyraLiteChart['maxLabels'];
1170
1180
  'min-bar-height'?: LyraLiteChart['minBarHeight'];
1171
1181
  'rounded-bars'?: LyraLiteChart['roundedBars'];
1182
+ 'show-data-table'?: LyraLiteChart['showDataTable'];
1172
1183
  'skip-zero'?: LyraLiteChart['skipZero'];
1173
1184
  'table-totals'?: LyraLiteChart['tableTotals'];
1174
1185
  'value-axis-gutter'?: LyraLiteChart['valueAxisGutter'];
@@ -1403,9 +1414,10 @@ export type LyraPhoneInputVueProps = LyraVueCustomElement<LyraPhoneInput, 'acces
1403
1414
  'phone-label'?: LyraPhoneInput['phoneLabel'];
1404
1415
  'value'?: LyraPhoneInput['defaultValue'];
1405
1416
  }>;
1406
- export type LyraPieChartVueProps = LyraVueCustomElement<LyraPieChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1417
+ export type LyraPieChartVueProps = LyraVueCustomElement<LyraPieChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1407
1418
  'begin-at-zero'?: LyraPieChart['beginAtZero'];
1408
1419
  'data-labels'?: LyraPieChart['dataLabels'];
1420
+ 'data-table-toggle'?: LyraPieChart['dataTableToggle'];
1409
1421
  'index-axis'?: LyraPieChart['indexAxis'];
1410
1422
  'legend-position'?: LyraPieChart['legendPosition'];
1411
1423
  'scale-type'?: LyraPieChart['scaleType'];
@@ -1418,9 +1430,10 @@ export type LyraPieChartVueProps = LyraVueCustomElement<LyraPieChart, 'annotatio
1418
1430
  'y-label'?: LyraPieChart['yLabel'];
1419
1431
  'y2-label'?: LyraPieChart['y2Label'];
1420
1432
  }>;
1421
- export type LyraPolarAreaChartVueProps = LyraVueCustomElement<LyraPolarAreaChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1433
+ export type LyraPolarAreaChartVueProps = LyraVueCustomElement<LyraPolarAreaChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1422
1434
  'begin-at-zero'?: LyraPolarAreaChart['beginAtZero'];
1423
1435
  'data-labels'?: LyraPolarAreaChart['dataLabels'];
1436
+ 'data-table-toggle'?: LyraPolarAreaChart['dataTableToggle'];
1424
1437
  'index-axis'?: LyraPolarAreaChart['indexAxis'];
1425
1438
  'legend-position'?: LyraPolarAreaChart['legendPosition'];
1426
1439
  'scale-type'?: LyraPolarAreaChart['scaleType'];
@@ -1498,9 +1511,10 @@ export type LyraQrCodeVueProps = LyraVueCustomElement<LyraQrCode, 'background' |
1498
1511
  'image-coverage'?: LyraQrCode['imageCoverage'];
1499
1512
  'image-padding'?: LyraQrCode['imagePadding'];
1500
1513
  }>;
1501
- export type LyraRadarChartVueProps = LyraVueCustomElement<LyraRadarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1514
+ export type LyraRadarChartVueProps = LyraVueCustomElement<LyraRadarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1502
1515
  'begin-at-zero'?: LyraRadarChart['beginAtZero'];
1503
1516
  'data-labels'?: LyraRadarChart['dataLabels'];
1517
+ 'data-table-toggle'?: LyraRadarChart['dataTableToggle'];
1504
1518
  'index-axis'?: LyraRadarChart['indexAxis'];
1505
1519
  'legend-position'?: LyraRadarChart['legendPosition'];
1506
1520
  'scale-type'?: LyraRadarChart['scaleType'];
@@ -1603,9 +1617,10 @@ export type LyraRubricFormVueProps = LyraVueCustomElement<LyraRubricForm, 'custo
1603
1617
  'with-hint'?: LyraRubricForm['withHint'];
1604
1618
  'with-label'?: LyraRubricForm['withLabel'];
1605
1619
  }>;
1606
- export type LyraScatterChartVueProps = LyraVueCustomElement<LyraScatterChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1620
+ export type LyraScatterChartVueProps = LyraVueCustomElement<LyraScatterChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
1607
1621
  'begin-at-zero'?: LyraScatterChart['beginAtZero'];
1608
1622
  'data-labels'?: LyraScatterChart['dataLabels'];
1623
+ 'data-table-toggle'?: LyraScatterChart['dataTableToggle'];
1609
1624
  'index-axis'?: LyraScatterChart['indexAxis'];
1610
1625
  'legend-position'?: LyraScatterChart['legendPosition'];
1611
1626
  'scale-type'?: LyraScatterChart['scaleType'];
@@ -7,7 +7,7 @@
7
7
  - **Family** `components/agent-tools/` — see `llms/index.md` for its siblings
8
8
  - **Status** `stable` since `6.2.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
- - **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
10
+ - **Optional peers** none
11
11
  - **Themeable via** 13 parts, 2 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
13
13
 
@@ -7,7 +7,7 @@
7
7
  - **Family** `components/conversation/` — see `llms/index.md` for its siblings
8
8
  - **Status** `stable` since `4.2.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
- - **Optional peers** `d3-drag`, `d3-force`, `d3-selection`, `d3-zoom`, `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
10
+ - **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
11
11
  - **Themeable via** 16 parts, 0 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
13
13
 
@@ -8,7 +8,7 @@
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
10
  - **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
11
- - **Themeable via** 15 parts, 33 custom properties — see this component's own `@csspart`/`@cssprop` list below
11
+ - **Themeable via** 16 parts, 35 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Documented with** `lr-line-chart`, `lr-pie-chart`, `lr-doughnut-chart`, `lr-radar-chart`, `lr-polar-area-chart`, `lr-bubble-chart`, `lr-scatter-chart` (same section below)
13
13
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
14
14
 
@@ -44,7 +44,7 @@ complete `hiddenDatasets` snapshot).
44
44
  **Slots:** default JSON configuration script, `data-table`, `center`.
45
45
 
46
46
  **CSS parts:** `base`, `plot`, `canvas`, `legend`, `legend-item`, `legend-item-hidden`, `legend-swatch`,
47
- `reset-zoom-button`, `description`, `notices`, `data-table`, `data-truncation`, `feature-warning`, `center`, `error` (neutral visible message
47
+ `reset-zoom-button`, `description`, `notices`, `data-table`, `data-table-toggle`, `data-truncation`, `feature-warning`, `center`, `error` (neutral visible message
48
48
  rendered in place of `canvas` when the optional `chart.js` peer dependency fails to load; the
49
49
  failure transition is announced through the shared document-level light-DOM assertive sink — see
50
50
  `llms/components/lr-chart.md`).
@@ -53,7 +53,8 @@ failure transition is announced through the shared document-level light-DOM asse
53
53
  `--lr-chart-tick-color`, `--lr-chart-legend-color`, `--lr-chart-tooltip-bg`,
54
54
  `--lr-chart-tooltip-text`, `--lr-chart-legend-item-hover-bg`,
55
55
  `--lr-chart-legend-item-active-bg`, `--lr-chart-data-table-button-hover-bg`,
56
- `--lr-chart-data-table-button-active-bg`, `--lr-chart-reset-zoom-button-hover-bg`,
56
+ `--lr-chart-data-table-button-active-bg`, `--lr-chart-data-table-toggle-hover-bg`,
57
+ `--lr-chart-data-table-toggle-active-bg`, `--lr-chart-reset-zoom-button-hover-bg`,
57
58
  `--lr-chart-reset-zoom-button-active-bg`, `--lr-chart-canvas-hover-outline-width`, and
58
59
  `--lr-chart-pattern-step`, plus `--lr-chart-legend-side-max` — all inherited from `LyraChart`, identical in meaning and default (see
59
60
  `lr-chart` above); each of the eight variants below reads the same set, so one rule retunes them
@@ -7,8 +7,8 @@
7
7
  - **Family** `components/charts/` — see `llms/index.md` for its siblings
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
- - **Optional peers** `@sgratzl/chartjs-chart-boxplot`, `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
11
- - **Themeable via** 11 parts, 11 custom properties — see this component's own `@csspart`/`@cssprop` list below
10
+ - **Optional peers** `@sgratzl/chartjs-chart-boxplot`, `chart.js` — see `llms/peers.md`
11
+ - **Themeable via** 12 parts, 13 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
13
13
 
14
14
  ---
@@ -46,6 +46,14 @@ browser). Does **not** extend `LyraChart` — a deliberately bespoke API.
46
46
  - `formatter?: LyraChartFormatter`, `valueFormatter?: LyraChartValueFormatter` — numeric axis,
47
47
  tooltip, table, summary, and export formatting; the context-object formatter takes precedence
48
48
  - `showDataTable: boolean = false` (attribute `show-data-table`) — reveals the accessible data table
49
+ - `dataTableToggle: boolean = false` (attribute `data-table-toggle`, new in 11.0.0) — renders a
50
+ localized disclosure button (`part="data-table-toggle"`) above the data table so a *sighted*
51
+ reader can reveal the numbers on demand. `showDataTable` alone is all-or-nothing, which left
52
+ consumers wrapping a duplicated table in their own `<details>`. With the toggle on,
53
+ `showDataTable` becomes the disclosure's **initial** state rather than its whole behavior; the
54
+ table stays in the DOM in both states, so assistive technology never loses it, and the button
55
+ carries `aria-expanded` plus `aria-controls` pointing at the `data-table` wrapper. Unset, nothing
56
+ renders and behavior is identical to before.
49
57
 
50
58
  **Methods:** `exportData('csv'|'png')` returns spreadsheet-safe summary rows or the current canvas
51
59
  PNG data URL. `refreshTheme()` re-reads canvas theme custom properties after an ancestor theme
@@ -84,7 +92,7 @@ detailed sample and notice, making it the escape hatch for complete data.
84
92
 
85
93
  **CSS parts:** `base`, `plot` (the fixed-height canvas region), `canvas`, `legend`,
86
94
  `legend-item`, `legend-item-hidden` (added to a legend item while its box series is hidden),
87
- `legend-swatch`, `description`, `data-table`, `error` (neutral visible message shown
95
+ `legend-swatch`, `description`, `data-table`, `data-table-toggle` (the `dataTableToggle` disclosure button), `error` (neutral visible message shown
88
96
  instead of `canvas` when the optional box-plot peer fails to load; the failure transition is
89
97
  announced through the shared document-level light-DOM assertive sink), `data-truncation` (the
90
98
  bounded-alternative sampling notice)
@@ -101,7 +109,10 @@ so `--lr-theme-color-chart-*` retheming reaches box plots too. `--lr-chart-patte
101
109
  `--lr-chart-canvas-hover-outline-width` (default `var(--lr-border-width-thin)`) sizes the `canvas`
102
110
  hover outline, `--lr-chart-legend-item-active-bg` and `--lr-chart-legend-item-hover-bg` retune the
103
111
  pressed and hovered legend rows, and `--lr-chart-legend-side-max` caps a side legend — the same tokens and defaults as
104
- `lr-chart`.
112
+ `lr-chart`. Its own `dataTableToggle` disclosure button carries box-plot-namespaced hooks rather
113
+ than inheriting the chart pair, since its stylesheet is not a re-export:
114
+ `--lr-box-plot-data-table-toggle-hover-bg` (defaults to `--lr-color-brand-quiet`) and
115
+ `--lr-box-plot-data-table-toggle-active-bg` (defaults to its standard active color mix).
105
116
 
106
117
  **Forced colors:** under `forced-colors: active` the eight-color ramp is remapped onto the small
107
118
  repeating system-color cycle the platform exposes, so series 1/4/7 (and 2/5/8, 3/6) would otherwise
@@ -8,7 +8,7 @@
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
10
  - **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
11
- - **Themeable via** 15 parts, 33 custom properties — see this component's own `@csspart`/`@cssprop` list below
11
+ - **Themeable via** 16 parts, 35 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Documented with** `lr-line-chart`, `lr-bar-chart`, `lr-pie-chart`, `lr-doughnut-chart`, `lr-radar-chart`, `lr-polar-area-chart`, `lr-scatter-chart` (same section below)
13
13
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
14
14
 
@@ -44,7 +44,7 @@ complete `hiddenDatasets` snapshot).
44
44
  **Slots:** default JSON configuration script, `data-table`, `center`.
45
45
 
46
46
  **CSS parts:** `base`, `plot`, `canvas`, `legend`, `legend-item`, `legend-item-hidden`, `legend-swatch`,
47
- `reset-zoom-button`, `description`, `notices`, `data-table`, `data-truncation`, `feature-warning`, `center`, `error` (neutral visible message
47
+ `reset-zoom-button`, `description`, `notices`, `data-table`, `data-table-toggle`, `data-truncation`, `feature-warning`, `center`, `error` (neutral visible message
48
48
  rendered in place of `canvas` when the optional `chart.js` peer dependency fails to load; the
49
49
  failure transition is announced through the shared document-level light-DOM assertive sink — see
50
50
  `llms/components/lr-chart.md`).
@@ -53,7 +53,8 @@ failure transition is announced through the shared document-level light-DOM asse
53
53
  `--lr-chart-tick-color`, `--lr-chart-legend-color`, `--lr-chart-tooltip-bg`,
54
54
  `--lr-chart-tooltip-text`, `--lr-chart-legend-item-hover-bg`,
55
55
  `--lr-chart-legend-item-active-bg`, `--lr-chart-data-table-button-hover-bg`,
56
- `--lr-chart-data-table-button-active-bg`, `--lr-chart-reset-zoom-button-hover-bg`,
56
+ `--lr-chart-data-table-button-active-bg`, `--lr-chart-data-table-toggle-hover-bg`,
57
+ `--lr-chart-data-table-toggle-active-bg`, `--lr-chart-reset-zoom-button-hover-bg`,
57
58
  `--lr-chart-reset-zoom-button-active-bg`, `--lr-chart-canvas-hover-outline-width`, and
58
59
  `--lr-chart-pattern-step`, plus `--lr-chart-legend-side-max` — all inherited from `LyraChart`, identical in meaning and default (see
59
60
  `lr-chart` above); each of the eight variants below reads the same set, so one rule retunes them
@@ -8,7 +8,7 @@
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
10
  - **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
11
- - **Themeable via** 15 parts, 33 custom properties — see this component's own `@csspart`/`@cssprop` list below
11
+ - **Themeable via** 16 parts, 35 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
13
13
 
14
14
  ---
@@ -162,6 +162,14 @@ property).
162
162
  ignored without evaluating script or exposing prototype-pollution keys to the merge.
163
163
  - `showDataTable: boolean = false` (attribute `show-data-table`) — makes the always-available
164
164
  accessible data table visible rather than screen-reader-only
165
+ - `dataTableToggle: boolean = false` (attribute `data-table-toggle`, new in 11.0.0) — renders a
166
+ localized disclosure button (`part="data-table-toggle"`) above the data table so a *sighted*
167
+ reader can reveal the numbers on demand. `showDataTable` alone is all-or-nothing, which left
168
+ consumers wrapping a duplicated table in their own `<details>`. With the toggle on,
169
+ `showDataTable` becomes the disclosure's **initial** state rather than its whole behavior; the
170
+ table stays in the DOM in both states, so assistive technology never loses it, and the button
171
+ carries `aria-expanded` plus `aria-controls` pointing at the `data-table` wrapper. Unset, nothing
172
+ renders and behavior is identical to before.
165
173
  - `chartArea: LyraChartArea | undefined` (readonly) — current Chart.js chart-area geometry in
166
174
  canvas-local coordinates (`top`, `left`, `right`, `bottom`, `width`, `height`), when a chart is
167
175
  drawn
@@ -281,7 +289,7 @@ Chart.js escape hatch and is not rewritten by the simplified-surface sampler.
281
289
  wrapping DOM legend), `legend-item` (a dataset-visibility button), `legend-item-hidden` (added to
282
290
  that button while its dataset is hidden), `legend-swatch`,
283
291
  `reset-zoom-button`, `description`, `notices` (wrapper for nonfatal feature warnings and
284
- bounded-alternative truncation notices), `data-table`, `data-truncation` (the bounded-alternative
292
+ bounded-alternative truncation notices), `data-table`, `data-table-toggle` (the `dataTableToggle` disclosure button), `data-truncation` (the bounded-alternative
285
293
  notice), `feature-warning` (a nonfatal missing optional-feature warning), `center` (the
286
294
  chart-area-centered wrapper for the `center` slot), `error` (neutral visible message rendered in
287
295
  place of `canvas` when the optional `chart.js` peer dependency fails to load; the failure transition
@@ -301,7 +309,9 @@ ancestor, not a shadow-tree descendant, since custom properties only cascade dow
301
309
  `y2Label` title text reuses `--lr-chart-tick-color` too — there's no separate title-color token),
302
310
  legend text, and tooltip background/text respectively; plus
303
311
  `--lr-chart-legend-item-hover-bg` / `--lr-chart-legend-item-active-bg`,
304
- `--lr-chart-data-table-button-hover-bg` / `--lr-chart-data-table-button-active-bg`, and
312
+ `--lr-chart-data-table-button-hover-bg` / `--lr-chart-data-table-button-active-bg`,
313
+ `--lr-chart-data-table-toggle-hover-bg` / `--lr-chart-data-table-toggle-active-bg` (the
314
+ `dataTableToggle` disclosure button), and
305
315
  `--lr-chart-reset-zoom-button-hover-bg` / `--lr-chart-reset-zoom-button-active-bg` — independent
306
316
  background hooks for each DOM control's hover and pressed states. Hover defaults to
307
317
  `--lr-color-brand-quiet`; pressed defaults to its standard active color mix. Override one pair
@@ -7,7 +7,7 @@
7
7
  - **Family** `components/retrieval/` — see `llms/index.md` for its siblings
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
- - **Optional peers** `d3-drag`, `d3-force`, `d3-selection`, `d3-zoom` — see `llms/peers.md`
10
+ - **Optional peers** none
11
11
  - **Themeable via** 16 parts, 2 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
13
13
 
@@ -8,7 +8,7 @@
8
8
  - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
9
9
  - **Deprecations** none
10
10
  - **Optional peers** none
11
- - **Themeable via** 27 parts, 20 custom properties — see this component's own `@csspart`/`@cssprop` list below
11
+ - **Themeable via** 29 parts, 20 custom properties — see this component's own `@csspart`/`@cssprop` list below
12
12
  - **Documented with** `lr-option` (same section below)
13
13
  - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
14
14
 
@@ -24,6 +24,24 @@ An `lr-option` row remains bounded by its owning listbox: the default label elli
24
24
  `start`/`end` (or `prefix`/`suffix`) adornment is capped at 40% of the row. Unbroken metadata
25
25
  therefore cannot widen a 320px LTR or RTL picker.
26
26
 
27
+ **Adornments in the popup (fixed in 11.0.0).** Before 11.0.0 this paragraph described behavior the
28
+ code did not have: `lr-combobox` builds its popup from normalized row *data* rather than from the
29
+ light-DOM nodes, so a slotted `start`/`end`/`prefix`/`suffix` adornment had nowhere to land and
30
+ simply never rendered — the documented slots and their documented parts were both dead inside the
31
+ one component `lr-option` exists to feed. They now render. The nodes are **cloned** into the row
32
+ (`option-start` / `option-end` parts, inert and `aria-hidden`, so they never join the option's
33
+ accessible name), which means the author's own `<lr-option>` subtree is left exactly where they put
34
+ it rather than being moved into a shadow root as a side effect of opening a dropdown:
35
+
36
+ ```html
37
+ <lr-combobox label="Country">
38
+ <lr-option value="fr"><lr-flag slot="start" country="fr"></lr-flag>France</lr-option>
39
+ <lr-option value="mt"><lr-flag slot="start" country="mt"></lr-flag>Malta</lr-option>
40
+ </lr-combobox>
41
+ ```
42
+
43
+ An async `source` row can carry the same two fields (`start`, `end`) alongside its existing `icon`.
44
+
27
45
  ### `lr-combobox`
28
46
 
29
47
  **Properties:**
@@ -90,8 +108,21 @@ therefore cannot widen a 320px LTR or RTL picker.
90
108
  mapped IDLs `inputmode` and `enterkeyhint` delegate to the corresponding camel-case native
91
109
  properties
92
110
  - `inputValue: string` — the live filter input text; programmatic writes are event-silent
93
- - `maxOptionsVisible: number = 3` (attribute `max-options-visible` — caps how many selected tags
94
- show before collapsing to `+N`)
111
+ - `maxOptionsVisible: number = 3` (attribute `max-options-visible` — caps how many selected **tags**
112
+ show before collapsing to `+N`; nothing to do with the suggestion list, see the three-caps note
113
+ below)
114
+ - `visibleOptions?: number` (attribute `visible-options`, new in 11.0.0) — bounds the popup to about
115
+ this many suggestion rows, leaving the rest reachable by scrolling. Purely presentational: every
116
+ row is still rendered. Measured from where row N actually starts rather than computed from a
117
+ token, because a row's height varies with `sub` lines, adornments and group labels. Unset imposes
118
+ no bound of its own and the listbox keeps exactly its previous max-height behavior; zero,
119
+ negative, and non-finite values normalize to unset rather than collapsing the popup
120
+
121
+ **The three caps, which are easy to confuse.** `visibleOptions` caps how many suggestion rows are
122
+ *visible* (presentation; the rest scroll). `maxRender` caps how many suggestion rows are *rendered
123
+ at all* (performance; the rest do not exist and are summarized by `option-overflow`).
124
+ `maxOptionsVisible` caps how many *selected tags* show in multi-select and never touches the
125
+ suggestion list.
95
126
  - `emptyText?: string` (attribute `empty-text`) — omission displays localized `noMatches` (`"No
96
127
  matches"` in the built-in English locale); any supplied string, including `''`, renders verbatim
97
128
  - `loadingText?: string` (attribute `loading-text`) — shown while a `source` fetch is in flight;
@@ -154,9 +185,12 @@ every selection change and a `form.reset()` — like a native control, only anot
154
185
  **8.0 migration:** the former camel-case string property `autoCorrect` is not retained as a public
155
186
  alias. Set the boolean `autocorrect` IDL, or use `autocorrect="on"` / `autocorrect="off"` in markup.
156
187
 
157
- `ComboboxSourceRow = { readonly value: string; readonly label: string; readonly sub?: string; readonly icon?: unknown; readonly badge?: string |
188
+ `ComboboxSourceRow = { readonly value: string; readonly label: string; readonly sub?: string; readonly icon?: unknown; readonly start?: unknown;
189
+ readonly end?: unknown; readonly badge?: string |
158
190
  number; accessibleLabel?: string; data?: unknown; dotColor?: string; group?: string; disabled?:
159
- boolean }` — the row shape used by the async `source` path. `icon` renders as a decorative leading
191
+ boolean }` — the row shape used by the async `source` path. `start` and `end` (new in 11.0.0) are
192
+ the async counterparts of `<lr-option>`'s `start`/`end` adornment slots and render as the
193
+ `option-start` / `option-end` parts, inert and aria-hidden exactly like `icon`. `icon` renders as a decorative leading
160
194
  visual whose rendered subtree stays visible but is inert and hidden from assistive technology;
161
195
  put independent actions outside it. `badge` renders as trailing metadata, `accessibleLabel` can
162
196
  provide richer spoken text than the visible label, and `data` is retained without being rendered
@@ -264,7 +298,9 @@ adornment-slot wrappers, each `hidden` while nothing is slotted into it), `tags`
264
298
  `lr-emoji-picker` so one rule styles every grouped list; it labels the `role="group"` wrapper here),
265
299
  `option`,
266
300
  `option-dot` (the leading status dot, when a row's `dotColor` is set), `option-icon` (the inert,
267
- aria-hidden decorative leading visual for an async row), `option-label`, `option-sub` (a row's
301
+ aria-hidden decorative leading visual for an async row), `option-start` and `option-end` (the inert,
302
+ aria-hidden adornments cloned from the source option's `start`/`prefix` and `end`/`suffix` slots, or
303
+ from an async row's `start`/`end`), `option-label`, `option-sub` (a row's
268
304
  secondary line, when `sub` is set), `option-badge` (an async row's trailing metadata),
269
305
  `option-overflow` (the "+N more" indicator from `maxRender`), `error`, `hint`
270
306