@aceshooting/lyra-ui 2.11.0 → 2.12.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/custom-elements.json +2167 -62
- package/dist/components/app-rail/app-rail.class.d.ts.map +1 -1
- package/dist/components/app-rail/app-rail.class.js +2 -1
- package/dist/components/app-rail/app-rail.class.js.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.class.d.ts +16 -22
- package/dist/components/attachment-chip/attachment-chip.class.d.ts.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.class.js +37 -42
- package/dist/components/attachment-chip/attachment-chip.class.js.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.styles.d.ts.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.styles.js +3 -2
- package/dist/components/attachment-chip/attachment-chip.styles.js.map +1 -1
- package/dist/components/avatar/avatar.class.d.ts +4 -3
- package/dist/components/avatar/avatar.class.d.ts.map +1 -1
- package/dist/components/avatar/avatar.class.js +12 -6
- package/dist/components/avatar/avatar.class.js.map +1 -1
- package/dist/components/button/button.class.d.ts +8 -1
- package/dist/components/button/button.class.d.ts.map +1 -1
- package/dist/components/button/button.class.js +14 -2
- package/dist/components/button/button.class.js.map +1 -1
- package/dist/components/button/button.styles.d.ts.map +1 -1
- package/dist/components/button/button.styles.js +34 -0
- package/dist/components/button/button.styles.js.map +1 -1
- package/dist/components/card/card.class.d.ts +3 -0
- package/dist/components/card/card.class.d.ts.map +1 -1
- package/dist/components/card/card.class.js +3 -0
- package/dist/components/card/card.class.js.map +1 -1
- package/dist/components/card/card.styles.d.ts.map +1 -1
- package/dist/components/card/card.styles.js +7 -0
- package/dist/components/card/card.styles.js.map +1 -1
- package/dist/components/chart/box-plot.class.d.ts +4 -1
- package/dist/components/chart/box-plot.class.d.ts.map +1 -1
- package/dist/components/chart/box-plot.class.js +28 -8
- package/dist/components/chart/box-plot.class.js.map +1 -1
- package/dist/components/chart/box-plot.styles.d.ts.map +1 -1
- package/dist/components/chart/box-plot.styles.js +2 -0
- package/dist/components/chart/box-plot.styles.js.map +1 -1
- package/dist/components/chart/chart.class.d.ts +3 -1
- package/dist/components/chart/chart.class.d.ts.map +1 -1
- package/dist/components/chart/chart.class.js +17 -6
- package/dist/components/chart/chart.class.js.map +1 -1
- package/dist/components/chart/chart.styles.d.ts.map +1 -1
- package/dist/components/chart/chart.styles.js +2 -0
- package/dist/components/chart/chart.styles.js.map +1 -1
- package/dist/components/chart/histogram.class.d.ts +2 -0
- package/dist/components/chart/histogram.class.d.ts.map +1 -1
- package/dist/components/chart/histogram.class.js +6 -0
- package/dist/components/chart/histogram.class.js.map +1 -1
- package/dist/components/chart/lite-chart.class.d.ts +5 -5
- package/dist/components/chart/lite-chart.class.d.ts.map +1 -1
- package/dist/components/chart/lite-chart.class.js +35 -9
- package/dist/components/chart/lite-chart.class.js.map +1 -1
- package/dist/components/chart/lite-chart.styles.d.ts.map +1 -1
- package/dist/components/chart/lite-chart.styles.js +5 -0
- package/dist/components/chart/lite-chart.styles.js.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.d.ts +28 -3
- package/dist/components/chat-composer/chat-composer.class.d.ts.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.js +82 -4
- package/dist/components/chat-composer/chat-composer.class.js.map +1 -1
- package/dist/components/chat-message/chat-message.class.d.ts +3 -0
- package/dist/components/chat-message/chat-message.class.d.ts.map +1 -1
- package/dist/components/chat-message/chat-message.class.js +8 -6
- package/dist/components/chat-message/chat-message.class.js.map +1 -1
- package/dist/components/chat-message/chat-message.styles.d.ts.map +1 -1
- package/dist/components/chat-message/chat-message.styles.js +2 -1
- package/dist/components/chat-message/chat-message.styles.js.map +1 -1
- package/dist/components/checkbox/checkbox.class.d.ts +15 -2
- package/dist/components/checkbox/checkbox.class.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.class.js +28 -8
- package/dist/components/checkbox/checkbox.class.js.map +1 -1
- package/dist/components/chip/chip-group.class.d.ts +3 -3
- package/dist/components/chip/chip-group.class.d.ts.map +1 -1
- package/dist/components/chip/chip-group.class.js +3 -1
- package/dist/components/chip/chip-group.class.js.map +1 -1
- package/dist/components/citation-badge/citation-badge.class.d.ts +4 -1
- package/dist/components/citation-badge/citation-badge.class.d.ts.map +1 -1
- package/dist/components/citation-badge/citation-badge.class.js +8 -3
- package/dist/components/citation-badge/citation-badge.class.js.map +1 -1
- package/dist/components/code-block/code-block-core.class.d.ts +7 -1
- package/dist/components/code-block/code-block-core.class.d.ts.map +1 -1
- package/dist/components/code-block/code-block-core.class.js +11 -2
- package/dist/components/code-block/code-block-core.class.js.map +1 -1
- package/dist/components/code-block/code-block.class.d.ts +9 -0
- package/dist/components/code-block/code-block.class.d.ts.map +1 -1
- package/dist/components/code-block/code-block.class.js +13 -1
- package/dist/components/code-block/code-block.class.js.map +1 -1
- package/dist/components/combobox/combobox.class.d.ts +36 -0
- package/dist/components/combobox/combobox.class.d.ts.map +1 -1
- package/dist/components/combobox/combobox.class.js +111 -4
- package/dist/components/combobox/combobox.class.js.map +1 -1
- package/dist/components/combobox/option.class.d.ts.map +1 -1
- package/dist/components/combobox/option.class.js +3 -9
- package/dist/components/combobox/option.class.js.map +1 -1
- package/dist/components/combobox/option.styles.d.ts +2 -0
- package/dist/components/combobox/option.styles.d.ts.map +1 -0
- package/dist/components/combobox/option.styles.js +7 -0
- package/dist/components/combobox/option.styles.js.map +1 -0
- package/dist/components/context-meter/context-meter.class.d.ts +2 -0
- package/dist/components/context-meter/context-meter.class.d.ts.map +1 -1
- package/dist/components/context-meter/context-meter.class.js +18 -7
- package/dist/components/context-meter/context-meter.class.js.map +1 -1
- package/dist/components/context-meter/context-meter.styles.d.ts.map +1 -1
- package/dist/components/context-meter/context-meter.styles.js +3 -0
- package/dist/components/context-meter/context-meter.styles.js.map +1 -1
- package/dist/components/conversation-item/conversation-item.class.d.ts +5 -4
- package/dist/components/conversation-item/conversation-item.class.d.ts.map +1 -1
- package/dist/components/conversation-item/conversation-item.class.js +2 -0
- package/dist/components/conversation-item/conversation-item.class.js.map +1 -1
- package/dist/components/copy-button/copy-button.class.d.ts +10 -0
- package/dist/components/copy-button/copy-button.class.d.ts.map +1 -1
- package/dist/components/copy-button/copy-button.class.js +35 -4
- package/dist/components/copy-button/copy-button.class.js.map +1 -1
- package/dist/components/copy-button/copy-button.styles.d.ts.map +1 -1
- package/dist/components/copy-button/copy-button.styles.js +5 -1
- package/dist/components/copy-button/copy-button.styles.js.map +1 -1
- package/dist/components/date-picker/date-input.styles.d.ts.map +1 -1
- package/dist/components/date-picker/date-input.styles.js +4 -0
- package/dist/components/date-picker/date-input.styles.js.map +1 -1
- package/dist/components/diff-view/diff-view.styles.d.ts.map +1 -1
- package/dist/components/diff-view/diff-view.styles.js +3 -0
- package/dist/components/diff-view/diff-view.styles.js.map +1 -1
- package/dist/components/document-preview/document-preview.class.d.ts +14 -2
- package/dist/components/document-preview/document-preview.class.d.ts.map +1 -1
- package/dist/components/document-preview/document-preview.class.js +45 -6
- package/dist/components/document-preview/document-preview.class.js.map +1 -1
- package/dist/components/document-preview/document-preview.styles.js +1 -1
- package/dist/components/export-button/export-button.class.d.ts +9 -2
- package/dist/components/export-button/export-button.class.d.ts.map +1 -1
- package/dist/components/export-button/export-button.class.js +21 -3
- package/dist/components/export-button/export-button.class.js.map +1 -1
- package/dist/components/export-button/export-button.styles.d.ts.map +1 -1
- package/dist/components/export-button/export-button.styles.js +21 -2
- package/dist/components/export-button/export-button.styles.js.map +1 -1
- package/dist/components/file-input/file-input.class.d.ts +9 -3
- package/dist/components/file-input/file-input.class.d.ts.map +1 -1
- package/dist/components/file-input/file-input.class.js +23 -8
- package/dist/components/file-input/file-input.class.js.map +1 -1
- package/dist/components/flag/flag.class.d.ts +7 -1
- package/dist/components/flag/flag.class.d.ts.map +1 -1
- package/dist/components/flag/flag.class.js +11 -3
- package/dist/components/flag/flag.class.js.map +1 -1
- package/dist/components/flag/flag.styles.js +2 -2
- package/dist/components/generation-status/generation-status.class.d.ts.map +1 -1
- package/dist/components/generation-status/generation-status.class.js +35 -27
- package/dist/components/generation-status/generation-status.class.js.map +1 -1
- package/dist/components/graph/graph.class.d.ts +1 -0
- package/dist/components/graph/graph.class.d.ts.map +1 -1
- package/dist/components/graph/graph.class.js +11 -3
- package/dist/components/graph/graph.class.js.map +1 -1
- package/dist/components/heatmap/calendar-grid.d.ts +7 -1
- package/dist/components/heatmap/calendar-grid.d.ts.map +1 -1
- package/dist/components/heatmap/calendar-grid.js +9 -2
- package/dist/components/heatmap/calendar-grid.js.map +1 -1
- package/dist/components/heatmap/heatmap.class.d.ts +9 -0
- package/dist/components/heatmap/heatmap.class.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.class.js +33 -12
- package/dist/components/heatmap/heatmap.class.js.map +1 -1
- package/dist/components/heatmap/heatmap.styles.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.styles.js +6 -0
- package/dist/components/heatmap/heatmap.styles.js.map +1 -1
- package/dist/components/input/input.styles.d.ts.map +1 -1
- package/dist/components/input/input.styles.js +3 -0
- package/dist/components/input/input.styles.js.map +1 -1
- package/dist/components/json-viewer/json-viewer.class.js +1 -1
- package/dist/components/json-viewer/json-viewer.class.js.map +1 -1
- package/dist/components/json-viewer/json-viewer.styles.d.ts.map +1 -1
- package/dist/components/json-viewer/json-viewer.styles.js +7 -0
- package/dist/components/json-viewer/json-viewer.styles.js.map +1 -1
- package/dist/components/map/map.class.d.ts +3 -5
- package/dist/components/map/map.class.d.ts.map +1 -1
- package/dist/components/map/map.class.js +8 -6
- package/dist/components/map/map.class.js.map +1 -1
- package/dist/components/markdown/markdown.class.d.ts +5 -5
- package/dist/components/markdown/markdown.class.d.ts.map +1 -1
- package/dist/components/markdown/markdown.class.js +6 -6
- package/dist/components/markdown/markdown.class.js.map +1 -1
- package/dist/components/markdown/markdown.styles.d.ts.map +1 -1
- package/dist/components/markdown/markdown.styles.js +11 -4
- package/dist/components/markdown/markdown.styles.js.map +1 -1
- package/dist/components/media-card/media-card.class.d.ts +12 -1
- package/dist/components/media-card/media-card.class.d.ts.map +1 -1
- package/dist/components/media-card/media-card.class.js +27 -7
- package/dist/components/media-card/media-card.class.js.map +1 -1
- package/dist/components/mention-popover/mention-popover.styles.d.ts.map +1 -1
- package/dist/components/mention-popover/mention-popover.styles.js +2 -0
- package/dist/components/mention-popover/mention-popover.styles.js.map +1 -1
- package/dist/components/pagination/pagination.class.d.ts +11 -0
- package/dist/components/pagination/pagination.class.d.ts.map +1 -1
- package/dist/components/pagination/pagination.class.js +28 -1
- package/dist/components/pagination/pagination.class.js.map +1 -1
- package/dist/components/phone-input/phone-input.class.d.ts +16 -2
- package/dist/components/phone-input/phone-input.class.d.ts.map +1 -1
- package/dist/components/phone-input/phone-input.class.js +43 -2
- package/dist/components/phone-input/phone-input.class.js.map +1 -1
- package/dist/components/playback/playback.class.d.ts +11 -0
- package/dist/components/playback/playback.class.d.ts.map +1 -1
- package/dist/components/playback/playback.class.js +26 -1
- package/dist/components/playback/playback.class.js.map +1 -1
- package/dist/components/poll-status/poll-status.styles.d.ts.map +1 -1
- package/dist/components/poll-status/poll-status.styles.js +4 -0
- package/dist/components/poll-status/poll-status.styles.js.map +1 -1
- package/dist/components/segmented/segmented.styles.d.ts.map +1 -1
- package/dist/components/segmented/segmented.styles.js +3 -0
- package/dist/components/segmented/segmented.styles.js.map +1 -1
- package/dist/components/select/select.class.d.ts +10 -0
- package/dist/components/select/select.class.d.ts.map +1 -1
- package/dist/components/select/select.class.js +22 -2
- package/dist/components/select/select.class.js.map +1 -1
- package/dist/components/skeleton/skeleton.class.d.ts +5 -0
- package/dist/components/skeleton/skeleton.class.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.class.js +17 -2
- package/dist/components/skeleton/skeleton.class.js.map +1 -1
- package/dist/components/skeleton/skeleton.styles.js +2 -2
- package/dist/components/sparkline/sparkline.class.d.ts +3 -1
- package/dist/components/sparkline/sparkline.class.d.ts.map +1 -1
- package/dist/components/sparkline/sparkline.class.js +24 -8
- package/dist/components/sparkline/sparkline.class.js.map +1 -1
- package/dist/components/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/stepper/stepper.styles.js +4 -0
- package/dist/components/stepper/stepper.styles.js.map +1 -1
- package/dist/components/table/table.class.d.ts +47 -0
- package/dist/components/table/table.class.d.ts.map +1 -1
- package/dist/components/table/table.class.js +95 -19
- package/dist/components/table/table.class.js.map +1 -1
- package/dist/components/table/table.styles.d.ts.map +1 -1
- package/dist/components/table/table.styles.js +39 -0
- package/dist/components/table/table.styles.js.map +1 -1
- package/dist/components/tool-call-chip/tool-call-chip.class.d.ts +8 -1
- package/dist/components/tool-call-chip/tool-call-chip.class.d.ts.map +1 -1
- package/dist/components/tool-call-chip/tool-call-chip.class.js +19 -16
- package/dist/components/tool-call-chip/tool-call-chip.class.js.map +1 -1
- package/dist/components/tool-call-chip/tool-call-chip.styles.d.ts.map +1 -1
- package/dist/components/tool-call-chip/tool-call-chip.styles.js +3 -2
- package/dist/components/tool-call-chip/tool-call-chip.styles.js.map +1 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.class.d.ts +12 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.class.d.ts.map +1 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.class.js +25 -11
- package/dist/components/tool-result-dialog/tool-result-dialog.class.js.map +1 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.styles.d.ts.map +1 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.styles.js +3 -1
- package/dist/components/tool-result-dialog/tool-result-dialog.styles.js.map +1 -1
- package/dist/internal/localization.d.ts +1 -1
- package/dist/internal/localization.d.ts.map +1 -1
- package/dist/internal/localization.js +21 -0
- package/dist/internal/localization.js.map +1 -1
- package/dist/internal/tokens.styles.d.ts.map +1 -1
- package/dist/internal/tokens.styles.js +17 -0
- package/dist/internal/tokens.styles.js.map +1 -1
- package/dist/lyra.d.ts +4 -4
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js.map +1 -1
- package/llms-full.txt +204 -76
- package/package.json +1 -1
|
@@ -2,6 +2,8 @@ import { css } from 'lit';
|
|
|
2
2
|
export const styles = css `
|
|
3
3
|
:host {
|
|
4
4
|
display: block;
|
|
5
|
+
min-inline-size: 0;
|
|
6
|
+
max-inline-size: 100%;
|
|
5
7
|
/* Contained here (rather than left as a bare font-family literal) so a
|
|
6
8
|
host page can retheme it -- same rationale as lyra-json-viewer's
|
|
7
9
|
identical --lyra-json-viewer-font, no shared --wa-*/--lyra-*
|
|
@@ -10,7 +12,11 @@ export const styles = css `
|
|
|
10
12
|
line-height: var(--lyra-line-height-loose);
|
|
11
13
|
}
|
|
12
14
|
[part='content'] {
|
|
13
|
-
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
min-inline-size: 0;
|
|
17
|
+
max-inline-size: 100%;
|
|
18
|
+
overflow-inline: auto;
|
|
19
|
+
overflow-wrap: anywhere;
|
|
14
20
|
}
|
|
15
21
|
/* Shared by both the "still loading" and "fell back after a failure"
|
|
16
22
|
states -- see the renderedHtml field doc in markdown.ts. */
|
|
@@ -45,7 +51,7 @@ export const styles = css `
|
|
|
45
51
|
padding: var(--lyra-space-s) var(--lyra-space-m);
|
|
46
52
|
border-radius: var(--lyra-radius);
|
|
47
53
|
background: var(--lyra-color-brand-quiet);
|
|
48
|
-
overflow-
|
|
54
|
+
overflow-inline: auto;
|
|
49
55
|
}
|
|
50
56
|
[part='code-block'] code {
|
|
51
57
|
padding: 0;
|
|
@@ -58,10 +64,10 @@ export const styles = css `
|
|
|
58
64
|
text-underline-offset: var(--lyra-size-0-125rem);
|
|
59
65
|
}
|
|
60
66
|
/* Keeps an oversized source image from overflowing the content wrapper --
|
|
61
|
-
matches the overflow-wrap:
|
|
67
|
+
matches the overflow-wrap: anywhere guard on [part='content'] above,
|
|
62
68
|
which only covers text, not replaced elements like <img>. */
|
|
63
69
|
[part='img'] {
|
|
64
|
-
max-
|
|
70
|
+
max-inline-size: 100%;
|
|
65
71
|
}
|
|
66
72
|
[part='blockquote'] {
|
|
67
73
|
margin-block: 0 var(--lyra-space-s);
|
|
@@ -74,6 +80,7 @@ export const styles = css `
|
|
|
74
80
|
border-collapse: collapse;
|
|
75
81
|
margin-block: 0 var(--lyra-space-s);
|
|
76
82
|
inline-size: 100%;
|
|
83
|
+
max-inline-size: 100%;
|
|
77
84
|
}
|
|
78
85
|
[part='table'] th,
|
|
79
86
|
[part='table'] td {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"markdown.styles.js","sourceRoot":"","sources":["../../../src/components/markdown/markdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"markdown.styles.js","sourceRoot":"","sources":["../../../src/components/markdown/markdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,CAAC"}
|
|
@@ -71,6 +71,13 @@ export declare function safeLinkHref(url: string): string | null;
|
|
|
71
71
|
* calls `preventDefault()` on it suppresses that default download/open so it
|
|
72
72
|
* can substitute its own handling instead.
|
|
73
73
|
*
|
|
74
|
+
* **Accessible action name.** The host `aria-label` maps to
|
|
75
|
+
* `accessibleLabel` and overrides the filename/alt/per-kind action name on
|
|
76
|
+
* whichever internal element is actionable for the resolved kind. The name
|
|
77
|
+
* is therefore applied directly to the button or link across the shadow
|
|
78
|
+
* boundary; it does not replace the image alt text or the video control's
|
|
79
|
+
* own label.
|
|
80
|
+
*
|
|
74
81
|
* @customElement lyra-media-card
|
|
75
82
|
* @event lyra-open - The card (or, for `kind="video"`, its `open-button`)
|
|
76
83
|
* was activated. `detail: { src, filename }`. Cancelable — see the class
|
|
@@ -101,6 +108,10 @@ export declare class LyraMediaCard extends LyraElement<LyraMediaCardEventMap> {
|
|
|
101
108
|
/** Alt text for the image case (and reused as a video label fallback).
|
|
102
109
|
* Falls back to `filename`, then a generic per-kind description. */
|
|
103
110
|
alt: string;
|
|
111
|
+
/** Accessible-name override for the card's actionable element. Maps to
|
|
112
|
+
* the host's `aria-label` attribute and wins over names derived from
|
|
113
|
+
* `filename`, `alt`, or the resolved media kind. */
|
|
114
|
+
accessibleLabel: string;
|
|
104
115
|
/** A CSS length (e.g. `"16rem"`); once set, overrides the
|
|
105
116
|
* `--lyra-media-card-max-height` custom property for this instance only —
|
|
106
117
|
* same contract as `<lyra-document-preview>`'s identically-named prop. */
|
|
@@ -111,7 +122,7 @@ export declare class LyraMediaCard extends LyraElement<LyraMediaCardEventMap> {
|
|
|
111
122
|
private get displayFilename();
|
|
112
123
|
/** Accessible name for the card's own actionable element (`base` or, for
|
|
113
124
|
* video, `open-button`) — always phrased as the action it performs. */
|
|
114
|
-
private get
|
|
125
|
+
private get actionLabel();
|
|
115
126
|
private get imgAlt();
|
|
116
127
|
private get videoLabel();
|
|
117
128
|
/** Per-instance override for `--lyra-media-card-max-height`, applied
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.class.d.ts","sourceRoot":"","sources":["../../../src/components/media-card/media-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQ7D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC/C;AAED;mEACmE;AACnE,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEvD;AAED;kFACkF;AAClF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEvD;AAoCD
|
|
1
|
+
{"version":3,"file":"media-card.class.d.ts","sourceRoot":"","sources":["../../../src/components/media-card/media-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQ7D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC/C;AAED;mEACmE;AACnE,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEvD;AAED;kFACkF;AAClF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEvD;AAoCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C;0CACsC;IAC1B,GAAG,SAAM;IAErB,6EAA6E;IAChD,IAAI,CAAC,EAAE,aAAa,CAAC;IAElD,kDAAkD;IACZ,QAAQ,SAAM;IAEpD;2EACuE;IAC3D,QAAQ,SAAM;IAE1B;yEACqE;IACzD,GAAG,SAAM;IAErB;;yDAEqD;IACd,eAAe,SAAM;IAE5D;;+EAE2E;IACpC,SAAS,SAAM;IAEtD;+CAC2C;IAC3C,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,eAAe,GAE1B;IAED;4EACwE;IACxE,OAAO,KAAK,WAAW,GAOtB;IAED,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,KAAK,UAAU,GAErB;IAED;;4EAEwE;IACxE,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,UAAU,CAEhB;IAOF,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,kBAAkB;IA4B1B,MAAM,IAAI,cAAc,CAavB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
|
|
@@ -110,6 +110,13 @@ function fileGlyph() {
|
|
|
110
110
|
* calls `preventDefault()` on it suppresses that default download/open so it
|
|
111
111
|
* can substitute its own handling instead.
|
|
112
112
|
*
|
|
113
|
+
* **Accessible action name.** The host `aria-label` maps to
|
|
114
|
+
* `accessibleLabel` and overrides the filename/alt/per-kind action name on
|
|
115
|
+
* whichever internal element is actionable for the resolved kind. The name
|
|
116
|
+
* is therefore applied directly to the button or link across the shadow
|
|
117
|
+
* boundary; it does not replace the image alt text or the video control's
|
|
118
|
+
* own label.
|
|
119
|
+
*
|
|
113
120
|
* @customElement lyra-media-card
|
|
114
121
|
* @event lyra-open - The card (or, for `kind="video"`, its `open-button`)
|
|
115
122
|
* was activated. `detail: { src, filename }`. Cancelable — see the class
|
|
@@ -139,6 +146,10 @@ export class LyraMediaCard extends LyraElement {
|
|
|
139
146
|
/** Alt text for the image case (and reused as a video label fallback).
|
|
140
147
|
* Falls back to `filename`, then a generic per-kind description. */
|
|
141
148
|
this.alt = '';
|
|
149
|
+
/** Accessible-name override for the card's actionable element. Maps to
|
|
150
|
+
* the host's `aria-label` attribute and wins over names derived from
|
|
151
|
+
* `filename`, `alt`, or the resolved media kind. */
|
|
152
|
+
this.accessibleLabel = '';
|
|
142
153
|
/** A CSS length (e.g. `"16rem"`); once set, overrides the
|
|
143
154
|
* `--lyra-media-card-max-height` custom property for this instance only —
|
|
144
155
|
* same contract as `<lyra-document-preview>`'s identically-named prop. */
|
|
@@ -167,11 +178,17 @@ export class LyraMediaCard extends LyraElement {
|
|
|
167
178
|
}
|
|
168
179
|
/** Accessible name for the card's own actionable element (`base` or, for
|
|
169
180
|
* video, `open-button`) — always phrased as the action it performs. */
|
|
170
|
-
get
|
|
181
|
+
get actionLabel() {
|
|
182
|
+
if (this.accessibleLabel)
|
|
183
|
+
return this.accessibleLabel;
|
|
171
184
|
const name = this.filename || this.alt;
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
185
|
+
if (name)
|
|
186
|
+
return this.localize('mediaCardOpenName', undefined, { name });
|
|
187
|
+
if (this.resolvedKind === 'image')
|
|
188
|
+
return this.localize('mediaCardOpenImageAttachment');
|
|
189
|
+
if (this.resolvedKind === 'video')
|
|
190
|
+
return this.localize('mediaCardOpenVideoAttachment');
|
|
191
|
+
return this.localize('mediaCardOpenFileAttachment');
|
|
175
192
|
}
|
|
176
193
|
get imgAlt() {
|
|
177
194
|
return this.alt || this.filename || this.localize('mediaCardImageAttachment');
|
|
@@ -194,7 +211,7 @@ export class LyraMediaCard extends LyraElement {
|
|
|
194
211
|
}
|
|
195
212
|
renderImage(src) {
|
|
196
213
|
return html `
|
|
197
|
-
<button part="base" type="button" style=${this.baseStyle} aria-label=${this.
|
|
214
|
+
<button part="base" type="button" style=${this.baseStyle} aria-label=${this.actionLabel} @click=${this.onActivate}>
|
|
198
215
|
<img part="media" src=${src} alt=${this.imgAlt} />
|
|
199
216
|
</button>
|
|
200
217
|
`;
|
|
@@ -203,7 +220,7 @@ export class LyraMediaCard extends LyraElement {
|
|
|
203
220
|
return html `
|
|
204
221
|
<div part="base" style=${this.baseStyle}>
|
|
205
222
|
<video part="media" controls src=${src} aria-label=${this.videoLabel}></video>
|
|
206
|
-
<button part="open-button" type="button" aria-label=${this.
|
|
223
|
+
<button part="open-button" type="button" aria-label=${this.actionLabel} @click=${this.onActivate}>
|
|
207
224
|
${expandIcon()}
|
|
208
225
|
</button>
|
|
209
226
|
</div>
|
|
@@ -223,7 +240,7 @@ export class LyraMediaCard extends LyraElement {
|
|
|
223
240
|
href=${href}
|
|
224
241
|
style=${this.baseStyle}
|
|
225
242
|
download=${this.filename || ''}
|
|
226
|
-
aria-label=${this.
|
|
243
|
+
aria-label=${this.actionLabel}
|
|
227
244
|
@click=${this.onLinkClick}
|
|
228
245
|
>
|
|
229
246
|
${content}
|
|
@@ -268,6 +285,9 @@ __decorate([
|
|
|
268
285
|
__decorate([
|
|
269
286
|
property()
|
|
270
287
|
], LyraMediaCard.prototype, "alt", void 0);
|
|
288
|
+
__decorate([
|
|
289
|
+
property({ attribute: 'aria-label' })
|
|
290
|
+
], LyraMediaCard.prototype, "accessibleLabel", void 0);
|
|
271
291
|
__decorate([
|
|
272
292
|
property({ attribute: 'max-height' })
|
|
273
293
|
], LyraMediaCard.prototype, "maxHeight", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.class.js","sourceRoot":"","sources":["../../../src/components/media-card/media-card.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAA+C,MAAM,KAAK,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACL,YAAY,IAAI,gBAAgB,EAChC,YAAY,IAAI,gBAAgB,GACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAahD;mEACmE;AACnE,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED;kFACkF;AAClF,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED,SAAS,UAAU,CAAC,QAAgB;IAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACzC,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAC;IAC5C,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAC;IAC5C,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,2DAA2D;AAC3D,wEAAwE;AACxE,0EAA0E;AAC1E,wEAAwE;AACxE,wEAAwE;AACxE,0EAA0E;AAC1E,4CAA4C;AAC5C,MAAM,aAAa,GAAG,WAAW,CAAC;AAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC,SAAS,SAAS;IAChB,OAAO,GAAG,CAAA;;;;gBAII,aAAa;;;qBAGR,iBAAiB;;;;;;GAMnC,CAAC;AACJ,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"media-card.class.js","sourceRoot":"","sources":["../../../src/components/media-card/media-card.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mention-popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/mention-popover/mention-popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"mention-popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/mention-popover/mention-popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqGlB,CAAC"}
|
|
@@ -50,6 +50,7 @@ export const styles = css `
|
|
|
50
50
|
border-radius: var(--lyra-radius);
|
|
51
51
|
cursor: pointer;
|
|
52
52
|
}
|
|
53
|
+
[part='option']:hover,
|
|
53
54
|
[part='option'][data-active] {
|
|
54
55
|
background: var(--lyra-color-brand-quiet);
|
|
55
56
|
}
|
|
@@ -89,6 +90,7 @@ export const styles = css `
|
|
|
89
90
|
with row 0 pre-highlighted (see the activeIndex field's own doc), so the
|
|
90
91
|
active/quiet-text combination is the default state, not an edge case --
|
|
91
92
|
it must pass contrast on its own. */
|
|
93
|
+
[part='option']:hover [part='option-description'],
|
|
92
94
|
[part='option'][data-active] [part='option-description'] {
|
|
93
95
|
color: var(--lyra-color-text);
|
|
94
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mention-popover.styles.js","sourceRoot":"","sources":["../../../src/components/mention-popover/mention-popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"mention-popover.styles.js","sourceRoot":"","sources":["../../../src/components/mention-popover/mention-popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,CAAC"}
|
|
@@ -5,6 +5,8 @@ export interface LyraPaginationEventMap {
|
|
|
5
5
|
'lyra-page-change': CustomEvent<{
|
|
6
6
|
page: number;
|
|
7
7
|
}>;
|
|
8
|
+
blur: CustomEvent<undefined>;
|
|
9
|
+
focus: CustomEvent<undefined>;
|
|
8
10
|
}
|
|
9
11
|
/**
|
|
10
12
|
* `<lyra-pagination>` — controlled, server-friendly page navigation with an
|
|
@@ -17,6 +19,8 @@ export interface LyraPaginationEventMap {
|
|
|
17
19
|
*
|
|
18
20
|
* @customElement lyra-pagination
|
|
19
21
|
* @event lyra-page-change - Fired when a user requests a valid page. `detail: { page }`.
|
|
22
|
+
* @event blur - Re-dispatched from an internal pagination control as a bubbling, composed event.
|
|
23
|
+
* @event focus - Re-dispatched from an internal pagination control as a bubbling, composed event.
|
|
20
24
|
* @csspart base - The navigation wrapper.
|
|
21
25
|
* @csspart summary - The item-range summary.
|
|
22
26
|
* @csspart controls - The previous/page/next control group.
|
|
@@ -55,7 +59,12 @@ export declare class LyraPagination extends LyraElement<LyraPaginationEventMap>
|
|
|
55
59
|
private draftPage;
|
|
56
60
|
private invalidDraft;
|
|
57
61
|
private liveText;
|
|
62
|
+
private pageInput?;
|
|
58
63
|
private initialized;
|
|
64
|
+
/** Focus the editable page-jump input. */
|
|
65
|
+
focus(options?: FocusOptions): void;
|
|
66
|
+
/** Blur the editable page-jump input. */
|
|
67
|
+
blur(): void;
|
|
59
68
|
private get normalizedTotalItems();
|
|
60
69
|
private get normalizedPageSize();
|
|
61
70
|
/** Total page count derived from `totalItems` and `pageSize`. */
|
|
@@ -71,6 +80,8 @@ export declare class LyraPagination extends LyraElement<LyraPaginationEventMap>
|
|
|
71
80
|
private onPageInput;
|
|
72
81
|
private commitPage;
|
|
73
82
|
private onPageKeyDown;
|
|
83
|
+
private onControlFocus;
|
|
84
|
+
private onControlBlur;
|
|
74
85
|
render(): TemplateResult;
|
|
75
86
|
}
|
|
76
87
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.class.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.class.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,+EAA+E;IACpC,IAAI,SAAK;IACpD,qFAAqF;IACjC,QAAQ,SAAM;IAClE,2FAA2F;IACrC,UAAU,SAAK;IACzB,QAAQ,UAAS;IAC7D,kFAAkF;IACtC,OAAO,UAAS;IACW,WAAW,UAAS;IAC9D,IAAI,EAAE,kBAAkB,CAAO;IAE5D,4FAA4F;IACrD,SAAS,SAAM;IACtD,mFAAmF;IAC5C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjE,KAAK,SAAgB;IACM,SAAS,SAAU;IACf,aAAa,SAAc;IAC/B,SAAS,SAAU;IAEjD,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,QAAQ,CAAM;IACD,OAAO,CAAC,SAAS,CAAC,CAAmB;IACnE,OAAO,CAAC,WAAW,CAAS;IAE5B,0CAA0C;IACjC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAED,yCAAyC;IAChC,IAAI,IAAI,IAAI,CAEpB;IAED,OAAO,KAAK,oBAAoB,GAG/B;IAED,OAAO,KAAK,kBAAkB,GAG7B;IAED,iEAAiE;IACjE,IAAI,SAAS,IAAI,MAAM,CAGtB;IAED,OAAO,KAAK,WAAW,GAItB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAoBnB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAYlD;IAED,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,UAAU,CAQhB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,MAAM,IAAI,cAAc,CAuEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { html, nothing } from 'lit';
|
|
8
|
-
import { property, state } from 'lit/decorators.js';
|
|
8
|
+
import { property, query, state } from 'lit/decorators.js';
|
|
9
9
|
import { live } from 'lit/directives/live.js';
|
|
10
10
|
import { chevronIcon } from '../../internal/icons.js';
|
|
11
11
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
@@ -21,6 +21,8 @@ import { styles } from './pagination.styles.js';
|
|
|
21
21
|
*
|
|
22
22
|
* @customElement lyra-pagination
|
|
23
23
|
* @event lyra-page-change - Fired when a user requests a valid page. `detail: { page }`.
|
|
24
|
+
* @event blur - Re-dispatched from an internal pagination control as a bubbling, composed event.
|
|
25
|
+
* @event focus - Re-dispatched from an internal pagination control as a bubbling, composed event.
|
|
24
26
|
* @csspart base - The navigation wrapper.
|
|
25
27
|
* @csspart summary - The item-range summary.
|
|
26
28
|
* @csspart controls - The previous/page/next control group.
|
|
@@ -81,8 +83,24 @@ export class LyraPagination extends LyraElement {
|
|
|
81
83
|
event.preventDefault();
|
|
82
84
|
this.commitPage(event);
|
|
83
85
|
};
|
|
86
|
+
this.onControlFocus = (event) => {
|
|
87
|
+
event.stopPropagation();
|
|
88
|
+
this.emit('focus');
|
|
89
|
+
};
|
|
90
|
+
this.onControlBlur = (event) => {
|
|
91
|
+
event.stopPropagation();
|
|
92
|
+
this.emit('blur');
|
|
93
|
+
};
|
|
84
94
|
}
|
|
85
95
|
static { this.styles = [LyraElement.styles, styles]; }
|
|
96
|
+
/** Focus the editable page-jump input. */
|
|
97
|
+
focus(options) {
|
|
98
|
+
this.pageInput?.focus(options);
|
|
99
|
+
}
|
|
100
|
+
/** Blur the editable page-jump input. */
|
|
101
|
+
blur() {
|
|
102
|
+
this.pageInput?.blur();
|
|
103
|
+
}
|
|
86
104
|
get normalizedTotalItems() {
|
|
87
105
|
if (!Number.isFinite(this.totalItems))
|
|
88
106
|
return 0;
|
|
@@ -184,6 +202,8 @@ export class LyraPagination extends LyraElement {
|
|
|
184
202
|
aria-label=${previousLabel}
|
|
185
203
|
?disabled=${this.controlsDisabled || current <= 1}
|
|
186
204
|
@click=${() => this.requestPage(current - 1)}
|
|
205
|
+
@focus=${this.onControlFocus}
|
|
206
|
+
@blur=${this.onControlBlur}
|
|
187
207
|
>
|
|
188
208
|
<span part="previous-icon">${chevronIcon()}</span>
|
|
189
209
|
</button>
|
|
@@ -203,6 +223,8 @@ export class LyraPagination extends LyraElement {
|
|
|
203
223
|
@input=${this.onPageInput}
|
|
204
224
|
@change=${this.commitPage}
|
|
205
225
|
@keydown=${this.onPageKeyDown}
|
|
226
|
+
@focus=${this.onControlFocus}
|
|
227
|
+
@blur=${this.onControlBlur}
|
|
206
228
|
/>
|
|
207
229
|
<span part="page-count" aria-hidden="true"> / ${this.formatNumber(this.pageCount)}</span>
|
|
208
230
|
</span>
|
|
@@ -212,6 +234,8 @@ export class LyraPagination extends LyraElement {
|
|
|
212
234
|
aria-label=${nextLabel}
|
|
213
235
|
?disabled=${this.controlsDisabled || current >= this.pageCount}
|
|
214
236
|
@click=${() => this.requestPage(current + 1)}
|
|
237
|
+
@focus=${this.onControlFocus}
|
|
238
|
+
@blur=${this.onControlBlur}
|
|
215
239
|
>
|
|
216
240
|
<span part="next-icon">${chevronIcon()}</span>
|
|
217
241
|
</button>
|
|
@@ -275,4 +299,7 @@ __decorate([
|
|
|
275
299
|
__decorate([
|
|
276
300
|
state()
|
|
277
301
|
], LyraPagination.prototype, "liveText", void 0);
|
|
302
|
+
__decorate([
|
|
303
|
+
query('[part="page-input"]')
|
|
304
|
+
], LyraPagination.prototype, "pageInput", void 0);
|
|
278
305
|
//# sourceMappingURL=pagination.class.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.class.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.class.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAUhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAmC;IAAvE;;QAGE,+EAA+E;QACpC,SAAI,GAAG,CAAC,CAAC;QACpD,qFAAqF;QACjC,aAAQ,GAAG,EAAE,CAAC;QAClE,2FAA2F;QACrC,eAAU,GAAG,CAAC,CAAC;QACzB,aAAQ,GAAG,KAAK,CAAC;QAC7D,kFAAkF;QACtC,YAAO,GAAG,KAAK,CAAC;QACW,gBAAW,GAAG,KAAK,CAAC;QAC9D,SAAI,GAAuB,GAAG,CAAC;QAE5D,4FAA4F;QACrD,cAAS,GAAG,EAAE,CAAC;QACtD,mFAAmF;QAC5C,oBAAe,GAAkB,IAAI,CAAC;QACjE,UAAK,GAAG,YAAY,CAAC;QACM,cAAS,GAAG,MAAM,CAAC;QACf,kBAAa,GAAG,UAAU,CAAC;QAC/B,cAAS,GAAG,MAAM,CAAC;QAEzC,cAAS,GAAG,EAAE,CAAC;QACf,iBAAY,GAAG,KAAK,CAAC;QACrB,aAAQ,GAAG,EAAE,CAAC;QAEvB,gBAAW,GAAG,KAAK,CAAC;QAiGpB,gBAAW,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAiC,CAAC;YACtD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;QACzF,CAAC,CAAC;QAEM,eAAU,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAiC,CAAC;YACtD,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAClD,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;gBACjB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,KAAoB,EAAQ,EAAE;YACrD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;gBAAE,OAAO;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACnD,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAClD,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,CAAC;IA0EJ,CAAC;aApOQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IA6B7C,0CAA0C;IACjC,KAAK,CAAC,OAAsB;QACnC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,yCAAyC;IAChC,IAAI;QACX,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,IAAY,oBAAoB;QAC9B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;YAAE,OAAO,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,IAAY,kBAAkB;QAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,iEAAiE;IACjE,IAAI,SAAS;QACX,IAAI,IAAI,CAAC,oBAAoB,KAAK,CAAC,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxE,CAAC;IAED,IAAY,WAAW;QACrB,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;IAC/D,CAAC;IAEO,iBAAiB,CAAC,GAAW,EAAE,YAAoB,EAAE,KAAa;QACxE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACxE,CAAC;IAEO,YAAY,CAAC,KAAa;QAChC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnE,CAAC;IAEO,WAAW;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC;QACxC,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,wBAAwB,EAAE,SAAS,EAAE;gBACxD,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;gBAC3B,SAAS;aACV,CAAC,CAAC;QACL,CAAC;QACD,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC;QACnE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACxE,OAAO,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,SAAS,EAAE;YACnD,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAC/B,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;YAC3B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAC/B,SAAS;SACV,CAAC,CAAC;IACL,CAAC;IAES,UAAU,CAAC,OAAuB;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YAChF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACtE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC5B,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC;YAClE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,SAAS,EAAE;gBAC5D,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;gBACzC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;aAC9C,CAAC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAEO,kBAAkB,CAAC,KAAa;QACtC,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,IAAI,CAAC;QACrC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAC9E,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,WAAW,CAAC,IAAY;QAC9B,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC5F,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACxC,0EAA0E;QAC1E,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAkCD,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzF,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnF,MAAM,eAAe,GACnB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9F,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;QAEjC,OAAO,IAAI,CAAA;;;qBAGM,eAAe;oBAChB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;UAEzC,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA,wBAAwB,IAAI,CAAC,WAAW,EAAE,SAAS;;;;;yBAK1C,aAAa;wBACd,IAAI,CAAC,gBAAgB,IAAI,OAAO,IAAI,CAAC;qBACxC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC;qBACnC,IAAI,CAAC,cAAc;oBACpB,IAAI,CAAC,aAAa;;yCAEG,WAAW,EAAE;;;;;;;;oBAQlC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC;;;2BAGpB,SAAS;6BACP,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;uBAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;0BACjB,IAAI,CAAC,gBAAgB;uBACxB,IAAI,CAAC,WAAW;wBACf,IAAI,CAAC,UAAU;yBACd,IAAI,CAAC,aAAa;uBACpB,IAAI,CAAC,cAAc;sBACpB,IAAI,CAAC,aAAa;;4DAEoB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;yBAKpE,SAAS;wBACV,IAAI,CAAC,gBAAgB,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;qBACrD,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC;qBACnC,IAAI,CAAC,cAAc;oBACpB,IAAI,CAAC,aAAa;;qCAED,WAAW,EAAE;;;;;;;;;WASvC,IAAI,CAAC,QAAQ;;KAEnB,CAAC;IACJ,CAAC;CACF;AAjO4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAU;AAEA;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;gDAAe;AAEZ;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;kDAAgB;AACzB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAkB;AAEjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAiB;AACW;IAAtE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAqB;AAC9D;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgC;AAGrB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAAgB;AAEf;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDAAuC;AACjE;IAAX,QAAQ,EAAE;6CAAsB;AACM;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAAoB;AACf;IAA1C,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;qDAA4B;AAC/B;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAAoB;AAEzC;IAAhB,KAAK,EAAE;iDAAwB;AACf;IAAhB,KAAK,EAAE;oDAA8B;AACrB;IAAhB,KAAK,EAAE;gDAAuB;AACO;IAArC,KAAK,CAAC,qBAAqB,CAAC;iDAAsC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type PropertyValues, type TemplateResult } from 'lit';
|
|
2
2
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
3
|
export type PhoneNumberStatus = 'empty' | 'incomplete' | 'invalid' | 'valid';
|
|
4
|
+
export type PhoneInputSelectionDirection = 'forward' | 'backward' | 'none';
|
|
4
5
|
export interface PhoneCountry {
|
|
5
6
|
/** ISO 3166-1 alpha-2 region code. */
|
|
6
7
|
code: string;
|
|
@@ -78,7 +79,9 @@ declare const LyraPhoneInput_base: typeof LyraPhoneInputBase & (new (...args: an
|
|
|
78
79
|
* User edits emit native-style `input` and `change` events. Event detail
|
|
79
80
|
* exposes both the canonical `value` and editable `inputValue`; programmatic
|
|
80
81
|
* property changes are silent. Phone-number text is deliberately LTR while
|
|
81
|
-
* the form chrome and country selector follow the inherited direction.
|
|
82
|
+
* the form chrome and country selector follow the inherited direction. A host
|
|
83
|
+
* `aria-label` names the internal telephone input and wins over every derived
|
|
84
|
+
* or component-specific fallback.
|
|
82
85
|
*
|
|
83
86
|
* @customElement lyra-phone-input
|
|
84
87
|
* @slot label - Custom label content.
|
|
@@ -116,7 +119,8 @@ export declare class LyraPhoneInput extends LyraPhoneInput_base {
|
|
|
116
119
|
hint: string;
|
|
117
120
|
errorText: string;
|
|
118
121
|
placeholder: string;
|
|
119
|
-
|
|
122
|
+
/** Accessible name for the telephone input. Takes precedence over `phoneLabel`, label, and placeholder. */
|
|
123
|
+
accessibleLabel: string | null;
|
|
120
124
|
/** Accessible name for the country selector. */
|
|
121
125
|
countryLabel: string;
|
|
122
126
|
/** Accessible-name override for the telephone input. */
|
|
@@ -149,6 +153,12 @@ export declare class LyraPhoneInput extends LyraPhoneInput_base {
|
|
|
149
153
|
get inputValue(): string;
|
|
150
154
|
/** Current parse/validation state. */
|
|
151
155
|
get phoneStatus(): PhoneNumberStatus;
|
|
156
|
+
get selectionStart(): number | null;
|
|
157
|
+
set selectionStart(value: number | null);
|
|
158
|
+
get selectionEnd(): number | null;
|
|
159
|
+
set selectionEnd(value: number | null);
|
|
160
|
+
get selectionDirection(): PhoneInputSelectionDirection | null;
|
|
161
|
+
set selectionDirection(value: PhoneInputSelectionDirection | null);
|
|
152
162
|
get value(): string;
|
|
153
163
|
set value(next: string);
|
|
154
164
|
private get selectedCountry();
|
|
@@ -179,6 +189,10 @@ export declare class LyraPhoneInput extends LyraPhoneInput_base {
|
|
|
179
189
|
blur(): void;
|
|
180
190
|
/** Select all editable telephone text. */
|
|
181
191
|
select(): void;
|
|
192
|
+
/** Set the selection range in the editable telephone text. */
|
|
193
|
+
setSelectionRange(start: number | null, end: number | null, direction?: PhoneInputSelectionDirection): void;
|
|
194
|
+
setRangeText(replacement: string): void;
|
|
195
|
+
setRangeText(replacement: string, start: number, end: number, selectMode?: SelectionMode): void;
|
|
182
196
|
formResetCallback(): void;
|
|
183
197
|
render(): TemplateResult;
|
|
184
198
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input.class.d.ts","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"phone-input.class.d.ts","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -88,7 +88,9 @@ function fallbackParse(input) {
|
|
|
88
88
|
* User edits emit native-style `input` and `change` events. Event detail
|
|
89
89
|
* exposes both the canonical `value` and editable `inputValue`; programmatic
|
|
90
90
|
* property changes are silent. Phone-number text is deliberately LTR while
|
|
91
|
-
* the form chrome and country selector follow the inherited direction.
|
|
91
|
+
* the form chrome and country selector follow the inherited direction. A host
|
|
92
|
+
* `aria-label` names the internal telephone input and wins over every derived
|
|
93
|
+
* or component-specific fallback.
|
|
92
94
|
*
|
|
93
95
|
* @customElement lyra-phone-input
|
|
94
96
|
* @slot label - Custom label content.
|
|
@@ -120,6 +122,7 @@ export class LyraPhoneInput extends FormAssociated(LyraPhoneInputBase) {
|
|
|
120
122
|
this.hint = '';
|
|
121
123
|
this.errorText = '';
|
|
122
124
|
this.placeholder = '';
|
|
125
|
+
/** Accessible name for the telephone input. Takes precedence over `phoneLabel`, label, and placeholder. */
|
|
123
126
|
this.accessibleLabel = null;
|
|
124
127
|
/** Accessible name for the country selector. */
|
|
125
128
|
this.countryLabel = 'Select';
|
|
@@ -211,6 +214,27 @@ export class LyraPhoneInput extends FormAssociated(LyraPhoneInputBase) {
|
|
|
211
214
|
get phoneStatus() {
|
|
212
215
|
return this.status;
|
|
213
216
|
}
|
|
217
|
+
get selectionStart() {
|
|
218
|
+
return this.inputElement?.selectionStart ?? null;
|
|
219
|
+
}
|
|
220
|
+
set selectionStart(value) {
|
|
221
|
+
if (this.inputElement)
|
|
222
|
+
this.inputElement.selectionStart = value ?? 0;
|
|
223
|
+
}
|
|
224
|
+
get selectionEnd() {
|
|
225
|
+
return this.inputElement?.selectionEnd ?? null;
|
|
226
|
+
}
|
|
227
|
+
set selectionEnd(value) {
|
|
228
|
+
if (this.inputElement)
|
|
229
|
+
this.inputElement.selectionEnd = value ?? 0;
|
|
230
|
+
}
|
|
231
|
+
get selectionDirection() {
|
|
232
|
+
return this.inputElement?.selectionDirection;
|
|
233
|
+
}
|
|
234
|
+
set selectionDirection(value) {
|
|
235
|
+
if (this.inputElement)
|
|
236
|
+
this.inputElement.selectionDirection = value ?? 'none';
|
|
237
|
+
}
|
|
214
238
|
/** @internal */
|
|
215
239
|
[VALIDITY_ANCHOR]() {
|
|
216
240
|
return this.inputElement ?? null;
|
|
@@ -277,7 +301,7 @@ export class LyraPhoneInput extends FormAssociated(LyraPhoneInputBase) {
|
|
|
277
301
|
return this.localize('select', this.countryLabel === 'Select' ? undefined : this.countryLabel);
|
|
278
302
|
}
|
|
279
303
|
get effectivePhoneLabel() {
|
|
280
|
-
return this.
|
|
304
|
+
return this.accessibleLabel || this.phoneLabel || this.label || this.placeholder || undefined;
|
|
281
305
|
}
|
|
282
306
|
get incompleteMessage() {
|
|
283
307
|
return this.localize('valueInvalid', this.incompleteText === 'The value is invalid.' ? undefined : this.incompleteText);
|
|
@@ -350,6 +374,23 @@ export class LyraPhoneInput extends FormAssociated(LyraPhoneInputBase) {
|
|
|
350
374
|
select() {
|
|
351
375
|
this.inputElement?.select();
|
|
352
376
|
}
|
|
377
|
+
/** Set the selection range in the editable telephone text. */
|
|
378
|
+
setSelectionRange(start, end, direction) {
|
|
379
|
+
this.inputElement?.setSelectionRange(start, end, direction);
|
|
380
|
+
}
|
|
381
|
+
setRangeText(replacement, start, end, selectMode) {
|
|
382
|
+
const input = this.inputElement;
|
|
383
|
+
if (!input)
|
|
384
|
+
return;
|
|
385
|
+
if (start === undefined || end === undefined) {
|
|
386
|
+
input.setRangeText(replacement);
|
|
387
|
+
}
|
|
388
|
+
else {
|
|
389
|
+
input.setRangeText(replacement, start, end, selectMode);
|
|
390
|
+
}
|
|
391
|
+
this.applyParsed(input.value, this.parse(input.value));
|
|
392
|
+
input.value = this.editableValue;
|
|
393
|
+
}
|
|
353
394
|
formResetCallback() {
|
|
354
395
|
this.country = normalizeCountry(this.defaultCountry || this.availableCountries[0]?.code || '');
|
|
355
396
|
super.formResetCallback();
|