@aceshooting/lyra-ui 9.1.0 → 10.0.1
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 +843 -0
- package/README.md +7 -0
- package/custom-elements.json +1 -1
- package/dist/cli/migrate-wa.mjs +52 -0
- package/dist/cli/migration-contract.json +1 -1
- package/dist/components/agent-tools/activity-feed/activity-feed.class.js +2 -2
- package/dist/components/agent-tools/activity-feed/activity-feed.styles.js +0 -16
- package/dist/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.class.js +1 -1
- package/dist/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.styles.js +9 -7
- package/dist/components/agent-tools/agent-run/agent-run.class.js +2 -2
- package/dist/components/agent-tools/agent-run/agent-run.styles.js +0 -13
- package/dist/components/agent-tools/agent-trace/agent-trace.class.js +1 -1
- package/dist/components/agent-tools/agent-trace/agent-trace.styles.js +7 -4
- package/dist/components/agent-tools/approval-queue/approval-queue.styles.js +7 -5
- package/dist/components/agent-tools/artifact-panel/artifact-panel.styles.js +0 -3
- package/dist/components/agent-tools/browser-frame/browser-frame.class.js +1 -1
- package/dist/components/agent-tools/browser-frame/browser-frame.styles.js +3 -5
- package/dist/components/agent-tools/commit-card/commit-card.class.js +1 -1
- package/dist/components/agent-tools/commit-card/commit-card.styles.js +0 -10
- package/dist/components/agent-tools/compare-panel/compare-panel.styles.js +11 -6
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.js +2 -2
- package/dist/components/agent-tools/confirm-bar/confirm-bar.styles.js +0 -46
- package/dist/components/agent-tools/context-inspector/context-inspector.class.js +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.styles.js +0 -7
- package/dist/components/agent-tools/eval-result/eval-result.class.js +1 -1
- package/dist/components/agent-tools/evaluation-run/evaluation-run.class.js +2 -2
- package/dist/components/agent-tools/policy-summary/policy-summary.class.js +1 -1
- package/dist/components/agent-tools/prompt-studio/prompt-studio.styles.js +0 -15
- package/dist/components/agent-tools/result-card/result-card.styles.js +0 -7
- package/dist/components/agent-tools/result-card/result-field.styles.js +0 -5
- package/dist/components/agent-tools/schema-viewer/schema-viewer.styles.js +2 -5
- package/dist/components/agent-tools/span-waterfall/span-waterfall.class.js +1 -1
- package/dist/components/agent-tools/span-waterfall/span-waterfall.styles.js +0 -15
- package/dist/components/agent-tools/stack-trace/stack-trace.styles.js +0 -20
- package/dist/components/agent-tools/subagent-panel/subagent-panel.class.js +2 -2
- package/dist/components/agent-tools/subagent-panel/subagent-panel.styles.js +1 -4
- package/dist/components/agent-tools/task-list/task-list.class.js +2 -2
- package/dist/components/agent-tools/task-list/task-list.styles.js +0 -15
- package/dist/components/agent-tools/terminal/terminal.class.d.ts +11 -6
- package/dist/components/agent-tools/terminal/terminal.class.js +4 -4
- package/dist/components/agent-tools/terminal/terminal.styles.js +0 -46
- package/dist/components/agent-tools/test-results/test-results.class.js +2 -2
- package/dist/components/agent-tools/test-results/test-results.styles.js +0 -5
- package/dist/components/agent-tools/thinking-panel/thinking-panel.class.js +1 -1
- package/dist/components/agent-tools/thinking-panel/thinking-panel.styles.js +0 -41
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.styles.js +0 -41
- package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.js +2 -2
- package/dist/components/agent-tools/tool-call-chip/tool-call-chip.styles.js +0 -30
- package/dist/components/agent-tools/tool-param-form/tool-param-form.class.js +6 -6
- package/dist/components/agent-tools/tool-param-form/tool-param-form.styles.js +0 -5
- package/dist/components/agent-tools/tool-result-dialog/tool-result-dialog.class.js +2 -2
- package/dist/components/agent-tools/tool-result-dialog/tool-result-dialog.styles.js +0 -20
- package/dist/components/agent-tools/tool-result-view/tool-result-view.styles.js +0 -4
- package/dist/components/agent-tools/tool-select-dialog/tool-select-dialog.styles.js +0 -21
- package/dist/components/agent-tools/trace-tree/trace-tree.class.js +2 -2
- package/dist/components/agent-tools/trace-tree/trace-tree.styles.js +7 -31
- package/dist/components/charts/chart/bar-chart.class.js +1 -1
- package/dist/components/charts/chart/box-plot.styles.js +0 -20
- package/dist/components/charts/chart/bubble-chart.class.js +1 -1
- package/dist/components/charts/chart/chart-colors.d.ts +1 -1
- package/dist/components/charts/chart/chart-colors.js +1 -1
- package/dist/components/charts/chart/chart-core-loader.d.ts +1 -0
- package/dist/components/charts/chart/chart-core-loader.js +1 -1
- package/dist/components/charts/chart/chart-feature-loader.d.ts +35 -0
- package/dist/components/charts/chart/chart-feature-loader.js +1 -1
- package/dist/components/charts/chart/chart.class.d.ts +93 -0
- package/dist/components/charts/chart/chart.class.js +3 -3
- package/dist/components/charts/chart/chart.styles.js +0 -27
- package/dist/components/charts/chart/doughnut-chart.class.js +1 -1
- package/dist/components/charts/chart/histogram.class.js +1 -1
- package/dist/components/charts/chart/line-chart.class.js +1 -1
- package/dist/components/charts/chart/lite-chart.class.d.ts +20 -1
- package/dist/components/charts/chart/lite-chart.class.js +4 -4
- package/dist/components/charts/chart/lite-chart.styles.js +0 -27
- package/dist/components/charts/chart/pie-chart.class.js +1 -1
- package/dist/components/charts/chart/polar-area-chart.class.js +1 -1
- package/dist/components/charts/chart/radar-chart.class.js +1 -1
- package/dist/components/charts/chart/scatter-chart.class.js +1 -1
- package/dist/components/conversation/agent-workspace/agent-workspace.class.d.ts +20 -0
- package/dist/components/conversation/agent-workspace/agent-workspace.class.js +3 -1
- package/dist/components/conversation/agent-workspace/agent-workspace.styles.js +3 -0
- package/dist/components/conversation/audio-visualizer/audio-visualizer.styles.js +0 -7
- package/dist/components/conversation/branch-picker/branch-picker.styles.js +0 -3
- package/dist/components/conversation/chat-composer/chat-composer.styles.js +0 -51
- package/dist/components/conversation/chat-message/chat-message.class.js +2 -2
- package/dist/components/conversation/chat-message/chat-message.styles.js +13 -35
- package/dist/components/conversation/chat-viewport/chat-viewport.class.js +1 -1
- package/dist/components/conversation/chat-viewport/chat-viewport.styles.js +0 -33
- package/dist/components/conversation/checkpoint/checkpoint.class.js +1 -1
- package/dist/components/conversation/checkpoint/checkpoint.styles.js +0 -3
- package/dist/components/conversation/code-block/code-block-shared.d.ts +5 -2
- package/dist/components/conversation/code-block/code-block.class.js +1 -1
- package/dist/components/conversation/code-block/code-block.styles.js +4 -95
- package/dist/components/conversation/code-block/code-loader.d.ts +11 -0
- package/dist/components/conversation/code-block/code-loader.js +1 -1
- package/dist/components/conversation/code-block/shiki-types.d.ts +12 -0
- package/dist/components/conversation/code-block/shiki-types.js +1 -1
- package/dist/components/conversation/conversation-item/conversation-item.styles.js +8 -54
- package/dist/components/conversation/generation-metrics/generation-metrics.class.js +2 -2
- package/dist/components/conversation/generation-metrics/generation-metrics.styles.js +0 -17
- package/dist/components/conversation/markdown/markdown-base.class.js +1 -1
- package/dist/components/conversation/markdown/markdown.styles.js +0 -41
- package/dist/components/conversation/message-actions/message-actions.styles.js +0 -3
- package/dist/components/conversation/message-feedback/message-feedback.styles.js +0 -35
- package/dist/components/conversation/message-parts/message-parts.class.d.ts +1 -1
- package/dist/components/conversation/message-parts/message-parts.styles.js +0 -5
- package/dist/components/conversation/model-select/model-select.class.js +3 -3
- package/dist/components/conversation/model-select/model-select.styles.js +12 -47
- package/dist/components/conversation/model-settings-panel/model-settings-panel.styles.js +0 -6
- package/dist/components/conversation/prompt-input/prompt-input.class.d.ts +3 -0
- package/dist/components/conversation/prompt-input/prompt-input.styles.js +0 -10
- package/dist/components/conversation/push-to-talk/push-to-talk.styles.js +0 -8
- package/dist/components/conversation/realtime-session/realtime-session.styles.js +1 -1
- package/dist/components/conversation/selection-toolbar/selection-toolbar.styles.js +1 -11
- package/dist/components/conversation/stream-status/stream-status.styles.js +0 -16
- package/dist/components/conversation/streaming-text/streaming-text.styles.js +0 -15
- package/dist/components/conversation/suggestion-chips/suggestion-chips.styles.js +0 -5
- package/dist/components/conversation/thread-list/thread-list.styles.js +5 -19
- package/dist/components/conversation/transcript-feed/transcript-feed.class.d.ts +16 -4
- package/dist/components/conversation/transcript-feed/transcript-feed.class.js +1 -1
- package/dist/components/conversation/transcript-feed/transcript-feed.styles.js +0 -1
- package/dist/components/conversation/typing-indicator/typing-indicator.styles.js +0 -23
- package/dist/components/conversation/usage-badge/usage-badge.class.js +1 -1
- package/dist/components/conversation/usage-badge/usage-badge.styles.js +0 -3
- package/dist/components/conversation/voice-picker/voice-picker.class.js +3 -3
- package/dist/components/conversation/voice-picker/voice-picker.styles.js +9 -29
- package/dist/components/conversation/widget-renderer/resolve.d.ts +2 -0
- package/dist/components/conversation/widget-renderer/resolve.js +1 -1
- package/dist/components/data/calendar/calendar.class.d.ts +15 -2
- package/dist/components/data/calendar/calendar.class.js +2 -2
- package/dist/components/data/calendar/calendar.styles.js +2 -28
- package/dist/components/data/condition-builder/condition-builder.class.d.ts +10 -6
- package/dist/components/data/condition-builder/condition-builder.class.js +2 -2
- package/dist/components/data/condition-builder/condition-builder.styles.js +0 -6
- package/dist/components/data/context-meter/context-meter.styles.js +0 -24
- package/dist/components/data/data-grid/data-grid.class.js +3 -3
- package/dist/components/data/data-grid/data-grid.styles.js +0 -22
- package/dist/components/data/document-library/document-library.class.js +2 -2
- package/dist/components/data/document-library/document-library.styles.js +0 -4
- package/dist/components/data/env-list/env-list.class.js +1 -1
- package/dist/components/data/env-list/env-list.styles.js +7 -4
- package/dist/components/data/file-tree/file-tree.class.d.ts +12 -0
- package/dist/components/data/file-tree/file-tree.class.js +1 -1
- package/dist/components/data/flow-canvas/flow-canvas.styles.js +12 -19
- package/dist/components/data/flow-controls/flow-controls.class.js +2 -2
- package/dist/components/data/flow-controls/flow-controls.styles.js +3 -36
- package/dist/components/data/flow-minimap/flow-minimap.class.js +1 -1
- package/dist/components/data/flow-minimap/flow-minimap.styles.js +0 -9
- package/dist/components/data/flow-node/flow-node.styles.js +0 -23
- package/dist/components/data/flow-run-status/flow-run-status.class.js +1 -1
- package/dist/components/data/flow-run-status/flow-run-status.styles.js +0 -7
- package/dist/components/data/graph-query-builder/graph-query-builder.class.d.ts +0 -7
- package/dist/components/data/graph-query-builder/graph-query-builder.class.js +1 -1
- package/dist/components/data/graph-query-builder/graph-query-builder.styles.js +0 -10
- package/dist/components/data/heatmap/heatmap-scale.d.ts +20 -0
- package/dist/components/data/heatmap/heatmap-scale.js +1 -1
- package/dist/components/data/heatmap/heatmap.class.d.ts +85 -2
- package/dist/components/data/heatmap/heatmap.class.js +2 -2
- package/dist/components/data/heatmap/heatmap.styles.js +0 -54
- package/dist/components/data/pagination/pagination.class.js +1 -1
- package/dist/components/data/pagination/pagination.styles.js +23 -46
- package/dist/components/data/sequence-strip/sequence-strip.class.d.ts +34 -1
- package/dist/components/data/sequence-strip/sequence-strip.class.js +5 -2
- package/dist/components/data/sequence-strip/sequence-strip.styles.js +14 -20
- package/dist/components/data/sparkline/sparkline.class.js +1 -1
- package/dist/components/data/stat/stat.styles.js +0 -67
- package/dist/components/data/table/table.class.d.ts +42 -3
- package/dist/components/data/table/table.class.js +4 -4
- package/dist/components/data/table/table.styles.js +20 -91
- package/dist/components/data/timeline/timeline-item.styles.js +0 -30
- package/dist/components/data/timeline/timeline.class.d.ts +89 -1
- package/dist/components/data/timeline/timeline.class.js +2 -2
- package/dist/components/data/timeline/timeline.styles.js +111 -31
- package/dist/components/data/tree/tree-item.styles.js +1 -28
- package/dist/components/data/tree/tree.class.js +2 -2
- package/dist/components/data/tree/tree.styles.js +0 -6
- package/dist/components/data/word-cloud/word-cloud.styles.js +0 -5
- package/dist/components/forms/button/button.class.js +1 -1
- package/dist/components/forms/button/button.styles.js +1 -106
- package/dist/components/forms/checkbox/checkbox.class.d.ts +3 -0
- package/dist/components/forms/checkbox/checkbox.class.js +1 -1
- package/dist/components/forms/checkbox/checkbox.styles.js +0 -39
- package/dist/components/forms/checkbox-group/checkbox-group.class.d.ts +21 -2
- package/dist/components/forms/checkbox-group/checkbox-group.class.js +1 -1
- package/dist/components/forms/checkbox-group/checkbox-group.styles.js +0 -18
- package/dist/components/forms/code-editor/code-editor.styles.js +0 -30
- package/dist/components/forms/color-picker/color-picker.class.js +2 -2
- package/dist/components/forms/color-picker/color-picker.styles.js +0 -69
- package/dist/components/forms/combobox/combobox.class.js +2 -2
- package/dist/components/forms/combobox/combobox.styles.js +22 -111
- package/dist/components/forms/combobox/option.styles.js +7 -1
- package/dist/components/forms/date-picker/date-input.class.js +1 -1
- package/dist/components/forms/date-picker/date-input.styles.js +12 -67
- package/dist/components/forms/date-picker/date-picker.class.d.ts +1 -0
- package/dist/components/forms/date-picker/date-picker.class.js +22 -20
- package/dist/components/forms/date-picker/date-picker.styles.js +36 -29
- package/dist/components/forms/emoji-picker/emoji-data-loader.d.ts +6 -3
- package/dist/components/forms/emoji-picker/emoji-data-loader.js +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.class.d.ts +8 -1
- package/dist/components/forms/emoji-picker/emoji-picker.class.js +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.styles.js +3 -41
- package/dist/components/forms/icon-button/icon-button.class.js +1 -1
- package/dist/components/forms/icon-button/icon-button.styles.js +0 -16
- package/dist/components/forms/input/input.styles.js +0 -54
- package/dist/components/forms/input/number-input.styles.d.ts +4 -5
- package/dist/components/forms/input/number-input.styles.js +0 -11
- package/dist/components/forms/input/time-input-shared.d.ts +11 -0
- package/dist/components/forms/input/time-input-shared.js +1 -1
- package/dist/components/forms/input/time-input.class.d.ts +11 -2
- package/dist/components/forms/input/time-input.class.js +1 -1
- package/dist/components/forms/input/time-input.styles.js +0 -6
- package/dist/components/forms/locale-picker/locale-picker.class.js +2 -2
- package/dist/components/forms/locale-picker/locale-picker.styles.js +1 -26
- package/dist/components/forms/otp-input/otp-input.class.js +3 -3
- package/dist/components/forms/otp-input/otp-input.styles.js +0 -16
- package/dist/components/forms/phone-input/phone-input.class.d.ts +9 -1
- package/dist/components/forms/phone-input/phone-input.class.js +2 -2
- package/dist/components/forms/phone-input/phone-input.styles.js +0 -37
- package/dist/components/forms/radio/radio-button.styles.js +1 -30
- package/dist/components/forms/radio/radio-group.styles.js +0 -4
- package/dist/components/forms/radio/radio.styles.js +0 -44
- package/dist/components/forms/rubric-form/rubric-form.styles.js +0 -5
- package/dist/components/forms/select/select.class.js +1 -1
- package/dist/components/forms/select/select.styles.js +14 -114
- package/dist/components/forms/slider/slider.styles.js +0 -55
- package/dist/components/forms/swatch-picker/swatch-picker.class.d.ts +0 -11
- package/dist/components/forms/swatch-picker/swatch-picker.class.js +2 -2
- package/dist/components/forms/swatch-picker/swatch-picker.styles.js +0 -77
- package/dist/components/forms/switch/switch.class.d.ts +3 -0
- package/dist/components/forms/switch/switch.class.js +1 -1
- package/dist/components/forms/switch/switch.styles.js +3 -38
- package/dist/components/forms/textarea/textarea.styles.js +0 -28
- package/dist/components/forms/time-range/time-range.styles.js +12 -84
- package/dist/components/forms/token-input/token-input.class.d.ts +23 -9
- package/dist/components/forms/token-input/token-input.class.js +1 -1
- package/dist/components/forms/token-input/token-input.styles.js +1 -54
- package/dist/components/layout/app-rail/app-rail-item.class.js +2 -2
- package/dist/components/layout/app-rail/app-rail-item.styles.js +0 -13
- package/dist/components/layout/app-rail/app-rail.class.d.ts +5 -0
- package/dist/components/layout/app-rail/app-rail.class.js +1 -1
- package/dist/components/layout/app-rail/app-rail.styles.js +0 -46
- package/dist/components/layout/button-group/button-group.styles.js +0 -6
- package/dist/components/layout/card/card.class.d.ts +12 -0
- package/dist/components/layout/card/card.styles.js +5 -13
- package/dist/components/layout/carousel/carousel.styles.js +0 -1
- package/dist/components/layout/command-palette/command-palette.class.d.ts +8 -0
- package/dist/components/layout/command-palette/command-palette.class.js +3 -1
- package/dist/components/layout/command-palette/command-palette.styles.js +1 -13
- package/dist/components/layout/control-group/control-group.styles.js +0 -7
- package/dist/components/layout/dashboard-grid/dashboard-grid.class.js +1 -1
- package/dist/components/layout/dashboard-grid/dashboard-grid.styles.js +6 -25
- package/dist/components/layout/details/accordion.class.d.ts +13 -0
- package/dist/components/layout/details/accordion.class.js +1 -1
- package/dist/components/layout/details/details.class.js +1 -1
- package/dist/components/layout/details/details.styles.js +0 -12
- package/dist/components/layout/dock-panel/dock-panel.styles.js +0 -45
- package/dist/components/layout/drilldown-panel/drilldown-panel.class.d.ts +2 -0
- package/dist/components/layout/drilldown-panel/drilldown-panel.class.js +2 -2
- package/dist/components/layout/drilldown-panel/drilldown-panel.styles.js +0 -4
- package/dist/components/layout/filter-bar/filter-bar.class.js +1 -1
- package/dist/components/layout/filter-bar/filter-bar.styles.js +0 -9
- package/dist/components/layout/menu/menu-item.class.d.ts +5 -0
- package/dist/components/layout/menu/menu-item.class.js +1 -1
- package/dist/components/layout/menu/menu-item.styles.js +0 -49
- package/dist/components/layout/menu/menu-label.styles.js +0 -2
- package/dist/components/layout/menu/menu.styles.js +0 -18
- package/dist/components/layout/multi-split/multi-split.class.js +1 -1
- package/dist/components/layout/multi-split/multi-split.styles.js +8 -51
- package/dist/components/layout/page/page.class.d.ts +4 -0
- package/dist/components/layout/page/page.class.js +1 -1
- package/dist/components/layout/reorder-list/reorder-item.styles.js +0 -4
- package/dist/components/layout/responsive-panel/responsive-panel.styles.js +0 -27
- package/dist/components/layout/scroller/scroller.styles.js +0 -20
- package/dist/components/layout/segmented/segmented.class.d.ts +7 -1
- package/dist/components/layout/segmented/segmented.class.js +1 -1
- package/dist/components/layout/segmented/segmented.styles.js +69 -37
- package/dist/components/layout/split-panel/split-panel.styles.js +1 -7
- package/dist/components/layout/stepper/stepper.class.d.ts +8 -1
- package/dist/components/layout/stepper/stepper.class.js +1 -1
- package/dist/components/layout/stepper/stepper.styles.js +140 -41
- package/dist/components/layout/tab-group/tab-group.class.d.ts +4 -1
- package/dist/components/layout/tab-group/tab-group.styles.js +9 -75
- package/dist/components/layout/tab-group/tab.styles.js +0 -2
- package/dist/components/layout/virtual-list/virtual-list.class.d.ts +4 -4
- package/dist/components/layout/virtual-list/virtual-list.class.js +1 -1
- package/dist/components/layout/virtual-list/virtual-list.styles.js +0 -68
- package/dist/components/layout/widget/widget.class.d.ts +5 -1
- package/dist/components/layout/widget/widget.class.js +1 -1
- package/dist/components/layout/widget/widget.styles.js +97 -40
- package/dist/components/media/animated-image/animated-image.class.d.ts +3 -0
- package/dist/components/media/animated-image/animated-image.class.js +1 -1
- package/dist/components/media/animated-image/animated-image.styles.js +0 -28
- package/dist/components/media/attachment-chip/attachment-chip.class.d.ts +1 -1
- package/dist/components/media/attachment-chip/attachment-chip.class.js +2 -2
- package/dist/components/media/attachment-chip/attachment-chip.styles.js +0 -31
- package/dist/components/media/attachment-trigger/attachment-trigger.class.d.ts +1 -1
- package/dist/components/media/attachment-trigger/attachment-trigger.class.js +4 -4
- package/dist/components/media/attachment-trigger/attachment-trigger.styles.js +0 -40
- package/dist/components/media/av-player/av-player.class.d.ts +5 -6
- package/dist/components/media/av-player/av-player.class.js +1 -1
- package/dist/components/media/av-player/av-player.styles.js +0 -45
- package/dist/components/media/avatar/avatar.styles.js +3 -16
- package/dist/components/media/file-icon/file-icon.class.d.ts +1 -2
- package/dist/components/media/file-icon/file-icon.class.js +1 -1
- package/dist/components/media/file-input/file-input.class.d.ts +12 -0
- package/dist/components/media/file-input/file-input.class.js +1 -1
- package/dist/components/media/file-input/file-input.styles.js +3 -24
- package/dist/components/media/flag/flag.class.d.ts +20 -0
- package/dist/components/media/flag/flag.class.js +4 -2
- package/dist/components/media/flag/flag.styles.js +7 -1
- package/dist/components/media/flag/language-map.d.ts +10 -0
- package/dist/components/media/flag/language-map.js +1 -1
- package/dist/components/media/image-comparer/image-comparer.styles.js +4 -33
- package/dist/components/media/image-viewer/image-viewer.class.js +0 -2
- package/dist/components/media/image-viewer/image-viewer.styles.js +7 -27
- package/dist/components/media/lightbox/lightbox.class.js +0 -2
- package/dist/components/media/lightbox/lightbox.styles.js +2 -21
- package/dist/components/media/map/map-loader.d.ts +19 -1
- package/dist/components/media/map/map-loader.js +1 -1
- package/dist/components/media/map/map.class.d.ts +141 -1
- package/dist/components/media/map/map.class.js +15 -3
- package/dist/components/media/map/map.styles.js +20 -17
- package/dist/components/media/media-card/media-card.class.d.ts +14 -3
- package/dist/components/media/media-card/media-card.class.js +1 -1
- package/dist/components/media/media-card/media-card.styles.js +2 -28
- package/dist/components/media/pan-zoom/pan-zoom.styles.js +0 -3
- package/dist/components/media/qr-code/qr-code.class.d.ts +3 -2
- package/dist/components/media/qr-code/qr-code.class.js +2 -2
- package/dist/components/media/qr-code/qr-code.styles.js +0 -3
- package/dist/components/media/sequence-playback/sequence-playback.class.d.ts +2 -0
- package/dist/components/media/sequence-playback/sequence-playback.class.js +2 -1
- package/dist/components/media/sequence-playback/sequence-playback.styles.js +0 -19
- package/dist/components/media/video/video.class.d.ts +23 -2
- package/dist/components/media/video/video.class.js +3 -3
- package/dist/components/media/video/video.styles.js +4 -2
- package/dist/components/media/zoomable-frame/zoomable-frame.class.d.ts +3 -2
- package/dist/components/media/zoomable-frame/zoomable-frame.class.js +2 -2
- package/dist/components/media/zoomable-frame/zoomable-frame.styles.js +0 -5
- package/dist/components/overlays/alert/alert.styles.js +4 -2
- package/dist/components/overlays/badge/badge.styles.js +4 -48
- package/dist/components/overlays/badge/tag.styles.js +0 -14
- package/dist/components/overlays/callout/callout.styles.js +2 -13
- package/dist/components/overlays/chip/chip-group.styles.js +0 -18
- package/dist/components/overlays/chip/chip.styles.js +6 -69
- package/dist/components/overlays/dialog/confirm.d.ts +1 -4
- package/dist/components/overlays/dialog/confirm.js +1 -1
- package/dist/components/overlays/dialog/dialog.class.d.ts +12 -9
- package/dist/components/overlays/dialog/dialog.class.js +1 -1
- package/dist/components/overlays/dialog/dialog.styles.js +0 -43
- package/dist/components/overlays/drawer/drawer.class.d.ts +2 -2
- package/dist/components/overlays/drawer/drawer.styles.js +0 -9
- package/dist/components/overlays/empty/empty.styles.js +0 -12
- package/dist/components/overlays/kbd/kbd.class.js +1 -1
- package/dist/components/overlays/kbd/kbd.styles.js +0 -8
- package/dist/components/overlays/overlay/dropdown.class.d.ts +1 -6
- package/dist/components/overlays/overlay/dropdown.class.js +2 -2
- package/dist/components/overlays/overlay/overlay.styles.js +0 -28
- package/dist/components/overlays/overlay/popover.class.d.ts +9 -1
- package/dist/components/overlays/overlay/popover.class.js +2 -2
- package/dist/components/overlays/overlay/tooltip.class.d.ts +10 -0
- package/dist/components/overlays/overlay/tooltip.class.js +2 -2
- package/dist/components/overlays/popup/popup.class.d.ts +1 -0
- package/dist/components/overlays/popup/popup.class.js +2 -2
- package/dist/components/overlays/popup/popup.styles.js +0 -15
- package/dist/components/overlays/progress/progress-ring.class.d.ts +9 -1
- package/dist/components/overlays/progress/progress-ring.class.js +3 -3
- package/dist/components/overlays/progress/progress.styles.js +0 -21
- package/dist/components/overlays/rating/rating.styles.js +0 -25
- package/dist/components/overlays/skeleton/skeleton.styles.js +0 -4
- package/dist/components/overlays/spinner/spinner.styles.js +2 -5
- package/dist/components/overlays/toast/toast-item.styles.js +3 -45
- package/dist/components/retrieval/chunk-inspector/chunk-inspector.styles.js +0 -35
- package/dist/components/retrieval/citation-badge/citation-badge.class.d.ts +2 -2
- package/dist/components/retrieval/citation-badge/citation-badge.class.js +3 -3
- package/dist/components/retrieval/citation-badge/citation-badge.styles.js +0 -20
- package/dist/components/retrieval/claim-evidence/claim-evidence.class.js +1 -1
- package/dist/components/retrieval/claim-evidence/claim-evidence.styles.js +0 -8
- package/dist/components/retrieval/community-card/community-card.class.d.ts +1 -0
- package/dist/components/retrieval/community-card/community-card.styles.js +0 -6
- package/dist/components/retrieval/embedding-explorer/embedding-explorer.styles.js +8 -12
- package/dist/components/retrieval/entity-card/entity-card.class.d.ts +4 -3
- package/dist/components/retrieval/entity-card/entity-card.class.js +1 -1
- package/dist/components/retrieval/entity-card/entity-card.styles.js +0 -12
- package/dist/components/retrieval/entity-chip/entity-chip.class.d.ts +10 -4
- package/dist/components/retrieval/entity-chip/entity-chip.class.js +3 -3
- package/dist/components/retrieval/entity-chip/entity-chip.styles.js +6 -9
- package/dist/components/retrieval/entity-dossier/entity-dossier.class.d.ts +19 -5
- package/dist/components/retrieval/entity-dossier/entity-dossier.class.js +1 -1
- package/dist/components/retrieval/graph/graph.class.d.ts +5 -0
- package/dist/components/retrieval/graph/graph.class.js +1 -1
- package/dist/components/retrieval/graph/graph.styles.js +0 -30
- package/dist/components/retrieval/graph-legend/graph-legend.styles.js +0 -3
- package/dist/components/retrieval/grounding-summary/grounding-summary.class.js +2 -2
- package/dist/components/retrieval/ingestion-queue/ingestion-queue.styles.js +0 -25
- package/dist/components/retrieval/knowledge-base-admin/knowledge-base-admin.class.d.ts +2 -0
- package/dist/components/retrieval/knowledge-base-admin/knowledge-base-admin.styles.js +0 -7
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.d.ts +20 -6
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.js +2 -2
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.styles.js +6 -11
- package/dist/components/retrieval/memory-panel/memory-panel.class.js +1 -1
- package/dist/components/retrieval/mind-map/mind-map.class.d.ts +5 -3
- package/dist/components/retrieval/mind-map/mind-map.class.js +1 -1
- package/dist/components/retrieval/mind-map/mind-map.styles.js +0 -2
- package/dist/components/retrieval/neighbor-list/neighbor-list.class.d.ts +3 -2
- package/dist/components/retrieval/neighbor-list/neighbor-list.class.js +1 -1
- package/dist/components/retrieval/neighbor-list/neighbor-list.styles.js +0 -30
- package/dist/components/retrieval/node-palette/node-palette.styles.js +0 -11
- package/dist/components/retrieval/path-strip/path-strip.styles.js +0 -10
- package/dist/components/retrieval/provenance-panel/provenance-panel.class.d.ts +12 -3
- package/dist/components/retrieval/provenance-panel/provenance-panel.class.js +1 -1
- package/dist/components/retrieval/provenance-panel/provenance-panel.styles.js +0 -2
- package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.d.ts +3 -2
- package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.js +2 -2
- package/dist/components/retrieval/retrieval-results/retrieval-results.styles.js +0 -28
- package/dist/components/retrieval/retrieval-search/retrieval-search.styles.js +0 -4
- package/dist/components/retrieval/retrieval-trace/retrieval-trace.class.js +1 -1
- package/dist/components/retrieval/retrieval-trace/retrieval-trace.styles.js +0 -2
- package/dist/components/retrieval/source-card/source-card.styles.js +0 -13
- package/dist/components/retrieval/source-list/source-list.styles.js +0 -7
- package/dist/components/retrieval/source-picker/source-picker.class.js +1 -1
- package/dist/components/retrieval/source-picker/source-picker.styles.js +0 -7
- package/dist/components/utility/copy-button/copy-button.styles.js +0 -10
- package/dist/components/utility/diff-view/diff-view.styles.js +0 -14
- package/dist/components/utility/export-button/export-button.styles.js +0 -22
- package/dist/components/utility/icon/icon.styles.js +0 -6
- package/dist/components/utility/json-viewer/json-viewer.styles.js +2 -48
- package/dist/components/utility/known-date/known-date.class.d.ts +7 -3
- package/dist/components/utility/known-date/known-date.styles.js +10 -51
- package/dist/components/utility/live-region/live-region.styles.js +0 -4
- package/dist/components/utility/mention-popover/mention-popover.styles.js +0 -25
- package/dist/components/utility/poll-status/poll-status.styles.js +0 -4
- package/dist/components/utility/random-content/random-content.class.d.ts +22 -0
- package/dist/components/utility/random-content/random-content.class.js +3 -2
- package/dist/components/utility/random-content/random-content.styles.js +6 -13
- package/dist/components/utility/tour/tour.class.d.ts +4 -2
- package/dist/components/utility/tour/tour.class.js +3 -3
- package/dist/components/utility/tour/tour.styles.js +0 -13
- package/dist/components/utility/visually-hidden/visually-hidden.styles.js +0 -5
- package/dist/components/viewers/archive-viewer/archive-viewer.class.js +1 -1
- package/dist/components/viewers/archive-viewer/archive-viewer.styles.d.ts +2 -2
- package/dist/components/viewers/archive-viewer/archive-viewer.styles.js +0 -10
- package/dist/components/viewers/contact-viewer/contact-viewer.class.js +1 -1
- package/dist/components/viewers/csv-viewer/csv-viewer.class.js +1 -1
- package/dist/components/viewers/csv-viewer/csv-viewer.styles.js +0 -19
- package/dist/components/viewers/dataset-viewer/dataset-viewer.class.js +1 -1
- package/dist/components/viewers/dataset-viewer/dataset-viewer.styles.js +0 -15
- package/dist/components/viewers/document-compare/document-compare.class.js +1 -1
- package/dist/components/viewers/document-compare/document-compare.styles.js +0 -3
- package/dist/components/viewers/document-preview/document-preview.styles.js +0 -25
- package/dist/components/viewers/document-viewer/document-viewer.class.d.ts +2 -1
- package/dist/components/viewers/document-viewer/document-viewer.class.js +1 -1
- package/dist/components/viewers/document-viewer/document-viewer.styles.js +0 -5
- package/dist/components/viewers/docx-viewer/docx-viewer.styles.js +0 -17
- package/dist/components/viewers/ebook-viewer/ebook-viewer.class.js +1 -1
- package/dist/components/viewers/ebook-viewer/ebook-viewer.styles.js +0 -4
- package/dist/components/viewers/email-viewer/email-viewer.styles.js +0 -7
- package/dist/components/viewers/geojson-view/geojson-view.styles.js +0 -5
- package/dist/components/viewers/highlight-layer/highlight-layer.styles.js +0 -3
- package/dist/components/viewers/notebook-viewer/notebook-viewer.class.js +1 -1
- package/dist/components/viewers/notebook-viewer/notebook-viewer.styles.js +0 -38
- package/dist/components/viewers/page-rail/page-rail.class.js +1 -1
- package/dist/components/viewers/page-rail/page-rail.styles.js +0 -13
- package/dist/components/viewers/pdf-viewer/pdf-loader.d.ts +13 -2
- package/dist/components/viewers/pdf-viewer/pdf-loader.js +1 -1
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.d.ts +32 -2
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.js +4 -4
- package/dist/components/viewers/pdf-viewer/pdf-viewer.styles.js +1 -27
- package/dist/components/viewers/pptx-viewer/pptx-viewer.styles.js +0 -3
- package/dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.class.js +1 -1
- package/dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.styles.js +0 -14
- package/dist/components/viewers/svg-viewer/svg-viewer.styles.js +0 -7
- package/dist/components/viewers/xml-viewer/xml-viewer.styles.js +2 -24
- package/dist/custom-elements-jsx.d.ts +56 -37
- package/dist/events.d.ts +43 -33
- package/dist/internal/agent-status-variants.d.ts +18 -0
- package/dist/internal/agent-status-variants.js +1 -0
- package/dist/internal/announcer.d.ts +8 -3
- package/dist/internal/announcer.js +1 -1
- package/dist/internal/autoloader-manifest.js +1 -1
- package/dist/internal/canvas-color.d.ts +16 -0
- package/dist/internal/canvas-color.js +1 -1
- package/dist/internal/catalog-picker.d.ts +0 -1
- package/dist/internal/catalog-picker.js +1 -1
- package/dist/internal/default-strings.generated.d.ts +1 -0
- package/dist/internal/default-strings.generated.js +1 -1
- package/dist/internal/dev-mode-attribute-warning.d.ts +30 -0
- package/dist/internal/dev-mode-attribute-warning.js +1 -0
- package/dist/internal/localization-runtime.js +1 -1
- package/dist/internal/localization-types.d.ts +1 -1
- package/dist/internal/localization.js +1 -1
- package/dist/internal/lyra-element.d.ts +13 -0
- package/dist/internal/lyra-element.js +1 -1
- package/dist/internal/media-controller.js +1 -1
- package/dist/internal/package-metadata.d.ts +1 -1
- package/dist/internal/package-metadata.js +1 -1
- package/dist/internal/scroll-overflow.d.ts +35 -13
- package/dist/internal/scroll-overflow.js +1 -1
- package/dist/internal/sizes.styles.js +0 -2
- package/dist/internal/specialist-tokens.styles.js +6 -11
- package/dist/internal/text-highlights.d.ts +4 -1
- package/dist/internal/text-highlights.js +1 -1
- package/dist/internal/tokens/palette.styles.js +0 -15
- package/dist/internal/tokens.styles.js +19 -113
- package/dist/lyra.d.ts +8 -5
- package/dist/styles/reservations.css +82 -0
- package/dist/svelte.d.ts +56 -37
- package/dist/translations/ar.js +1 -1
- package/dist/translations/de.js +1 -1
- package/dist/translations/es.js +1 -1
- package/dist/translations/fa.js +1 -1
- package/dist/translations/fr.js +1 -1
- package/dist/translations/he.js +1 -1
- package/dist/translations/ja.js +1 -1
- package/dist/translations/pt-BR.js +1 -1
- package/dist/translations/ru.js +1 -1
- package/dist/translations/zh-CN.js +1 -1
- package/dist/vue.d.ts +56 -37
- package/llms/components/lr-accordion-item.md +12 -3
- package/llms/components/lr-accordion.md +11 -2
- package/llms/components/lr-agent-eval-dashboard.md +1 -1
- package/llms/components/lr-agent-trace.md +3 -1
- package/llms/components/lr-agent-workspace.md +20 -0
- package/llms/components/lr-artifact-panel.md +10 -4
- package/llms/components/lr-attachment-chip.md +7 -4
- package/llms/components/lr-attachment-trigger.md +9 -6
- package/llms/components/lr-av-player.md +3 -1
- package/llms/components/lr-avatar.md +6 -6
- package/llms/components/lr-bar-chart.md +4 -3
- package/llms/components/lr-box-plot.md +1 -1
- package/llms/components/lr-browser-frame.md +7 -3
- package/llms/components/lr-bubble-chart.md +4 -3
- package/llms/components/lr-calendar.md +9 -2
- package/llms/components/lr-card.md +24 -0
- package/llms/components/lr-chart.md +32 -8
- package/llms/components/lr-chat-viewport.md +7 -2
- package/llms/components/lr-checkbox-group.md +13 -5
- package/llms/components/lr-checkbox.md +5 -2
- package/llms/components/lr-checkpoint.md +6 -2
- package/llms/components/lr-combobox.md +5 -2
- package/llms/components/lr-command-palette.md +4 -1
- package/llms/components/lr-confirm-bar.md +7 -3
- package/llms/components/lr-context-meter.md +12 -11
- package/llms/components/lr-conversation-item.md +7 -4
- package/llms/components/lr-details.md +11 -2
- package/llms/components/lr-dialog.md +15 -10
- package/llms/components/lr-dock-panel.md +7 -10
- package/llms/components/lr-document-preview.md +6 -1
- package/llms/components/lr-document-viewer.md +3 -2
- package/llms/components/lr-doughnut-chart.md +4 -3
- package/llms/components/lr-drawer.md +3 -3
- package/llms/components/lr-entity-card.md +3 -3
- package/llms/components/lr-entity-chip.md +1 -1
- package/llms/components/lr-entity-dossier.md +4 -1
- package/llms/components/lr-file-input.md +2 -2
- package/llms/components/lr-flag.md +20 -5
- package/llms/components/lr-heatmap.md +29 -1
- package/llms/components/lr-histogram.md +3 -1
- package/llms/components/lr-icon.md +1 -1
- package/llms/components/lr-json-schema-viewer.md +2 -1
- package/llms/components/lr-knowledge-graph-explorer.md +8 -3
- package/llms/components/lr-known-date.md +4 -2
- package/llms/components/lr-line-chart.md +4 -3
- package/llms/components/lr-lite-chart.md +16 -6
- package/llms/components/lr-map.md +72 -8
- package/llms/components/lr-markdown-core.md +3 -2
- package/llms/components/lr-media-card.md +28 -12
- package/llms/components/lr-message-parts.md +2 -1
- package/llms/components/lr-model-select.md +9 -10
- package/llms/components/lr-model-settings-panel.md +9 -9
- package/llms/components/lr-neighbor-list.md +1 -1
- package/llms/components/lr-notebook-viewer.md +6 -3
- package/llms/components/lr-option.md +5 -2
- package/llms/components/lr-pdf-viewer.md +62 -2
- 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 +5 -0
- package/llms/components/lr-progress-ring.md +8 -1
- package/llms/components/lr-prompt-studio.md +1 -1
- package/llms/components/lr-provenance-panel.md +4 -2
- package/llms/components/lr-qr-code.md +1 -1
- package/llms/components/lr-radar-chart.md +4 -3
- package/llms/components/lr-rag-eval-dashboard.md +2 -2
- package/llms/components/lr-random-content.md +13 -0
- package/llms/components/lr-reorder-item.md +6 -1
- package/llms/components/lr-reorder-list.md +6 -1
- package/llms/components/lr-responsive-panel.md +11 -7
- package/llms/components/lr-scatter-chart.md +4 -3
- package/llms/components/lr-sequence-strip.md +16 -2
- package/llms/components/lr-slider.md +12 -5
- package/llms/components/lr-sparkline.md +1 -1
- package/llms/components/lr-suggestion-chips.md +7 -2
- package/llms/components/lr-swatch-picker.md +5 -5
- package/llms/components/lr-switch.md +5 -2
- package/llms/components/lr-table.md +30 -4
- package/llms/components/lr-terminal.md +3 -1
- package/llms/components/lr-thread-list.md +8 -8
- package/llms/components/lr-time-input.md +6 -1
- package/llms/components/lr-timeline-item.md +24 -0
- package/llms/components/lr-timeline.md +25 -1
- package/llms/components/lr-token-input.md +7 -2
- package/llms/components/lr-tool-approval-dialog.md +7 -8
- package/llms/components/lr-tool-call-chip.md +5 -1
- package/llms/components/lr-tool-param-form.md +14 -12
- package/llms/components/lr-tool-result-dialog.md +11 -9
- package/llms/components/lr-tool-result-view.md +7 -6
- package/llms/components/lr-tool-select-dialog.md +18 -16
- package/llms/components/lr-trace-tree.md +3 -1
- package/llms/components/lr-usage-badge.md +4 -1
- package/llms/components/lr-video-playlist.md +1 -1
- package/llms/components/lr-virtual-list.md +22 -14
- package/llms/components/lr-voice-picker.md +8 -5
- package/llms/components/lr-widget-renderer.md +3 -3
- package/llms/components/lr-widget.md +1 -1
- package/llms/components/lr-word-cloud.md +6 -2
- package/llms/index.md +1 -1
- package/llms/peers.md +13 -3
- package/llms/shared.md +83 -2
- package/llms-full.txt +1159 -288
- package/package.json +19 -7
- package/vscode-css-data.json +37 -2
- package/vscode-html-data.json +402 -45
- package/web-types.json +300 -56
|
@@ -126,13 +126,16 @@ Plus shared tokens — `--lr-space-xs/-s/-m`, `--lr-radius`,
|
|
|
126
126
|
conversation-id="sess_123"
|
|
127
127
|
label="Q3 roadmap planning"
|
|
128
128
|
excerpt="Let's revisit the timeline for the launch…"
|
|
129
|
-
.timestamp=${session.updatedAt}
|
|
130
|
-
?active=${session.id === currentSessionId}
|
|
131
|
-
@lr-select=${(e) => openSession(e.detail.conversationId)}
|
|
132
|
-
@lr-rename=${(e) => renameSession(e.detail.conversationId, e.detail.label)}
|
|
133
129
|
>
|
|
134
130
|
<button slot="actions" aria-label="Delete conversation">✕</button>
|
|
135
131
|
</lr-conversation-item>
|
|
132
|
+
<script type="module">
|
|
133
|
+
const item = document.querySelector("lr-conversation-item");
|
|
134
|
+
item.timestamp = session.updatedAt;
|
|
135
|
+
item.active = session.id === currentSessionId;
|
|
136
|
+
item.addEventListener("lr-select", (e) => openSession(e.detail.conversationId));
|
|
137
|
+
item.addEventListener("lr-rename", (e) => renameSession(e.detail.conversationId, e.detail.label));
|
|
138
|
+
</script>
|
|
136
139
|
```
|
|
137
140
|
|
|
138
141
|
`role="button"` lives on `[part="select-button"]`, so the row has
|
|
@@ -91,11 +91,20 @@ the ladder doesn't cover is a two-line override rather than a fork.
|
|
|
91
91
|
|
|
92
92
|
**Events:**
|
|
93
93
|
|
|
94
|
-
- `lr-expand`, `lr-collapse`, `lr-after-expand`, `lr-after-collapse` —
|
|
94
|
+
- `lr-expand`, `lr-collapse`, `lr-toggle-request`, `lr-after-expand`, `lr-after-collapse` —
|
|
95
|
+
accordion group lifecycle.
|
|
95
96
|
- `lr-show`, `lr-hide`, `lr-toggle`, `lr-after-show`, `lr-after-hide` — Details lifecycle only.
|
|
96
97
|
|
|
97
98
|
On the accordion, `lr-expand` and `lr-collapse` fire before a direct item changes, are cancelable,
|
|
98
|
-
and carry `detail: { item }`. **
|
|
99
|
+
and carry `detail: { item }`. **New in 10.0.0:** a cancelable `lr-toggle-request`
|
|
100
|
+
(`detail: { collapsed, item }`) fires alongside the matching directional event for every transition,
|
|
101
|
+
including sibling auto-collapses in `single`/`single-collapsible` mode and `collapseAll()`. It carries
|
|
102
|
+
the direction in the detail rather than the event name, matching `<lr-code-block>`/`<lr-chat-message>`'s
|
|
103
|
+
`lr-toggle-request` convention, plus an `item` reference the single-panel siblings do not need (an
|
|
104
|
+
accordion's toggling entity is one of several children, so the event target alone cannot identify it).
|
|
105
|
+
`preventDefault()` on **either** event vetoes the transition — the two are a symmetric veto pair, not
|
|
106
|
+
a primary and a notification. Note `<lr-thinking-panel>`'s own `lr-toggle-request` spells its detail
|
|
107
|
+
`{ expanded }` rather than `{ collapsed }`; the two conventions are not fully unified. **Changed in 9.0.0:** `item` is now always a `LyraAccordionItem` —
|
|
99
108
|
it could previously also be a `LyraDetails`. The exported `LyraAccordionPanel` union that spelled
|
|
100
109
|
that has been removed; use `LyraAccordionItem`. An accepted transition finishes with the
|
|
101
110
|
non-cancelable
|
|
@@ -93,13 +93,18 @@ chrome remains visible. The fallback order appears below.
|
|
|
93
93
|
- `lr-request-close` — cancelable request from a built-in affordance; detail source is
|
|
94
94
|
`'close-button' | 'keyboard' | 'overlay'`. Veto stops the close lifecycle. Direct `close()` and
|
|
95
95
|
`hide()` calls do not emit this request event.
|
|
96
|
-
- `lr-
|
|
96
|
+
- `lr-close` — cancelable, with `detail: DialogCloseReason`; emitted after `lr-hide`. The same name
|
|
97
|
+
is already used by `<lr-tool-select-dialog>`, `<lr-tool-result-dialog>`, and
|
|
98
|
+
`<lr-tool-approval-dialog>`, whose own docs describe an identical detail shape, so one listener
|
|
99
|
+
covers all of them. A listener calling `preventDefault()` vetoes the close. Also fired (with
|
|
100
|
+
reason `'unmount'`, non-cancelable there) when the dialog is removed from the DOM while still
|
|
101
|
+
open.
|
|
97
102
|
|
|
98
103
|
The two `lr-after-*` events are never cancelable.
|
|
99
104
|
|
|
100
105
|
The open sequence is `lr-show` → `lr-initial-focus` (when focus would move) → `lr-after-show`; the
|
|
101
|
-
direct close sequence is `lr-hide` → `lr-
|
|
102
|
-
prepends `lr-request-close`. **Both state pre-events fire _before_ the state changes**, so reading
|
|
106
|
+
direct close sequence is `lr-hide` → `lr-close` → `lr-after-hide`.
|
|
107
|
+
A built-in dismissal prepends `lr-request-close`. **Both state pre-events fire _before_ the state changes**, so reading
|
|
103
108
|
`el.open` inside an `lr-show`/`lr-hide` handler returns the _old_ value — this is the polarity
|
|
104
109
|
`wa-show`/`wa-hide` already had, and the opposite of what Lyra 7.x's own `lr-show`/`lr-hide` did on
|
|
105
110
|
`lr-popover`/`lr-dropdown`. The `wa-*` → `lr-*` migration table treats the rename as mechanical, and
|
|
@@ -115,8 +120,8 @@ and easing. Under `prefers-reduced-motion: reduce`, registry timing flattens to
|
|
|
115
120
|
frame and lifecycle remain intact. Passing `null` skips native interpolation but still emits the
|
|
116
121
|
matching after-event before the method promise resolves. Because dialogs now animate on close too,
|
|
117
122
|
`lr-after-hide` is normally deferred by roughly one animation. A removal while open emits
|
|
118
|
-
`lr-hide`, `lr-
|
|
119
|
-
cancelable, since the element is already gone.
|
|
123
|
+
`lr-hide`, `lr-close` (reason `'unmount'`) and `lr-after-hide` in that
|
|
124
|
+
order, none of them cancelable, since the element is already gone.
|
|
120
125
|
|
|
121
126
|
**Stacking and the top layer:** an open dialog is promoted into the browser **top layer** (via
|
|
122
127
|
`popover="manual"`), new in 8.0.0. That means it escapes every ancestor stacking context and every
|
|
@@ -205,7 +210,7 @@ Otherwise shared tokens include `--lr-space-l/-m/-s`, `--lr-color-surface/-borde
|
|
|
205
210
|
dlg.addEventListener("lr-after-show", () =>
|
|
206
211
|
console.log("enter animation done")
|
|
207
212
|
);
|
|
208
|
-
dlg.addEventListener("lr-
|
|
213
|
+
dlg.addEventListener("lr-close", (e) =>
|
|
209
214
|
console.log("closed:", e.detail)
|
|
210
215
|
);
|
|
211
216
|
dlg.addEventListener("lr-after-hide", () =>
|
|
@@ -288,7 +293,7 @@ if (ok) deleteConversation();
|
|
|
288
293
|
```
|
|
289
294
|
|
|
290
295
|
`confirm(options: ConfirmOptions): Promise<boolean>` where
|
|
291
|
-
`ConfirmOptions = { title: string; description?: string; confirmLabel?: string /* = 'Confirm' */; cancelLabel?: string /* = 'Cancel' */; variant?: 'neutral' | 'danger' /* = 'neutral'
|
|
296
|
+
`ConfirmOptions = { title: string; description?: string; confirmLabel?: string /* = 'Confirm' */; cancelLabel?: string /* = 'Cancel' */; variant?: 'neutral' | 'danger' /* = 'neutral' */ }`.
|
|
292
297
|
|
|
293
298
|
Resolves `true` only when the confirm button is pressed — Escape, a backdrop click, and the cancel
|
|
294
299
|
button all resolve `false`. It sets `lightDismiss = true` on its transient dialog explicitly, so the
|
|
@@ -299,8 +304,8 @@ of the call and removes it once settled, rather than reusing a persistent page-l
|
|
|
299
304
|
stack, each tied to its own returned promise. `title` becomes a direct light-DOM `<h2>`, which per `<lr-dialog>`'s
|
|
300
305
|
own heading-detection also drives the dialog's accessible name; `description`, if provided, becomes
|
|
301
306
|
a direct light-DOM `<p>`. `variant: 'danger'` fills the confirm button with `--lr-color-danger`
|
|
302
|
-
instead of `--lr-color-brand`, for destructive actions. The deprecated `tone` option
|
|
303
|
-
|
|
307
|
+
instead of `--lr-color-brand`, for destructive actions. The deprecated `tone` option that preceded
|
|
308
|
+
`variant` was removed in 10.0.0. Confirm/cancel actions deliberately use native
|
|
304
309
|
inline-styled `<button>` elements so this helper does not register or import the broader button
|
|
305
310
|
component; every color value is still a `--lr-*` token reference, never a raw literal. They carry the same interaction
|
|
306
311
|
states as every other control in the library: a hover/pressed fill mixed toward
|
|
@@ -313,7 +318,7 @@ their `data-lr-confirm-action` attribute.
|
|
|
313
318
|
**Known gotchas:**
|
|
314
319
|
|
|
315
320
|
- Every dismissal path (confirm button, cancel button, Escape, backdrop click) funnels through
|
|
316
|
-
`<lr-dialog>`'s own `close()`/`lr-
|
|
321
|
+
`<lr-dialog>`'s own `close()`/`lr-close` event, so there is exactly one place that
|
|
317
322
|
resolves the promise and tears the dialog down — a consumer never needs to (and shouldn't) call
|
|
318
323
|
`.remove()` itself. Because the close event is cancelable, `confirm()` waits through the full
|
|
319
324
|
dispatch and remains pending/mounted when a listener calls `preventDefault()`.
|
|
@@ -112,19 +112,16 @@ being dragged. Plus shared tokens `--lr-color-surface`, `--lr-color-border`, `--
|
|
|
112
112
|
|
|
113
113
|
```html
|
|
114
114
|
<div style="position: relative; block-size: 100vh;">
|
|
115
|
-
<lr-dock-panel
|
|
116
|
-
edge="end"
|
|
117
|
-
extent="320px"
|
|
118
|
-
min-extent="200px"
|
|
119
|
-
max-extent="480px"
|
|
120
|
-
collapsible
|
|
121
|
-
@lr-resize-input=${(e) => updateLayoutPreview(e.detail.extent)}
|
|
122
|
-
@lr-resize-change=${(e) => persistExtent(e.detail.extent)}
|
|
123
|
-
@lr-collapse-change=${(e) => console.log(e.detail.collapsed)}
|
|
124
|
-
>
|
|
115
|
+
<lr-dock-panel edge="end" extent="320px" min-extent="200px" max-extent="480px" collapsible>
|
|
125
116
|
<div>Sidebar content — a chat thread list, an inspector, anything.</div>
|
|
126
117
|
</lr-dock-panel>
|
|
127
118
|
</div>
|
|
119
|
+
<script type="module">
|
|
120
|
+
const panel = document.querySelector("lr-dock-panel");
|
|
121
|
+
panel.addEventListener("lr-resize-input", (e) => updateLayoutPreview(e.detail.extent));
|
|
122
|
+
panel.addEventListener("lr-resize-change", (e) => persistExtent(e.detail.extent));
|
|
123
|
+
panel.addEventListener("lr-collapse-change", (e) => console.log(e.detail.collapsed));
|
|
124
|
+
</script>
|
|
128
125
|
```
|
|
129
126
|
|
|
130
127
|
Pointer-drag-resize admits only a primary pointer using its primary button, then mirrors
|
|
@@ -154,11 +154,11 @@ entry) or a third-party PDF/office-doc viewer, but neither is a dependency of th
|
|
|
154
154
|
|
|
155
155
|
```html
|
|
156
156
|
<lr-document-preview
|
|
157
|
+
id="text-preview"
|
|
157
158
|
filename="board-notes.txt"
|
|
158
159
|
mime-type="text/plain"
|
|
159
160
|
src="/files/board-notes.txt"
|
|
160
161
|
max-height="24rem"
|
|
161
|
-
@lr-render-error=${(e) => console.error(e.detail.error)}
|
|
162
162
|
></lr-document-preview>
|
|
163
163
|
|
|
164
164
|
<!-- A host driving its own server-side conversion -->
|
|
@@ -168,6 +168,11 @@ entry) or a third-party PDF/office-doc viewer, but neither is a dependency of th
|
|
|
168
168
|
<lr-document-preview filename="deck.pptx" mime-type="application/vnd.ms-powerpoint" src="/files/deck.pptx">
|
|
169
169
|
<lr-code-block slot="unsupported" language="text">Open in PowerPoint to preview.</lr-code-block>
|
|
170
170
|
</lr-document-preview>
|
|
171
|
+
<script type="module">
|
|
172
|
+
document
|
|
173
|
+
.getElementById("text-preview")
|
|
174
|
+
.addEventListener("lr-render-error", (e) => console.error(e.detail.error));
|
|
175
|
+
</script>
|
|
171
176
|
```
|
|
172
177
|
|
|
173
178
|
Accessibility: after the initial silent baseline, entering `"converting"` without numeric
|
|
@@ -53,8 +53,9 @@ value, without suppressing the visible `name` heading.
|
|
|
53
53
|
|
|
54
54
|
- `lr-close` — `detail: DocumentViewerCloseReason`, the viewer shell dialog's dismissal reason.
|
|
55
55
|
The event is emitted after the viewer sets `open` to `false`. A registered renderer may compose
|
|
56
|
-
its own descendant dialog; closing that inner dialog keeps its
|
|
57
|
-
does not close the document viewer.
|
|
56
|
+
its own descendant dialog; closing that inner dialog keeps its own `lr-close` path — the shell
|
|
57
|
+
guards on `event.target !== event.currentTarget` — and does not close the document viewer.
|
|
58
|
+
(`<lr-dialog>`'s close event was spelled `lr-dialog-close` before 10.0.0.)
|
|
58
59
|
- `lr-download` — `detail: { src, filename }`, emitted when the native safe download action is
|
|
59
60
|
activated. The browser download itself is handled by the link.
|
|
60
61
|
- `lr-anchor-result` — `detail: { found }`. Emitted by this shell as `{ found: false }` once per
|
|
@@ -7,7 +7,7 @@
|
|
|
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** `chart.js`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
10
|
+
- **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
11
11
|
- **Themeable via** 15 parts, 33 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-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`
|
|
@@ -25,7 +25,8 @@ and behavior there. **See `llms/components/lr-chart.md` for the details, code ex
|
|
|
25
25
|
of every entry in these lists.**
|
|
26
26
|
|
|
27
27
|
**Properties:** `description`, `grid`, `indexAxis` (`index-axis`), `label`, `hiddenDatasets`, `legendPosition`
|
|
28
|
-
(`legend-position`), `max`, `min`, `plugins`, `
|
|
28
|
+
(`legend-position`), `max`, `min`, `plugins`, `scaleType` (`scale-type`), `annotations`,
|
|
29
|
+
`stacked`, `withoutAnimation` (`without-animation`),
|
|
29
30
|
`withoutLegend` (`without-legend`), `withoutTooltip` (`without-tooltip`), `xLabel` (`x-label`),
|
|
30
31
|
`yLabel` (`y-label`), plus additive `labels`, `datasets`, `valueFormatter`, `formatter`, `area`, `zoom`,
|
|
31
32
|
`height`, `y2Label` (`y2-label`), `beginAtZero` (`begin-at-zero`), `dataLabels`
|
|
@@ -66,7 +67,7 @@ together. The mirrored hooks are `--border-color-1`,
|
|
|
66
67
|
`zoom` is set, and `chartjs-plugin-datalabels` only once `data-labels`/`stack-totals` is set.
|
|
67
68
|
|
|
68
69
|
```html
|
|
69
|
-
<lr-bar-chart
|
|
70
|
+
<lr-bar-chart></lr-bar-chart>
|
|
70
71
|
<lr-pie-chart></lr-pie-chart>
|
|
71
72
|
<script>
|
|
72
73
|
document.querySelector('lr-bar-chart').labels = ['A', 'B'];
|
|
@@ -19,7 +19,7 @@ A modal panel anchored to one logical edge of the viewport. `LyraDrawer` extends
|
|
|
19
19
|
inherits the entire dialog contract unchanged: focus trapping, Escape and opt-in backdrop dismissal,
|
|
20
20
|
document scroll locking, browser **top-layer** promotion, overlay stacking, accessible naming, the
|
|
21
21
|
`show()`/`hide()`/`close()` methods and the whole
|
|
22
|
-
`lr-show`/`lr-after-show`/`lr-hide`/`lr-after-hide`/`lr-
|
|
22
|
+
`lr-show`/`lr-after-show`/`lr-hide`/`lr-after-hide`/`lr-close` lifecycle. `contained` switches
|
|
23
23
|
to an absolute, nonmodal panel inside the nearest containing block; only that mode, `placement`, and
|
|
24
24
|
the slide animation are its own.
|
|
25
25
|
|
|
@@ -50,8 +50,8 @@ the slide animation are its own.
|
|
|
50
50
|
promise settles after the matching `lr-after-*` event.
|
|
51
51
|
|
|
52
52
|
**Events:** `lr-show` (cancelable), `lr-after-show`, `lr-hide` (cancelable), `lr-after-hide`, and
|
|
53
|
-
`lr-initial-focus` (cancelable), `lr-request-close` (cancelable, detail source), and
|
|
54
|
-
|
|
53
|
+
`lr-initial-focus` (cancelable), `lr-request-close` (cancelable, detail source), and `lr-close`
|
|
54
|
+
(`detail: DialogCloseReason`, cancelable) — all inherited unchanged from
|
|
55
55
|
`lr-dialog`; see that section for details and veto rules. `lr-after-show` /
|
|
56
56
|
`lr-after-hide` fire once the slide animation has finished, so they are deferred by roughly one
|
|
57
57
|
animation compared with the state flip.
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
A dossier card for one knowledge-graph entity: type badge, description, key/value property rows,
|
|
19
19
|
degree, community chip, plus a built-in "focus in graph" action. Never fetches or focuses a graph
|
|
20
|
-
itself — `lr-entity-
|
|
20
|
+
itself — `lr-entity-select` is a request a host routes into `lr-graph`'s own
|
|
21
21
|
`focusNode(id, options?)`.
|
|
22
22
|
|
|
23
23
|
**Properties:**
|
|
@@ -42,7 +42,7 @@ number; communityId?: string }`; field names deliberately mirror `lr-graph`'s `L
|
|
|
42
42
|
set — there is nothing left to tighten. The exported alias `EntityCardAppearance` is retained as a
|
|
43
43
|
name for the same union.
|
|
44
44
|
|
|
45
|
-
**Events:** `lr-entity-
|
|
45
|
+
**Events:** `lr-entity-select` (`detail: { entityId }`, the built-in focus button was activated).
|
|
46
46
|
|
|
47
47
|
**Slots:** default (extra body content below the property rows, e.g. a `lr-neighbor-list`),
|
|
48
48
|
`actions` (extra header actions alongside the built-in focus button).
|
|
@@ -75,7 +75,7 @@ from tokens.
|
|
|
75
75
|
};
|
|
76
76
|
document
|
|
77
77
|
.getElementById("card")
|
|
78
|
-
.addEventListener("lr-entity-
|
|
78
|
+
.addEventListener("lr-entity-select", (e) =>
|
|
79
79
|
graph.focusNode(e.detail.entityId)
|
|
80
80
|
);
|
|
81
81
|
</script>
|
|
@@ -33,7 +33,7 @@ before the type template is composed, so it never produces a leading punctuation
|
|
|
33
33
|
`, person`. An authored host `aria-label` intentionally names only the custom-element boundary;
|
|
34
34
|
it is not copied onto the shadow button because host naming does not cross that boundary.
|
|
35
35
|
|
|
36
|
-
**Events:** `lr-entity-
|
|
36
|
+
**Events:** `lr-entity-select` (`detail: { entityId }`, click, or Enter while focused),
|
|
37
37
|
`lr-entity-open` (`detail: { entityId }`, dblclick, or Space while focused).
|
|
38
38
|
|
|
39
39
|
**Slots:** default — rich preview content (typically a compact `lr-entity-card`), shown in a
|
|
@@ -53,7 +53,10 @@ shape?: 'circle' | 'square' | 'diamond' }`, the `lr-graph.nodeTypes` entry shape
|
|
|
53
53
|
`aria-label` names the dossier as a whole and is not cloned onto the strip
|
|
54
54
|
|
|
55
55
|
**Events:** declares none of its own. Every composed child's event bubbles through unmodified
|
|
56
|
-
(`composed: true`): `lr-entity-
|
|
56
|
+
(`composed: true`): `lr-entity-select` (`detail: { entityId }`, surfaced from the embedded entity
|
|
57
|
+
card or neighbor list), `lr-entity-activate` (`detail: { entityId, occurrenceIndex? }` — surfaced
|
|
58
|
+
from the embedded provenance panel's own community card or relationship path strip, the only
|
|
59
|
+
source carrying `occurrenceIndex`), `lr-node-expand` (`detail: { nodeId }`),
|
|
57
60
|
`lr-chunk-open` (`detail: { chunkId, sourceId, anchor? }`), `lr-expand` (`detail: { chunkId, expanded }`),
|
|
58
61
|
`lr-toggle` (`detail: { section, expanded }`), and `lr-tab-show`
|
|
59
62
|
(`detail: { tabId: LyraEntityDossierTab }`, where `LyraEntityDossierTab = 'relationships' | 'chunks'
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
- **Class** `LyraFileInput`, also available unregistered from `@aceshooting/lyra-ui/components/media/file-input/file-input.class.js`
|
|
7
7
|
- **Family** `components/media/` — 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
|
-
- **Deprecated part** `base` since `8.2.3`; use part `::part(file-input)`; removal not before `10.0.0` — The file-input part names the interactive picker surface; base remains on that same node during the compatibility window.
|
|
10
|
-
- **Deprecated part** `label` since `8.2.3`; use part `::part(form-control-label)`; removal not before `10.0.0` — The form-control-label part follows the shared form-control vocabulary; label remains on that same node during the compatibility window.
|
|
9
|
+
- **Deprecated part** `base` since `8.2.3`; use part `::part(file-input)`; removal not before `10.0.0` — The file-input part names the interactive picker surface; base remains on that same node during the compatibility window. That version is a policy floor, not a plan: `wa-file-input` still publishes its own deprecated `base` part, so this alias is removed only when upstream's is.
|
|
10
|
+
- **Deprecated part** `label` since `8.2.3`; use part `::part(form-control-label)`; removal not before `10.0.0` — The form-control-label part follows the shared form-control vocabulary; label remains on that same node during the compatibility window. That version is a policy floor, not a plan: `wa-file-input` still publishes its own deprecated `label` part, so this alias is removed only when upstream's is.
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 22 parts, 17 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
13
13
|
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
@@ -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** `@aceshooting/lyra-flags` — see `llms/peers.md`
|
|
11
|
-
- **Themeable via**
|
|
11
|
+
- **Themeable via** 3 parts, 3 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
|
---
|
|
@@ -20,7 +20,16 @@ Country/language flag image. Flag artwork ships in a **separate, optional peer p
|
|
|
20
20
|
|
|
21
21
|
**Properties:**
|
|
22
22
|
|
|
23
|
-
- `country?: string` (ISO 3166-1 alpha-2
|
|
23
|
+
- `country?: string` (ISO 3166-1 **alpha-2 or alpha-3**, e.g. `"fr"` or `"FRA"` — takes
|
|
24
|
+
precedence over `language`). Length alone disambiguates the two code spaces, so no format hint
|
|
25
|
+
is needed: a 2-letter value is alpha-2, a 3-letter value is alpha-3. Alpha-3 support exists
|
|
26
|
+
because public statistical sources (World Bank, UN, IMF, most open-data portals) key country
|
|
27
|
+
records on alpha-3; the 249 officially-assigned mappings are packed as a ~1.2 KB fixed-width
|
|
28
|
+
string and expanded lazily on the first alpha-3 lookup, so an alpha-2-only app never pays for
|
|
29
|
+
them. Withdrawn and user-assigned codes deliberately do not map to a successor state — they
|
|
30
|
+
take the unresolved path below
|
|
31
|
+
- `fallback?: string` — placeholder image URL rendered when the code cannot resolve to a current
|
|
32
|
+
flag. The `fallback` slot wins over it
|
|
24
33
|
- `language?: string` (BCP-47-ish tag, e.g. `"en"`/`"en-US"`, resolved to a representative country
|
|
25
34
|
via `languageToCountry()`)
|
|
26
35
|
- `src?: string` (a pre-resolved flag image URL — takes precedence over `country`/`language` and
|
|
@@ -45,11 +54,17 @@ authoring types are `LyraFlagShape`, `LyraFlagFidelity`, and `LyraFlagUrlResolve
|
|
|
45
54
|
|
|
46
55
|
**Events:** none.
|
|
47
56
|
|
|
48
|
-
**Slots:**
|
|
57
|
+
**Slots:** `fallback` — rendered in place of the flag when `country`/`language` cannot resolve to a
|
|
58
|
+
current flag (an unassigned, historical, or malformed code). Wins over the `fallback` property.
|
|
49
59
|
|
|
50
|
-
**CSS parts:** `image` (the underlying `<img>`, exposed once native loading succeeds),
|
|
60
|
+
**CSS parts:** `image` (the underlying `<img>`, exposed once native loading succeeds),
|
|
61
|
+
`fallback-image` (the `fallback` property's placeholder, when no slot content is supplied), `error`
|
|
51
62
|
(contained localized visible text rendered when URL validation, peer resolution, or native image
|
|
52
|
-
loading fails). The host reflects the terminal error state with `data-error
|
|
63
|
+
loading fails). The host reflects the terminal error state with `data-error`, and an unresolvable
|
|
64
|
+
code with `data-unresolved`. **The two are deliberately distinct:** a dissolved federation or
|
|
65
|
+
unrecognized territory in a longitudinal dataset is *data*, not a defect, so it renders the neutral
|
|
66
|
+
fallback (occupying its normal footprint in a table or card grid) rather than localized error
|
|
67
|
+
wording that reads to a user as a bug. Style the two states apart with those attributes.
|
|
53
68
|
|
|
54
69
|
**Themeable custom properties:** `--lr-flag-radius` (default `calc(var(--lr-radius) * 0.33)` —
|
|
55
70
|
rectangular corner radius), `--lr-flag-aspect-ratio` (default `4 / 3`), and
|
|
@@ -69,6 +69,17 @@ weekdayLabelText?: (jsWeekday:number)=>string|undefined; monthLabelText?:
|
|
|
69
69
|
measured `clientWidth` on every draw/resize instead of the fixed `cell-size`, so the grid actually
|
|
70
70
|
fills the available width; now applies to calendar mode as well as matrix mode — see gotchas for
|
|
71
71
|
the default, non-`fit-to-width` behavior)
|
|
72
|
+
- `rowLabelWidth?: number | 'auto'` (attribute `row-label-width`, reflected) — width, in CSS px, of
|
|
73
|
+
the **matrix** row-label gutter, or `'auto'` to measure the widest label and size the gutter to
|
|
74
|
+
fit (never below the built-in `60`, never above 40% of the host width, so one long label cannot
|
|
75
|
+
squeeze out the cells it describes). Unset keeps the built-in `60`, so no existing chart reflows.
|
|
76
|
+
Independently of this, a label too wide for the resolved gutter is truncated with an ellipsis
|
|
77
|
+
rather than clipped mid-glyph — clipping read as a rendering fault, truncation reads as "there is
|
|
78
|
+
more here". `cellText` still carries the full label to the tooltip and the keyboard announcement.
|
|
79
|
+
A malformed value is ignored rather than collapsing the gutter. Calendar mode is unaffected; it
|
|
80
|
+
has its own fixed weekday gutter
|
|
81
|
+
- `colLabelHeight?: number` (attribute `col-label-height`) — height, in CSS px, of the matrix
|
|
82
|
+
column-label band. Unset keeps the built-in `20`
|
|
72
83
|
- `maxCellSize?: number` (attribute `max-cell-size`) — ceiling, in CSS px, on the cell size
|
|
73
84
|
`fitToWidth` derives from the host width, in **both** modes. Exists because `fitToWidth` divides
|
|
74
85
|
the _whole_ host width across the grid, so a 5-week calendar or a 3-column matrix in a wide pane
|
|
@@ -86,6 +97,23 @@ weekdayLabelText?: (jsWeekday:number)=>string|undefined; monthLabelText?:
|
|
|
86
97
|
color ramp via `sqrtStep()` instead of mapping linearly; in calendar mode, the default `'linear'`
|
|
87
98
|
still buckets by quartile (`quartileBucket()`, unchanged), while `'sqrt'` instead compresses via the
|
|
88
99
|
same `sqrtStep()` magnitude compression as matrix mode, so one heavy day doesn't wash out the rest
|
|
100
|
+
- `domain?: [number, number]` (attribute: false) — pins the color ramp's input domain instead of
|
|
101
|
+
deriving it from the data's own extremes, so two heatmaps of comparable data can share a scale
|
|
102
|
+
rather than each normalizing to its own min/max. A reversed pair is normalized; a degenerate or
|
|
103
|
+
non-finite one falls back to the derived range
|
|
104
|
+
- `midpoint?: number` — anchors a diverging ramp's neutral color on this value rather than at the
|
|
105
|
+
middle of the domain, scaling the two halves independently (`lo`→0, `midpoint`→0.5, `hi`→1). A
|
|
106
|
+
midpoint outside the resolved domain degrades to plain normalization rather than distorting the
|
|
107
|
+
ramp
|
|
108
|
+
- **Signed data.** Setting either `domain` or `midpoint` opts the component into signed data, where
|
|
109
|
+
only a **non-finite** value is no-data. With neither set (the default), a negative value is
|
|
110
|
+
no-data — matching the long-documented `-1` sentinel, since a matrix of counts has no meaningful
|
|
111
|
+
negative. Declaring a domain or midpoint is what disambiguates "a real negative" from "the
|
|
112
|
+
sentinel", so signed datasets render their negative half instead of dropping it. In signed mode a
|
|
113
|
+
structurally absent matrix cell reads as `NaN` so it stays no-data while a real `-1` beside it
|
|
114
|
+
renders on the ramp; in default mode an absent cell still resolves to `-1`, keeping `valueAt()`
|
|
115
|
+
and the `lr-cell-click` payload unchanged. `scale="sqrt"` rejects negatives in both modes — a
|
|
116
|
+
square root of a negative has no meaning
|
|
89
117
|
- `bucketCount: number = 5` (attribute `bucket-count` — calendar mode only; non-finite values fall
|
|
90
118
|
back to 5, while finite values are floored and clamped to 2–256 before the color-ramp allocation)
|
|
91
119
|
- `annotations: readonly HeatmapAnnotation[] = []` (attribute: false) — `HeatmapAnnotation { row?: number;
|
|
@@ -99,7 +127,7 @@ row?: number; col?: number; date?: string }`, matched the same way as `annotatio
|
|
|
99
127
|
persistent ring (independent of keyboard focus) over the matching cell, appends a "Selected: ..."
|
|
100
128
|
description to the host's own `aria-label`, and adds localized selected wording to the keyboard
|
|
101
129
|
announcement when the focused cell is the selection. Purely a controlled property — mirrors
|
|
102
|
-
`<lr-lite-chart>`'s `
|
|
130
|
+
`<lr-lite-chart>`'s `selectedIndices`, this component never mutates it itself. Unset (the default,
|
|
103
131
|
`null`) reproduces today's exact output.
|
|
104
132
|
- `accessibleCells: boolean = false` (attribute `accessible-cells`) — renders `[part="cells"]` with
|
|
105
133
|
at most 400 `[part="cell"]` native buttons around the active cell. The semantic grid exposes the
|
|
@@ -7,7 +7,7 @@
|
|
|
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** `chart.js`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
10
|
+
- **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
11
11
|
- **Themeable via** 15 parts, 33 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
|
|
|
@@ -25,6 +25,8 @@ Bins `values` into `bins` equal-width buckets and renders as a bar chart (extend
|
|
|
25
25
|
- `seriesLabel: string = ''` (attribute `series-label`) — dataset label used for the
|
|
26
26
|
legend/tooltip/table; empty falls back to localized "Frequency". Inherited `label` keeps its
|
|
27
27
|
chart-wide accessible-name meaning.
|
|
28
|
+
- inherits `lr-chart`'s full surface, including `scaleType` (`scale-type`) and `annotations` —
|
|
29
|
+
a logarithmic frequency axis and threshold/band markers both apply to a histogram
|
|
28
30
|
- `labels`/`datasets`/`type` are **derived, read-only** (installed as getter/setter pairs on the
|
|
29
31
|
prototype; direct writes are silently ignored) — `labels`/`datasets` are computed from
|
|
30
32
|
`values`/`bins` (memoized per instance, keyed by reference equality on `values` plus the
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
- **Class** `LyraIcon`, also available unregistered from `@aceshooting/lyra-ui/components/utility/icon/icon.class.js`
|
|
7
7
|
- **Family** `components/utility/` — 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
|
-
- **Deprecated property** `autoWidth` / `auto-width` since `8.0.0`; use property `canvas="auto"`; removal not before `10.0.0` — autoWidth is a boolean compatibility spelling that cannot express fixed canvas sizes; canvas covers both automatic and explicit sizing.
|
|
9
|
+
- **Deprecated property** `autoWidth` / `auto-width` since `8.0.0`; use property `canvas="auto"`; removal not before `10.0.0` — autoWidth is a boolean compatibility spelling that cannot express fixed canvas sizes; canvas covers both automatic and explicit sizing. That version is a policy floor, not a plan: `wa-icon` still publishes its own deprecated `auto-width` attribute, so this alias is removed only when upstream's is.
|
|
10
10
|
- **Optional peers** `dompurify` — see `llms/peers.md`
|
|
11
11
|
- **Themeable via** 4 parts, 45 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`
|
|
@@ -21,7 +21,8 @@ It intentionally does not fetch remote references or validate values.
|
|
|
21
21
|
|
|
22
22
|
**Properties:** clone-owned, bounded, frozen `schema: JsonSchemaNode | null = null` and
|
|
23
23
|
`issues: readonly SchemaValidationIssue[] = []` (attribute: false); reassign a new schema record or
|
|
24
|
-
issue array after changes. `selectedPath: string =
|
|
24
|
+
issue array after changes. `selectedPath: string | null = null` (attribute `selected-path`) —
|
|
25
|
+
`null` means no selection, while the empty string is the valid JSON Pointer for the schema root;
|
|
25
26
|
`maxDepth: number = 20` (attribute `max-depth`, clamped to 100); `label: string = ''`.
|
|
26
27
|
|
|
27
28
|
**Exported types:** `JsonSchemaNode` covers `$ref`, type/title/description, properties/items,
|
|
@@ -79,9 +79,14 @@ same self-toggle-then-emit contract `lr-graph-legend` uses, so every feature wor
|
|
|
79
79
|
- `lr-hidden-types-change` (`detail: { hiddenTypes: string[] }`) — a node type's visibility changed
|
|
80
80
|
via the composed legend. Follows the same self-toggle-then-emit contract as `lr-pin-change`/
|
|
81
81
|
`lr-search-change`, so reassigning back is optional.
|
|
82
|
-
- `lr-search-change` (`detail: {
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
- `lr-search-change` (`detail: { query: string; matchCount: number; matchCountExact: boolean }`) —
|
|
83
|
+
the user typed in the toolbar's search box. `query` is the canonical `LyraSearchChangeDetail`
|
|
84
|
+
field name. `matchCount` is the same live node-filter total the result list and its live-region
|
|
85
|
+
announcement already compute (`0` while the query is empty). `matchCountExact` is always `true` —
|
|
86
|
+
this component's node filter has no truncating ceiling, unlike a paginated text-search viewer.
|
|
87
|
+
There is no `activeIndex`: this is a live node filter, not a cursor-based search. The component
|
|
88
|
+
has already applied the query to its own `searchQuery` property before emitting, so reassigning
|
|
89
|
+
it back is optional and a direct host assignment stays silent.
|
|
85
90
|
- Bubbling straight through from composed children, unmodified: `lr-node-click`
|
|
86
91
|
(`detail: { nodeId, x, y }`), `lr-link-click` (`detail: { sourceNodeId, targetNodeId, linkId? }`), `lr-community-click`
|
|
87
92
|
(`detail: { communityId }`), `lr-node-expand` (`detail: { nodeId }`, from `lr-graph` and/or `lr-neighbor-list`),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
- **Class** `LyraKnownDate`, also available unregistered from `@aceshooting/lyra-ui/components/utility/known-date/known-date.class.js`
|
|
7
7
|
- **Family** `components/utility/` — 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
|
-
- **Deprecated part** `label` since `8.0.0`; use part `::part(form-control-label)`; removal not before `10.0.0` — The form-control-label part matches the shared form-control vocabulary; label remains on that same node during the compatibility window.
|
|
9
|
+
- **Deprecated part** `label` since `8.0.0`; use part `::part(form-control-label)`; removal not before `10.0.0` — The form-control-label part matches the shared form-control vocabulary; label remains on that same node during the compatibility window. That version is a policy floor, not a plan: `wa-known-date` still publishes its own deprecated `label` part, so this alias is removed only when upstream's is.
|
|
10
10
|
- **Optional peers** none
|
|
11
11
|
- **Themeable via** 17 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`
|
|
@@ -119,7 +119,9 @@ assigned nodes update the announcement without requiring the wrapper component t
|
|
|
119
119
|
|
|
120
120
|
The `label` part alias was deprecated in 8.0.0 in favor of the shared form vocabulary
|
|
121
121
|
`form-control-label`. Both names remain on the same node during the compatibility window; use
|
|
122
|
-
`::part(form-control-label)` in new CSS.
|
|
122
|
+
`::part(form-control-label)` in new CSS. Removal is not scheduled: Web Awesome still publishes its
|
|
123
|
+
own deprecated `label` part on `<wa-known-date>`, and a mirrored tag owes its whole upstream
|
|
124
|
+
surface, so the alias goes only when upstream's does.
|
|
123
125
|
|
|
124
126
|
**The required marker.** The `*` the legend grows while `required` is the library's shared
|
|
125
127
|
required-field marker, and it takes the same three consumer-settable properties every other
|
|
@@ -7,7 +7,7 @@
|
|
|
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** `chart.js`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
10
|
+
- **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
11
11
|
- **Themeable via** 15 parts, 33 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
12
12
|
- **Documented with** `lr-bar-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`
|
|
@@ -25,7 +25,8 @@ and behavior there. **See `llms/components/lr-chart.md` for the details, code ex
|
|
|
25
25
|
of every entry in these lists.**
|
|
26
26
|
|
|
27
27
|
**Properties:** `description`, `grid`, `indexAxis` (`index-axis`), `label`, `hiddenDatasets`, `legendPosition`
|
|
28
|
-
(`legend-position`), `max`, `min`, `plugins`, `
|
|
28
|
+
(`legend-position`), `max`, `min`, `plugins`, `scaleType` (`scale-type`), `annotations`,
|
|
29
|
+
`stacked`, `withoutAnimation` (`without-animation`),
|
|
29
30
|
`withoutLegend` (`without-legend`), `withoutTooltip` (`without-tooltip`), `xLabel` (`x-label`),
|
|
30
31
|
`yLabel` (`y-label`), plus additive `labels`, `datasets`, `valueFormatter`, `formatter`, `area`, `zoom`,
|
|
31
32
|
`height`, `y2Label` (`y2-label`), `beginAtZero` (`begin-at-zero`), `dataLabels`
|
|
@@ -66,7 +67,7 @@ together. The mirrored hooks are `--border-color-1`,
|
|
|
66
67
|
`zoom` is set, and `chartjs-plugin-datalabels` only once `data-labels`/`stack-totals` is set.
|
|
67
68
|
|
|
68
69
|
```html
|
|
69
|
-
<lr-bar-chart
|
|
70
|
+
<lr-bar-chart></lr-bar-chart>
|
|
70
71
|
<lr-pie-chart></lr-pie-chart>
|
|
71
72
|
<script>
|
|
72
73
|
document.querySelector('lr-bar-chart').labels = ['A', 'B'];
|
|
@@ -7,7 +7,7 @@
|
|
|
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** `chart.js`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
10
|
+
- **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
11
11
|
- **Themeable via** 17 parts, 16 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
|
|
|
@@ -103,11 +103,21 @@ passthrough). Not a subclass of `LyraChart`.
|
|
|
103
103
|
- `valueAxisGutter?: number` (attribute `value-axis-gutter`) — value-axis gutter width.
|
|
104
104
|
- `barGapRatio?: number` (attribute `bar-gap-ratio`) — overrides the internal 0.2 `BAR_GROUP_GAP`
|
|
105
105
|
fraction of a category slot left as a gap between categories. Unset keeps the fixed 0.2.
|
|
106
|
-
- `scale: 'linear' | 'sqrt' = 'linear'` (bar type only)
|
|
107
|
-
`Math.sqrt(value / domainMax)` instead of the standard linear `niceDomain`
|
|
108
|
-
`lr-heatmap`'s matrix-mode `sqrt` scale), so a skewed dataset's smaller bars
|
|
109
|
-
by one dominant value; gridlines/tick labels stay on the linear
|
|
110
|
-
ignores it entirely.
|
|
106
|
+
- `scale: 'linear' | 'sqrt' | 'logarithmic' = 'linear'` — `'sqrt'` (**bar type only**) maps a bar's
|
|
107
|
+
value to height via `Math.sqrt(value / domainMax)` instead of the standard linear `niceDomain`
|
|
108
|
+
fraction (mirroring `lr-heatmap`'s matrix-mode `sqrt` scale), so a skewed dataset's smaller bars
|
|
109
|
+
aren't washed out by one dominant value; under `'sqrt'` gridlines/tick labels stay on the linear
|
|
110
|
+
domain and `type="line"` ignores it entirely.
|
|
111
|
+
`'logarithmic'` is the base-10 value axis for data spanning several orders of magnitude, where a
|
|
112
|
+
linear axis collapses everything below the maximum into the baseline. Unlike `'sqrt'` it applies
|
|
113
|
+
to **bars, line points and gridlines alike**, since a log axis whose gridlines stayed linear
|
|
114
|
+
would misrepresent the plot. Its lower bound is the smallest *positive* datum rather than the
|
|
115
|
+
linear `lo`: `beginAtZero` defaults to true, so `lo` is normally `0`, which has no logarithm —
|
|
116
|
+
deriving the floor from the data is what makes a 1…1000 series span three even decades instead of
|
|
117
|
+
collapsing onto one. Values at or below that floor (including zero and negatives, which have no
|
|
118
|
+
real logarithm) pin to the axis floor rather than producing `-Infinity` geometry, and a degenerate
|
|
119
|
+
domain falls back to the linear fraction. `lr-chart`'s own `scaleType` is the Chart.js-backed
|
|
120
|
+
equivalent for the full charts.
|
|
111
121
|
- `withoutValueAxis: boolean = false` (attribute `without-value-axis`) — suppresses gridlines and
|
|
112
122
|
value-axis tick labels; x-axis category labels remain.
|
|
113
123
|
- `selectedIndices: readonly number[] = []` (attribute: false) — applies to every interactive data mark for
|