@aceshooting/lyra-ui 5.2.0 → 6.0.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 +3979 -0
- package/README.md +6 -5
- package/custom-elements.json +3580 -1047
- package/dist/components/agent-tools/artifact-panel/artifact-panel.class.d.ts +4 -2
- package/dist/components/agent-tools/artifact-panel/artifact-panel.class.d.ts.map +1 -1
- package/dist/components/agent-tools/artifact-panel/artifact-panel.class.js.map +1 -1
- package/dist/components/agent-tools/browser-frame/browser-frame.class.d.ts +7 -3
- package/dist/components/agent-tools/browser-frame/browser-frame.class.d.ts.map +1 -1
- package/dist/components/agent-tools/browser-frame/browser-frame.class.js.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.d.ts +36 -4
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.d.ts.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.js +68 -19
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.js.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.d.ts +1 -0
- package/dist/components/agent-tools/confirm-bar/confirm-bar.d.ts.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.js +1 -0
- package/dist/components/agent-tools/confirm-bar/confirm-bar.js.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.styles.d.ts.map +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.styles.js +10 -29
- package/dist/components/agent-tools/confirm-bar/confirm-bar.styles.js.map +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.class.d.ts +7 -7
- package/dist/components/agent-tools/eval-dataset/eval-dataset.class.d.ts.map +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.class.js +14 -13
- package/dist/components/agent-tools/eval-dataset/eval-dataset.class.js.map +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.d.ts +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.d.ts.map +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.js +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.js.map +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.class.d.ts +11 -9
- package/dist/components/agent-tools/eval-result/eval-result.class.d.ts.map +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.class.js +9 -7
- package/dist/components/agent-tools/eval-result/eval-result.class.js.map +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.d.ts +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.d.ts.map +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.js +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.js.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.d.ts +47 -5
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.d.ts.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.js +90 -15
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.js.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.d.ts +2 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.d.ts.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.js +2 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.js.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.styles.d.ts.map +1 -1
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.styles.js +6 -26
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.styles.js.map +1 -1
- package/dist/components/charts/chart/chart.class.d.ts.map +1 -1
- package/dist/components/charts/chart/chart.class.js.map +1 -1
- package/dist/components/charts/chart/lite-chart.class.d.ts +5 -1
- package/dist/components/charts/chart/lite-chart.class.d.ts.map +1 -1
- package/dist/components/charts/chart/lite-chart.class.js.map +1 -1
- package/dist/components/conversation/code-block/greycat-language.d.ts +5 -0
- package/dist/components/conversation/code-block/greycat-language.d.ts.map +1 -1
- package/dist/components/conversation/code-block/greycat-language.js +48 -6
- package/dist/components/conversation/code-block/greycat-language.js.map +1 -1
- package/dist/components/conversation/message-feedback/message-feedback.class.d.ts +5 -3
- package/dist/components/conversation/message-feedback/message-feedback.class.d.ts.map +1 -1
- package/dist/components/conversation/message-feedback/message-feedback.class.js.map +1 -1
- package/dist/components/conversation/thread-list/thread-list.class.d.ts +16 -3
- package/dist/components/conversation/thread-list/thread-list.class.d.ts.map +1 -1
- package/dist/components/conversation/thread-list/thread-list.class.js +13 -3
- package/dist/components/conversation/thread-list/thread-list.class.js.map +1 -1
- package/dist/components/data/calendar/calendar.class.d.ts +3 -1
- package/dist/components/data/calendar/calendar.class.d.ts.map +1 -1
- package/dist/components/data/calendar/calendar.class.js.map +1 -1
- package/dist/components/data/calendar/calendar.styles.js +3 -3
- package/dist/components/data/document-library/document-library.class.d.ts +6 -5
- package/dist/components/data/document-library/document-library.class.d.ts.map +1 -1
- package/dist/components/data/document-library/document-library.class.js +2 -3
- package/dist/components/data/document-library/document-library.class.js.map +1 -1
- package/dist/components/data/flow-canvas/flow-canvas.class.d.ts +8 -1
- package/dist/components/data/flow-canvas/flow-canvas.class.d.ts.map +1 -1
- package/dist/components/data/flow-canvas/flow-canvas.class.js +5 -0
- package/dist/components/data/flow-canvas/flow-canvas.class.js.map +1 -1
- package/dist/components/data/flow-canvas/flow-canvas.styles.d.ts.map +1 -1
- package/dist/components/data/flow-canvas/flow-canvas.styles.js +2 -1
- package/dist/components/data/flow-canvas/flow-canvas.styles.js.map +1 -1
- package/dist/components/data/heatmap/heatmap.class.d.ts +6 -2
- package/dist/components/data/heatmap/heatmap.class.d.ts.map +1 -1
- package/dist/components/data/heatmap/heatmap.class.js.map +1 -1
- package/dist/components/data/table/table.class.d.ts +16 -4
- package/dist/components/data/table/table.class.d.ts.map +1 -1
- package/dist/components/data/table/table.class.js.map +1 -1
- package/dist/components/data/tree/tree.class.d.ts +3 -1
- package/dist/components/data/tree/tree.class.d.ts.map +1 -1
- package/dist/components/data/tree/tree.class.js.map +1 -1
- package/dist/components/data/word-cloud/word-cloud-layout.d.ts +7 -2
- package/dist/components/data/word-cloud/word-cloud-layout.d.ts.map +1 -1
- package/dist/components/data/word-cloud/word-cloud-layout.js.map +1 -1
- package/dist/components/data/word-cloud/word-cloud.class.d.ts +3 -3
- package/dist/components/data/word-cloud/word-cloud.class.d.ts.map +1 -1
- package/dist/components/data/word-cloud/word-cloud.class.js.map +1 -1
- package/dist/components/forms/button/button.class.d.ts +5 -0
- package/dist/components/forms/button/button.class.d.ts.map +1 -1
- package/dist/components/forms/button/button.class.js +5 -0
- package/dist/components/forms/button/button.class.js.map +1 -1
- package/dist/components/forms/button/button.styles.d.ts.map +1 -1
- package/dist/components/forms/button/button.styles.js +6 -2
- package/dist/components/forms/button/button.styles.js.map +1 -1
- package/dist/components/forms/color-picker/color-picker.class.d.ts +4 -0
- package/dist/components/forms/color-picker/color-picker.class.d.ts.map +1 -1
- package/dist/components/forms/color-picker/color-picker.class.js +6 -0
- package/dist/components/forms/color-picker/color-picker.class.js.map +1 -1
- package/dist/components/forms/color-picker/color-picker.styles.d.ts.map +1 -1
- package/dist/components/forms/color-picker/color-picker.styles.js +20 -2
- package/dist/components/forms/color-picker/color-picker.styles.js.map +1 -1
- package/dist/components/forms/combobox/combobox.class.d.ts +2 -2
- package/dist/components/forms/combobox/combobox.class.d.ts.map +1 -1
- package/dist/components/forms/combobox/combobox.class.js +1 -1
- package/dist/components/forms/combobox/combobox.class.js.map +1 -1
- package/dist/components/forms/combobox/combobox.styles.d.ts.map +1 -1
- package/dist/components/forms/combobox/combobox.styles.js +8 -0
- package/dist/components/forms/combobox/combobox.styles.js.map +1 -1
- package/dist/components/forms/date-picker/date-picker.class.d.ts +4 -0
- package/dist/components/forms/date-picker/date-picker.class.d.ts.map +1 -1
- package/dist/components/forms/date-picker/date-picker.class.js +6 -0
- package/dist/components/forms/date-picker/date-picker.class.js.map +1 -1
- package/dist/components/forms/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/forms/date-picker/date-picker.styles.js +15 -0
- package/dist/components/forms/date-picker/date-picker.styles.js.map +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.class.d.ts +9 -2
- package/dist/components/forms/emoji-picker/emoji-picker.class.d.ts.map +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.class.js +11 -2
- package/dist/components/forms/emoji-picker/emoji-picker.class.js.map +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.styles.d.ts.map +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.styles.js +30 -7
- package/dist/components/forms/emoji-picker/emoji-picker.styles.js.map +1 -1
- package/dist/components/forms/icon-button/icon-button.class.d.ts +20 -3
- package/dist/components/forms/icon-button/icon-button.class.d.ts.map +1 -1
- package/dist/components/forms/icon-button/icon-button.class.js +84 -4
- package/dist/components/forms/icon-button/icon-button.class.js.map +1 -1
- package/dist/components/forms/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/forms/icon-button/icon-button.styles.js +4 -0
- package/dist/components/forms/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/forms/locale-picker/locale-picker.class.d.ts +221 -0
- package/dist/components/forms/locale-picker/locale-picker.class.d.ts.map +1 -0
- package/dist/components/forms/locale-picker/locale-picker.class.js +630 -0
- package/dist/components/forms/locale-picker/locale-picker.class.js.map +1 -0
- package/dist/components/forms/locale-picker/locale-picker.d.ts +3 -0
- package/dist/components/forms/locale-picker/locale-picker.d.ts.map +1 -0
- package/dist/components/forms/locale-picker/locale-picker.js +6 -0
- package/dist/components/forms/locale-picker/locale-picker.js.map +1 -0
- package/dist/components/forms/locale-picker/locale-picker.styles.d.ts +2 -0
- package/dist/components/forms/locale-picker/locale-picker.styles.d.ts.map +1 -0
- package/dist/components/forms/locale-picker/locale-picker.styles.js +213 -0
- package/dist/components/forms/locale-picker/locale-picker.styles.js.map +1 -0
- package/dist/components/forms/phone-input/phone-input.class.d.ts +11 -0
- package/dist/components/forms/phone-input/phone-input.class.d.ts.map +1 -1
- package/dist/components/forms/phone-input/phone-input.class.js +13 -0
- package/dist/components/forms/phone-input/phone-input.class.js.map +1 -1
- package/dist/components/forms/phone-input/phone-input.styles.d.ts.map +1 -1
- package/dist/components/forms/phone-input/phone-input.styles.js +39 -3
- package/dist/components/forms/phone-input/phone-input.styles.js.map +1 -1
- package/dist/components/forms/select/select.class.d.ts +2 -2
- package/dist/components/forms/select/select.class.d.ts.map +1 -1
- package/dist/components/forms/select/select.class.js +1 -1
- package/dist/components/forms/select/select.class.js.map +1 -1
- package/dist/components/forms/select/select.styles.d.ts.map +1 -1
- package/dist/components/forms/select/select.styles.js +6 -0
- package/dist/components/forms/select/select.styles.js.map +1 -1
- package/dist/components/forms/swatch-picker/swatch-picker.class.d.ts +12 -3
- package/dist/components/forms/swatch-picker/swatch-picker.class.d.ts.map +1 -1
- package/dist/components/forms/swatch-picker/swatch-picker.class.js +14 -3
- package/dist/components/forms/swatch-picker/swatch-picker.class.js.map +1 -1
- package/dist/components/forms/swatch-picker/swatch-picker.styles.d.ts.map +1 -1
- package/dist/components/forms/swatch-picker/swatch-picker.styles.js +32 -9
- package/dist/components/forms/swatch-picker/swatch-picker.styles.js.map +1 -1
- package/dist/components/forms/time-range/time-range.class.d.ts +8 -0
- package/dist/components/forms/time-range/time-range.class.d.ts.map +1 -1
- package/dist/components/forms/time-range/time-range.class.js +10 -0
- package/dist/components/forms/time-range/time-range.class.js.map +1 -1
- package/dist/components/forms/time-range/time-range.styles.d.ts.map +1 -1
- package/dist/components/forms/time-range/time-range.styles.js +42 -13
- package/dist/components/forms/time-range/time-range.styles.js.map +1 -1
- package/dist/components/forms/token-input/token-input.class.d.ts +11 -0
- package/dist/components/forms/token-input/token-input.class.d.ts.map +1 -1
- package/dist/components/forms/token-input/token-input.class.js +13 -0
- package/dist/components/forms/token-input/token-input.class.js.map +1 -1
- package/dist/components/forms/token-input/token-input.styles.d.ts.map +1 -1
- package/dist/components/forms/token-input/token-input.styles.js +36 -2
- package/dist/components/forms/token-input/token-input.styles.js.map +1 -1
- package/dist/components/layout/app-rail/app-rail.class.d.ts +6 -2
- package/dist/components/layout/app-rail/app-rail.class.d.ts.map +1 -1
- package/dist/components/layout/app-rail/app-rail.class.js.map +1 -1
- package/dist/components/layout/control-group/control-group.class.d.ts +16 -0
- package/dist/components/layout/control-group/control-group.class.d.ts.map +1 -1
- package/dist/components/layout/control-group/control-group.class.js +19 -0
- package/dist/components/layout/control-group/control-group.class.js.map +1 -1
- package/dist/components/layout/control-group/control-group.styles.d.ts.map +1 -1
- package/dist/components/layout/control-group/control-group.styles.js +8 -3
- package/dist/components/layout/control-group/control-group.styles.js.map +1 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.class.d.ts +3 -0
- package/dist/components/layout/dashboard-grid/dashboard-grid.class.d.ts.map +1 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.class.js +3 -0
- package/dist/components/layout/dashboard-grid/dashboard-grid.class.js.map +1 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.styles.d.ts.map +1 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.styles.js +2 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.styles.js.map +1 -1
- package/dist/components/layout/reorder-list/reorder-item.class.d.ts +59 -0
- package/dist/components/layout/reorder-list/reorder-item.class.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-item.class.js +110 -0
- package/dist/components/layout/reorder-list/reorder-item.class.js.map +1 -0
- package/dist/components/layout/reorder-list/reorder-item.d.ts +2 -0
- package/dist/components/layout/reorder-list/reorder-item.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-item.js +5 -0
- package/dist/components/layout/reorder-list/reorder-item.js.map +1 -0
- package/dist/components/{data/data-grid/data-grid.styles.d.ts → layout/reorder-list/reorder-item.styles.d.ts} +1 -1
- package/dist/components/layout/reorder-list/reorder-item.styles.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-item.styles.js +62 -0
- package/dist/components/layout/reorder-list/reorder-item.styles.js.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.class.d.ts +77 -0
- package/dist/components/layout/reorder-list/reorder-list.class.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.class.js +197 -0
- package/dist/components/layout/reorder-list/reorder-list.class.js.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.d.ts +3 -0
- package/dist/components/layout/reorder-list/reorder-list.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.js +6 -0
- package/dist/components/layout/reorder-list/reorder-list.js.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.styles.d.ts +2 -0
- package/dist/components/layout/reorder-list/reorder-list.styles.d.ts.map +1 -0
- package/dist/components/layout/reorder-list/reorder-list.styles.js +12 -0
- package/dist/components/layout/reorder-list/reorder-list.styles.js.map +1 -0
- package/dist/components/layout/virtual-list/virtual-list.class.d.ts +7 -1
- package/dist/components/layout/virtual-list/virtual-list.class.d.ts.map +1 -1
- package/dist/components/layout/virtual-list/virtual-list.class.js +3 -0
- package/dist/components/layout/virtual-list/virtual-list.class.js.map +1 -1
- package/dist/components/layout/virtual-list/virtual-list.styles.d.ts.map +1 -1
- package/dist/components/layout/virtual-list/virtual-list.styles.js +2 -1
- package/dist/components/layout/virtual-list/virtual-list.styles.js.map +1 -1
- package/dist/components/overlays/chip/chip.class.d.ts +2 -2
- package/dist/components/overlays/chip/chip.class.d.ts.map +1 -1
- package/dist/components/overlays/chip/chip.class.js +1 -1
- package/dist/components/overlays/chip/chip.styles.d.ts.map +1 -1
- package/dist/components/overlays/chip/chip.styles.js +10 -0
- package/dist/components/overlays/chip/chip.styles.js.map +1 -1
- package/dist/components/overlays/overlay/popover.class.d.ts +3 -1
- package/dist/components/overlays/overlay/popover.class.d.ts.map +1 -1
- package/dist/components/overlays/overlay/popover.class.js.map +1 -1
- package/dist/components/retrieval/graph/graph.class.d.ts +7 -3
- package/dist/components/retrieval/graph/graph.class.d.ts.map +1 -1
- package/dist/components/retrieval/graph/graph.class.js.map +1 -1
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.d.ts +6 -3
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.d.ts.map +1 -1
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.js.map +1 -1
- package/dist/components/retrieval/retrieval-results/retrieval-results.class.d.ts +4 -2
- package/dist/components/retrieval/retrieval-results/retrieval-results.class.d.ts.map +1 -1
- package/dist/components/retrieval/retrieval-results/retrieval-results.class.js.map +1 -1
- package/dist/components/utility/diff-view/diff-view.class.d.ts +4 -1
- package/dist/components/utility/diff-view/diff-view.class.d.ts.map +1 -1
- package/dist/components/utility/diff-view/diff-view.class.js.map +1 -1
- package/dist/components/utility/format/relative-time.class.d.ts.map +1 -1
- package/dist/components/utility/format/relative-time.class.js +4 -1
- package/dist/components/utility/format/relative-time.class.js.map +1 -1
- package/dist/components/viewers/document-compare/document-compare.class.d.ts +9 -2
- package/dist/components/viewers/document-compare/document-compare.class.d.ts.map +1 -1
- package/dist/components/viewers/document-compare/document-compare.class.js.map +1 -1
- package/dist/components/viewers/geojson-view/geojson-view.class.d.ts +6 -0
- package/dist/components/viewers/geojson-view/geojson-view.class.d.ts.map +1 -1
- package/dist/components/viewers/geojson-view/geojson-view.class.js.map +1 -1
- package/dist/components/viewers/notebook-viewer/notebook-viewer.class.d.ts.map +1 -1
- package/dist/components/viewers/notebook-viewer/notebook-viewer.class.js.map +1 -1
- package/dist/internal/localization.d.ts +11 -1
- package/dist/internal/localization.d.ts.map +1 -1
- package/dist/internal/localization.js +24 -1
- package/dist/internal/localization.js.map +1 -1
- package/dist/internal/root-registration-allowlist.d.ts +1 -1
- package/dist/internal/root-registration-allowlist.d.ts.map +1 -1
- package/dist/internal/root-registration-allowlist.js +3 -1
- package/dist/internal/root-registration-allowlist.js.map +1 -1
- package/dist/internal/tokens.styles.d.ts.map +1 -1
- package/dist/internal/tokens.styles.js +1 -0
- package/dist/internal/tokens.styles.js.map +1 -1
- package/dist/lyra.d.ts +11 -5
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js +7 -3
- package/dist/lyra.js.map +1 -1
- package/dist/theme.css +1 -0
- package/llms/components/lr-button.md +4 -1
- package/llms/components/lr-chip-group.md +1 -1
- package/llms/components/lr-chip.md +1 -1
- package/llms/components/lr-color-picker.md +7 -1
- package/llms/components/lr-combobox.md +1 -1
- package/llms/components/lr-confirm-bar.md +31 -4
- package/llms/components/lr-control-group.md +12 -4
- package/llms/components/lr-dashboard-grid.md +4 -1
- package/llms/components/lr-date-input.md +5 -1
- package/llms/components/lr-date-picker.md +5 -1
- package/llms/components/lr-emoji-picker.md +11 -6
- package/llms/components/lr-eval-dataset.md +1 -1
- package/llms/components/lr-eval-result.md +4 -4
- package/llms/components/lr-flag.md +9 -5
- package/llms/components/lr-flow-canvas.md +7 -1
- package/llms/components/lr-icon-button.md +10 -5
- package/llms/components/lr-locale-picker.md +86 -0
- package/llms/components/lr-option.md +1 -1
- package/llms/components/lr-phone-input.md +10 -3
- package/llms/components/lr-reorder-item.md +81 -0
- package/llms/components/lr-reorder-list.md +81 -0
- package/llms/components/lr-select.md +2 -2
- package/llms/components/lr-swatch-picker.md +15 -9
- package/llms/components/lr-thread-list.md +11 -6
- package/llms/components/lr-time-range.md +8 -0
- package/llms/components/lr-token-input.md +14 -6
- package/llms/components/lr-tool-approval-dialog.md +30 -6
- package/llms/components/lr-virtual-list.md +5 -1
- package/llms/index.md +7 -5
- package/llms/shared.md +13 -4
- package/llms/tokens.md +4 -2
- package/llms-full.txt +362 -120
- package/llms.txt +4 -4
- package/package.json +8 -3
- package/vscode-css-data.json +183 -8
- package/vscode-html-data.json +521 -366
- package/web-types.json +810 -96
- package/dist/components/data/data-grid/data-grid.class.d.ts +0 -69
- package/dist/components/data/data-grid/data-grid.class.d.ts.map +0 -1
- package/dist/components/data/data-grid/data-grid.class.js +0 -123
- package/dist/components/data/data-grid/data-grid.class.js.map +0 -1
- package/dist/components/data/data-grid/data-grid.d.ts +0 -2
- package/dist/components/data/data-grid/data-grid.d.ts.map +0 -1
- package/dist/components/data/data-grid/data-grid.js +0 -5
- package/dist/components/data/data-grid/data-grid.js.map +0 -1
- package/dist/components/data/data-grid/data-grid.styles.d.ts.map +0 -1
- package/dist/components/data/data-grid/data-grid.styles.js +0 -15
- package/dist/components/data/data-grid/data-grid.styles.js.map +0 -1
- package/llms/components/lr-data-grid.md +0 -55
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { type PropertyValues, type TemplateResult } from 'lit';
|
|
2
|
-
import { LyraElement } from '../../../internal/lyra-element.js';
|
|
3
|
-
export interface DataGridColumn<T = Record<string, unknown>> {
|
|
4
|
-
key: string;
|
|
5
|
-
label: string;
|
|
6
|
-
width?: string;
|
|
7
|
-
sortable?: boolean;
|
|
8
|
-
value?: (row: T) => unknown;
|
|
9
|
-
}
|
|
10
|
-
export interface LyraDataGridEventMap<T = unknown> {
|
|
11
|
-
'lr-row-click': CustomEvent<{
|
|
12
|
-
row: T;
|
|
13
|
-
}>;
|
|
14
|
-
'lr-cell-focus': CustomEvent<{
|
|
15
|
-
row: T;
|
|
16
|
-
column: string;
|
|
17
|
-
}>;
|
|
18
|
-
'lr-sort': CustomEvent<{
|
|
19
|
-
key: string;
|
|
20
|
-
direction: 'ascending' | 'descending';
|
|
21
|
-
}>;
|
|
22
|
-
'lr-selection-change': CustomEvent<{
|
|
23
|
-
row: T | null;
|
|
24
|
-
}>;
|
|
25
|
-
}
|
|
26
|
-
/** `<lr-data-grid>` — keyboard-navigable, responsive data grid with sortable columns.
|
|
27
|
-
* @customElement lr-data-grid
|
|
28
|
-
* @event lr-row-click - A row was activated.
|
|
29
|
-
* @event lr-cell-focus - A cell received roving focus.
|
|
30
|
-
* @event lr-sort - A header was sorted.
|
|
31
|
-
* @event lr-selection-change - The selected row changed.
|
|
32
|
-
* @csspart viewport - Scrollable grid viewport.
|
|
33
|
-
* @csspart grid - Native table grid.
|
|
34
|
-
* @csspart header - Header cell.
|
|
35
|
-
* @csspart row - Body row.
|
|
36
|
-
* @csspart cell - Body cell.
|
|
37
|
-
* @csspart empty - The single full-width cell rendered in place of body rows while `loading`, or when `rows` is empty.
|
|
38
|
-
* @cssprop [--lr-data-grid-row-selected-bg=var(--lr-color-brand-quiet)] - Background of the selected
|
|
39
|
-
* row's cells. Shadow Parts forbids an attribute selector after `::part()`, so
|
|
40
|
-
* `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled
|
|
41
|
-
* by hijacking the library-wide `--lr-color-brand-quiet` token.
|
|
42
|
-
*/
|
|
43
|
-
export declare class LyraDataGrid<T = Record<string, unknown>> extends LyraElement<LyraDataGridEventMap<T>> {
|
|
44
|
-
static styles: import("lit").CSSResultGroup[];
|
|
45
|
-
columns: DataGridColumn<T>[];
|
|
46
|
-
rows: T[];
|
|
47
|
-
rowKey: (row: T, index: number) => string | number;
|
|
48
|
-
selectedKey: string | number | null;
|
|
49
|
-
sortKey: string;
|
|
50
|
-
sortDirection: 'ascending' | 'descending';
|
|
51
|
-
loading: boolean;
|
|
52
|
-
emptyText: string;
|
|
53
|
-
accessibleLabel: string;
|
|
54
|
-
private focusRow;
|
|
55
|
-
private focusColumn;
|
|
56
|
-
protected willUpdate(changed: PropertyValues): void;
|
|
57
|
-
private value;
|
|
58
|
-
private activate;
|
|
59
|
-
private sort;
|
|
60
|
-
private onCellKeyDown;
|
|
61
|
-
private cell;
|
|
62
|
-
render(): TemplateResult;
|
|
63
|
-
}
|
|
64
|
-
declare global {
|
|
65
|
-
interface HTMLElementTagNameMap {
|
|
66
|
-
'lr-data-grid': LyraDataGrid;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=data-grid.class.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAAI,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAAE;AAC7J,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAAI,cAAc,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IAAC,eAAe,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,SAAS,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,WAAW,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAAC,qBAAqB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAAE;AAEhS;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjG,MAAM,CAAC,MAAM,iCAAgC;IACb,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAM;IAClC,IAAI,EAAE,CAAC,EAAE,CAAM;IACf,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAA0B;IAC5E,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAC3C,OAAO,SAAM;IACb,aAAa,EAAE,WAAW,GAAG,YAAY,CAAe;IAC5C,OAAO,UAAS;IACrB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,WAAW,CAAK;IAEjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQlD;IAED,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,aAAa,CAAihC;IACtiC,OAAO,CAAC,IAAI;IACZ,MAAM,IAAI,cAAc,CAMvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,YAAY,CAAC;KAAE;CAAE"}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, nothing } from 'lit';
|
|
8
|
-
import { property, state } from 'lit/decorators.js';
|
|
9
|
-
import { LyraElement } from '../../../internal/lyra-element.js';
|
|
10
|
-
import { styles } from './data-grid.styles.js';
|
|
11
|
-
/** `<lr-data-grid>` — keyboard-navigable, responsive data grid with sortable columns.
|
|
12
|
-
* @customElement lr-data-grid
|
|
13
|
-
* @event lr-row-click - A row was activated.
|
|
14
|
-
* @event lr-cell-focus - A cell received roving focus.
|
|
15
|
-
* @event lr-sort - A header was sorted.
|
|
16
|
-
* @event lr-selection-change - The selected row changed.
|
|
17
|
-
* @csspart viewport - Scrollable grid viewport.
|
|
18
|
-
* @csspart grid - Native table grid.
|
|
19
|
-
* @csspart header - Header cell.
|
|
20
|
-
* @csspart row - Body row.
|
|
21
|
-
* @csspart cell - Body cell.
|
|
22
|
-
* @csspart empty - The single full-width cell rendered in place of body rows while `loading`, or when `rows` is empty.
|
|
23
|
-
* @cssprop [--lr-data-grid-row-selected-bg=var(--lr-color-brand-quiet)] - Background of the selected
|
|
24
|
-
* row's cells. Shadow Parts forbids an attribute selector after `::part()`, so
|
|
25
|
-
* `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled
|
|
26
|
-
* by hijacking the library-wide `--lr-color-brand-quiet` token.
|
|
27
|
-
*/
|
|
28
|
-
export class LyraDataGrid extends LyraElement {
|
|
29
|
-
constructor() {
|
|
30
|
-
super(...arguments);
|
|
31
|
-
this.columns = [];
|
|
32
|
-
this.rows = [];
|
|
33
|
-
this.rowKey = (_row, index) => index;
|
|
34
|
-
this.selectedKey = null;
|
|
35
|
-
this.sortKey = '';
|
|
36
|
-
this.sortDirection = 'ascending';
|
|
37
|
-
this.loading = false;
|
|
38
|
-
this.emptyText = '';
|
|
39
|
-
this.accessibleLabel = '';
|
|
40
|
-
this.focusRow = 0;
|
|
41
|
-
this.focusColumn = 0;
|
|
42
|
-
this.onCellKeyDown = (event, rowIndex, columnIndex) => { const rtl = this.effectiveDirection === 'rtl'; const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight'; const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft'; let nextRow = rowIndex; let nextColumn = columnIndex; if (event.key === 'ArrowDown')
|
|
43
|
-
nextRow++;
|
|
44
|
-
else if (event.key === 'ArrowUp')
|
|
45
|
-
nextRow--;
|
|
46
|
-
else if (event.key === forwardKey)
|
|
47
|
-
nextColumn++;
|
|
48
|
-
else if (event.key === backwardKey)
|
|
49
|
-
nextColumn--;
|
|
50
|
-
else if (event.key === 'Home')
|
|
51
|
-
nextColumn = 0;
|
|
52
|
-
else if (event.key === 'End')
|
|
53
|
-
nextColumn = this.columns.length - 1;
|
|
54
|
-
else if (event.key === 'Enter' || event.key === ' ') {
|
|
55
|
-
event.preventDefault();
|
|
56
|
-
this.activate(this.rows[rowIndex]);
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
else
|
|
60
|
-
return; event.preventDefault(); this.focusRow = Math.max(0, Math.min(this.rows.length - 1, nextRow)); this.focusColumn = Math.max(0, Math.min(this.columns.length - 1, nextColumn)); queueMicrotask(() => this.renderRoot.querySelector(`[data-row="${this.focusRow}"][data-column="${this.focusColumn}"]`)?.focus()); };
|
|
61
|
-
}
|
|
62
|
-
static { this.styles = [LyraElement.styles, styles]; }
|
|
63
|
-
willUpdate(changed) {
|
|
64
|
-
// Re-clamp the roving focus position whenever the data changes: if rows/columns shrink
|
|
65
|
-
// below the remembered indices, no rendered cell would match them and the grid body would
|
|
66
|
-
// lose its single tabindex="0" stop entirely, making it unreachable by keyboard.
|
|
67
|
-
if (changed.has('rows') || changed.has('columns')) {
|
|
68
|
-
this.focusRow = Math.max(0, Math.min(this.rows.length - 1, this.focusRow));
|
|
69
|
-
this.focusColumn = Math.max(0, Math.min(this.columns.length - 1, this.focusColumn));
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
value(row, column) { return column.value ? column.value(row) : row[column.key]; }
|
|
73
|
-
activate(row) { this.selectedKey = this.rowKey(row, this.rows.indexOf(row)); this.emit('lr-row-click', { row }); this.emit('lr-selection-change', { row }); }
|
|
74
|
-
sort(column) { if (!column.sortable)
|
|
75
|
-
return; if (this.sortKey === column.key)
|
|
76
|
-
this.sortDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';
|
|
77
|
-
else {
|
|
78
|
-
this.sortKey = column.key;
|
|
79
|
-
this.sortDirection = 'ascending';
|
|
80
|
-
} this.emit('lr-sort', { key: column.key, direction: this.sortDirection }); }
|
|
81
|
-
cell(row, column) { const value = this.value(row, column); return value == null ? '' : String(value); }
|
|
82
|
-
render() {
|
|
83
|
-
const label = this.accessibleLabel || this.localize('dataGridLabel');
|
|
84
|
-
return html `<div part="viewport"><table part="grid" role="grid" aria-label=${label} aria-rowcount=${this.rows.length + 1} aria-colcount=${this.columns.length}>
|
|
85
|
-
${this.columns.length ? html `<thead><tr role="row">${this.columns.map((column) => html `<th part="header" role="columnheader" style=${column.width ? `inline-size:${column.width}` : ''} aria-sort=${this.sortKey === column.key ? this.sortDirection : 'none'}><button type="button" @click=${() => this.sort(column)}>${column.label}</button></th>`)}</tr></thead>` : nothing}
|
|
86
|
-
<tbody>${this.loading ? html `<tr><td role="gridcell" colspan=${Math.max(1, this.columns.length)} part="empty">${this.localize('loading')}</td></tr>` : this.rows.length ? this.rows.map((row, rowIndex) => html `<tr part="row" role="row" data-selected=${this.rowKey(row, rowIndex) === this.selectedKey ? 'true' : 'false'} aria-selected=${this.rowKey(row, rowIndex) === this.selectedKey ? 'true' : 'false'} @click=${() => this.activate(row)}>${this.columns.map((column, columnIndex) => html `<td part="cell" role="gridcell" tabindex=${rowIndex === this.focusRow && columnIndex === this.focusColumn ? '0' : '-1'} data-row=${rowIndex} data-column=${columnIndex} aria-colindex=${columnIndex + 1} aria-rowindex=${rowIndex + 2} @keydown=${(event) => this.onCellKeyDown(event, rowIndex, columnIndex)} @focus=${() => { this.focusRow = rowIndex; this.focusColumn = columnIndex; this.emit('lr-cell-focus', { row, column: column.key }); }}>${this.cell(row, column)}</td>`)}</tr>`) : html `<tr><td role="gridcell" colspan=${Math.max(1, this.columns.length)} part="empty">${this.emptyText || this.localize('noData')}</td></tr>`}</tbody>
|
|
87
|
-
</table></div>`;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
__decorate([
|
|
91
|
-
property({ attribute: false })
|
|
92
|
-
], LyraDataGrid.prototype, "columns", void 0);
|
|
93
|
-
__decorate([
|
|
94
|
-
property({ attribute: false })
|
|
95
|
-
], LyraDataGrid.prototype, "rows", void 0);
|
|
96
|
-
__decorate([
|
|
97
|
-
property({ attribute: false })
|
|
98
|
-
], LyraDataGrid.prototype, "rowKey", void 0);
|
|
99
|
-
__decorate([
|
|
100
|
-
property({ attribute: false })
|
|
101
|
-
], LyraDataGrid.prototype, "selectedKey", void 0);
|
|
102
|
-
__decorate([
|
|
103
|
-
property({ attribute: false })
|
|
104
|
-
], LyraDataGrid.prototype, "sortKey", void 0);
|
|
105
|
-
__decorate([
|
|
106
|
-
property({ attribute: false })
|
|
107
|
-
], LyraDataGrid.prototype, "sortDirection", void 0);
|
|
108
|
-
__decorate([
|
|
109
|
-
property({ type: Boolean, reflect: true })
|
|
110
|
-
], LyraDataGrid.prototype, "loading", void 0);
|
|
111
|
-
__decorate([
|
|
112
|
-
property({ attribute: 'empty-text' })
|
|
113
|
-
], LyraDataGrid.prototype, "emptyText", void 0);
|
|
114
|
-
__decorate([
|
|
115
|
-
property({ attribute: 'aria-label' })
|
|
116
|
-
], LyraDataGrid.prototype, "accessibleLabel", void 0);
|
|
117
|
-
__decorate([
|
|
118
|
-
state()
|
|
119
|
-
], LyraDataGrid.prototype, "focusRow", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
state()
|
|
122
|
-
], LyraDataGrid.prototype, "focusColumn", void 0);
|
|
123
|
-
//# sourceMappingURL=data-grid.class.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.class.js","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,yBAYlB,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host { display: block; min-inline-size: 0; }
|
|
4
|
-
[part='viewport'] { overflow: auto; border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); }
|
|
5
|
-
table { border-collapse: separate; border-spacing: 0; inline-size: max-content; min-inline-size: 100%; color: var(--lr-color-text); }
|
|
6
|
-
th, td { box-sizing: border-box; padding: var(--lr-space-s); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border); text-align: start; vertical-align: top; }
|
|
7
|
-
th { position: sticky; inset-block-start: 0; z-index: var(--lr-layer-content); background: var(--lr-color-surface); font-weight: var(--lr-font-weight-semibold); }
|
|
8
|
-
th button { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
|
|
9
|
-
th button:hover { background: var(--lr-color-brand-quiet); }
|
|
10
|
-
tr[data-selected='true'] td { background: var(--lr-data-grid-row-selected-bg, var(--lr-color-brand-quiet)); }
|
|
11
|
-
[role='gridcell']:hover { background: var(--lr-color-brand-quiet); }
|
|
12
|
-
[role='gridcell']:focus-visible, th button:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(var(--lr-focus-ring-offset) * -1); }
|
|
13
|
-
[part='empty'] { padding: var(--lr-space-l); color: var(--lr-color-text-quiet); text-align: center; }
|
|
14
|
-
`;
|
|
15
|
-
//# sourceMappingURL=data-grid.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.styles.js","sourceRoot":"","sources":["../../../../src/components/data/data-grid/data-grid.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYxB,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
<!-- GENERATED by scripts/build-llms.mjs from llms/data.md — do not edit this file. -->
|
|
2
|
-
|
|
3
|
-
# `lr-data-grid`
|
|
4
|
-
|
|
5
|
-
- **Import** `import '@aceshooting/lyra-ui/components/data/data-grid/data-grid.js';` (registers the tag; side-effect import)
|
|
6
|
-
- **Class** `LyraDataGrid`, also available unregistered from `@aceshooting/lyra-ui/components/data/data-grid/data-grid.class.js`
|
|
7
|
-
- **Family** `components/data/` — see `llms/index.md` for its siblings
|
|
8
|
-
- **Optional peers** none
|
|
9
|
-
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
## `lr-data-grid`
|
|
14
|
-
|
|
15
|
-
Keyboard-navigable data grid with typed `columns` and `rows`, sortable headers, roving cell focus,
|
|
16
|
-
loading/empty states, and responsive horizontal overflow.
|
|
17
|
-
|
|
18
|
-
**Properties:**
|
|
19
|
-
- `columns: DataGridColumn<T>[] = []` (attribute: false) — `{ key, label, width?, sortable?,
|
|
20
|
-
value? }`; `width` becomes the header cell's `inline-size`, `value(row)` overrides the default
|
|
21
|
-
`row[key]` lookup
|
|
22
|
-
- `rows: T[] = []` (attribute: false)
|
|
23
|
-
- `rowKey: (row: T, index: number) => string | number = (_row, index) => index` (attribute: false)
|
|
24
|
-
- `selectedKey: string | number | null = null` (attribute: false) — compared against `rowKey(row, i)`
|
|
25
|
-
to set `[part='row'][data-selected]` and `aria-selected`
|
|
26
|
-
- `sortKey: string = ''`, `sortDirection: 'ascending' | 'descending' = 'ascending'`
|
|
27
|
-
(attribute: false) — the grid updates both on header activation and emits `lr-sort`, but never
|
|
28
|
-
reorders `rows`; sorting stays the consumer's job
|
|
29
|
-
- `loading: boolean = false` (reflected) — replaces the body with a localized "loading" row
|
|
30
|
-
- `emptyText: string = ''` (attribute `empty-text`) — empty-state text; falls back to the localized
|
|
31
|
-
`noData`
|
|
32
|
-
- `accessibleLabel: string = ''` (attribute `aria-label`) — names the `role="grid"` table; falls back
|
|
33
|
-
to the localized `dataGridLabel`
|
|
34
|
-
|
|
35
|
-
**Keyboard:** exactly one cell is tabbable. Arrows move the roving focus (Left/Right are swapped
|
|
36
|
-
under RTL), Home/End jump to the first/last column of the current row, Enter/Space activate the row.
|
|
37
|
-
The focus position is re-clamped whenever `rows`/`columns` shrink, so the grid can't lose its tab stop.
|
|
38
|
-
|
|
39
|
-
**Events:** `lr-row-click` (`detail: { row }`, click or Enter/Space), `lr-selection-change`
|
|
40
|
-
(`detail: { row }`, emitted alongside it after `selectedKey` updates), `lr-cell-focus`
|
|
41
|
-
(`detail: { row, column }`, `column` is the column `key`), `lr-sort` (`detail: { key, direction }`,
|
|
42
|
-
`sortable` columns only; re-activating the active column flips `direction`).
|
|
43
|
-
|
|
44
|
-
**Slots:** none.
|
|
45
|
-
|
|
46
|
-
**CSS parts:** `viewport` (the scrolling bordered wrapper), `grid` (the `<table role="grid">`),
|
|
47
|
-
`header` (each sticky `<th>`), `row`, `cell`, `empty` (the loading / no-data cell).
|
|
48
|
-
|
|
49
|
-
**Themeable custom properties:** `--lr-data-grid-row-selected-bg` (default
|
|
50
|
-
`var(--lr-color-brand-quiet)`) — the background of the selected row's cells. It is an inline `var()`
|
|
51
|
-
fallback at its point of use rather than a `:host` declaration, so it can be set on the element *or
|
|
52
|
-
any ancestor*. It exists because Shadow Parts forbids an attribute selector after `::part()` —
|
|
53
|
-
`::part(row)[aria-selected='true']` is invalid CSS — leaving the library-wide
|
|
54
|
-
`--lr-color-brand-quiet` token as the only prior lever, which repaints every other surface reading
|
|
55
|
-
it. `lr-table` exposes the equivalent knob as `--lr-table-row-selected-bg`.
|