@aceshooting/lyra-ui 2.6.0 → 2.8.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.
Files changed (176) hide show
  1. package/README.md +13 -8
  2. package/custom-elements.json +3128 -31
  3. package/dist/components/app-rail/app-rail.class.d.ts +8 -1
  4. package/dist/components/app-rail/app-rail.class.d.ts.map +1 -1
  5. package/dist/components/app-rail/app-rail.class.js +12 -2
  6. package/dist/components/app-rail/app-rail.class.js.map +1 -1
  7. package/dist/components/chat-composer/chat-composer.class.d.ts +27 -0
  8. package/dist/components/chat-composer/chat-composer.class.d.ts.map +1 -1
  9. package/dist/components/chat-composer/chat-composer.class.js +64 -1
  10. package/dist/components/chat-composer/chat-composer.class.js.map +1 -1
  11. package/dist/components/checkbox/checkbox.class.d.ts +7 -0
  12. package/dist/components/checkbox/checkbox.class.d.ts.map +1 -1
  13. package/dist/components/checkbox/checkbox.class.js +7 -0
  14. package/dist/components/checkbox/checkbox.class.js.map +1 -1
  15. package/dist/components/chip/chip.class.d.ts +2 -0
  16. package/dist/components/chip/chip.class.d.ts.map +1 -1
  17. package/dist/components/chip/chip.class.js +3 -1
  18. package/dist/components/chip/chip.class.js.map +1 -1
  19. package/dist/components/chip/chip.styles.d.ts.map +1 -1
  20. package/dist/components/chip/chip.styles.js +4 -1
  21. package/dist/components/chip/chip.styles.js.map +1 -1
  22. package/dist/components/combobox/combobox.class.d.ts +16 -0
  23. package/dist/components/combobox/combobox.class.d.ts.map +1 -1
  24. package/dist/components/combobox/combobox.class.js +47 -2
  25. package/dist/components/combobox/combobox.class.js.map +1 -1
  26. package/dist/components/combobox/combobox.styles.d.ts.map +1 -1
  27. package/dist/components/combobox/combobox.styles.js +56 -6
  28. package/dist/components/combobox/combobox.styles.js.map +1 -1
  29. package/dist/components/conversation-item/conversation-item.class.d.ts +14 -0
  30. package/dist/components/conversation-item/conversation-item.class.d.ts.map +1 -1
  31. package/dist/components/conversation-item/conversation-item.class.js +38 -0
  32. package/dist/components/conversation-item/conversation-item.class.js.map +1 -1
  33. package/dist/components/date-picker/date-input.class.d.ts +25 -0
  34. package/dist/components/date-picker/date-input.class.d.ts.map +1 -1
  35. package/dist/components/date-picker/date-input.class.js +61 -0
  36. package/dist/components/date-picker/date-input.class.js.map +1 -1
  37. package/dist/components/dialog/dialog.class.d.ts +13 -1
  38. package/dist/components/dialog/dialog.class.d.ts.map +1 -1
  39. package/dist/components/dialog/dialog.class.js +24 -8
  40. package/dist/components/dialog/dialog.class.js.map +1 -1
  41. package/dist/components/empty/empty.class.d.ts +2 -0
  42. package/dist/components/empty/empty.class.d.ts.map +1 -1
  43. package/dist/components/empty/empty.class.js +2 -0
  44. package/dist/components/empty/empty.class.js.map +1 -1
  45. package/dist/components/empty/empty.styles.d.ts.map +1 -1
  46. package/dist/components/empty/empty.styles.js +5 -2
  47. package/dist/components/empty/empty.styles.js.map +1 -1
  48. package/dist/components/export-button/export-button.class.d.ts +19 -2
  49. package/dist/components/export-button/export-button.class.d.ts.map +1 -1
  50. package/dist/components/export-button/export-button.class.js +32 -8
  51. package/dist/components/export-button/export-button.class.js.map +1 -1
  52. package/dist/components/export-button/export-button.styles.d.ts.map +1 -1
  53. package/dist/components/export-button/export-button.styles.js +8 -1
  54. package/dist/components/export-button/export-button.styles.js.map +1 -1
  55. package/dist/components/gauge/gauge.class.d.ts +6 -2
  56. package/dist/components/gauge/gauge.class.d.ts.map +1 -1
  57. package/dist/components/gauge/gauge.class.js +40 -4
  58. package/dist/components/gauge/gauge.class.js.map +1 -1
  59. package/dist/components/gauge/gauge.styles.js +1 -1
  60. package/dist/components/graph/graph.class.d.ts +28 -1
  61. package/dist/components/graph/graph.class.d.ts.map +1 -1
  62. package/dist/components/graph/graph.class.js +94 -42
  63. package/dist/components/graph/graph.class.js.map +1 -1
  64. package/dist/components/graph/graph.styles.d.ts.map +1 -1
  65. package/dist/components/graph/graph.styles.js +4 -1
  66. package/dist/components/graph/graph.styles.js.map +1 -1
  67. package/dist/components/map/map.class.d.ts +4 -2
  68. package/dist/components/map/map.class.d.ts.map +1 -1
  69. package/dist/components/map/map.class.js +5 -3
  70. package/dist/components/map/map.class.js.map +1 -1
  71. package/dist/components/mention-popover/mention-popover.class.d.ts +9 -4
  72. package/dist/components/mention-popover/mention-popover.class.d.ts.map +1 -1
  73. package/dist/components/mention-popover/mention-popover.class.js +11 -5
  74. package/dist/components/mention-popover/mention-popover.class.js.map +1 -1
  75. package/dist/components/menu/menu.class.d.ts +10 -4
  76. package/dist/components/menu/menu.class.d.ts.map +1 -1
  77. package/dist/components/menu/menu.class.js +11 -5
  78. package/dist/components/menu/menu.class.js.map +1 -1
  79. package/dist/components/model-select/model-select.class.d.ts +44 -0
  80. package/dist/components/model-select/model-select.class.d.ts.map +1 -1
  81. package/dist/components/model-select/model-select.class.js +125 -0
  82. package/dist/components/model-select/model-select.class.js.map +1 -1
  83. package/dist/components/model-select/model-select.styles.d.ts.map +1 -1
  84. package/dist/components/model-select/model-select.styles.js +21 -0
  85. package/dist/components/model-select/model-select.styles.js.map +1 -1
  86. package/dist/components/pagination/pagination.class.d.ts +81 -0
  87. package/dist/components/pagination/pagination.class.d.ts.map +1 -0
  88. package/dist/components/pagination/pagination.class.js +278 -0
  89. package/dist/components/pagination/pagination.class.js.map +1 -0
  90. package/dist/components/pagination/pagination.d.ts +2 -0
  91. package/dist/components/pagination/pagination.d.ts.map +1 -0
  92. package/dist/components/pagination/pagination.js +5 -0
  93. package/dist/components/pagination/pagination.js.map +1 -0
  94. package/dist/components/pagination/pagination.styles.d.ts +2 -0
  95. package/dist/components/pagination/pagination.styles.d.ts.map +1 -0
  96. package/dist/components/pagination/pagination.styles.js +142 -0
  97. package/dist/components/pagination/pagination.styles.js.map +1 -0
  98. package/dist/components/phone-input/phone-input.class.d.ts +191 -0
  99. package/dist/components/phone-input/phone-input.class.d.ts.map +1 -0
  100. package/dist/components/phone-input/phone-input.class.js +493 -0
  101. package/dist/components/phone-input/phone-input.class.js.map +1 -0
  102. package/dist/components/phone-input/phone-input.d.ts +2 -0
  103. package/dist/components/phone-input/phone-input.d.ts.map +1 -0
  104. package/dist/components/phone-input/phone-input.js +5 -0
  105. package/dist/components/phone-input/phone-input.js.map +1 -0
  106. package/dist/components/phone-input/phone-input.styles.d.ts +2 -0
  107. package/dist/components/phone-input/phone-input.styles.d.ts.map +1 -0
  108. package/dist/components/phone-input/phone-input.styles.js +123 -0
  109. package/dist/components/phone-input/phone-input.styles.js.map +1 -0
  110. package/dist/components/segmented/segmented.class.d.ts +1 -0
  111. package/dist/components/segmented/segmented.class.d.ts.map +1 -1
  112. package/dist/components/segmented/segmented.class.js +1 -0
  113. package/dist/components/segmented/segmented.class.js.map +1 -1
  114. package/dist/components/slider/slider.class.d.ts +3 -0
  115. package/dist/components/slider/slider.class.d.ts.map +1 -1
  116. package/dist/components/slider/slider.class.js +3 -0
  117. package/dist/components/slider/slider.class.js.map +1 -1
  118. package/dist/components/switch/switch.class.d.ts +20 -0
  119. package/dist/components/switch/switch.class.d.ts.map +1 -1
  120. package/dist/components/switch/switch.class.js +83 -23
  121. package/dist/components/switch/switch.class.js.map +1 -1
  122. package/dist/components/switch/switch.styles.d.ts.map +1 -1
  123. package/dist/components/switch/switch.styles.js +18 -0
  124. package/dist/components/switch/switch.styles.js.map +1 -1
  125. package/dist/components/table/table.class.d.ts +22 -6
  126. package/dist/components/table/table.class.d.ts.map +1 -1
  127. package/dist/components/table/table.class.js +20 -6
  128. package/dist/components/table/table.class.js.map +1 -1
  129. package/dist/components/textarea/textarea.class.d.ts +86 -7
  130. package/dist/components/textarea/textarea.class.d.ts.map +1 -1
  131. package/dist/components/textarea/textarea.class.js +305 -21
  132. package/dist/components/textarea/textarea.class.js.map +1 -1
  133. package/dist/components/textarea/textarea.styles.d.ts.map +1 -1
  134. package/dist/components/textarea/textarea.styles.js +36 -0
  135. package/dist/components/textarea/textarea.styles.js.map +1 -1
  136. package/dist/components/time-range/time-range.class.d.ts +4 -0
  137. package/dist/components/time-range/time-range.class.d.ts.map +1 -1
  138. package/dist/components/time-range/time-range.class.js +4 -0
  139. package/dist/components/time-range/time-range.class.js.map +1 -1
  140. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts +6 -0
  141. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts.map +1 -1
  142. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js +8 -0
  143. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js.map +1 -1
  144. package/dist/components/tree/tree-node.class.d.ts +3 -0
  145. package/dist/components/tree/tree-node.class.d.ts.map +1 -1
  146. package/dist/components/tree/tree-node.class.js +16 -1
  147. package/dist/components/tree/tree-node.class.js.map +1 -1
  148. package/dist/components/tree/tree-node.styles.d.ts.map +1 -1
  149. package/dist/components/tree/tree-node.styles.js +27 -1
  150. package/dist/components/tree/tree-node.styles.js.map +1 -1
  151. package/dist/components/tree/tree.class.d.ts +11 -1
  152. package/dist/components/tree/tree.class.d.ts.map +1 -1
  153. package/dist/components/tree/tree.class.js +6 -2
  154. package/dist/components/tree/tree.class.js.map +1 -1
  155. package/dist/components/typing-indicator/typing-indicator.class.d.ts +4 -0
  156. package/dist/components/typing-indicator/typing-indicator.class.d.ts.map +1 -1
  157. package/dist/components/typing-indicator/typing-indicator.class.js +4 -0
  158. package/dist/components/typing-indicator/typing-indicator.class.js.map +1 -1
  159. package/dist/components/typing-indicator/typing-indicator.styles.d.ts.map +1 -1
  160. package/dist/components/typing-indicator/typing-indicator.styles.js +9 -7
  161. package/dist/components/typing-indicator/typing-indicator.styles.js.map +1 -1
  162. package/dist/internal/localization.d.ts +1 -1
  163. package/dist/internal/localization.d.ts.map +1 -1
  164. package/dist/internal/localization.js +5 -0
  165. package/dist/internal/localization.js.map +1 -1
  166. package/dist/internal/root-registration-allowlist.d.ts +1 -1
  167. package/dist/internal/root-registration-allowlist.d.ts.map +1 -1
  168. package/dist/internal/root-registration-allowlist.js +2 -0
  169. package/dist/internal/root-registration-allowlist.js.map +1 -1
  170. package/dist/lyra.d.ts +11 -3
  171. package/dist/lyra.d.ts.map +1 -1
  172. package/dist/lyra.js +4 -0
  173. package/dist/lyra.js.map +1 -1
  174. package/llms-full.txt +573 -94
  175. package/llms.txt +5 -3
  176. package/package.json +9 -1
