@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.
- package/CHANGELOG.md +271 -0
- package/custom-elements.json +1 -1
- package/design-tokens.json +13 -0
- package/dist/cli/migrate-wa.mjs +164 -1
- package/dist/cli/migration-contract.json +1 -1
- package/dist/components/charts/chart/box-plot.class.d.ts +27 -0
- package/dist/components/charts/chart/box-plot.class.js +14 -4
- package/dist/components/charts/chart/box-plot.styles.js +28 -0
- package/dist/components/charts/chart/chart.class.d.ts +27 -0
- package/dist/components/charts/chart/chart.class.js +15 -5
- package/dist/components/charts/chart/chart.styles.js +28 -0
- package/dist/components/charts/chart/lite-chart.class.d.ts +32 -0
- package/dist/components/charts/chart/lite-chart.class.js +17 -4
- package/dist/components/charts/chart/lite-chart.styles.js +29 -0
- package/dist/components/data/heatmap/heatmap.class.d.ts +35 -2
- package/dist/components/data/heatmap/heatmap.class.js +2 -2
- package/dist/components/data/table/table.class.d.ts +19 -0
- package/dist/components/data/table/table.class.js +3 -3
- package/dist/components/forms/combobox/combobox.class.d.ts +71 -3
- package/dist/components/forms/combobox/combobox.class.js +4 -2
- package/dist/components/forms/combobox/combobox.styles.js +9 -0
- package/dist/components/forms/date-picker/date-input.class.d.ts +12 -1
- package/dist/components/forms/date-picker/date-input.class.js +4 -2
- package/dist/components/forms/date-picker/date-picker.class.d.ts +72 -0
- package/dist/components/forms/date-picker/date-picker.class.js +15 -3
- package/dist/components/forms/date-picker/date-picker.styles.js +46 -0
- package/dist/components/media/flag/flag.class.d.ts +3 -1
- package/dist/components/media/flag/flag.class.js +1 -1
- package/dist/components/media/map/map.class.d.ts +39 -2
- package/dist/components/media/map/map.class.js +1 -1
- package/dist/components/overlays/dialog/dialog.class.d.ts +20 -0
- package/dist/components/overlays/overlay/popover.class.d.ts +19 -3
- package/dist/components/overlays/overlay/popover.class.js +1 -1
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.js +1 -1
- package/dist/custom-elements-jsx.d.ts +31 -16
- package/dist/internal/canvas.js +1 -1
- package/dist/internal/package-metadata.d.ts +1 -1
- package/dist/internal/package-metadata.js +1 -1
- package/dist/internal/tokens.styles.js +1 -0
- package/dist/lyra.d.ts +1 -1
- package/dist/svelte.d.ts +31 -16
- package/dist/theme.css +32 -0
- package/dist/vue.d.ts +31 -16
- package/llms/components/lr-agent-eval-dashboard.md +1 -1
- package/llms/components/lr-agent-workspace.md +1 -1
- package/llms/components/lr-bar-chart.md +4 -3
- package/llms/components/lr-box-plot.md +15 -4
- package/llms/components/lr-bubble-chart.md +4 -3
- package/llms/components/lr-chart.md +13 -3
- package/llms/components/lr-chunk-inspector.md +1 -1
- package/llms/components/lr-combobox.md +42 -6
- package/llms/components/lr-date-input.md +40 -4
- package/llms/components/lr-date-picker.md +40 -4
- package/llms/components/lr-dialog.md +2 -1
- package/llms/components/lr-doughnut-chart.md +4 -3
- package/llms/components/lr-entity-dossier.md +1 -1
- package/llms/components/lr-eval-run.md +1 -1
- package/llms/components/lr-flag.md +10 -3
- package/llms/components/lr-grounding-summary.md +1 -1
- package/llms/components/lr-heatmap.md +20 -2
- package/llms/components/lr-histogram.md +4 -3
- package/llms/components/lr-line-chart.md +4 -3
- package/llms/components/lr-lite-chart.md +19 -3
- package/llms/components/lr-map.md +21 -4
- package/llms/components/lr-memory-panel.md +1 -1
- package/llms/components/lr-option.md +41 -5
- package/llms/components/lr-pie-chart.md +4 -3
- package/llms/components/lr-polar-area-chart.md +4 -3
- package/llms/components/lr-popover.md +20 -1
- package/llms/components/lr-provenance-panel.md +1 -1
- package/llms/components/lr-radar-chart.md +4 -3
- package/llms/components/lr-rag-answer.md +1 -1
- package/llms/components/lr-rag-eval-dashboard.md +1 -1
- package/llms/components/lr-retrieval-results.md +1 -1
- package/llms/components/lr-retrieval-trace.md +1 -1
- package/llms/components/lr-scatter-chart.md +4 -3
- package/llms/peers.md +8 -8
- package/llms/tokens.md +27 -1
- package/llms-full.txt +231 -28
- package/package.json +1 -1
- package/vscode-css-data.json +70 -0
- package/vscode-html-data.json +131 -20
- 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**
|
|
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** `
|
|
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**
|
|
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-
|
|
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
|
|
11
|
-
- **Themeable via**
|
|
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**
|
|
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-
|
|
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**
|
|
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`,
|
|
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**
|
|
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**
|
|
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
|
|
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. `
|
|
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-
|
|
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
|
|