@aceshooting/lyra-ui 23.0.0 → 24.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -43
- package/README.md +72 -35
- package/custom-elements.json +1 -1
- package/design-tokens.json +1 -1
- package/dist/cli/lyra-rename-ledger.mjs +1 -1
- package/dist/cli/migration-contract.json +1 -1
- package/dist/cli/migration-contract.mjs +1 -1
- package/dist/cli/migration-renames.mjs +2 -2
- package/dist/cli/migration-transforms.mjs +2 -2
- package/dist/components/agent-tools/approval-queue/approval-queue.class.d.ts +1 -4
- package/dist/components/agent-tools/approval-queue/approval-queue.class.js +1 -3
- package/dist/components/agent-tools/compare-panel/compare-panel.class.d.ts +1 -4
- package/dist/components/agent-tools/compare-panel/compare-panel.class.js +1 -1
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.d.ts +1 -7
- package/dist/components/agent-tools/confirm-bar/confirm-bar.class.js +2 -2
- package/dist/components/agent-tools/context-inspector/context-inspector.class.d.ts +1 -1
- package/dist/components/agent-tools/evaluation-run/evaluation-run.class.d.ts +2 -5
- package/dist/components/agent-tools/evaluation-run/evaluation-run.class.js +1 -3
- package/dist/components/agent-tools/terminal/terminal.class.d.ts +1 -4
- package/dist/components/agent-tools/terminal/terminal.class.js +2 -2
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.d.ts +1 -7
- package/dist/components/agent-tools/tool-approval-dialog/tool-approval-dialog.class.js +1 -1
- package/dist/components/agent-tools/tool-timeline/tool-timeline.class.d.ts +1 -4
- package/dist/components/agent-tools/tool-timeline/tool-timeline.class.js +1 -3
- package/dist/components/charts/chart/lite-chart-axis-layout.d.ts +13 -0
- package/dist/components/charts/chart/lite-chart-axis-layout.js +1 -0
- package/dist/components/charts/chart/lite-chart.class.d.ts +1 -11
- package/dist/components/charts/chart/lite-chart.class.js +4 -4
- package/dist/components/conversation/agent-workspace/agent-workspace.class.d.ts +2 -2
- package/dist/components/conversation/agent-workspace/agent-workspace.class.js +0 -1
- package/dist/components/conversation/chat-message/chat-message.class.d.ts +3 -9
- package/dist/components/conversation/chat-message/chat-message.class.js +1 -1
- package/dist/components/conversation/code-block/code-block-base.class.js +1 -1
- package/dist/components/conversation/code-block/code-block-core.class.d.ts +6 -8
- package/dist/components/conversation/code-block/code-block-shared.d.ts +1 -4
- package/dist/components/conversation/code-block/code-block.class.d.ts +4 -6
- package/dist/components/conversation/markdown/markdown-base.class.d.ts +1 -3
- package/dist/components/conversation/markdown/markdown-base.class.js +1 -1
- package/dist/components/conversation/markdown/markdown-core.class.d.ts +1 -4
- package/dist/components/conversation/markdown/markdown.class.d.ts +1 -4
- package/dist/components/conversation/message-actions/message-actions.class.d.ts +1 -4
- package/dist/components/conversation/message-actions/message-actions.class.js +1 -1
- package/dist/components/conversation/message-feedback/message-feedback.class.d.ts +1 -4
- package/dist/components/conversation/message-feedback/message-feedback.class.js +2 -2
- package/dist/components/conversation/message-parts/message-parts.class.d.ts +2 -5
- package/dist/components/conversation/message-parts/message-parts.class.js +3 -3
- package/dist/components/conversation/streaming-text/streaming-text-base.class.d.ts +1 -1
- package/dist/components/conversation/streaming-text/streaming-text-core.class.d.ts +2 -0
- package/dist/components/conversation/streaming-text/streaming-text-core.class.js +0 -1
- package/dist/components/conversation/streaming-text/streaming-text.class.d.ts +2 -0
- package/dist/components/conversation/streaming-text/streaming-text.class.js +0 -1
- package/dist/components/conversation/thread-list/thread-list.class.d.ts +6 -17
- package/dist/components/conversation/thread-list/thread-list.class.js +6 -6
- package/dist/components/data/context-meter/context-meter.class.d.ts +1 -6
- package/dist/components/data/context-meter/context-meter.class.js +1 -1
- package/dist/components/data/data-grid/data-grid.class.d.ts +0 -1
- package/dist/components/data/data-grid/data-grid.class.js +2 -2
- package/dist/components/data/document-library/document-library.class.d.ts +6 -13
- package/dist/components/data/document-library/document-library.class.js +1 -2
- package/dist/components/data/heatmap/heatmap-grid-navigation.d.ts +7 -0
- package/dist/components/data/heatmap/heatmap-grid-navigation.js +1 -0
- package/dist/components/data/heatmap/heatmap.class.d.ts +3 -23
- package/dist/components/data/heatmap/heatmap.class.js +2 -2
- package/dist/components/data/sequence-strip/sequence-strip.class.d.ts +3 -9
- package/dist/components/data/sequence-strip/sequence-strip.class.js +3 -3
- package/dist/components/data/table/table.class.d.ts +5 -14
- package/dist/components/data/table/table.class.js +6 -6
- package/dist/components/forms/button/button.class.d.ts +2 -2
- package/dist/components/forms/button/button.class.js +9 -9
- package/dist/components/forms/combobox/combobox.class.d.ts +1 -4
- package/dist/components/forms/combobox/combobox.class.js +2 -2
- package/dist/components/forms/input/time-input.class.d.ts +1 -1
- package/dist/components/forms/input/time-input.class.js +1 -1
- package/dist/components/forms/select/select.class.d.ts +1 -2
- package/dist/components/layout/app-rail/app-rail-item.class.d.ts +3 -6
- package/dist/components/layout/app-rail/app-rail-item.class.js +1 -1
- package/dist/components/layout/app-rail/app-rail.class.d.ts +2 -4
- package/dist/components/layout/app-rail/app-rail.class.js +1 -1
- package/dist/components/layout/app-rail-group/app-rail-group.class.d.ts +2 -6
- package/dist/components/layout/app-rail-group/app-rail-group.class.js +1 -1
- package/dist/components/layout/carousel/carousel.class.d.ts +1 -4
- package/dist/components/layout/carousel/carousel.class.js +2 -2
- package/dist/components/layout/command-palette/command-palette.class.js +1 -1
- package/dist/components/layout/details/details.class.d.ts +2 -4
- package/dist/components/layout/details/details.class.js +1 -1
- package/dist/components/layout/dock-panel/dock-panel.class.d.ts +3 -7
- package/dist/components/layout/dock-panel/dock-panel.class.js +1 -1
- package/dist/components/layout/menu/menu.class.js +1 -1
- package/dist/components/layout/multi-split/multi-split.class.d.ts +2 -4
- package/dist/components/layout/multi-split/multi-split.class.js +1 -1
- package/dist/components/layout/navigation-menu-item/navigation-menu-item.class.d.ts +2 -4
- package/dist/components/layout/navigation-menu-item/navigation-menu-item.class.js +1 -1
- package/dist/components/layout/reorder-list/reorder-item.class.d.ts +1 -4
- package/dist/components/layout/reorder-list/reorder-item.class.js +2 -2
- package/dist/components/media/attachment-trigger/attachment-trigger.class.d.ts +5 -9
- package/dist/components/media/attachment-trigger/attachment-trigger.class.js +5 -5
- package/dist/components/media/av-player/av-player.class.js +3 -3
- package/dist/components/media/file-input/file-input.class.d.ts +3 -6
- package/dist/components/media/file-input/file-input.class.js +3 -3
- package/dist/components/media/lightbox/lightbox.class.d.ts +11 -20
- package/dist/components/media/lightbox/lightbox.class.js +1 -1
- package/dist/components/media/map/map-data-layers.d.ts +20 -0
- package/dist/components/media/map/map-data-layers.js +1 -0
- package/dist/components/media/map/map.class.js +3 -3
- package/dist/components/media/media-time.d.ts +2 -0
- package/dist/components/media/media-time.js +1 -0
- package/dist/components/media/video/video.class.js +5 -5
- package/dist/components/media/video-playlist/video-playlist.class.js +2 -2
- package/dist/components/overlays/callout/callout.class.d.ts +2 -5
- package/dist/components/overlays/callout/callout.class.js +2 -2
- package/dist/components/overlays/dialog/dialog.class.d.ts +4 -7
- package/dist/components/overlays/dialog/dialog.class.js +2 -2
- package/dist/components/overlays/overlay/dropdown.class.d.ts +5 -10
- package/dist/components/overlays/overlay/dropdown.class.js +2 -2
- package/dist/components/overlays/overlay/popover.class.d.ts +2 -3
- package/dist/components/overlays/popup/popup.class.js +1 -1
- package/dist/components/overlays/progress/progress-bar.class.d.ts +1 -4
- package/dist/components/overlays/progress/progress-bar.class.js +2 -2
- package/dist/components/overlays/progress/progress-ring.class.d.ts +1 -4
- package/dist/components/overlays/progress/progress-ring.class.js +2 -2
- package/dist/components/overlays/progress/progress-shared.d.ts +3 -3
- package/dist/components/overlays/progress/progress-shared.js +1 -1
- package/dist/components/overlays/toast/toast-item.class.js +1 -1
- package/dist/components/retrieval/graph/graph.class.d.ts +5 -10
- package/dist/components/retrieval/graph/graph.class.js +1 -1
- package/dist/components/retrieval/knowledge-base/knowledge-base.class.d.ts +7 -14
- package/dist/components/retrieval/knowledge-base/knowledge-base.class.js +2 -3
- package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.d.ts +2 -8
- package/dist/components/retrieval/memory-panel/memory-panel.class.js +0 -4
- package/dist/components/retrieval/rag-answer/rag-answer.class.js +1 -1
- package/dist/components/utility/export-button/export-button.class.d.ts +6 -10
- package/dist/components/utility/export-button/export-button.class.js +1 -1
- package/dist/components/utility/mention-popover/mention-popover.class.js +1 -1
- package/dist/components/viewers/geojson-view/geojson-view.class.d.ts +1 -1
- package/dist/components/viewers/highlight-layer/highlight-layer-timing.js +1 -1
- package/dist/components/viewers/pdf-viewer/pdf-viewer.class.js +4 -4
- package/dist/events.d.ts +17 -78
- package/dist/framework-types.d.ts +1 -1
- package/dist/internal/catalog-picker.js +1 -1
- package/dist/internal/css-motion-time.d.ts +7 -0
- package/dist/internal/css-motion-time.js +1 -0
- package/dist/internal/data-state-renderer.d.ts +1 -3
- package/dist/internal/data-state-renderer.js +1 -1
- package/dist/internal/localization-runtime.d.ts +2 -0
- package/dist/internal/localization-runtime.js +1 -1
- 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/looks/data.css +1 -1
- package/dist/looks/terminal.css +1 -1
- package/dist/lyra.d.ts +1 -592
- package/dist/lyra.js +1 -1
- package/dist/testing/event-factory.d.ts +2 -2
- package/dist/testing/interaction-drivers.d.ts +5 -3
- package/dist/testing/lyra-tag-event-map.js +1 -1
- package/dist/theme/looks/data.d.ts +1 -1
- package/dist/theme/looks/data.js +1 -1
- package/dist/theme/looks/terminal.d.ts +1 -1
- package/dist/theme/looks/terminal.js +1 -1
- package/dist/theme/theme.d.ts +2 -80
- package/dist/theme/theme.js +1 -1
- package/llms/components/lr-agent-workspace.md +1 -1
- package/llms/components/lr-alert.md +1 -1
- package/llms/components/lr-animation.md +1 -1
- package/llms/components/lr-app-rail.md +8 -10
- package/llms/components/lr-approval-queue.md +2 -4
- package/llms/components/lr-attachment-trigger.md +3 -4
- package/llms/components/lr-badge.md +2 -2
- package/llms/components/lr-button.md +45 -99
- package/llms/components/lr-callout.md +3 -4
- package/llms/components/lr-carousel.md +3 -5
- package/llms/components/lr-chat-message.md +1 -2
- package/llms/components/lr-claim-evidence.md +1 -1
- package/llms/components/lr-code-block-core.md +2 -2
- package/llms/components/lr-code-block.md +5 -6
- package/llms/components/lr-color-picker.md +1 -1
- package/llms/components/lr-combobox.md +5 -6
- package/llms/components/lr-compare-panel.md +2 -4
- package/llms/components/lr-confirm-bar.md +3 -7
- package/llms/components/lr-context-inspector.md +3 -2
- package/llms/components/lr-context-menu.md +2 -2
- package/llms/components/lr-context-meter.md +2 -4
- package/llms/components/lr-copy-button.md +1 -1
- package/llms/components/lr-data-grid.md +4 -7
- package/llms/components/lr-details.md +3 -3
- package/llms/components/lr-dialog.md +4 -6
- package/llms/components/lr-dock-panel.md +5 -6
- package/llms/components/lr-document-library.md +5 -7
- package/llms/components/lr-drawer.md +3 -3
- package/llms/components/lr-dropdown.md +4 -5
- package/llms/components/lr-eval-run.md +3 -5
- package/llms/components/lr-export-button.md +4 -7
- package/llms/components/lr-file-input.md +0 -5
- package/llms/components/lr-funnel.md +1 -1
- package/llms/components/lr-graph.md +3 -7
- package/llms/components/lr-icon.md +1 -1
- package/llms/components/lr-include.md +1 -1
- package/llms/components/lr-input.md +31 -79
- package/llms/components/lr-json-viewer.md +1 -1
- package/llms/components/lr-knowledge-base.md +4 -6
- package/llms/components/lr-knowledge-graph-explorer.md +2 -5
- package/llms/components/lr-known-date.md +1 -1
- package/llms/components/lr-lightbox.md +9 -7
- package/llms/components/lr-lite-chart.md +1 -5
- package/llms/components/lr-markdown-core.md +3 -4
- package/llms/components/lr-markdown.md +3 -5
- package/llms/components/lr-mcp-app.md +1 -1
- package/llms/components/lr-message-actions.md +2 -3
- package/llms/components/lr-message-feedback.md +1 -3
- package/llms/components/lr-message-parts.md +4 -5
- package/llms/components/lr-multi-split.md +8 -7
- package/llms/components/lr-native-time-input.md +1 -1
- package/llms/components/lr-navigation-menu.md +5 -5
- package/llms/components/lr-number-input.md +3 -1
- package/llms/components/lr-otp-input.md +2 -0
- package/llms/components/lr-page.md +1 -1
- package/llms/components/lr-pan-zoom.md +1 -1
- package/llms/components/lr-phone-input.md +3 -1
- package/llms/components/lr-popover.md +2 -2
- package/llms/components/lr-progress-bar.md +3 -5
- package/llms/components/lr-progress-ring.md +5 -7
- package/llms/components/lr-prompt-input.md +1 -1
- package/llms/components/lr-prompt-queue.md +1 -1
- package/llms/components/lr-prompt-studio.md +1 -1
- package/llms/components/lr-rag-eval-dashboard.md +1 -1
- package/llms/components/lr-rating.md +2 -2
- package/llms/components/lr-realtime-session.md +1 -1
- package/llms/components/lr-reorder-item.md +1 -1
- package/llms/components/lr-reorder-list.md +2 -3
- package/llms/components/lr-retrieval-compare.md +1 -1
- package/llms/components/lr-select.md +3 -1
- package/llms/components/lr-selection-toolbar.md +1 -1
- package/llms/components/lr-sequence-strip.md +3 -8
- package/llms/components/lr-span-waterfall.md +1 -1
- package/llms/components/lr-split-panel.md +1 -1
- package/llms/components/lr-streaming-text-core.md +2 -1
- package/llms/components/lr-streaming-text.md +3 -2
- package/llms/components/lr-subagent-panel.md +1 -1
- package/llms/components/lr-swatch-picker.md +4 -4
- package/llms/components/lr-switch.md +3 -1
- package/llms/components/lr-table.md +33 -85
- package/llms/components/lr-terminal.md +2 -5
- package/llms/components/lr-textarea.md +1 -1
- package/llms/components/lr-thread-list.md +8 -14
- package/llms/components/lr-time-input.md +1 -1
- package/llms/components/lr-toggle-group.md +2 -2
- package/llms/components/lr-toggle.md +1 -1
- package/llms/components/lr-tool-approval-dialog.md +4 -7
- package/llms/components/lr-tool-call-block.md +1 -1
- package/llms/components/lr-tool-timeline.md +2 -5
- package/llms/components/lr-video-playlist.md +1 -1
- package/llms/components/lr-video.md +1 -1
- package/llms/components/lr-widget-renderer.md +7 -6
- package/llms/components/lr-zoomable-frame.md +1 -1
- package/llms/index.md +3 -618
- package/llms/migration.md +614 -614
- package/llms/shared/events-and-types.md +25 -24
- package/llms/shared/frameworks-and-ssr.md +7 -3
- package/llms/shared/imports-and-registration.md +22 -22
- package/llms/shared/localization-and-rtl.md +2 -2
- package/llms/shared/native-styles-and-utilities.md +263 -0
- package/llms/shared/styles-and-tokens.md +85 -676
- package/llms/shared/testing-and-utilities.md +12 -11
- package/llms/shared/v23-to-v24-migration.md +167 -0
- package/llms/shared.md +142 -487
- package/llms/tokens.md +3 -3
- package/llms.txt +9 -4
- package/package.json +7 -311
- package/registrations.json +1 -1
- package/vscode-html-data.json +1 -1
- package/web-types.json +1 -1
- package/dist/ssr-loader.d.ts +0 -2
- package/dist/ssr-loader.js +0 -1
- package/dist/theme/presets/shadcn.d.ts +0 -22
- package/dist/theme/presets/shadcn.js +0 -1
- package/dist/theme/presets.d.ts +0 -49
- package/dist/theme/presets.js +0 -1
- package/dist/themes/shadcn.css +0 -1
|
@@ -7,7 +7,7 @@
|
|
|
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
9
|
- **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [media](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/media.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 17 parts, 3 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`
|
|
@@ -67,12 +67,14 @@ actual rendered integer index; `reason` defaults to `'api'` and is forwarded as
|
|
|
67
67
|
detail.
|
|
68
68
|
|
|
69
69
|
**Events:** cancelable `lr-show`, followed after a successful open render by `lr-after-show`;
|
|
70
|
-
cancelable `lr-hide` (`detail: LyraLightboxHideDetail = { source: Element }`)
|
|
71
|
-
cancelable
|
|
72
|
-
|
|
73
|
-
`
|
|
74
|
-
|
|
75
|
-
`lr-
|
|
70
|
+
conditionally cancelable `lr-hide` (`detail: LyraLightboxHideDetail = { source: Element }`):
|
|
71
|
+
cancelable before a requested close, non-cancelable when an open instance unmounts. A requested
|
|
72
|
+
close then emits cancelable `lr-close-request` with `{ reason: LyraLightboxCloseReason }`.
|
|
73
|
+
An accepted dismissal sets `open = false` and emits non-cancelable `lr-close` with the same reason
|
|
74
|
+
object. Use
|
|
75
|
+
`lr-close-request` for vetoes and `lr-close` for accepted dismissals.
|
|
76
|
+
`lr-after-hide` follows the closed render. Removal while open cannot be vetoed and reports reason
|
|
77
|
+
`unmount`. `lr-index-change` (`detail: { index }`, fired
|
|
76
78
|
only for internally-driven navigation — a button, a keyboard shortcut, or `next()`/`previous()`/
|
|
77
79
|
`goTo()`; **not** when a consumer sets `index`/`images` directly); `lr-zoom-change` (`detail: {
|
|
78
80
|
zoom }`) is not emitted by the lightbox itself — it bubbles up composed from the embedded frame.
|
|
@@ -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: [charts](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/charts.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 18 parts, 19 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`
|
|
@@ -54,10 +54,6 @@ is no "every item in the tooltip" surface to hook a title or footer formatter on
|
|
|
54
54
|
and description; host `aria-label` wins by presence, including an explicit empty string
|
|
55
55
|
- `aria-label` (host attribute) — names the chart's `<svg>` ahead of every other source, by
|
|
56
56
|
presence.
|
|
57
|
-
- `accessibleLabel?: string` (attribute: false) — fallback below the host `aria-label` and `label`,
|
|
58
|
-
ahead of the locale-formatted dataset names and localized chart name.
|
|
59
|
-
Deprecated: use the native host `aria-label` or `ariaLabel` property. The programmatic fallback
|
|
60
|
-
remains supported; the old `accessible-label` attribute is inert. Unset keeps the auto-derived name.
|
|
61
57
|
- `height: string = '280px'` — accepts a valid CSS `height` as a private fallback. A consumer-set
|
|
62
58
|
`--lr-chart-height` always wins; invalid values, declaration-breaking input, and `url()` remove
|
|
63
59
|
the fallback and leave the public token/default in control.
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/conversation/` — 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: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
|
|
12
12
|
- **Themeable via** 24 parts, 19 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`
|
|
@@ -81,8 +81,7 @@ as the full class; the core route exports its own `Marked` alias.
|
|
|
81
81
|
|
|
82
82
|
**Events:** `lr-link-activate`, `lr-render-error`, `lr-highlight-activate`, `lr-text-select`,
|
|
83
83
|
`lr-anchor-result`, `lr-content-settled`, `lr-copy`, `lr-copy-error` — identical detail shapes to
|
|
84
|
-
`<lr-markdown>`'s own.
|
|
85
|
-
emitted afterward with the same detail.
|
|
84
|
+
`<lr-markdown>`'s own.
|
|
86
85
|
|
|
87
86
|
**Slots:** none — content comes from the `content` property, not light-DOM children.
|
|
88
87
|
|
|
@@ -119,7 +118,7 @@ on.
|
|
|
119
118
|
````ts
|
|
120
119
|
import { html } from "lit";
|
|
121
120
|
import python from "shiki/langs/python.mjs";
|
|
122
|
-
import "@aceshooting/lyra-ui/components/
|
|
121
|
+
import "@aceshooting/lyra-ui/components/lr-markdown-core.js";
|
|
123
122
|
|
|
124
123
|
const view = html`<lr-markdown-core
|
|
125
124
|
.content=${"# Report\n\n```python\nprint('hi')\n```\n\n```bash\necho hi\n```"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/conversation/` — 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: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
|
|
12
12
|
- **Themeable via** 24 parts, 19 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`
|
|
@@ -37,7 +37,7 @@ route or startup boundary render from an already-settled cache. The helper is ex
|
|
|
37
37
|
the full and core granular entries:
|
|
38
38
|
|
|
39
39
|
```ts
|
|
40
|
-
import { preloadMarkdown } from "@aceshooting/lyra-ui/components/
|
|
40
|
+
import { preloadMarkdown } from "@aceshooting/lyra-ui/components/lr-markdown.js";
|
|
41
41
|
|
|
42
42
|
await preloadMarkdown();
|
|
43
43
|
```
|
|
@@ -191,8 +191,6 @@ placed first and preserved inside both ceilings.
|
|
|
191
191
|
link's `href` starts with `internal-link-prefix`; ordinary external links navigate normally and
|
|
192
192
|
never fire this. If an intercepted link overlaps a painted highlight,
|
|
193
193
|
`lr-highlight-activate` fires first for pointer and Enter activation.
|
|
194
|
-
- `lr-link-click` — deprecated compatibility alias of `lr-link-activate`, emitted afterward with
|
|
195
|
-
the same detail.
|
|
196
194
|
- `lr-render-error` (`detail: { error: unknown }`) — rendering fell back to plain text (see the
|
|
197
195
|
fallback matrix below), or `math` is set but the `katex` peer isn't installed
|
|
198
196
|
- `lr-highlight-activate` (`detail: { highlightId: string }`) — a painted `text-quote` highlight was clicked
|
|
@@ -313,7 +311,7 @@ settled code blocks:
|
|
|
313
311
|
````html
|
|
314
312
|
<lr-markdown id="reply" streaming streaming-render="progressive" code-block-header></lr-markdown>
|
|
315
313
|
<script type="module">
|
|
316
|
-
import "@aceshooting/lyra-ui/components/
|
|
314
|
+
import "@aceshooting/lyra-ui/components/lr-markdown.js";
|
|
317
315
|
|
|
318
316
|
const reply = document.querySelector("#reply");
|
|
319
317
|
reply.content = ['A settled paragraph.', '', '```js', 'const answer = 42;', '```'].join('\n');
|
|
@@ -97,5 +97,5 @@ the shared assertive sink. Initial and reconnect renders stay silent.
|
|
|
97
97
|
**Slots:** none. **Optional peer deps:** none.
|
|
98
98
|
|
|
99
99
|
```ts
|
|
100
|
-
import "@aceshooting/lyra-ui/components/
|
|
100
|
+
import "@aceshooting/lyra-ui/components/lr-mcp-app.js";
|
|
101
101
|
```
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/conversation/` — 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: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 7 parts, 0 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`
|
|
@@ -68,8 +68,7 @@ write fulfills (bubbles/composed already, not re-emitted). A failed write surfac
|
|
|
68
68
|
`detail: { ok: false, text, reason, error }`; `reason` is `'unsupported' | 'denied' | 'failed'`.
|
|
69
69
|
`lr-feedback-change`/`lr-feedback-submit-request` — bubble unchanged from the embedded, thumbs-only
|
|
70
70
|
`lr-message-feedback`; the frozen submit detail includes its `submissionId`, which is the value to
|
|
71
|
-
pass to either settlement method.
|
|
72
|
-
alias also bubbles unchanged and retains the same detail and cancellation behavior. A colliding event from an
|
|
71
|
+
pass to either settlement method. A colliding event from an
|
|
73
72
|
arbitrary slotted child is contained at that slot boundary rather than being mistaken for a
|
|
74
73
|
built-in action.
|
|
75
74
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/conversation/` — 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: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 8 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`
|
|
@@ -72,8 +72,6 @@ When uncanceled it retains the synchronous close/announce/focus behavior. The op
|
|
|
72
72
|
`<textarea>`'s native `focus` and `blur` are re-dispatched as bubbling, composed host events.
|
|
73
73
|
`lr-toolbar-actions-change` is the no-detail coordination event emitted when the provider's logical
|
|
74
74
|
toolbar actions change availability or order.
|
|
75
|
-
The deprecated cancelable compatibility alias `lr-feedback-submit` carries the same frozen detail
|
|
76
|
-
and cancellation behavior as `lr-feedback-submit-request`.
|
|
77
75
|
**CSS parts:** `base` (the root), `thumbs` (wrapper around both thumb buttons), `up-button`,
|
|
78
76
|
`down-button`, `panel` (the inline detail disclosure, only rendered when `reasons` is non-empty or
|
|
79
77
|
`commentable` is set), `reasons` (the reason-chip group), `comment` (the comment `<textarea>`), and
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
- **Family** `components/conversation/` — see `llms/index.md` for its siblings
|
|
8
8
|
- **Status** `stable` since `7.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: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
|
|
10
|
-
- **
|
|
11
|
-
- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `element.setAttribute('aria-label', 'Message content');`; removal not before `24.0.0` — Use the native host accessible name. The legacy property remains an alias of the aria-label attribute throughout the compatibility window.
|
|
10
|
+
- **Deprecations** none
|
|
12
11
|
- **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
|
|
13
12
|
- **Themeable via** 24 parts, 5 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
14
13
|
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
@@ -114,7 +113,7 @@ original reference.
|
|
|
114
113
|
`MessagePartRenderer = (part: MessagePart, index: number) => unknown`; `MessagePartsToolDisplay =
|
|
115
114
|
'chip' | 'block'`; `MessagePart` and its discriminated part shapes come from the
|
|
116
115
|
`@aceshooting/lyra-ui/ai` subpath. `MessagePartsToolDisplay` is exported from the component module
|
|
117
|
-
(`@aceshooting/lyra-ui/components/
|
|
116
|
+
(`@aceshooting/lyra-ui/components/lr-message-parts.js`, or the side-effect-free
|
|
118
117
|
`message-parts.class.js`); it is not a package-root export. `MarkdownStreamingRenderMode = 'plain' | 'progressive'` is exported from the `lr-markdown` and
|
|
119
118
|
`lr-markdown-core` component modules. Tool results are a strict
|
|
120
119
|
success/error union: a success has `result` and cannot have `error`; an error has `error` and may
|
|
@@ -124,7 +123,7 @@ are ignored so each rendered identity and announcement remains unambiguous.
|
|
|
124
123
|
|
|
125
124
|
**Events:** `lr-citation-select` (`{ citation }`), `lr-part-retry` (`{ part }`), `lr-part-resume` (`{ part }`). Composed child
|
|
126
125
|
events pass through unchanged: `lr-anchor-result`, `lr-citation-open`, `lr-copy`, `lr-copy-error`,
|
|
127
|
-
`lr-highlight-activate`, `lr-link-activate`,
|
|
126
|
+
`lr-highlight-activate`, `lr-link-activate`, `lr-preview-request`, `lr-remove`, `lr-render-error`, `lr-retry`,
|
|
128
127
|
`lr-search-change`, `lr-text-select`, `lr-toggle` (from reasoning panels and tool-call blocks),
|
|
129
128
|
`lr-tool-call-chip-select`, `lr-widget-action`,
|
|
130
129
|
and `lr-widget-state-change`. The `lr-tool-chip-select` alias passthrough was removed in 9.0.0.
|
|
@@ -157,7 +156,7 @@ message or the localized fallback. Existing history and reconnect renders stay s
|
|
|
157
156
|
error id and later adding it again creates a new announcement.
|
|
158
157
|
|
|
159
158
|
```ts
|
|
160
|
-
import "@aceshooting/lyra-ui/components/
|
|
159
|
+
import "@aceshooting/lyra-ui/components/lr-message-parts.js";
|
|
161
160
|
```
|
|
162
161
|
|
|
163
162
|
```html
|
|
@@ -34,7 +34,7 @@ In responsive `collapse="start"`/`"end"` mode, the divider beside a floating pan
|
|
|
34
34
|
layout track whether its drawer is open or closed. It remains a programmatically focusable
|
|
35
35
|
separator for focus recovery. Rail mode keeps the divider track because both panes remain visible.
|
|
36
36
|
|
|
37
|
-
Granular import: `@aceshooting/lyra-ui/components/
|
|
37
|
+
Granular import: `@aceshooting/lyra-ui/components/lr-multi-split.js`.
|
|
38
38
|
The Lyra-original v9 identity migration is mechanical: `lr-split` → `lr-multi-split`,
|
|
39
39
|
`LyraSplit` → `LyraMultiSplit`, generic container authoring types → the corresponding
|
|
40
40
|
`LyraMultiSplit*` names, identity-specific `lr-split-*` events → `lr-multi-split-*`, and
|
|
@@ -247,15 +247,16 @@ synchronously inside its own handler instead of deferring past `updateComplete`.
|
|
|
247
247
|
out of a pane the new state hides (`'floating'` while closed) or clamps (`'rail'`) before the event
|
|
248
248
|
fires, landing on the first surviving pane that can take it, otherwise on one of the split's own
|
|
249
249
|
dividers, preferring one that stays enabled; focus anywhere other than the collapsing pane is untouched),
|
|
250
|
-
`lr-toggle` (`detail: LyraMultiSplitToggleDetail = { expanded: boolean
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
250
|
+
`lr-toggle-request` (cancelable; `detail: LyraMultiSplitToggleDetail = { expanded: boolean }`
|
|
251
|
+
contains the proposed drawer state). Escape/backdrop close proposals fire before `open` changes;
|
|
252
|
+
preventing the event or making a synchronous reentrant mutation aborts the proposal.
|
|
253
|
+
`lr-toggle` (non-cancelable; the same detail contains the resulting drawer state) fires after an
|
|
254
|
+
accepted change, or after a responsive transition leaves `floating` and forces `open` to false.
|
|
255
|
+
Forced closes emit no request. Direct `open` writes and no-op dismissals emit neither event,
|
|
255
256
|
`lr-multi-split-constraints-invalid` (`detail: LyraMultiSplitConstraintIssueDetail`, fired once when the configured
|
|
256
257
|
panel minimums/maximums cannot fit the track; the infeasible set is rejected for interaction and a
|
|
257
258
|
normalized percent minimum is used instead), `lr-multi-split-orientation-change` (`detail: { orientation }`,
|
|
258
|
-
fired only when an enabled `orientationBreakpoint` actually changes `effectiveOrientation`)
|
|
259
|
+
fired only when an enabled `orientationBreakpoint` actually changes `effectiveOrientation`)
|
|
259
260
|
|
|
260
261
|
**Slots:** default (each direct child element is one panel; set a unique `panel-id` on every child
|
|
261
262
|
when `storage-key` is used).
|
|
@@ -94,7 +94,7 @@ entry for the flush and cancellation rules.
|
|
|
94
94
|
value="09:30"
|
|
95
95
|
></lr-native-time-input>
|
|
96
96
|
<script type="module">
|
|
97
|
-
import "@aceshooting/lyra-ui/components/
|
|
97
|
+
import "@aceshooting/lyra-ui/components/lr-native-time-input.js";
|
|
98
98
|
</script>
|
|
99
99
|
```
|
|
100
100
|
|
|
@@ -143,7 +143,7 @@ item hosts, keeps only the first `open` item, and reveals and positions its pane
|
|
|
143
143
|
|
|
144
144
|
```html
|
|
145
145
|
<script type="module">
|
|
146
|
-
import '@aceshooting/lyra-ui/components/
|
|
146
|
+
import '@aceshooting/lyra-ui/components/lr-navigation-menu.js';
|
|
147
147
|
</script>
|
|
148
148
|
|
|
149
149
|
<header style="display: flex; align-items: center; justify-content: space-between">
|
|
@@ -200,9 +200,9 @@ hover opening.
|
|
|
200
200
|
|
|
201
201
|
**Methods:** `focus(options?)` and `click()` forward to the link or button.
|
|
202
202
|
|
|
203
|
-
**Events:** `lr-toggle` — `detail: LyraNavigationMenuToggleDetail` (`{ expanded,
|
|
204
|
-
where `expanded` is the new state
|
|
205
|
-
|
|
203
|
+
**Events:** `lr-toggle` — `detail: LyraNavigationMenuToggleDetail` (`{ expanded, source }`,
|
|
204
|
+
where `expanded` is the new state and `source` is `'user' | 'programmatic' | 'peer'`, the same
|
|
205
|
+
vocabulary as `lr-details`), not
|
|
206
206
|
cancelable,
|
|
207
207
|
fired after an accepted change renders and never for initial markup. `user` covers click, Enter,
|
|
208
208
|
Space, hover, Escape, light dismiss, focus leaving and link activation; `programmatic` covers `open`
|
|
@@ -242,7 +242,7 @@ The item does not take the `size` ladder.
|
|
|
242
242
|
|
|
243
243
|
```html
|
|
244
244
|
<script type="module">
|
|
245
|
-
import '@aceshooting/lyra-ui/components/
|
|
245
|
+
import '@aceshooting/lyra-ui/components/lr-navigation-menu-item.js';
|
|
246
246
|
</script>
|
|
247
247
|
|
|
248
248
|
<lr-navigation-menu-item>
|
|
@@ -152,7 +152,7 @@ The exact-320px RTL story keeps long label/hint copy and both fixed-size stepper
|
|
|
152
152
|
without-spin-buttons="false"
|
|
153
153
|
></lr-number-input>
|
|
154
154
|
<script type="module">
|
|
155
|
-
import "@aceshooting/lyra-ui/components/
|
|
155
|
+
import "@aceshooting/lyra-ui/components/lr-number-input.js";
|
|
156
156
|
</script>
|
|
157
157
|
```
|
|
158
158
|
|
|
@@ -170,3 +170,5 @@ The exact-320px RTL story keeps long label/hint copy and both fixed-size stepper
|
|
|
170
170
|
platform ignores all three on `type="number"`; use `min`/`max`/`step` instead.
|
|
171
171
|
- `type` is re-forced to `number` on every connect, but a later `el.type = 'text'` on a connected
|
|
172
172
|
element is not reverted — use `lr-input` when the type has to change.
|
|
173
|
+
|
|
174
|
+
<a id="date-and-time-controls"></a>
|
|
@@ -144,7 +144,7 @@ allocation, and long localized or consumer-provided text cannot widen the Page.
|
|
|
144
144
|
Import only the Page registration when it is the only layout component this bundle needs:
|
|
145
145
|
|
|
146
146
|
```js
|
|
147
|
-
import "@aceshooting/lyra-ui/components/
|
|
147
|
+
import "@aceshooting/lyra-ui/components/lr-page.js";
|
|
148
148
|
```
|
|
149
149
|
|
|
150
150
|
```html
|
|
@@ -66,7 +66,7 @@ uses layout-participating CSS `zoom`, not a paint-only transform, so the viewpor
|
|
|
66
66
|
range reaches the entire painted footprint at both logical edges in LTR and RTL.
|
|
67
67
|
|
|
68
68
|
```js
|
|
69
|
-
import "@aceshooting/lyra-ui/components/
|
|
69
|
+
import "@aceshooting/lyra-ui/components/lr-pan-zoom.js";
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
```html
|
|
@@ -227,7 +227,7 @@ consumer-supplied lazy loader below. Because the import expression lives in cons
|
|
|
227
227
|
numbering metadata enters a bundle that does not opt in.
|
|
228
228
|
|
|
229
229
|
```ts
|
|
230
|
-
import "@aceshooting/lyra-ui/components/
|
|
230
|
+
import "@aceshooting/lyra-ui/components/lr-phone-input.js";
|
|
231
231
|
import { loadLibphonenumberAdapter } from "@aceshooting/lyra-ui/components/forms/phone-input/phone-input.class.js";
|
|
232
232
|
|
|
233
233
|
const phone = document.querySelector("lr-phone-input");
|
|
@@ -299,3 +299,5 @@ import "@aceshooting/lyra-ui/components/media/flag/flag-peer.js";
|
|
|
299
299
|
- `--lr-phone-input-country-hover-bg` — Country trigger hover background. Default: `var(--lr-color-brand-quiet)`.
|
|
300
300
|
|
|
301
301
|
---
|
|
302
|
+
|
|
303
|
+
<a id="time-range-controls"></a>
|
|
@@ -42,7 +42,7 @@ the custom element upgrades, so finish the handoff explicitly with `show()`:
|
|
|
42
42
|
fallback.addEventListener("toggle", async () => {
|
|
43
43
|
if (!fallback.open || !popover.hidden) return;
|
|
44
44
|
registration ??= import(
|
|
45
|
-
"@aceshooting/lyra-ui/components/
|
|
45
|
+
"@aceshooting/lyra-ui/components/lr-popover.js"
|
|
46
46
|
).catch((error) => {
|
|
47
47
|
registration = undefined; // let a later interaction retry
|
|
48
48
|
throw error;
|
|
@@ -306,7 +306,7 @@ or to remember it on every new one:
|
|
|
306
306
|
<p>Anchored content.</p>
|
|
307
307
|
</lr-popover>
|
|
308
308
|
<script type="module">
|
|
309
|
-
import "@aceshooting/lyra-ui/components/
|
|
309
|
+
import "@aceshooting/lyra-ui/components/lr-popover.js";
|
|
310
310
|
|
|
311
311
|
const popover = document.querySelector("lr-popover");
|
|
312
312
|
let ready = false;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/overlays/` — 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: [overlays](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/overlays.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 5 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`
|
|
@@ -20,10 +20,8 @@ A determinate or indeterminate progress bar with an independently visible label
|
|
|
20
20
|
formatted percentage.
|
|
21
21
|
|
|
22
22
|
**Properties:** `value` (reflected), `max`, `indeterminate`, `variant`, `withValue` (`with-value`),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
the highest precedence. Also
|
|
26
|
-
`size: LyraSize = 'm'` (reflected) — `'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
|
|
23
|
+
`label` (mapped accessible-name property), and `size: LyraSize = 'm'` (reflected) —
|
|
24
|
+
`'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
|
|
27
25
|
'large'`. Track/indicator thickness tier, on the shared six-step ladder: `0.25rem` (`2xs`),
|
|
28
26
|
`0.375rem` (`xs`), `0.625rem` (`s`/`small`), `1rem` (`m`/`medium`, unchanged from before this
|
|
29
27
|
property existed), `1.25rem` (`l`/`large`), `1.5rem` (`xl`) — each value feeds
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/overlays/` — 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: [overlays](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/overlays.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 5 parts, 14 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`
|
|
@@ -22,10 +22,8 @@ A circular progress indicator with the same value contract as `lr-progress-bar`.
|
|
|
22
22
|
(reflected), `variant: LyraProgressVariant = 'brand'` (reflected, added in 9.0.0 — matches sibling
|
|
23
23
|
`lr-progress-bar`'s semantic-palette vocabulary: `neutral`/`brand`/`success`/`warning`/`danger`),
|
|
24
24
|
`withValue: boolean = false` (attribute `with-value`),
|
|
25
|
-
`label: string = ''` (the mapped accessible-name property), and
|
|
26
|
-
`
|
|
27
|
-
`aria-label`). Also
|
|
28
|
-
`size: LyraSize = 'm'` (reflected) — `'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
|
|
25
|
+
`label: string = ''` (the mapped accessible-name property), and `size: LyraSize = 'm'` (reflected) —
|
|
26
|
+
`'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
|
|
29
27
|
'large'`. Outer diameter tier, on the shared six-step ladder: `1.25rem` (`2xs`), `1.75rem` (`xs`),
|
|
30
28
|
`2.25rem` (`s`/`small`), `2.5rem` (`m`/`medium`, unchanged from before this property existed),
|
|
31
29
|
`3rem` (`l`/`large`), `3.5rem` (`xl`) — each value feeds `--lr-progress-ring-size`'s private
|
|
@@ -33,8 +31,8 @@ default. An explicit `--lr-progress-ring-size` (or the upstream `--size` alias)
|
|
|
33
31
|
every tier. Matching sibling `lr-progress-bar`'s own `size`, this ladder scales exactly one
|
|
34
32
|
dimension — `--lr-progress-ring-track-width`/`--lr-progress-ring-indicator-width` and the center
|
|
35
33
|
label's font size are untouched by it. Host
|
|
36
|
-
`aria-label` takes precedence; otherwise the name falls back to `label`,
|
|
37
|
-
|
|
34
|
+
`aria-label` takes precedence; otherwise the name falls back to `label`, visible default- or
|
|
35
|
+
`label`-slot text when supplied, then the localized "Progress".
|
|
38
36
|
Non-finite/out-of-range `value`/`max` are normalized (`max <= 0` falls
|
|
39
37
|
back to `100`, `value` clamps to `[0, max]`) rather than producing NaN geometry.
|
|
40
38
|
**Slots:** default — replaces the built-in center label, which otherwise renders the rounded
|
|
@@ -53,5 +53,5 @@ these events propose complete next values without mutating `items`.
|
|
|
53
53
|
**Slots:** none. **Optional peer deps:** none.
|
|
54
54
|
|
|
55
55
|
```ts
|
|
56
|
-
import "@aceshooting/lyra-ui/components/
|
|
56
|
+
import "@aceshooting/lyra-ui/components/lr-prompt-queue.js";
|
|
57
57
|
```
|
|
@@ -89,7 +89,7 @@ not collapse to indistinguishable generic names.
|
|
|
89
89
|
**Slots:** none. **Optional peer deps:** none.
|
|
90
90
|
|
|
91
91
|
```ts
|
|
92
|
-
import "@aceshooting/lyra-ui/components/
|
|
92
|
+
import "@aceshooting/lyra-ui/components/lr-prompt-studio.js";
|
|
93
93
|
```
|
|
94
94
|
|
|
95
95
|
**Additional API surface:**
|
|
@@ -57,7 +57,7 @@ filtered run order; the host computes every metric and owns evaluation execution
|
|
|
57
57
|
**Slots:** none. **Optional peer deps:** none.
|
|
58
58
|
|
|
59
59
|
```ts
|
|
60
|
-
import "@aceshooting/lyra-ui/components/
|
|
60
|
+
import "@aceshooting/lyra-ui/components/lr-rag-eval-dashboard.js";
|
|
61
61
|
```
|
|
62
62
|
|
|
63
63
|
`lr-grounding-summary` and `lr-rag-answer` now accept `GroundingAssessment.claims` and expose
|
|
@@ -60,7 +60,7 @@ Each access returns a fresh `LyraFormValidator<LyraRating>[]`; its entry observe
|
|
|
60
60
|
current `ValidityState` into `{ isValid, message, invalidKeys }` without changing it.
|
|
61
61
|
|
|
62
62
|
```ts
|
|
63
|
-
import { LyraRating } from "@aceshooting/lyra-ui/components/
|
|
63
|
+
import { LyraRating } from "@aceshooting/lyra-ui/components/lr-rating.js";
|
|
64
64
|
|
|
65
65
|
const rating = document.querySelector("lr-rating")!;
|
|
66
66
|
const result = LyraRating.validators[0].checkValidity(rating);
|
|
@@ -179,7 +179,7 @@ host beyond its container.
|
|
|
179
179
|
></lr-rating>
|
|
180
180
|
<p id="preview"></p>
|
|
181
181
|
<script type="module">
|
|
182
|
-
import "@aceshooting/lyra-ui/components/
|
|
182
|
+
import "@aceshooting/lyra-ui/components/lr-rating.js";
|
|
183
183
|
|
|
184
184
|
const rating = document.querySelector("lr-rating");
|
|
185
185
|
const preview = document.getElementById("preview");
|
|
@@ -62,5 +62,5 @@ silent, and sinks follow the component's `ownerDocument` when it is adopted.
|
|
|
62
62
|
remain host-owned.
|
|
63
63
|
|
|
64
64
|
```ts
|
|
65
|
-
import "@aceshooting/lyra-ui/components/
|
|
65
|
+
import "@aceshooting/lyra-ui/components/lr-realtime-session.js";
|
|
66
66
|
```
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
- **Family** `components/layout/` — see `llms/index.md` for its siblings
|
|
8
8
|
- **Status** `stable` since `6.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: [layout](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/layout.md)
|
|
10
|
-
- **
|
|
10
|
+
- **Deprecations** none
|
|
11
11
|
- **Optional peers** none
|
|
12
12
|
- **Themeable via** 6 parts, 5 custom properties — see `lr-reorder-list.md`
|
|
13
13
|
- **Documented with** `lr-reorder-list`: see [lr-reorder-list.md](./lr-reorder-list.md).
|
|
@@ -118,9 +118,8 @@ between rows.
|
|
|
118
118
|
`lr-reorder-request` order array.
|
|
119
119
|
- `aria-label` (host attribute) — names the row and is appended to each repeated move action's
|
|
120
120
|
accessible name in place of the row content.
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
its row content.
|
|
121
|
+
When the host has no `aria-label`, the item derives a bounded accessible text projection from its
|
|
122
|
+
row content for the repeated move-action names.
|
|
124
123
|
- `disabled: boolean = false` (reflected) — disables this row's own move buttons only; does not
|
|
125
124
|
hide its slotted content.
|
|
126
125
|
- `atStart: boolean`, `atEnd: boolean`, `listDisabled: boolean`, `pending: boolean` (readonly) —
|
|
@@ -46,5 +46,5 @@ is pairwise Jaccard similarity across those visible chunk ids. Selection is cont
|
|
|
46
46
|
same escape-hatch pattern as `lr-retrieval-results`'s `--lr-retrieval-results-selected-border`.
|
|
47
47
|
|
|
48
48
|
```ts
|
|
49
|
-
import "@aceshooting/lyra-ui/components/
|
|
49
|
+
import "@aceshooting/lyra-ui/components/lr-retrieval-compare.js";
|
|
50
50
|
```
|
|
@@ -453,7 +453,7 @@ purposes.
|
|
|
453
453
|
<lr-option value="perf">Performance</lr-option>
|
|
454
454
|
</lr-select>
|
|
455
455
|
<script type="module">
|
|
456
|
-
import "@aceshooting/lyra-ui/components/
|
|
456
|
+
import "@aceshooting/lyra-ui/components/lr-select.js";
|
|
457
457
|
const sel = document.getElementById("tags");
|
|
458
458
|
// A custom chip: return a node, and re-declare part="tag" to keep the built-in styling hooks.
|
|
459
459
|
sel.getTag = (option, index) => `${index + 1}. ${option.label}`; // a string renders as text
|
|
@@ -502,3 +502,5 @@ purposes.
|
|
|
502
502
|
`autoCommitSingleOption` unset to observe the normal dropdown chrome.
|
|
503
503
|
|
|
504
504
|
---
|
|
505
|
+
|
|
506
|
+
<a id="date-and-range-controls"></a>
|
|
@@ -80,5 +80,5 @@ surface together with every other floating surface in the library. `--lr-overlay
|
|
|
80
80
|
inside the same `role="toolbar"` element and roving-tabindex group. **Optional peer deps:** none.
|
|
81
81
|
|
|
82
82
|
```ts
|
|
83
|
-
import "@aceshooting/lyra-ui/components/
|
|
83
|
+
import "@aceshooting/lyra-ui/components/lr-selection-toolbar.js";
|
|
84
84
|
```
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
- **Family** `components/data/` — 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: [data](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/data.md)
|
|
10
|
-
- **
|
|
11
|
-
- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces the component-specific fallback while preserving its existing runtime behavior throughout the compatibility window.
|
|
10
|
+
- **Deprecations** none
|
|
12
11
|
- **Optional peers** none
|
|
13
12
|
- **Themeable via** 11 parts, 7 custom properties — see this component's own `@csspart`/`@cssprop` list below
|
|
14
13
|
- **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
|
|
@@ -34,9 +33,8 @@ so the consumer updates `selectedIndex` when it accepts that activation. Setting
|
|
|
34
33
|
additionally renders a static `[part="legend"]` key below the strip, so the color-to-category
|
|
35
34
|
mapping is readable without visiting each cell.
|
|
36
35
|
|
|
37
|
-
A standard host `aria-label` names the internal list and wins by presence, including empty.
|
|
38
|
-
|
|
39
|
-
the generated category-count summary names it. When an
|
|
36
|
+
A standard host `aria-label` names the internal list and wins by presence, including empty. With
|
|
37
|
+
no host label, the generated category-count summary names it. When an
|
|
40
38
|
`items` refresh occurs while a cell owns focus, its `id` remains the sole roving stop; removal
|
|
41
39
|
clamps focus to the nearest survivor, or to the stable list base when no cells remain. Unfocused
|
|
42
40
|
refreshes do not move focus. A queued Arrow/Home/End focus is bound to the current item-array
|
|
@@ -83,9 +81,6 @@ readonly color, readonly label? }`; `color`
|
|
|
83
81
|
internal `id`. Both collection properties are cloned and frozen at assignment,
|
|
84
82
|
bounded to the first 10,000 source entries, and require reassignment after changes; empty/blank
|
|
85
83
|
ids are omitted and duplicates use the first valid entry, so identity is deterministic
|
|
86
|
-
- `accessibleLabel?: string` (attribute `accessible-label`, deprecated; removal not before
|
|
87
|
-
24.0.0) — compatibility fallback below the host `aria-label` or native `ariaLabel` property.
|
|
88
|
-
When both are absent, the list receives a localized per-category count summary.
|
|
89
84
|
- `withLegend: boolean = false` (attribute `with-legend`, reflected) — renders a static
|
|
90
85
|
`[part="legend"]` key below the strip, one swatch + label row per `categories` entry, in array
|
|
91
86
|
order. The key describes the _scheme_, not the current data: a category with no matching item
|
|
@@ -44,7 +44,7 @@ truncated tail can never shrink the axis and stretch the surviving bars across t
|
|
|
44
44
|
window, `withoutAxis: boolean = false` (attribute `without-axis`) — hides the time-ruler row, and
|
|
45
45
|
`label: string = ''`.
|
|
46
46
|
|
|
47
|
-
The granular `@aceshooting/lyra-ui/components/
|
|
47
|
+
The granular `@aceshooting/lyra-ui/components/lr-trace-tree.js` entry also
|
|
48
48
|
type-exports `LyraSpanKind` and `LyraSpanStatus`, and exports
|
|
49
49
|
`normalizeLyraSpanKind(value)` / `normalizeLyraSpanStatus(value)` for normalizing provider data
|
|
50
50
|
before assigning `spans`. These helpers are intentionally granular-only rather than root-barrel
|
|
@@ -93,7 +93,7 @@ cleans up on pointer up, cancellation, capture loss, disconnect, and orientation
|
|
|
93
93
|
**Optional peer deps:** none.
|
|
94
94
|
|
|
95
95
|
```js
|
|
96
|
-
import "@aceshooting/lyra-ui/components/
|
|
96
|
+
import "@aceshooting/lyra-ui/components/lr-split-panel.js";
|
|
97
97
|
```
|
|
98
98
|
|
|
99
99
|
```html
|