package/README.md CHANGED
@@ -27,6 +27,9 @@ mirrored components look native inside a WA app, and everything is fully usable
27
27
  npm install @aceshooting/lyra-ui
28
28
  # runtime dependencies: Lit and Floating UI are installed transitively with this package
29
29
  # optional peer: @aceshooting/lyra-flags, only needed for <lyra-flag>
30
+ # optional peer: libphonenumber-js, only when creating a <lyra-phone-input>
31
+ # adapter with loadLibphonenumberAdapter(); it is never imported by lyra-ui
32
+ # and international E.164 input works without it
30
33
  # optional peer: d3-force, d3-drag, d3-zoom, d3-selection, only needed for <lyra-graph>
31
34
  # optional peer: chart.js, chartjs-plugin-zoom, only needed for the <lyra-*-chart>/<lyra-histogram> family
32
35
  # optional peer: @sgratzl/chartjs-chart-boxplot, only needed for <lyra-box-plot>
@@ -158,7 +161,7 @@ roving-tabindex list) to match. No per-component RTL flag or opt-in needed.
158
161
 
159
162
  ## Components
160
163
 
161
- The catalog below lists all 93 tags in the current Custom Elements Manifest, grouped by
164
+ The catalog below lists all 95 tags in the current Custom Elements Manifest, grouped by
162
165
  capability. The manifest and live docs are the authoritative sources for the complete generated
