@aceshooting/lyra-ui 19.0.1 → 20.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 +159 -0
- package/custom-elements.json +1 -1
- package/dist/cli/migration-contract.json +1 -1
- package/dist/components/agent-tools/activity-feed/activity-feed.class.d.ts +14 -4
- package/dist/components/agent-tools/activity-feed/activity-feed.styles.js +1 -1
- package/dist/components/agent-tools/approval-queue/approval-queue.class.d.ts +1 -0
- package/dist/components/agent-tools/approval-queue/approval-queue.class.js +4 -3
- package/dist/components/agent-tools/approval-queue/approval-queue.styles.js +1 -1
- package/dist/components/agent-tools/artifact-panel/artifact-panel.class.d.ts +3 -1
- package/dist/components/agent-tools/context-inspector/context-inspector.class.d.ts +1 -0
- package/dist/components/agent-tools/context-inspector/context-inspector.class.js +4 -3
- package/dist/components/agent-tools/context-inspector/context-inspector.styles.js +1 -1
- package/dist/components/agent-tools/eval-dataset/eval-dataset.class.js +1 -1
- package/dist/components/agent-tools/eval-result/eval-result.class.js +1 -1
- package/dist/components/agent-tools/evaluation-run/evaluation-run.class.d.ts +1 -0
- package/dist/components/agent-tools/evaluation-run/evaluation-run.class.js +4 -3
- package/dist/components/agent-tools/evaluation-run/evaluation-run.styles.js +1 -1
- package/dist/components/agent-tools/policy-summary/policy-summary.class.d.ts +1 -0
- package/dist/components/agent-tools/policy-summary/policy-summary.class.js +4 -3
- package/dist/components/agent-tools/policy-summary/policy-summary.styles.js +1 -1
- package/dist/components/agent-tools/prompt-studio/prompt-studio.class.js +1 -1
- package/dist/components/agent-tools/schema-viewer/schema-viewer.class.d.ts +10 -1
- package/dist/components/agent-tools/schema-viewer/schema-viewer.class.js +3 -3
- package/dist/components/agent-tools/subagent-panel/subagent-panel.class.js +1 -1
- package/dist/components/agent-tools/thinking-panel/thinking-panel.class.d.ts +6 -3
- package/dist/components/agent-tools/thinking-panel/thinking-panel.styles.js +1 -1
- package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.d.ts +14 -3
- package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.js +2 -2
- package/dist/components/agent-tools/tool-param-form/tool-param-form.class.d.ts +12 -2
- package/dist/components/agent-tools/tool-param-form/tool-param-form.class.js +3 -1
- package/dist/components/charts/chart/box-plot.class.d.ts +15 -3
- package/dist/components/charts/chart/box-plot.class.js +3 -3
- package/dist/components/charts/chart/box-plot.styles.js +1 -1
- package/dist/components/charts/chart/chart.class.d.ts +23 -5
- package/dist/components/charts/chart/chart.class.js +2 -2
- package/dist/components/charts/chart/chart.styles.js +1 -1
- package/dist/components/charts/chart/lite-chart.class.js +1 -1
- package/dist/components/charts/chart/lite-chart.styles.js +1 -1
- package/dist/components/conversation/audio-visualizer/audio-visualizer.class.d.ts +4 -2
- package/dist/components/conversation/audio-visualizer/audio-visualizer.class.js +1 -1
- package/dist/components/conversation/branch-picker/branch-picker.class.d.ts +4 -2
- package/dist/components/conversation/branch-picker/branch-picker.class.js +1 -1
- package/dist/components/conversation/chat-viewport/chat-viewport.class.d.ts +4 -3
- package/dist/components/conversation/chat-viewport/chat-viewport.class.js +1 -1
- package/dist/components/conversation/code-block/code-block-core.class.d.ts +6 -11
- package/dist/components/conversation/code-block/code-block-core.class.js +1 -1
- package/dist/components/conversation/code-block/code-block-shared.d.ts +29 -1
- package/dist/components/conversation/code-block/code-block-shared.js +1 -1
- package/dist/components/conversation/code-block/code-block.class.d.ts +6 -11
- package/dist/components/conversation/code-block/code-block.class.js +1 -1
- package/dist/components/conversation/markdown/markdown-shared.js +2 -2
- package/dist/components/conversation/message-actions/message-actions.class.d.ts +4 -2
- package/dist/components/conversation/message-actions/message-actions.class.js +2 -2
- package/dist/components/conversation/message-parts/message-parts.class.d.ts +17 -2
- package/dist/components/conversation/model-select/model-select.class.js +1 -0
- package/dist/components/conversation/model-select/model-select.styles.js +1 -1
- package/dist/components/conversation/prompt-input/prompt-input.class.d.ts +5 -1
- package/dist/components/conversation/prompt-input/prompt-input.class.js +2 -2
- package/dist/components/conversation/prompt-queue/prompt-queue.class.d.ts +6 -1
- package/dist/components/conversation/prompt-queue/prompt-queue.class.js +2 -2
- package/dist/components/conversation/realtime-session/realtime-session.class.d.ts +5 -1
- package/dist/components/conversation/realtime-session/realtime-session.class.js +1 -1
- package/dist/components/conversation/selection-toolbar/selection-toolbar.class.d.ts +5 -1
- package/dist/components/conversation/selection-toolbar/selection-toolbar.class.js +1 -1
- package/dist/components/conversation/voice-picker/voice-picker.class.d.ts +13 -2
- package/dist/components/conversation/voice-picker/voice-picker.class.js +5 -3
- package/dist/components/conversation/voice-picker/voice-picker.styles.js +1 -1
- package/dist/components/data/calendar/calendar.class.d.ts +9 -0
- package/dist/components/data/calendar/calendar.class.js +2 -2
- package/dist/components/data/calendar/calendar.styles.js +1 -1
- package/dist/components/data/condition-builder/condition-builder.class.d.ts +5 -1
- package/dist/components/data/context-meter/context-meter.class.d.ts +4 -0
- package/dist/components/data/context-meter/context-meter.styles.js +1 -1
- package/dist/components/data/data-grid/data-grid.class.d.ts +8 -2
- package/dist/components/data/data-grid/data-grid.class.js +1 -2
- package/dist/components/data/flow-node/flow-node.class.d.ts +7 -4
- package/dist/components/data/flow-node/flow-node.styles.js +1 -1
- package/dist/components/data/funnel/funnel.class.d.ts +5 -0
- package/dist/components/data/funnel/funnel.class.js +4 -3
- package/dist/components/data/funnel/funnel.styles.js +1 -1
- package/dist/components/data/gauge/gauge.class.d.ts +12 -1
- package/dist/components/data/gauge/gauge.styles.js +1 -1
- package/dist/components/data/graph-query-builder/graph-query-builder.class.d.ts +50 -13
- package/dist/components/data/graph-query-builder/graph-query-builder.class.js +2 -2
- package/dist/components/data/graph-query-builder/graph-query-builder.styles.js +1 -1
- package/dist/components/data/heatmap/heatmap.class.d.ts +27 -9
- package/dist/components/data/heatmap/heatmap.class.js +5 -3
- package/dist/components/data/sequence-strip/sequence-strip.class.d.ts +2 -0
- package/dist/components/data/sequence-strip/sequence-strip.styles.js +1 -1
- package/dist/components/data/table/table.class.d.ts +8 -0
- package/dist/components/data/table/table.class.js +2 -1
- package/dist/components/data/tree/tree.class.d.ts +20 -1
- package/dist/components/data/tree/tree.class.js +1 -1
- package/dist/components/data/word-cloud/word-cloud.class.d.ts +4 -1
- package/dist/components/data/word-cloud/word-cloud.class.js +2 -2
- package/dist/components/forms/button/button.class.js +1 -1
- package/dist/components/forms/checkbox/checkbox.class.d.ts +11 -8
- package/dist/components/forms/checkbox/checkbox.class.js +1 -1
- package/dist/components/forms/checkbox/checkbox.styles.js +1 -1
- package/dist/components/forms/checkbox-group/checkbox-group.class.d.ts +2 -2
- package/dist/components/forms/checkbox-group/checkbox-group.class.js +1 -1
- package/dist/components/forms/code-editor/code-editor.class.d.ts +2 -0
- package/dist/components/forms/code-editor/code-editor.class.js +1 -1
- package/dist/components/forms/code-editor/code-editor.styles.js +1 -1
- package/dist/components/forms/color-picker/color-picker.class.d.ts +11 -1
- package/dist/components/forms/color-picker/color-picker.class.js +4 -3
- package/dist/components/forms/combobox/combobox.class.d.ts +67 -18
- package/dist/components/forms/combobox/combobox.class.js +7 -6
- package/dist/components/forms/combobox/combobox.styles.js +1 -1
- package/dist/components/forms/date-picker/date-input.class.d.ts +22 -2
- package/dist/components/forms/date-picker/date-input.class.js +4 -2
- package/dist/components/forms/date-picker/date-input.styles.js +1 -1
- package/dist/components/forms/emoji-picker/emoji-data-loader.d.ts +18 -4
- package/dist/components/forms/emoji-picker/emoji-data-loader.js +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.class.d.ts +18 -4
- package/dist/components/forms/emoji-picker/emoji-picker.class.js +1 -1
- package/dist/components/forms/emoji-picker/emoji-picker.styles.js +1 -1
- package/dist/components/forms/icon-button/icon-button.class.d.ts +1 -1
- package/dist/components/forms/input/time-input.class.d.ts +11 -1
- package/dist/components/forms/input/time-input.class.js +4 -3
- package/dist/components/forms/input/time-input.styles.js +1 -1
- package/dist/components/forms/locale-picker/locale-picker.class.d.ts +17 -3
- package/dist/components/forms/locale-picker/locale-picker.class.js +3 -2
- package/dist/components/forms/locale-picker/locale-picker.styles.js +1 -1
- package/dist/components/forms/otp-input/otp-input.class.d.ts +13 -5
- package/dist/components/forms/otp-input/otp-input.class.js +2 -2
- package/dist/components/forms/otp-input/otp-input.styles.js +1 -1
- package/dist/components/forms/phone-input/phone-input.class.d.ts +10 -3
- package/dist/components/forms/phone-input/phone-input.class.js +6 -2
- package/dist/components/forms/phone-input/phone-input.styles.js +1 -1
- package/dist/components/forms/radio/radio-group.class.d.ts +1 -1
- package/dist/components/forms/radio/radio-group.class.js +2 -2
- package/dist/components/forms/rubric-form/rubric-form.class.d.ts +9 -1
- package/dist/components/forms/rubric-form/rubric-form.class.js +5 -3
- package/dist/components/forms/select/select.class.d.ts +4 -0
- package/dist/components/forms/select/select.styles.js +1 -1
- package/dist/components/forms/slider/slider.class.d.ts +5 -1
- package/dist/components/forms/slider/slider.class.js +3 -3
- package/dist/components/forms/switch/switch.class.d.ts +6 -5
- package/dist/components/forms/switch/switch.class.js +1 -1
- package/dist/components/forms/time-range/time-range.class.d.ts +2 -2
- package/dist/components/forms/token-input/token-input.class.d.ts +13 -3
- package/dist/components/forms/token-input/token-input.class.js +3 -1
- package/dist/components/layout/carousel/carousel.class.d.ts +4 -1
- package/dist/components/layout/carousel/carousel.class.js +1 -1
- package/dist/components/layout/command-palette/command-palette.class.d.ts +8 -2
- package/dist/components/layout/command-palette/command-palette.class.js +1 -1
- package/dist/components/layout/command-palette/command-palette.styles.js +1 -1
- package/dist/components/layout/details/accordion.class.js +1 -1
- package/dist/components/layout/dock-panel/dock-panel.class.d.ts +10 -7
- package/dist/components/layout/dock-panel/dock-panel.class.js +2 -2
- package/dist/components/layout/dock-panel/dock-panel.styles.js +1 -1
- package/dist/components/layout/menu/menu.class.d.ts +13 -3
- package/dist/components/layout/menu/menu.class.js +4 -3
- package/dist/components/layout/menu/menu.styles.js +1 -1
- package/dist/components/layout/page/page.class.d.ts +7 -1
- package/dist/components/layout/reorder-list/reorder-list.class.d.ts +1 -1
- package/dist/components/layout/reorder-list/reorder-list.class.js +1 -1
- package/dist/components/layout/segmented/segmented.class.d.ts +2 -0
- package/dist/components/layout/segmented/segmented.styles.js +1 -1
- package/dist/components/layout/virtual-list/virtual-list.styles.js +1 -1
- package/dist/components/layout/widget/widget.class.d.ts +15 -2
- package/dist/components/layout/widget/widget.class.js +1 -1
- package/dist/components/layout/widget/widget.styles.js +1 -1
- package/dist/components/media/avatar/avatar.class.d.ts +4 -0
- package/dist/components/media/avatar/avatar.styles.js +1 -1
- package/dist/components/media/avatar-group/avatar-group.class.d.ts +8 -1
- package/dist/components/media/avatar-group/avatar-group.styles.js +1 -1
- package/dist/components/media/drop-zone/drop-zone.class.d.ts +10 -4
- package/dist/components/media/drop-zone/drop-zone.class.js +2 -2
- package/dist/components/media/drop-zone/drop-zone.styles.js +1 -1
- package/dist/components/media/flag/flag.class.js +1 -1
- package/dist/components/media/map/map.class.d.ts +19 -5
- package/dist/components/media/map/map.class.js +3 -3
- package/dist/components/media/video-playlist/video-playlist.class.d.ts +6 -3
- package/dist/components/media/video-playlist/video-playlist.class.js +1 -1
- package/dist/components/overlays/callout/callout.class.d.ts +4 -1
- package/dist/components/overlays/dialog/dialog.class.d.ts +4 -1
- package/dist/components/overlays/overlay/overlay.styles.js +1 -1
- package/dist/components/overlays/overlay/popover.class.d.ts +9 -1
- package/dist/components/overlays/overlay/popover.class.js +3 -2
- package/dist/components/overlays/overlay/tooltip.class.d.ts +14 -4
- package/dist/components/overlays/overlay/tooltip.class.js +3 -2
- package/dist/components/overlays/popup/popup.class.d.ts +15 -1
- package/dist/components/overlays/popup/popup.class.js +3 -3
- package/dist/components/overlays/popup/popup.styles.js +1 -1
- package/dist/components/overlays/progress/progress-bar.class.d.ts +2 -0
- package/dist/components/overlays/progress/progress.styles.js +1 -1
- package/dist/components/retrieval/citation-badge/citation-badge.class.d.ts +4 -2
- package/dist/components/retrieval/citation-badge/citation-badge.class.js +1 -1
- package/dist/components/retrieval/claim-evidence/claim-evidence.class.d.ts +4 -0
- package/dist/components/retrieval/claim-evidence/claim-evidence.class.js +4 -3
- package/dist/components/retrieval/claim-evidence/claim-evidence.styles.js +1 -1
- package/dist/components/retrieval/community-card/community-card.class.d.ts +6 -1
- package/dist/components/retrieval/community-card/community-card.styles.js +1 -1
- package/dist/components/retrieval/embedding-explorer/embedding-explorer.class.d.ts +9 -1
- package/dist/components/retrieval/embedding-explorer/embedding-explorer.class.js +4 -3
- package/dist/components/retrieval/entity-card/entity-card.styles.js +1 -1
- package/dist/components/retrieval/entity-chip/entity-chip.class.d.ts +4 -2
- package/dist/components/retrieval/entity-chip/entity-chip.class.js +1 -1
- package/dist/components/retrieval/entity-dossier/entity-dossier.class.js +2 -2
- package/dist/components/retrieval/graph-legend/graph-legend.class.d.ts +18 -4
- package/dist/components/retrieval/graph-legend/graph-legend.class.js +2 -2
- package/dist/components/retrieval/grounding-summary/grounding-summary.class.d.ts +7 -0
- package/dist/components/retrieval/grounding-summary/grounding-summary.class.js +4 -3
- package/dist/components/retrieval/grounding-summary/grounding-summary.styles.js +1 -1
- package/dist/components/retrieval/memory-panel/memory-panel.class.d.ts +6 -0
- package/dist/components/retrieval/memory-panel/memory-panel.class.js +4 -3
- package/dist/components/retrieval/memory-panel/memory-panel.styles.js +1 -1
- package/dist/components/retrieval/mind-map/mind-map-layout.d.ts +17 -1
- package/dist/components/retrieval/mind-map/mind-map-layout.js +1 -1
- package/dist/components/retrieval/mind-map/mind-map.class.d.ts +8 -1
- package/dist/components/retrieval/mind-map/mind-map.class.js +3 -2
- package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.d.ts +5 -0
- package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.js +6 -5
- package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.styles.js +1 -1
- package/dist/components/retrieval/retrieval-compare/retrieval-compare.class.js +5 -5
- package/dist/components/retrieval/retrieval-compare/retrieval-compare.styles.js +1 -1
- package/dist/components/retrieval/source-list/source-list.class.d.ts +21 -2
- package/dist/components/retrieval/source-list/source-list.class.js +2 -2
- package/dist/components/retrieval/source-list/source-list.styles.js +1 -1
- package/dist/components/retrieval/source-picker/source-picker.class.d.ts +3 -1
- package/dist/components/retrieval/source-picker/source-picker.class.js +2 -2
- package/dist/components/utility/diff-view/diff-view.class.d.ts +105 -8
- package/dist/components/utility/diff-view/diff-view.class.js +21 -5
- package/dist/components/utility/diff-view/diff-view.styles.js +1 -1
- package/dist/components/utility/export-button/export-button.class.d.ts +26 -2
- package/dist/components/utility/export-button/export-button.class.js +4 -2
- package/dist/components/utility/export-button/export-button.styles.js +1 -1
- package/dist/components/utility/mention-popover/mention-popover.class.d.ts +19 -1
- package/dist/components/utility/mention-popover/mention-popover.class.js +3 -2
- package/dist/components/utility/mention-popover/mention-popover.styles.js +1 -1
- package/dist/components/utility/tour/tour.class.d.ts +1 -3
- package/dist/components/utility/tour/tour.class.js +1 -1
- package/dist/components/viewers/archive-viewer/archive-viewer.class.d.ts +20 -3
- package/dist/components/viewers/archive-viewer/archive-viewer.class.js +1 -1
- package/dist/components/viewers/ebook-viewer/ebook-viewer.class.js +1 -1
- package/dist/components/viewers/geojson-view/geojson-view.styles.js +1 -1
- package/dist/components/viewers/geojson-view/geojson-viewer.class.d.ts +5 -0
- package/dist/components/viewers/geojson-view/geojson-viewer.class.js +6 -3
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.d.ts +7 -1
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.js +1 -1
- package/dist/components/viewers/pptx-viewer/pptx-viewer.class.d.ts +7 -1
- package/dist/components/viewers/pptx-viewer/pptx-viewer.class.js +1 -1
- package/dist/components/viewers/xml-viewer/xml-viewer.class.d.ts +5 -0
- package/dist/components/viewers/xml-viewer/xml-viewer.class.js +1 -1
- package/dist/custom-elements-jsx.d.ts +1 -1
- package/dist/events.d.ts +79 -30
- package/dist/internal/accessibility-visibility.js +1 -1
- package/dist/internal/aria-reflection.js +1 -1
- package/dist/internal/catalog-picker.d.ts +14 -3
- package/dist/internal/catalog-picker.js +1 -1
- package/dist/internal/default-strings.generated.d.ts +1 -1
- package/dist/internal/default-strings.generated.js +2 -2
- package/dist/internal/localization-types.d.ts +1 -1
- package/dist/internal/localization.js +2 -2
- package/dist/internal/lyra-element.d.ts +17 -0
- package/dist/internal/lyra-element.js +2 -2
- package/dist/internal/package-metadata.d.ts +1 -1
- package/dist/internal/package-metadata.js +1 -1
- package/dist/svelte.d.ts +1 -1
- package/dist/testing/lyra-tag-event-map.js +1 -1
- package/dist/translations/ar/agent-tools.js +1 -1
- package/dist/translations/ar/data.js +1 -1
- package/dist/translations/ar/retrieval.js +1 -1
- package/dist/translations/ar/shared.js +1 -1
- package/dist/translations/ar/viewers.js +1 -1
- package/dist/translations/de/agent-tools.js +1 -1
- package/dist/translations/de/data.js +1 -1
- package/dist/translations/de/retrieval.js +1 -1
- package/dist/translations/de/shared.js +1 -1
- package/dist/translations/de/viewers.js +1 -1
- package/dist/translations/es/agent-tools.js +1 -1
- package/dist/translations/es/data.js +1 -1
- package/dist/translations/es/retrieval.js +1 -1
- package/dist/translations/es/shared.js +1 -1
- package/dist/translations/es/viewers.js +1 -1
- package/dist/translations/fa/agent-tools.js +1 -1
- package/dist/translations/fa/data.js +1 -1
- package/dist/translations/fa/retrieval.js +1 -1
- package/dist/translations/fa/shared.js +1 -1
- package/dist/translations/fa/viewers.js +1 -1
- package/dist/translations/fr/agent-tools.js +1 -1
- package/dist/translations/fr/data.js +1 -1
- package/dist/translations/fr/retrieval.js +1 -1
- package/dist/translations/fr/shared.js +1 -1
- package/dist/translations/fr/viewers.js +1 -1
- package/dist/translations/he/agent-tools.js +1 -1
- package/dist/translations/he/data.js +1 -1
- package/dist/translations/he/retrieval.js +1 -1
- package/dist/translations/he/shared.js +1 -1
- package/dist/translations/he/viewers.js +1 -1
- package/dist/translations/it/agent-tools.js +1 -1
- package/dist/translations/it/data.js +1 -1
- package/dist/translations/it/retrieval.js +1 -1
- package/dist/translations/it/shared.js +1 -1
- package/dist/translations/it/viewers.js +1 -1
- package/dist/translations/ja/agent-tools.js +1 -1
- package/dist/translations/ja/data.js +1 -1
- package/dist/translations/ja/retrieval.js +1 -1
- package/dist/translations/ja/shared.js +1 -1
- package/dist/translations/ja/viewers.js +1 -1
- package/dist/translations/pt-BR/agent-tools.js +1 -1
- package/dist/translations/pt-BR/data.js +1 -1
- package/dist/translations/pt-BR/retrieval.js +1 -1
- package/dist/translations/pt-BR/shared.js +1 -1
- package/dist/translations/pt-BR/viewers.js +1 -1
- package/dist/translations/ro/agent-tools.js +1 -1
- package/dist/translations/ro/data.js +1 -1
- package/dist/translations/ro/retrieval.js +1 -1
- package/dist/translations/ro/shared.js +1 -1
- package/dist/translations/ro/viewers.js +1 -1
- package/dist/translations/ru/agent-tools.js +1 -1
- package/dist/translations/ru/data.js +1 -1
- package/dist/translations/ru/retrieval.js +1 -1
- package/dist/translations/ru/shared.js +1 -1
- package/dist/translations/ru/viewers.js +1 -1
- package/dist/translations/zh-CN/agent-tools.js +1 -1
- package/dist/translations/zh-CN/data.js +1 -1
- package/dist/translations/zh-CN/retrieval.js +1 -1
- package/dist/translations/zh-CN/shared.js +1 -1
- package/dist/translations/zh-CN/viewers.js +1 -1
- package/dist/vue.d.ts +1 -1
- package/llms/components/lr-activity-feed.md +20 -9
- package/llms/components/lr-approval-queue.md +3 -2
- package/llms/components/lr-archive-viewer.md +8 -1
- package/llms/components/lr-artifact-panel.md +3 -1
- package/llms/components/lr-audio-visualizer.md +3 -1
- package/llms/components/lr-avatar-group.md +13 -6
- package/llms/components/lr-avatar.md +6 -2
- package/llms/components/lr-bar-chart.md +6 -3
- package/llms/components/lr-box-plot.md +6 -2
- package/llms/components/lr-branch-picker.md +3 -1
- package/llms/components/lr-bubble-chart.md +6 -3
- package/llms/components/lr-calendar.md +10 -3
- package/llms/components/lr-carousel.md +4 -2
- package/llms/components/lr-chart.md +12 -4
- package/llms/components/lr-chat-viewport.md +3 -2
- package/llms/components/lr-checkbox.md +8 -5
- package/llms/components/lr-citation-badge.md +2 -0
- package/llms/components/lr-claim-evidence.md +6 -2
- package/llms/components/lr-code-editor.md +3 -1
- package/llms/components/lr-color-picker.md +20 -8
- package/llms/components/lr-combobox.md +26 -3
- package/llms/components/lr-command-palette.md +6 -3
- package/llms/components/lr-community-card.md +7 -4
- package/llms/components/lr-context-inspector.md +3 -2
- package/llms/components/lr-context-meter.md +13 -5
- package/llms/components/lr-data-grid.md +2 -0
- package/llms/components/lr-date-input.md +12 -3
- package/llms/components/lr-date-picker.md +11 -2
- package/llms/components/lr-diff-view.md +46 -5
- package/llms/components/lr-doughnut-chart.md +6 -3
- package/llms/components/lr-drop-zone.md +7 -3
- package/llms/components/lr-embedding-explorer.md +8 -2
- package/llms/components/lr-emoji-picker.md +5 -1
- package/llms/components/lr-entity-chip.md +2 -0
- package/llms/components/lr-eval-run.md +3 -2
- package/llms/components/lr-export-button.md +5 -2
- package/llms/components/lr-flow-node.md +7 -4
- package/llms/components/lr-funnel.md +7 -2
- package/llms/components/lr-gauge.md +7 -2
- package/llms/components/lr-geojson-view.md +10 -2
- package/llms/components/lr-geojson-viewer.md +10 -2
- package/llms/components/lr-graph-legend.md +6 -3
- package/llms/components/lr-graph-query-builder.md +21 -11
- package/llms/components/lr-grounding-summary.md +8 -2
- package/llms/components/lr-heatmap.md +5 -2
- package/llms/components/lr-histogram.md +4 -2
- package/llms/components/lr-json-schema-viewer.md +7 -5
- package/llms/components/lr-line-chart.md +6 -3
- package/llms/components/lr-locale-picker.md +4 -1
- package/llms/components/lr-map.md +5 -3
- package/llms/components/lr-memory-panel.md +6 -2
- package/llms/components/lr-mention-popover.md +7 -4
- package/llms/components/lr-message-actions.md +3 -1
- package/llms/components/lr-message-parts.md +8 -2
- package/llms/components/lr-mind-map.md +11 -2
- package/llms/components/lr-option.md +25 -2
- package/llms/components/lr-otp-input.md +3 -1
- package/llms/components/lr-phone-input.md +9 -5
- package/llms/components/lr-pie-chart.md +6 -3
- package/llms/components/lr-polar-area-chart.md +6 -3
- package/llms/components/lr-policy-summary.md +3 -2
- package/llms/components/lr-progress-bar.md +4 -1
- package/llms/components/lr-prompt-input.md +4 -1
- package/llms/components/lr-prompt-queue.md +5 -2
- package/llms/components/lr-radar-chart.md +6 -3
- package/llms/components/lr-rag-eval-dashboard.md +7 -2
- package/llms/components/lr-realtime-session.md +3 -1
- package/llms/components/lr-rubric-form.md +6 -1
- package/llms/components/lr-scatter-chart.md +6 -3
- package/llms/components/lr-segmented.md +3 -1
- package/llms/components/lr-select.md +7 -1
- package/llms/components/lr-selection-toolbar.md +4 -1
- package/llms/components/lr-sequence-strip.md +7 -3
- package/llms/components/lr-source-card.md +16 -1
- package/llms/components/lr-source-list.md +17 -2
- package/llms/components/lr-source-picker.md +3 -1
- package/llms/components/lr-subagent-panel.md +6 -3
- package/llms/components/lr-switch.md +4 -3
- package/llms/components/lr-table.md +6 -1
- package/llms/components/lr-thinking-panel.md +8 -5
- package/llms/components/lr-token-input.md +15 -1
- package/llms/components/lr-tool-call-chip.md +2 -0
- package/llms/components/lr-tool-param-form.md +15 -4
- package/llms/components/lr-tooltip.md +8 -4
- package/llms/components/lr-trace-tree.md +7 -4
- package/llms/components/lr-video-playlist.md +7 -5
- package/llms/components/lr-voice-picker.md +7 -4
- package/llms/components/lr-widget.md +15 -2
- package/llms/migration.md +4 -4
- package/llms-full.txt +552 -159
- package/package.json +11 -9
- package/registrations.json +1 -1
- package/vscode-css-data.json +1 -1
- package/vscode-html-data.json +1 -1
- package/web-types.json +1 -1
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 17 parts,
|
|
12
|
+
- **Themeable via** 17 parts, 10 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -52,12 +52,13 @@ plain and virtualized rendering paths while `label` remains the visible header t
|
|
|
52
52
|
arbitrary rich content (e.g. rendered markdown, or markdown plus a trailing tool-call chip list),
|
|
53
53
|
identically whether or not the feed is currently virtualized; replaces the plain text **inside**
|
|
54
54
|
the persistent `[part="entry-text"]` wrapper rather than removing that part, and `virtualizeAt: number = 199` (attribute
|
|
55
|
-
`virtualize-at`). `compact: boolean = false` (reflected) — tighter header and entry-row padding
|
|
56
|
-
dense transcript contexts, the same density-only convention `<lr-confirm-bar>`'s and
|
|
55
|
+
`virtualize-at`). `compact: boolean = false` (reflected) — tighter header and entry-row padding and
|
|
56
|
+
gap for dense transcript contexts, the same density-only convention `<lr-confirm-bar>`'s and
|
|
57
57
|
`<lr-thinking-panel>`'s own `compact` establish: the outer border and surface stay, so pair it
|
|
58
58
|
with `frame="plain"` to remove card chrome. Retune it through
|
|
59
|
-
`--lr-activity-feed-compact-header-padding`, `--lr-activity-feed-compact-header-gap`,
|
|
60
|
-
`--lr-activity-feed-compact-entry-padding
|
|
59
|
+
`--lr-activity-feed-compact-header-padding`, `--lr-activity-feed-compact-header-gap`,
|
|
60
|
+
`--lr-activity-feed-compact-entry-padding`, and `--lr-activity-feed-compact-entry-gap`.
|
|
61
|
+
`frame: LyraFrame = 'card'` (reflected) — `'card' |
|
|
61
62
|
'plain'`, imported from the library's shared container-frame vocabulary and behaving exactly as
|
|
62
63
|
it does on `lr-confirm-bar`/`lr-thinking-panel`/`lr-agent-run`/etc.: `'plain'` removes the outer
|
|
63
64
|
border, background, and corner radius so a feed nested inside existing message chrome doesn't
|
|
@@ -79,13 +80,19 @@ part is reachable in both rendering paths, virtualized or not.
|
|
|
79
80
|
tall the expanded body grows before it scrolls internally; and
|
|
80
81
|
`--lr-activity-feed-live-status-color` (default `var(--lr-color-brand)`) — background color of
|
|
81
82
|
`status-dot` while `mode="live"`, independently retunable without changing other brand surfaces.
|
|
82
|
-
The `compact` density is retunable through
|
|
83
|
+
The `compact` density is retunable through four properties: `--lr-activity-feed-compact-header-padding`
|
|
83
84
|
(default `var(--lr-space-2xs) var(--lr-space-s)`) and `--lr-activity-feed-compact-header-gap`
|
|
84
85
|
(default `var(--lr-space-2xs)`) both scoped to `[part="header"]` while `compact`, and
|
|
85
|
-
`--lr-activity-feed-compact-entry-padding` (default `var(--lr-space-2xs) var(--lr-space-s)`)
|
|
86
|
-
|
|
86
|
+
`--lr-activity-feed-compact-entry-padding` (default `var(--lr-space-2xs) var(--lr-space-s)`) and
|
|
87
|
+
`--lr-activity-feed-compact-entry-gap` (default `var(--lr-space-2xs)`) both scoped to
|
|
88
|
+
`[part="entry"]` while `compact`. All four are inline `var()` fallbacks at their point
|
|
87
89
|
of use, so any can be set on the element or on an ancestor, same as `lr-confirm-bar`'s and
|
|
88
|
-
`lr-thinking-panel`'s own compact tokens.
|
|
90
|
+
`lr-thinking-panel`'s own compact tokens. `renderText`'s returned content is otherwise unreachable
|
|
91
|
+
by selector from outside the shadow root it renders into (the plain or the internal
|
|
92
|
+
`<lr-virtual-list>`'s), so a returned anchor specifically is given
|
|
93
|
+
`--lr-activity-feed-entry-text-link-color` (default `var(--lr-color-brand)`), mirroring
|
|
94
|
+
`lr-table`'s identical `cell(row)`-anchor hook; set it to `revert` for the UA default link color.
|
|
95
|
+
The card chrome itself is retunable the same way:
|
|
89
96
|
`--lr-activity-feed-background` (default `var(--lr-color-surface)`) fills `[part="base"]`,
|
|
90
97
|
`--lr-activity-feed-border-color` (default `var(--lr-color-border)`) colors both its border and the
|
|
91
98
|
header/body divider that `frame="plain"` keeps, and `--lr-activity-feed-radius` (default
|
|
@@ -102,6 +109,10 @@ hooks tune the card presentation rather than reinstating chrome you asked to dro
|
|
|
102
109
|
and the dot for DOM queries.
|
|
103
110
|
- `compact`/`frame` render byte-identically to the pre-existing default when unset — neither
|
|
104
111
|
property changes anything about the plain-card presentation.
|
|
112
|
+
- A `renderText`-returned anchor is the only descendant markup given a default styling hook
|
|
113
|
+
(`--lr-activity-feed-entry-text-link-color`); other rich descendants (`<code>`, `<em>`, custom
|
|
114
|
+
chips) stay reachable only through inheritance or an inline style on the callback's own return
|
|
115
|
+
value, since `::part(entry-text)` cannot select past the wrapper.
|
|
105
116
|
- Focus repair after an `entries` change is asynchronous while virtualized (it waits on the
|
|
106
117
|
internal `<lr-virtual-list>`'s own follow-up render before deciding whether the previously
|
|
107
118
|
focused row actually disappeared), but synchronous when collapsing (`expanded` going `false`)
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via**
|
|
12
|
+
- **Themeable via** 12 parts, 1 custom property — 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -38,7 +38,8 @@ resolved while open closes the dialog, and reentrant host updates during selecti
|
|
|
38
38
|
stale request.
|
|
39
39
|
|
|
40
40
|
**CSS parts:** `base`, `heading-row`, `heading`, `count`, `list`, `request`, `request-info`,
|
|
41
|
-
`tool-name`, `request-id`, `status`, `empty
|
|
41
|
+
`tool-name`, `request-id`, `status`, `empty`, `limit` (localized notice shown when `requests`
|
|
42
|
+
exceeds the 500-row render ceiling). The `[part='request']` row matching
|
|
42
43
|
`selectedInvocationId`
|
|
43
44
|
carries both `data-selected="true"` (the styling hook) and `aria-current="true"` (the semantic
|
|
44
45
|
state), so the selection is announced, not merely painted. Other request rows explicitly render
|
|
@@ -39,7 +39,14 @@ complete entry path; both forms first mount the absolute virtualized row and onl
|
|
|
39
39
|
shared DOM-level anchor resolution. Rendered rows intentionally do not expose entry paths as DOM
|
|
40
40
|
ids; the fragment mapping is resolved against archive metadata. A jump whose archive is replaced
|
|
41
41
|
by a concurrent `src` reassignment mid-flight, or whose row cannot be located after the wait,
|
|
42
|
-
reports `found: false` rather than a phantom success.
|
|
42
|
+
reports `found: false` rather than a phantom success. A ZIP central directory may legally repeat
|
|
43
|
+
an entry path across multiple entries; since a fragment id names only the path, it always
|
|
44
|
+
resolves to that path's first central-directory occurrence (the same first-match precedent as
|
|
45
|
+
`document.getElementById()`/`:target` for a duplicated DOM id) — a later duplicate is not
|
|
46
|
+
independently addressable through the fragment/anchor API. `search()`/`searchNext()`/
|
|
47
|
+
`searchPrevious()` are unaffected: they track each occurrence by its true row position, so
|
|
48
|
+
navigating search matches (and the resulting active-row highlight) correctly reaches every
|
|
49
|
+
duplicate-named entry, not just the first.
|
|
43
50
|
|
|
44
51
|
**Events:** `lr-render-error` with `detail.error` when fetching or parsing fails;
|
|
45
52
|
`lr-search-change` (`detail: { query, matchCount, matchCountExact, activeIndex }`) from search,
|
|
@@ -53,7 +53,9 @@ slot has assigned content. Assigning `view='code'` without assigned code content
|
|
|
53
53
|
navigation and the built-in copy/download buttons.
|
|
54
54
|
|
|
55
55
|
**Events:** `lr-view-change` (`detail: { view }`), `lr-version-change` (`detail: { versionId }`,
|
|
56
|
-
fired when the previous/next navigation moves to a different version
|
|
56
|
+
fired when the previous/next navigation moves to a different version; not fired when a `versions`
|
|
57
|
+
reassignment drops the currently-active version id — `activeVersionId` resets to `null` silently,
|
|
58
|
+
since `null` is already a documented steady state meaning "the latest version"), `lr-restore` (`detail: {
|
|
57
59
|
versionId }`, fired by the restore-this-version button; mutates nothing itself), `lr-copy`
|
|
58
60
|
(`detail: { ok: true, text }`, after the clipboard write fulfills), `lr-error` plus
|
|
59
61
|
`lr-copy-error` (`detail: { ok: false, text, reason, error }`) on a localized failure, and
|
|
@@ -30,7 +30,9 @@ hosts that already have one (e.g. `lr-push-to-talk`'s `lr-level` detail); `state
|
|
|
30
30
|
animation and per-state coloring; `mode: AudioVisualizerMode = 'bars'` (`'bars' | 'waveform'`,
|
|
31
31
|
reflected); `barCount: number = 5` (attribute `bar-count`, normalized to an integer in `[1, 64]`);
|
|
32
32
|
`gain: number = 1` — multiplier applied to the resolved amplitude, with a non-finite value treated
|
|
33
|
-
as `1`; `label
|
|
33
|
+
as `1`; `label?: string` — accessible-name override. Omitting it auto-generates "Voice activity:
|
|
34
|
+
{state}"; an explicit empty string suppresses that default and renders an empty accessible name.
|
|
35
|
+
`level` is clamped to `[0, 1]`; after gain,
|
|
34
36
|
waveform and bar values are clamped to `[-1, 1]` and `[0, 1]` respectively. Invalid `state` or
|
|
35
37
|
`mode` attribute/property writes normalize to `idle` and `bars` respectively.
|
|
36
38
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 3 parts,
|
|
12
|
+
- **Themeable via** 3 parts, 8 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -69,11 +69,18 @@ that follows `variant`),
|
|
|
69
69
|
badge label. Its private default follows `size` alongside the badge diameter, matching
|
|
70
70
|
`<lr-avatar>`'s own `--lr-avatar-font-size` scale (`xs`/`sm`/`md-sm`/`m`/`lg`/`xl` font tokens from
|
|
71
71
|
the `2xs` through `xl` size tiers), so the badge and the avatars it caps read at the same optical
|
|
72
|
-
weight.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
weight. `--lr-avatar-group-radius` (default `var(--lr-radius-pill)`) — corner radius of the
|
|
73
|
+
slotted avatars' ring and of the overflow badge's painted disc. Its private default follows
|
|
74
|
+
`shape` (`var(--lr-radius-pill)` for `circle`, `var(--lr-radius)` for `rounded`, `0` for `square`);
|
|
75
|
+
an inherited or direct public value overrides both uniformly, mirroring `<lr-avatar>`'s own
|
|
76
|
+
`--lr-avatar-radius` — a per-avatar `shape` override still wins for that individual avatar's own
|
|
77
|
+
ring, matching the existing mixed-shape-group support. An inherited or direct public value remains
|
|
78
|
+
authoritative for every hook.
|
|
79
|
+
|
|
80
|
+
The overflow badge keeps a `--lr-icon-button-size` minimum activation target at every tier — a
|
|
81
|
+
floor, not a cap, so the action surface grows past it to always contain the nested visual disc
|
|
82
|
+
once `--lr-avatar-group-avatar-size` exceeds it (the default size and `l`/`xl`) — while small
|
|
83
|
+
tiers still paint an exactly avatar-sized disc instead of an oversized 40px circle.
|
|
77
84
|
|
|
78
85
|
**Optional peer deps:** none.
|
|
79
86
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 4 parts,
|
|
12
|
+
- **Themeable via** 4 parts, 6 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -84,7 +84,11 @@ private default changes for a non-neutral `variant` to that variant's loud color
|
|
|
84
84
|
and of any `em`-sized slotted glyph. Its private default follows `size` alongside the diameter
|
|
85
85
|
(`--lr-font-size-xs` at `2xs`, `--lr-font-size-sm` at `xs`, `--lr-font-size-md-sm` at `s`,
|
|
86
86
|
`--lr-font-size-m` at `m`, `--lr-font-size-lg` at `l`, and `--lr-font-size-xl` at `xl`), so the
|
|
87
|
-
initials track the circle instead of staying one fixed size across every tier.
|
|
87
|
+
initials track the circle instead of staying one fixed size across every tier. `--lr-avatar-radius`
|
|
88
|
+
(default `var(--lr-radius-pill)`) — corner radius of the container. Its private default follows
|
|
89
|
+
`shape` (`var(--lr-radius-pill)` for `circle`, `var(--lr-radius)` for `rounded`, `0` for `square`);
|
|
90
|
+
an inherited or direct public value overrides uniformly across every shape, the same way
|
|
91
|
+
`--lr-avatar-size` spans every size tier. Every public value
|
|
88
92
|
above can be inherited from an ancestor or set directly on the avatar and remains authoritative
|
|
89
93
|
across size/variant states. Plus shared tokens
|
|
90
94
|
`--lr-radius`/`-pill`, `--lr-font-weight-semibold`.
|
|
@@ -41,11 +41,14 @@ of every entry in these lists.**
|
|
|
41
41
|
`refreshTheme()`.
|
|
42
42
|
|
|
43
43
|
**Events:** `lr-zoom` (`detail: { zoomed: boolean }`), `lr-datum-activate`, `lr-point-click` (`detail: { datasetIndex,
|
|
44
|
-
index, label, value }`), `lr-
|
|
44
|
+
index, label, value }`), `lr-legend-visibility-change-request` (cancelable), and
|
|
45
45
|
`lr-legend-visibility-change` (commit; both legend events carry `datasetIndex`, `visible`, and the
|
|
46
|
-
complete `hiddenDatasets` snapshot).
|
|
47
|
-
|
|
46
|
+
complete `hiddenDatasets` snapshot). `lr-before-legend-visibility-change` is a **deprecated** alias
|
|
47
|
+
of `lr-legend-visibility-change-request` (removal not before 21.0.0).
|
|
48
|
+
Radial category legends additionally emit `lr-datum-visibility-change-request` (cancelable) and
|
|
48
49
|
`lr-datum-visibility-change`, carrying `index`, `visible` and the frozen `hiddenDatums` snapshot.
|
|
50
|
+
`lr-before-datum-visibility-change` is a **deprecated** alias of `lr-datum-visibility-change-request`
|
|
51
|
+
(removal not before 21.0.0).
|
|
49
52
|
|
|
50
53
|
**Slots:** default JSON configuration script, `data-table`, `center`.
|
|
51
54
|
|
|
@@ -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
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecated event** `lr-before-legend-visibility-change` since `19.0.1`; use event `addEventListener('lr-legend-visibility-change-request', ...)`; removal not before `21.0.0` — Renamed to the library's dominant *-request veto-event convention; both names fire from the same gesture with an identical detail during the compatibility window, and either may veto.
|
|
11
11
|
- **Optional peers** `@sgratzl/chartjs-chart-boxplot`, `chart.js` — see `llms/peers.md`
|
|
12
12
|
- **Themeable via** 12 parts, 33 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`
|
|
@@ -47,6 +47,7 @@ apply when the component reconnects.
|
|
|
47
47
|
- `height: string = '280px'` — valid CSS height used as a private fallback only. A consumer-set
|
|
48
48
|
`--lr-chart-height` always wins; invalid values remove the fallback and leave the public
|
|
49
49
|
token/default in control.
|
|
50
|
+
- `xLabel: string = ''` (attribute `x-label`) — category axis title, mirroring `yLabel`
|
|
50
51
|
- `yLabel: string = ''` (attribute `y-label`)
|
|
51
52
|
- `beginAtZero: boolean = true` (attribute `begin-at-zero`)
|
|
52
53
|
- `label: string | null = null`, `description: string | null = null` — canonical accessible name
|
|
@@ -76,11 +77,14 @@ change. Canvas work remains connected/visible-gated, while a rendered DOM legend
|
|
|
76
77
|
its computed color swatches.
|
|
77
78
|
|
|
78
79
|
**Events:** `lr-datum-activate` (canonical detail with `kind: 'box'`), `lr-point-click`
|
|
79
|
-
(compatibility), `lr-
|
|
80
|
+
(compatibility), `lr-legend-visibility-change-request` (cancelable proposed legend
|
|
80
81
|
toggle) and `lr-legend-visibility-change` (accepted commit). The two legend events carry
|
|
81
82
|
`{ datasetIndex: number, visible: boolean, hiddenDatasets: readonly number[] }`, where
|
|
82
83
|
`hiddenDatasets` is the complete sorted, valid next snapshot. Calling `preventDefault()` on the
|
|
83
84
|
proposal leaves state untouched and suppresses the commit event.
|
|
85
|
+
`lr-before-legend-visibility-change` is a **deprecated** alias of
|
|
86
|
+
`lr-legend-visibility-change-request`, fired immediately after it from the same gesture with the
|
|
87
|
+
same detail; either event may veto (removal not before 21.0.0).
|
|
84
88
|
|
|
85
89
|
`lr-point-click` fires when pointer input lands on a box, or when Enter/Space activates the
|
|
86
90
|
keyboard-current box — the same event name and role `lr-chart` and `lr-lite-chart` expose. Its
|
|
@@ -23,7 +23,9 @@ the new `index` back. Renders nothing at all while `count < 2`, so a host can bi
|
|
|
23
23
|
on every message regardless of whether that message actually has multiple branches yet.
|
|
24
24
|
|
|
25
25
|
**Properties:** `index: number = 0` (reflected) and `count: number = 1` (reflected) — the current
|
|
26
|
-
0-based branch and the total branch count. `label
|
|
26
|
+
0-based branch and the total branch count. `label?: string` — accessible name for the group.
|
|
27
|
+
Omitting it localizes the default `branchPickerLabel` message; an explicit empty string suppresses
|
|
28
|
+
that default and renders no label.
|
|
27
29
|
|
|
28
30
|
**Methods:** `focus(options?)` forwards to the currently enabled chevron (falling back to the first
|
|
29
31
|
rendered chevron), `blur()` blurs both chevrons, `click()` activates that same enabled target, and
|
|
@@ -41,11 +41,14 @@ of every entry in these lists.**
|
|
|
41
41
|
`refreshTheme()`.
|
|
42
42
|
|
|
43
43
|
**Events:** `lr-zoom` (`detail: { zoomed: boolean }`), `lr-datum-activate`, `lr-point-click` (`detail: { datasetIndex,
|
|
44
|
-
index, label, value }`), `lr-
|
|
44
|
+
index, label, value }`), `lr-legend-visibility-change-request` (cancelable), and
|
|
45
45
|
`lr-legend-visibility-change` (commit; both legend events carry `datasetIndex`, `visible`, and the
|
|
46
|
-
complete `hiddenDatasets` snapshot).
|
|
47
|
-
|
|
46
|
+
complete `hiddenDatasets` snapshot). `lr-before-legend-visibility-change` is a **deprecated** alias
|
|
47
|
+
of `lr-legend-visibility-change-request` (removal not before 21.0.0).
|
|
48
|
+
Radial category legends additionally emit `lr-datum-visibility-change-request` (cancelable) and
|
|
48
49
|
`lr-datum-visibility-change`, carrying `index`, `visible` and the frozen `hiddenDatums` snapshot.
|
|
50
|
+
`lr-before-datum-visibility-change` is a **deprecated** alias of `lr-datum-visibility-change-request`
|
|
51
|
+
(removal not before 21.0.0).
|
|
49
52
|
|
|
50
53
|
**Slots:** default JSON configuration script, `data-table`, `center`.
|
|
51
54
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via**
|
|
12
|
+
- **Themeable via** 18 parts, 12 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -50,6 +50,11 @@ title, readonly color?, readonly data? }`; `date` accepts an ISO `YYYY-MM-DD` st
|
|
|
50
50
|
section retains the localized purpose name rather than duplicating an authored host name; when
|
|
51
51
|
set programmatically without a host attribute, this value names the section
|
|
52
52
|
|
|
53
|
+
At most 4 events render as `event` buttons inside a single month-view day cell, and at most 500
|
|
54
|
+
events render as `agenda-event` buttons in agenda view; either ceiling past that count renders a
|
|
55
|
+
localized `event-limit`/`agenda-limit` "+N more" notice rather than mounting an unbounded number of
|
|
56
|
+
buttons.
|
|
57
|
+
|
|
53
58
|
**Keyboard:** the month grid is a fixed 6×7 matrix (leading/trailing days of adjacent months fill it
|
|
54
59
|
out) with one roving tab stop — `focusedDate`, else `value`, else today, else the first rendered day.
|
|
55
60
|
Arrows move by 1 day (Left/Right swapped under RTL) or 7; stepping past the rendered grid rolls
|
|
@@ -63,8 +68,10 @@ Arrows move by 1 day (Left/Right swapped under RTL) or 7; stepping past the rend
|
|
|
63
68
|
**CSS parts:** `header` and `navigation` are aliases on the header wrapper; `nav` is shared by both
|
|
64
69
|
month-navigation buttons; `previous-button` and `next-button` identify each direct button;
|
|
65
70
|
`nav-glyph` is the chevron (`scaleX(-1)`-mirrored under RTL); `title`, `weekdays`, `weekday`,
|
|
66
|
-
`grid`, `week` (`display: contents`), `day`, `date`, `event` (a month-view marker), `
|
|
67
|
-
|
|
71
|
+
`grid`, `week` (`display: contents`), `day`, `date`, `event` (a month-view marker), `event-limit`
|
|
72
|
+
(localized "+N more" notice shown in a day cell whose events exceed the 4-event per-cell render
|
|
73
|
+
ceiling), `agenda`, `agenda-event`, and `agenda-limit` (localized "+N more" notice shown in agenda
|
|
74
|
+
view when the visible month's events exceed the 500-event render ceiling).
|
|
68
75
|
|
|
69
76
|
**Themeable custom properties:** `--lr-calendar-day-min-block-size` (default `var(--lr-size-6rem)`)
|
|
70
77
|
and `--lr-calendar-day-min-block-size-narrow` (default `var(--lr-size-4rem)`, applied at container inline-size
|
|
@@ -80,8 +80,10 @@ retain their mapped opt-in defaults, and the autoplay interval remains 3000ms.
|
|
|
80
80
|
automatically
|
|
81
81
|
|
|
82
82
|
**Events:** `lr-slide-change` (`detail: { index, slide }`) — emitted after the active slide changes
|
|
83
|
-
from a method, button, key, pagination item, autoplay tick, or settled user scroll.
|
|
84
|
-
|
|
83
|
+
from a method, button, key, pagination item, autoplay tick, or settled user scroll. Also emitted
|
|
84
|
+
when a `slidesPerPage` change or a slide's removal forces the active index onto a different slide.
|
|
85
|
+
Not emitted when a consumer sets `currentSlide` directly to an out-of-range value; that assignment
|
|
86
|
+
is clamped silently. `slide` is the original assigned element at `index`, never a loop endcap.
|
|
85
87
|
|
|
86
88
|
**Paging and scrolling.** In non-loop mode the page count is the set of reachable starts from zero
|
|
87
89
|
to `slideCount - slidesPerPage`, stepping by `slidesPerMove` and always including the final start.
|
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
- **Family** `components/charts/` — see `llms/index.md` for its siblings
|
|
8
8
|
- **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecated event** `lr-before-datum-visibility-change` since `19.0.1`; use event `addEventListener('lr-datum-visibility-change-request', ...)`; removal not before `21.0.0` — Renamed to the library's dominant *-request veto-event convention; both names fire from the same gesture with an identical detail during the compatibility window, and either may veto.
|
|
11
|
+
- **Deprecated event** `lr-before-legend-visibility-change` since `19.0.1`; use event `addEventListener('lr-legend-visibility-change-request', ...)`; removal not before `21.0.0` — Renamed to the library's dominant *-request veto-event convention; both names fire from the same gesture with an identical detail during the compatibility window, and either may veto.
|
|
11
12
|
- **Optional peers** `chart.js`, `chartjs-plugin-annotation`, `chartjs-plugin-datalabels`, `chartjs-plugin-zoom` — see `llms/peers.md`
|
|
12
13
|
- **Themeable via** 16 parts, 37 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
13
14
|
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
@@ -391,17 +392,24 @@ including a string or finite-number `id` when supplied; invalid ids are omitted.
|
|
|
391
392
|
is typed `unknown`. Validate or explicitly narrow the value itself before reading point fields;
|
|
392
393
|
checking `detail.kind === 'point'` alone does not narrow `detail.value` in TypeScript.
|
|
393
394
|
`lr-point-click` remains as a compatibility event. Also
|
|
394
|
-
`lr-
|
|
395
|
+
`lr-legend-visibility-change-request` (cancelable proposal), and
|
|
395
396
|
`lr-legend-visibility-change` (accepted commit). Both legend events carry
|
|
396
397
|
`{ datasetIndex: number, visible: boolean, hiddenDatasets: readonly number[] }`; the latter is the
|
|
397
398
|
complete, sorted, valid next snapshot. Call `preventDefault()` on the proposal to veto the toggle;
|
|
398
|
-
then no property change or commit event occurs.
|
|
399
|
-
|
|
399
|
+
then no property change or commit event occurs. `lr-before-legend-visibility-change` is a
|
|
400
|
+
**deprecated** alias of `lr-legend-visibility-change-request`, fired immediately after it from the
|
|
401
|
+
same gesture with the same frozen detail; either event may veto. It is slated for removal in
|
|
402
|
+
21.0.0 — migrate listeners to `lr-legend-visibility-change-request`.
|
|
403
|
+
Category toggles use a separate pair, `lr-datum-visibility-change-request` (cancelable proposal) and
|
|
400
404
|
`lr-datum-visibility-change` (accepted commit), carrying
|
|
401
405
|
`{ index: number, visible: boolean, hiddenDatums: readonly number[] }`. Both details and their
|
|
402
406
|
complete, sorted index snapshots are frozen. `index` is the source category index, including when
|
|
403
407
|
the displayed data is sampled; it applies across all rings. Programmatic assignments emit neither
|
|
404
408
|
pair. `preventDefault()` leaves both controlled state and the chart unchanged.
|
|
409
|
+
`lr-before-datum-visibility-change` is a **deprecated** alias of
|
|
410
|
+
`lr-datum-visibility-change-request`, fired immediately after it from the same gesture with the
|
|
411
|
+
same frozen detail; either event may veto. It is slated for removal in 21.0.0 — migrate listeners
|
|
412
|
+
to `lr-datum-visibility-change-request`.
|
|
405
413
|
|
|
406
414
|
```html
|
|
407
415
|
<lr-doughnut-chart
|
|
@@ -42,8 +42,9 @@ index of the first unread item (element-child index in slotted mode, `items` ind
|
|
|
42
42
|
'off'` (reflected) — policy for the shared light-DOM announcement sink; the internal log itself
|
|
43
43
|
remains non-live. Keep `off` for token-by-token streaming and opt in only when complete messages are
|
|
44
44
|
appended as direct children at an announcement-safe cadence.
|
|
45
|
-
`label
|
|
46
|
-
for the log region
|
|
45
|
+
`label?: string` — accessible name
|
|
46
|
+
for the log region. Omitting it localizes the default `chatViewportLabel` message; an explicit
|
|
47
|
+
empty string suppresses that default and renders no label. `accessibleLabel: string | null =
|
|
47
48
|
null` (attribute `aria-label`) — host `aria-label`, forwarded to the internal `role="log"` element
|
|
48
49
|
(an `aria-label` left on the host itself names nothing, since the log role lives inside the shadow
|
|
49
50
|
root); wins over `label` and the localized default.
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 15 parts,
|
|
12
|
+
- **Themeable via** 15 parts, 11 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -50,12 +50,13 @@ Explicit empty text stays empty; later supplied text renders normally.
|
|
|
50
50
|
|
|
51
51
|
**Events:** user toggles emit, in order, bubbling/composed `input`, the compatibility `lr-input`
|
|
52
52
|
alias, bubbling/composed `change`, then the compatibility `lr-change` alias (both aliases carry
|
|
53
|
-
`detail: { checked: boolean }`). Programmatic `.checked`
|
|
54
|
-
silent. Internal `focus`/`blur` are re-dispatched as bubbling, composed host events.
|
|
55
|
-
validity check finds the checkbox invalid.
|
|
53
|
+
`detail: { checked: boolean, value: string }`, matching `lr-radio`'s shape). Programmatic `.checked`
|
|
54
|
+
assignments are silent. Internal `focus`/`blur` are re-dispatched as bubbling, composed host events.
|
|
55
|
+
`lr-invalid` (no detail) fires when a validity check finds the checkbox invalid.
|
|
56
56
|
**Refusing a toggle.** `lr-checkbox-toggle-request` is cancelable and fires *before* `checked`
|
|
57
57
|
moves, on every user path (click, Space, and the host `click()` activation it forwards).
|
|
58
|
-
`detail: { checked: boolean }` is the state the control **would** take
|
|
58
|
+
`detail: { checked: boolean, value: string }` is the state the control **would** take (`value` is
|
|
59
|
+
the current `.value`, unaffected by the toggle); `checked` itself still holds
|
|
59
60
|
the old value while the event dispatches. `preventDefault()` keeps the current state, so the box
|
|
60
61
|
never flips at all rather than flipping and snapping back, and none of
|
|
61
62
|
`input`/`lr-input`/`change`/`lr-change` follow. A listener can instead answer by assigning `checked`
|
|
@@ -130,6 +131,8 @@ State paint is independently themeable through `--lr-checkbox-hover-border`,
|
|
|
130
131
|
`--lr-checkbox-active-border`, `--lr-checkbox-active-ring`, `--lr-checkbox-invalid-border`,
|
|
131
132
|
`--lr-checkbox-checked-bg`, and `--lr-checkbox-checked-border`; every default preserves the
|
|
132
133
|
corresponding brand/brand-quiet/danger token.
|
|
134
|
+
`--lr-checkbox-box-radius` (default `calc(var(--lr-form-control-radius) * 0.6)`) retunes
|
|
135
|
+
`[part='box']`'s corner radius without a `::part(box)` rule.
|
|
133
136
|
|
|
134
137
|
**`--lr-checkbox-box-size`** — the edge length of `[part='box']`, defaulting to
|
|
135
138
|
`min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`. Derived from the
|
|
@@ -123,6 +123,8 @@ no background tint, for citations that carry no confidence/verification signal a
|
|
|
123
123
|
`lr-citation-open` instead of triggering a second `lr-citation-activate`.
|
|
124
124
|
- Escape closes the popover but calls `stopPropagation()`, so it won't also close a surrounding
|
|
125
125
|
`<lr-dialog>` that has its own Escape-to-close handler.
|
|
126
|
+
- An open popover participates in shared Escape ordering even while only hovered, deferring to a
|
|
127
|
+
genuinely topmost overlay opened on top of it.
|
|
126
128
|
- The preview slot's presence is tracked in JS (`hasPreviewSlot`), not via CSS `:empty` — the
|
|
127
129
|
`[part="popover"]` always contains a literal `<slot>` child, so `:empty` would never match even
|
|
128
130
|
with nothing assigned.
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via**
|
|
12
|
+
- **Themeable via** 12 parts, 2 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -33,6 +33,9 @@ duplicates are omitted first-wins before empty state, controlled selection, evid
|
|
|
33
33
|
rendering, or events. An unrecognized runtime claim status renders as localized “Unsupported” with
|
|
34
34
|
the danger treatment instead of producing an empty or misleading badge.
|
|
35
35
|
|
|
36
|
+
At most 500 claims render as `claim` rows; a `claims` array past that length renders a localized
|
|
37
|
+
`limit` notice after the list rather than mounting an unbounded number of rows.
|
|
38
|
+
|
|
36
39
|
- `compact: boolean = false` (reflected) — tighter `claim-trigger` padding and column gap, for dense
|
|
37
40
|
evidence lists — the same convention as `lr-source-card`'s/`lr-entity-card`'s `compact`. Purely a
|
|
38
41
|
density knob: each claim's border and background stay. `false` (the default) keeps the full
|
|
@@ -49,7 +52,8 @@ composed `lr-citation-open` event intentionally crosses `lr-claim-evidence` unch
|
|
|
49
52
|
`{ sourceId, index, href }` detail.
|
|
50
53
|
|
|
51
54
|
**CSS parts:** `base`, `list`, `claim`, `claim-selected`, `claim-trigger`, `status`, `claim-text`,
|
|
52
|
-
`confidence`, `explanation`, `evidence`, `
|
|
55
|
+
`confidence`, `explanation`, `evidence`, `limit` (localized notice shown when `claims` exceeds the
|
|
56
|
+
500-claim render ceiling), `empty`.
|
|
53
57
|
|
|
54
58
|
**Themeable custom properties:** `--lr-claim-evidence-compact-padding` (default
|
|
55
59
|
`var(--lr-space-xs)`) — `[part='claim-trigger']`'s padding while `compact`;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 8 parts,
|
|
12
|
+
- **Themeable via** 8 parts, 15 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`
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -129,6 +129,8 @@ hover and invalid states below.
|
|
|
129
129
|
`--lr-code-editor-hover-border` (default `var(--lr-color-brand)`) and
|
|
130
130
|
`--lr-code-editor-invalid-border` (default `var(--lr-color-danger)`) retint those frame states
|
|
131
131
|
without changing brand/danger paint in sibling components.
|
|
132
|
+
`--lr-code-editor-radius` (default `var(--lr-radius)`) retunes the editor frame's corner radius
|
|
133
|
+
without a `::part(editor)` rule.
|
|
132
134
|
The `editor` scroll frame also honors the opt-in theme-level
|
|
133
135
|
`--lr-theme-scrollbar-width`/`--lr-theme-scrollbar-gutter` hooks (defaults `auto`/`auto`, matching
|
|
134
136
|
its previous unconditional `scrollbar-width: auto`) — set either on `:root` or any ancestor for one
|
|
@@ -74,7 +74,14 @@ designer-chosen colours; reach for this when it must not.
|
|
|
74
74
|
**Properties:** the shared
|
|
75
75
|
form properties `name`, `value`, `defaultValue` (canonical content attribute `value`),
|
|
76
76
|
`customError` (`custom-error`), `disabled`, and
|
|
77
|
-
`required`,
|
|
77
|
+
`required`,
|
|
78
|
+
`readonly: boolean = false` (reflected — forwards native read-only behavior to the panel's value
|
|
79
|
+
field and blocks every other value-committing affordance: the popup panel opening, the
|
|
80
|
+
saturation/hue/opacity handles, palette swatches, the eyedropper, and Enter/blur-driven text
|
|
81
|
+
commits; the trigger, value field and palette stay focusable, and the current value still submits
|
|
82
|
+
with the form -- only `disabled` excludes it. Toggling it on while the panel is open closes it, and
|
|
83
|
+
cancels an in-flight drag without committing, mirroring `disabled`'s own mid-interaction handling),
|
|
84
|
+
plus `label`, `hint`, `errorText`
|
|
78
85
|
(`error-text`), `accessibleLabel` (`aria-label`), and `size: LyraSize = 'm'`
|
|
79
86
|
(reflected — the same visual-density scale as `lr-input`, applied to the centered visible swatch;
|
|
80
87
|
accepts `2xs`/`xs`/`s`/`m`/`l`/`xl` and `small`/`medium`/`large`; the interactive target
|
|
@@ -90,15 +97,19 @@ and:
|
|
|
90
97
|
applies to the whole string, function names included (`RGB(255, 0, 0)`)
|
|
91
98
|
- `swatches: string | string[] | LyraColorPickerSwatch[] = ''` — a predefined palette, given as a
|
|
92
99
|
`;`-separated string, an array of colour strings, or an array of
|
|
93
|
-
`{ color: string; label?: string; disabled?: boolean }` objects. Any colour the
|
|
94
|
-
is accepted; blank entries are dropped. An entry that is _not_ parseable is kept
|
|
95
|
-
still renders a swatch — it just paints no colour (the bare checkerboard) and
|
|
96
|
-
nothing, so filter the palette yourself if that matters. `label` becomes the
|
|
97
|
-
name; a missing, empty, or whitespace-only label falls back to announcing the
|
|
100
|
+
`{ color: string; label?: string; disabled?: boolean; icon?: unknown }` objects. Any colour the
|
|
101
|
+
picker can parse is accepted; blank entries are dropped. An entry that is _not_ parseable is kept
|
|
102
|
+
in the list and still renders a swatch — it just paints no colour (the bare checkerboard) and
|
|
103
|
+
clicking it does nothing, so filter the palette yourself if that matters. `label` becomes the
|
|
104
|
+
swatch's accessible name; a missing, empty, or whitespace-only label falls back to announcing the
|
|
105
|
+
raw colour string.
|
|
98
106
|
`disabled` marks that one swatch non-actionable, independent of the whole control's own
|
|
99
107
|
`disabled`: it renders a genuinely disabled `<button>` (no tab stop, no hover/press affordance)
|
|
100
108
|
and clicking it commits nothing; omitted or `false` renders the swatch exactly as before this
|
|
101
|
-
field existed.
|
|
109
|
+
field existed. `icon` is an optional decorative custom shape rendered inside the swatch button
|
|
110
|
+
behind the `swatch-icon` part -- inert and `aria-hidden`, matching `<lr-swatch-picker>`'s
|
|
111
|
+
identical `SwatchPickerItem.icon` field. The palette container renders only while the normalized
|
|
112
|
+
list is non-empty
|
|
102
113
|
- `withoutFormatToggle: boolean = false` (attribute `without-format-toggle`) — removes the button
|
|
103
114
|
that cycles between formats. `noFormatToggle` (`no-format-toggle`) is the Shoelace spelling and
|
|
104
115
|
reaches the same behavior; either one wins
|
|
@@ -200,7 +211,8 @@ absent with either format-toggle suppression property), plus `format-button__bas
|
|
|
200
211
|
`eyedropper-button` / `eye-dropper-button` (rendered only where the browser exposes the EyeDropper
|
|
201
212
|
API), with the corresponding `eyedropper-button__base|start|label|end|caret` and Shoelace
|
|
202
213
|
`eye-dropper-button__base|prefix|label|suffix|caret` aliases; `swatches` (the palette container, rendered only when the normalized `swatches`
|
|
203
|
-
list is non-empty), `swatch` (one palette entry), `swatch-
|
|
214
|
+
list is non-empty), `swatch` (one palette entry), `swatch-icon` (a swatch entry's optional
|
|
215
|
+
decorative icon, inert and `aria-hidden`), `swatch-selected` (a token **added to** the
|
|
204
216
|
swatch matching the current value — state after `::part()` never matches, so write
|
|
205
217
|
`::part(swatch-selected)`), `hint`, `error`.
|
|
206
218
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
10
|
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
|
-
- **Themeable via** 33 parts,
|
|
12
|
+
- **Themeable via** 33 parts, 36 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
13
13
|
- **Documented with** `lr-option` (same section below)
|
|
14
14
|
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
15
15
|
|
|
@@ -153,7 +153,22 @@ An async `source` row can carry the same two fields (`start`, `end`) alongside i
|
|
|
153
153
|
none. A blank return falls back to the raw value. Not consulted while an async `source` fetch has
|
|
154
154
|
never yet resolved for this element — see "Unknown committed values" below; `loadingText` covers
|
|
155
155
|
that window instead, since the value is not yet known to be unmatched at all
|
|
156
|
-
- `
|
|
156
|
+
- `loading: boolean = false` (reflected) — mirrors `lr-select`'s own `loading`: whether a
|
|
157
|
+
committed value's real label may still be pending because its `<lr-option>` catalog hasn't
|
|
158
|
+
arrived yet (e.g. mounted asynchronously with no `source` involved). While `true`, a committed
|
|
159
|
+
value that currently matches no option/row renders the localized `loadingText` placeholder in the
|
|
160
|
+
trigger label or the relevant `multiple` tag instead of the raw value, with no
|
|
161
|
+
`notInCatalog`/`[part='unknown-value']` badge, and the open listbox shows the same loading row a
|
|
162
|
+
`source` fetch in flight shows. Independent of `source`'s own async lifecycle — either condition
|
|
163
|
+
alone suppresses the unknown-value presentation. Never mutates `value`/`selectedOptions` itself,
|
|
164
|
+
and does not itself disable the trigger
|
|
165
|
+
- `appearance: 'accent' | 'filled' | 'outlined' | 'filled-outlined' | 'plain' = 'outlined'`
|
|
166
|
+
(reflected) — the library's shared field-surface vocabulary, matching `lr-select`'s trigger.
|
|
167
|
+
`outlined` (the default) is a bordered surface; `filled` swaps the border for a raised fill;
|
|
168
|
+
`filled-outlined` keeps both; `plain` drops both; `accent` paints the loud brand fill with
|
|
169
|
+
on-brand text (the placeholder, expand icon, adornments and `multiple` tags all ride that
|
|
170
|
+
on-brand color rather than the quiet-text tokens). An unsupported value, including a raw
|
|
171
|
+
attribute/property write outside this type, clamps to the `'outlined'` default
|
|
157
172
|
- `placement: 'top' | 'bottom' = 'bottom'` (reflected; flip/shift can still keep the listbox in view)
|
|
158
173
|
- `positioningStrategy: PlaceStrategy = 'fixed'` (attribute `positioning-strategy`, reflected) —
|
|
159
174
|
the CSS positioning scheme the listbox is laid out with, spelled the same as on `lr-select`,
|
|
@@ -493,6 +508,11 @@ standard size supplies an aligned default), plus shared tokens. `--lr-combobox-g
|
|
|
493
508
|
`--lr-space-xs`, the gap inside `[part='combobox']`) and `--lr-combobox-radius` (default
|
|
494
509
|
`--lr-radius`, its corner radius) are both retunable without a `::part(combobox)` rule but, unlike
|
|
495
510
|
the properties above, do not vary by `size` — the same `--lr-button-gap`/`-radius` pattern.
|
|
511
|
+
`--lr-combobox-tag-bg` (default `var(--lr-color-brand-quiet)`), `--lr-combobox-tag-color` (default
|
|
512
|
+
`var(--lr-color-text)`) and `--lr-combobox-tag-radius` (default `var(--lr-radius)`) retint a
|
|
513
|
+
selected tag's background, text color and corner radius without a `::part(tag)` rule; `-tag-bg` is
|
|
514
|
+
scoped independently of `--lr-combobox-option-active-bg`/`-option-badge-bg` below, which already
|
|
515
|
+
scope the same shared `--lr-color-brand-quiet` token for their own purposes.
|
|
496
516
|
|
|
497
517
|
The trigger row's own surface became public in 16.0.0, having been a private pair until then:
|
|
498
518
|
`--lr-combobox-fill` (default `var(--lr-color-surface)`) and `--lr-combobox-border-color` (default
|
|
@@ -503,7 +523,10 @@ here wins over every treatment. `--lr-combobox-open-border-color` (default
|
|
|
503
523
|
border before. Read the name as the state the listbox opens in rather than as a synonym for `open`:
|
|
504
524
|
it is bound to `:focus-within`, so it also paints on a focused row whose listbox is closed — after
|
|
505
525
|
an Escape dismissal, say. It is named for symmetry with `lr-select`'s
|
|
506
|
-
`--lr-select-open-border-color`, which really is gated on `open`.
|
|
526
|
+
`--lr-select-open-border-color`, which really is gated on `open`. `--lr-combobox-text-color`
|
|
527
|
+
(default `inherit`) recolors the trigger's own text the same way; `appearance="accent"` defaults it
|
|
528
|
+
instead to `var(--lr-color-on-brand)`, keeping placeholder, adornments and tag text readable on the
|
|
529
|
+
loud brand fill.
|
|
507
530
|
|
|
508
531
|
The shared field halo `--lr-form-control-focus-shadow` (default `none`) paints a `box-shadow`
|
|
509
532
|
while this control is focused — one name for every field-shaped control in the library, so a
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/layout/` — 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
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [llms-full.txt](../../llms-full.txt)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecated event** `lr-open` since `19.0.1`; use event `addEventListener('lr-show', handler)`; removal not before `21.0.0` — lr-open collided in name with an unrelated "item activated" lr-open fired by lr-document-library/lr-source-card, and broke the lr-show/lr-hide overlay-lifecycle vocabulary its architectural sibling lr-lightbox already follows. lr-show fires identically (same null detail, cancelability, and timing) at the same call site, and lr-open is kept as a deprecated alias through the 20.x line.
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 15 parts, 12 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`
|
|
@@ -61,11 +61,14 @@ no-op if already open),
|
|
|
61
61
|
cycling) at the ends; the active row is scrolled into view. Enter selects. Hovering a non-disabled
|
|
62
62
|
row also makes it active.
|
|
63
63
|
|
|
64
|
-
**Events:** `lr-
|
|
64
|
+
**Events:** `lr-show`, `lr-close` (both `detail: null`, cancelable — fired before the
|
|
65
65
|
mutation, `preventDefault()` keeps the palette in its current open state), `lr-select`
|
|
66
66
|
(`detail: { command }`, fired before the command's own `onSelect` runs and before the palette
|
|
67
67
|
closes), and no-detail `focus`/`blur` events re-dispatched from the host whenever the search input
|
|
68
|
-
gains or loses focus.
|
|
68
|
+
gains or loses focus. `lr-open` is a deprecated alias for `lr-show` (same `detail: null`,
|
|
69
|
+
cancelability, and timing, fired at the same call site; either event's `preventDefault()` vetoes
|
|
70
|
+
the open) kept for the 20.x line and removed no earlier than 21.0.0. The `focus`/`blur` bridge is
|
|
71
|
+
new in 10.0.0: native `focus`/`blur` neither
|
|
69
72
|
bubble nor cross the shadow boundary, so a host-level `el.addEventListener('focus', …)` previously
|
|
70
73
|
never fired at all.
|
|
71
74
|
|