163
166
  API details.
164
167
 
@@ -166,13 +169,14 @@ API details.
166
169
 
167
170
  | Component | Mirrors | Notes |
168
171
  |-----------|---------|-------|
169
- | `<lyra-combobox>` + `<lyra-option>` | `wa-combobox` | Filterable single/multi select, form-associated; async data via `source` property, virtual scrolling with `max-render` |
172
+ | `<lyra-combobox>` + `<lyra-option>` | `wa-combobox` | Filterable single/multi select, form-associated; `xs`–`xl` sizing; async rich rows and retained selection payloads via `source`/`selectedRows`; virtual scrolling with `max-render` |
170
173
  | `<lyra-select>` | `wa-select` | Closed-list single-select, button trigger (not a text input, no filtering); form-associated, shares `<lyra-option>` with `lyra-combobox` |
171
174
  | `<lyra-date-picker>` | `wa-date-picker` | Inline calendar, single + range |
172
175
  | `<lyra-date-input>` | `wa-date-input` | Date field + calendar popover, form-associated |
176
+ | `<lyra-phone-input>` | — (extra) | Country-aware telephone field with canonical E.164 form values; numbering metadata is supplied through an optional adapter |
173
177
  | `<lyra-toast>` + `<lyra-toast-item>` + `toast()` | `wa-toast` / `wa-toast-item` | Stacking notifications |
174
178
  | `<lyra-sparkline>` | `wa-sparkline` | Zero-dependency inline SVG |
175
- | `<lyra-textarea>` | `wa-textarea` | Bare multiline plain-text input, form-associated |
179
+ | `<lyra-textarea>` | `wa-textarea` | Form-associated multiline field with label/hint/error chrome, auto-resize, native editing passthrough, and caret APIs |
176
180
  | `<lyra-flag>` | — (extra) | Country/language flags for i18n pickers — needs the optional peer `@aceshooting/lyra-flags` |
177
181
 
178
182
  **Dashboard atoms**
@@ -183,8 +187,9 @@ API details.
183
187
  | `<lyra-skeleton>` | — (extra) | Loading placeholder (pulse/sheen) |
184
188
  | `<lyra-stat>` | — (extra) | KPI/stat card with trend pill and an optional breakdown row list; either can carry an `exactValue` shown as a hover/focus tooltip alongside the rounded/formatted display value |
185
189
  | `<lyra-table>` | — (extra) | Presentational, sort/select-aware data table; a column's responsive `priority` (`medium`/`low`) hides it first as the container narrows, with a reveal-columns button to force hidden columns back |
186
- | `<lyra-gauge>` | — (extra) | Radial or linear meter |
187
- | `<lyra-export-button>` | — (extra) | CSV/JSON download button, injection-safe CSV export |
190
+ | `<lyra-pagination>` | — (extra) | Controlled previous/next and validated page-jump navigation with a localized range summary, loading/empty states, RTL icons, and container-responsive stacking |
191
+ | `<lyra-gauge>` | — (extra) | Radial, full-circle ring, or linear meter with a per-instance fill token |
192
+ | `<lyra-export-button>` | — (extra) | Injection-safe CSV/JSON downloads plus event-handled custom format descriptors and controlled busy state |
188
193
  | `<lyra-copy-button>` | — (extra) | Standalone icon-only copy-to-clipboard button for a plain text value, no positioning opinion |
189
194
  | `<lyra-split>` | — (extra) | Resizable panel layout; one pane can opt into responsive `collapse` (`"start"`/`"end"`) to a fixed-width rail, then a floating overlay card, as the split's container narrows |
190
195
  | `<lyra-widget>` | — (extra) | Card shell with collapsible header, fullscreen, and customizable chrome |
@@ -197,8 +202,8 @@ API details.
197
202
  | `<lyra-time-range>` | — (extra) | Two-handle brush/scrubber over a numeric domain |
198
203
  | `<lyra-playback>` | — (extra) | Play/pause index stepper on a fixed interval |
199
204
  | `<lyra-heatmap>` | — (extra) | DPR-aware Canvas heatmap with matrix and calendar (`mode="calendar"`) layouts, `fit-to-width` responsive scaling |
200
- | `<lyra-graph>` | — (extra) | Force-directed node-link diagram with pan/zoom/drag — needs the optional peer deps `d3-force`, `d3-drag`, `d3-zoom`, `d3-selection` |
201
- | `<lyra-tree>` + `<lyra-tree-node>` | — (extra) | Expand/collapse hierarchy for graph/document navigation |
205
+ | `<lyra-graph>` | — (extra) | Force-directed node-link diagram with pan/zoom/drag, directed/styled relationship links, and rich accessible metadata — needs the optional peer deps `d3-force`, `d3-drag`, `d3-zoom`, `d3-selection` |
206
+ | `<lyra-tree>` + `<lyra-tree-node>` | — (extra) | Expand/collapse hierarchy with structured icon/label/description/badge rows, optional richer accessible labels, and APG tree keyboard navigation |
202
207
 
203
208
  **Charts**
204
209
 
@@ -270,7 +275,7 @@ each one-liner below.
270
275
  | `<lyra-avatar>` | — (extra) | Small, fixed-size identity marker — image, or an initials fallback with `lyra-chip`-style tone recoloring |
271
276
  | `<lyra-card>` | — (extra) | Generic bordered content container (`header`/`media`/`footer`/`actions` slots) — a direct `<lyra-*>` counterpart to `wa-card` |
272
277
  | `<lyra-stepper>` | — (extra) | Ordered multi-step wizard navigation — label + index, current/completed/locked/error state, click-to-jump, data-driven and controlled |
273
- | `<lyra-segmented>` | — (extra) | Single-select button row with the WAI-ARIA APG `radiogroup` contract built in (roving tabindex, automatic activation) |
278
+ | `<lyra-segmented>` | — (extra) | Single-select text/icon button row with the WAI-ARIA APG `radiogroup` contract built in (roving tabindex, automatic activation) |
274
279
  | `<lyra-diff-view>` | — (extra) | Real two-string line diff (LCS-aligned), rendered as interleaved unified-diff output |
275
280
  | `<lyra-poll-status>` | — (extra) | "Next scheduled refresh" countdown with a built-in pause control and live-region announcements |
276
281
  | `<lyra-code-block-core>` | — (extra) | Build-lean `lyra-code-block` variant for a consumer whose `languages` map already covers every language it renders — never references shiki's full ~200-language table |