@llui/components 0.0.30 → 0.0.33

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 (216) hide show
  1. package/dist/components/accordion.d.ts +27 -9
  2. package/dist/components/accordion.d.ts.map +1 -1
  3. package/dist/components/accordion.js +4 -3
  4. package/dist/components/accordion.js.map +1 -1
  5. package/dist/components/angle-slider.d.ts +15 -5
  6. package/dist/components/angle-slider.d.ts.map +1 -1
  7. package/dist/components/angle-slider.js +3 -2
  8. package/dist/components/angle-slider.js.map +1 -1
  9. package/dist/components/async-list.d.ts +18 -6
  10. package/dist/components/async-list.d.ts.map +1 -1
  11. package/dist/components/async-list.js +3 -2
  12. package/dist/components/async-list.js.map +1 -1
  13. package/dist/components/avatar.d.ts +12 -4
  14. package/dist/components/avatar.d.ts.map +1 -1
  15. package/dist/components/avatar.js +4 -3
  16. package/dist/components/avatar.js.map +1 -1
  17. package/dist/components/carousel.d.ts +21 -7
  18. package/dist/components/carousel.d.ts.map +1 -1
  19. package/dist/components/carousel.js +8 -8
  20. package/dist/components/carousel.js.map +1 -1
  21. package/dist/components/cascade-select.d.ts +9 -3
  22. package/dist/components/cascade-select.d.ts.map +1 -1
  23. package/dist/components/cascade-select.js +4 -4
  24. package/dist/components/cascade-select.js.map +1 -1
  25. package/dist/components/checkbox.d.ts +9 -3
  26. package/dist/components/checkbox.d.ts.map +1 -1
  27. package/dist/components/checkbox.js +4 -3
  28. package/dist/components/checkbox.js.map +1 -1
  29. package/dist/components/clipboard.d.ts +12 -4
  30. package/dist/components/clipboard.d.ts.map +1 -1
  31. package/dist/components/clipboard.js +3 -3
  32. package/dist/components/clipboard.js.map +1 -1
  33. package/dist/components/collapsible.d.ts +12 -4
  34. package/dist/components/collapsible.d.ts.map +1 -1
  35. package/dist/components/collapsible.js +2 -1
  36. package/dist/components/collapsible.js.map +1 -1
  37. package/dist/components/color-picker.d.ts +18 -6
  38. package/dist/components/color-picker.d.ts.map +1 -1
  39. package/dist/components/color-picker.js +5 -5
  40. package/dist/components/color-picker.js.map +1 -1
  41. package/dist/components/combobox.d.ts +39 -13
  42. package/dist/components/combobox.d.ts.map +1 -1
  43. package/dist/components/combobox.js +17 -9
  44. package/dist/components/combobox.js.map +1 -1
  45. package/dist/components/context-menu.d.ts +24 -8
  46. package/dist/components/context-menu.d.ts.map +1 -1
  47. package/dist/components/context-menu.js +8 -8
  48. package/dist/components/context-menu.js.map +1 -1
  49. package/dist/components/date-input.d.ts +21 -6
  50. package/dist/components/date-input.d.ts.map +1 -1
  51. package/dist/components/date-input.js +4 -4
  52. package/dist/components/date-input.js.map +1 -1
  53. package/dist/components/date-picker.d.ts +36 -12
  54. package/dist/components/date-picker.d.ts.map +1 -1
  55. package/dist/components/date-picker.js +15 -8
  56. package/dist/components/date-picker.js.map +1 -1
  57. package/dist/components/dialog.d.ts +12 -4
  58. package/dist/components/dialog.d.ts.map +1 -1
  59. package/dist/components/dialog.js +3 -3
  60. package/dist/components/dialog.js.map +1 -1
  61. package/dist/components/drawer.d.ts +12 -4
  62. package/dist/components/drawer.d.ts.map +1 -1
  63. package/dist/components/drawer.js +3 -3
  64. package/dist/components/drawer.js.map +1 -1
  65. package/dist/components/editable.d.ts +15 -5
  66. package/dist/components/editable.d.ts.map +1 -1
  67. package/dist/components/editable.js +14 -13
  68. package/dist/components/editable.js.map +1 -1
  69. package/dist/components/file-upload.d.ts +30 -10
  70. package/dist/components/file-upload.d.ts.map +1 -1
  71. package/dist/components/file-upload.js +10 -10
  72. package/dist/components/file-upload.js.map +1 -1
  73. package/dist/components/floating-panel.d.ts +48 -16
  74. package/dist/components/floating-panel.d.ts.map +1 -1
  75. package/dist/components/floating-panel.js +6 -6
  76. package/dist/components/floating-panel.js.map +1 -1
  77. package/dist/components/form.d.ts +18 -6
  78. package/dist/components/form.d.ts.map +1 -1
  79. package/dist/components/form.js +2 -1
  80. package/dist/components/form.js.map +1 -1
  81. package/dist/components/image-cropper.d.ts +33 -11
  82. package/dist/components/image-cropper.d.ts.map +1 -1
  83. package/dist/components/image-cropper.js +6 -6
  84. package/dist/components/image-cropper.js.map +1 -1
  85. package/dist/components/listbox.d.ts +33 -11
  86. package/dist/components/listbox.d.ts.map +1 -1
  87. package/dist/components/listbox.js +12 -4
  88. package/dist/components/listbox.js.map +1 -1
  89. package/dist/components/marquee.d.ts +21 -7
  90. package/dist/components/marquee.d.ts.map +1 -1
  91. package/dist/components/marquee.js +3 -2
  92. package/dist/components/marquee.js.map +1 -1
  93. package/dist/components/menu.d.ts +36 -12
  94. package/dist/components/menu.d.ts.map +1 -1
  95. package/dist/components/menu.js +23 -9
  96. package/dist/components/menu.js.map +1 -1
  97. package/dist/components/navigation-menu.d.ts +15 -5
  98. package/dist/components/navigation-menu.d.ts.map +1 -1
  99. package/dist/components/navigation-menu.js +8 -8
  100. package/dist/components/navigation-menu.js.map +1 -1
  101. package/dist/components/number-input.d.ts +24 -8
  102. package/dist/components/number-input.d.ts.map +1 -1
  103. package/dist/components/number-input.js +8 -8
  104. package/dist/components/number-input.js.map +1 -1
  105. package/dist/components/pagination.d.ts +21 -7
  106. package/dist/components/pagination.d.ts.map +1 -1
  107. package/dist/components/pagination.js +4 -4
  108. package/dist/components/pagination.js.map +1 -1
  109. package/dist/components/password-input.d.ts +9 -3
  110. package/dist/components/password-input.d.ts.map +1 -1
  111. package/dist/components/password-input.js +3 -3
  112. package/dist/components/password-input.js.map +1 -1
  113. package/dist/components/pin-input.d.ts +15 -5
  114. package/dist/components/pin-input.d.ts.map +1 -1
  115. package/dist/components/pin-input.js +8 -7
  116. package/dist/components/pin-input.js.map +1 -1
  117. package/dist/components/popover.d.ts +12 -4
  118. package/dist/components/popover.d.ts.map +1 -1
  119. package/dist/components/popover.js +3 -3
  120. package/dist/components/popover.js.map +1 -1
  121. package/dist/components/presence.d.ts +15 -5
  122. package/dist/components/presence.d.ts.map +1 -1
  123. package/dist/components/presence.js.map +1 -1
  124. package/dist/components/progress.d.ts +6 -2
  125. package/dist/components/progress.d.ts.map +1 -1
  126. package/dist/components/progress.js.map +1 -1
  127. package/dist/components/qr-code.d.ts +9 -3
  128. package/dist/components/qr-code.d.ts.map +1 -1
  129. package/dist/components/qr-code.js.map +1 -1
  130. package/dist/components/radio-group.d.ts +18 -6
  131. package/dist/components/radio-group.d.ts.map +1 -1
  132. package/dist/components/radio-group.js +4 -3
  133. package/dist/components/radio-group.js.map +1 -1
  134. package/dist/components/rating-group.d.ts +21 -7
  135. package/dist/components/rating-group.d.ts.map +1 -1
  136. package/dist/components/rating-group.js +8 -7
  137. package/dist/components/rating-group.js.map +1 -1
  138. package/dist/components/scroll-area.d.ts +9 -3
  139. package/dist/components/scroll-area.d.ts.map +1 -1
  140. package/dist/components/scroll-area.js +5 -4
  141. package/dist/components/scroll-area.js.map +1 -1
  142. package/dist/components/select.d.ts +42 -14
  143. package/dist/components/select.d.ts.map +1 -1
  144. package/dist/components/select.js +4 -4
  145. package/dist/components/select.js.map +1 -1
  146. package/dist/components/signature-pad.d.ts +24 -8
  147. package/dist/components/signature-pad.d.ts.map +1 -1
  148. package/dist/components/signature-pad.js +3 -3
  149. package/dist/components/signature-pad.js.map +1 -1
  150. package/dist/components/slider.d.ts +21 -7
  151. package/dist/components/slider.d.ts.map +1 -1
  152. package/dist/components/slider.js.map +1 -1
  153. package/dist/components/sortable.d.ts +18 -6
  154. package/dist/components/sortable.d.ts.map +1 -1
  155. package/dist/components/sortable.js +11 -10
  156. package/dist/components/sortable.js.map +1 -1
  157. package/dist/components/splitter.d.ts +21 -7
  158. package/dist/components/splitter.d.ts.map +1 -1
  159. package/dist/components/splitter.js +5 -4
  160. package/dist/components/splitter.js.map +1 -1
  161. package/dist/components/steps.d.ts +21 -7
  162. package/dist/components/steps.d.ts.map +1 -1
  163. package/dist/components/steps.js +4 -4
  164. package/dist/components/steps.js.map +1 -1
  165. package/dist/components/switch.d.ts +9 -3
  166. package/dist/components/switch.d.ts.map +1 -1
  167. package/dist/components/switch.js +4 -3
  168. package/dist/components/switch.js.map +1 -1
  169. package/dist/components/tabs.d.ts +24 -8
  170. package/dist/components/tabs.d.ts.map +1 -1
  171. package/dist/components/tabs.js +7 -6
  172. package/dist/components/tabs.js.map +1 -1
  173. package/dist/components/tags-input.d.ts +27 -9
  174. package/dist/components/tags-input.d.ts.map +1 -1
  175. package/dist/components/tags-input.js +10 -10
  176. package/dist/components/tags-input.js.map +1 -1
  177. package/dist/components/theme-switch.d.ts.map +1 -1
  178. package/dist/components/theme-switch.js +3 -2
  179. package/dist/components/theme-switch.js.map +1 -1
  180. package/dist/components/time-picker.d.ts +27 -9
  181. package/dist/components/time-picker.d.ts.map +1 -1
  182. package/dist/components/time-picker.js +10 -10
  183. package/dist/components/time-picker.js.map +1 -1
  184. package/dist/components/timer.d.ts +15 -5
  185. package/dist/components/timer.d.ts.map +1 -1
  186. package/dist/components/timer.js +4 -4
  187. package/dist/components/timer.js.map +1 -1
  188. package/dist/components/toast.d.ts +24 -8
  189. package/dist/components/toast.d.ts.map +1 -1
  190. package/dist/components/toast.js +6 -6
  191. package/dist/components/toast.js.map +1 -1
  192. package/dist/components/toc.d.ts +15 -5
  193. package/dist/components/toc.d.ts.map +1 -1
  194. package/dist/components/toc.js +2 -2
  195. package/dist/components/toc.js.map +1 -1
  196. package/dist/components/toggle-group.d.ts +15 -5
  197. package/dist/components/toggle-group.d.ts.map +1 -1
  198. package/dist/components/toggle-group.js +4 -3
  199. package/dist/components/toggle-group.js.map +1 -1
  200. package/dist/components/toggle.d.ts +9 -3
  201. package/dist/components/toggle.d.ts.map +1 -1
  202. package/dist/components/toggle.js +4 -3
  203. package/dist/components/toggle.js.map +1 -1
  204. package/dist/components/tooltip.d.ts +12 -4
  205. package/dist/components/tooltip.d.ts.map +1 -1
  206. package/dist/components/tooltip.js +3 -3
  207. package/dist/components/tooltip.js.map +1 -1
  208. package/dist/components/tour.d.ts +18 -6
  209. package/dist/components/tour.d.ts.map +1 -1
  210. package/dist/components/tour.js +6 -6
  211. package/dist/components/tour.js.map +1 -1
  212. package/dist/components/tree-view.d.ts +75 -25
  213. package/dist/components/tree-view.d.ts.map +1 -1
  214. package/dist/components/tree-view.js +18 -7
  215. package/dist/components/tree-view.js.map +1 -1
  216. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"presence.js","sourceRoot":"","sources":["../../src/components/presence.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Presence — track mount/unmount lifecycle with exit-delay support.\n *\n * In many components (dialogs, tooltips, menus) the consumer wants to:\n * 1. close the overlay (fire exit animation)\n * 2. keep it mounted long enough for the animation to finish\n * 3. unmount it\n *\n * LLui already provides `@llui/transitions` for most of this, but a\n * presence machine is useful when you want to coordinate multiple\n * elements or expose state outside the transition primitive.\n *\n * State flow:\n * closed → (open) → opening → open\n * open → (close) → closing → closed\n *\n * The consumer fires `animationEnd` to advance past opening/closing.\n * If `unmountOnExit` is true, `closed` means \"safe to remove from DOM\";\n * otherwise the element stays mounted even when closed (display:none).\n */\n\nexport type PresenceStatus = 'closed' | 'opening' | 'open' | 'closing'\n\nexport interface PresenceState {\n status: PresenceStatus\n unmountOnExit: boolean\n}\n\nexport type PresenceMsg =\n | { type: 'open' }\n | { type: 'close' }\n | { type: 'toggle' }\n | { type: 'animationEnd' }\n | { type: 'setPresent'; present: boolean }\n\nexport interface PresenceInit {\n /** Initial presence — true starts in 'open', false starts in 'closed'. */\n present?: boolean\n /** Whether 'closed' means \"unmount\" (true) or \"hidden but mounted\" (false). Default: true. */\n unmountOnExit?: boolean\n}\n\nexport function init(opts: PresenceInit = {}): PresenceState {\n return {\n status: opts.present ? 'open' : 'closed',\n unmountOnExit: opts.unmountOnExit ?? true,\n }\n}\n\nexport function update(state: PresenceState, msg: PresenceMsg): [PresenceState, never[]] {\n switch (msg.type) {\n case 'open':\n if (state.status === 'open' || state.status === 'opening') return [state, []]\n return [{ ...state, status: 'opening' }, []]\n case 'close':\n if (state.status === 'closed' || state.status === 'closing') return [state, []]\n return [{ ...state, status: 'closing' }, []]\n case 'toggle': {\n const present = state.status === 'open' || state.status === 'opening'\n return update(state, { type: present ? 'close' : 'open' })\n }\n case 'animationEnd':\n if (state.status === 'opening') return [{ ...state, status: 'open' }, []]\n if (state.status === 'closing') return [{ ...state, status: 'closed' }, []]\n return [state, []]\n case 'setPresent':\n return [{ ...state, status: msg.present ? 'open' : 'closed' }, []]\n }\n}\n\n/** Whether the element should be in the DOM (mounted). */\nexport function isMounted(state: PresenceState): boolean {\n if (!state.unmountOnExit) return true\n return state.status !== 'closed'\n}\n\n/** Whether the element is visible (not running an exit animation). */\nexport function isVisible(state: PresenceState): boolean {\n return state.status === 'open' || state.status === 'opening'\n}\n\nexport function isAnimating(state: PresenceState): boolean {\n return state.status === 'opening' || state.status === 'closing'\n}\n\nexport interface PresenceParts<S> {\n root: {\n 'data-scope': 'presence'\n 'data-part': 'root'\n 'data-state': (s: S) => PresenceStatus\n hidden: (s: S) => boolean\n onAnimationEnd: (e: AnimationEvent) => void\n onTransitionEnd: (e: TransitionEvent) => void\n }\n}\n\nexport function connect<S>(\n get: (s: S) => PresenceState,\n send: Send<PresenceMsg>,\n): PresenceParts<S> {\n const onEnd = (): void => send({ type: 'animationEnd' })\n return {\n root: {\n 'data-scope': 'presence',\n 'data-part': 'root',\n 'data-state': (s) => get(s).status,\n hidden: (s) => (get(s).status === 'closed' && !get(s).unmountOnExit ? true : false),\n onAnimationEnd: onEnd,\n onTransitionEnd: onEnd,\n },\n }\n}\n\nexport const presence = { init, update, connect, isMounted, isVisible, isAnimating }\n"]}
1
+ {"version":3,"file":"presence.js","sourceRoot":"","sources":["../../src/components/presence.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Presence — track mount/unmount lifecycle with exit-delay support.\n *\n * In many components (dialogs, tooltips, menus) the consumer wants to:\n * 1. close the overlay (fire exit animation)\n * 2. keep it mounted long enough for the animation to finish\n * 3. unmount it\n *\n * LLui already provides `@llui/transitions` for most of this, but a\n * presence machine is useful when you want to coordinate multiple\n * elements or expose state outside the transition primitive.\n *\n * State flow:\n * closed → (open) → opening → open\n * open → (close) → closing → closed\n *\n * The consumer fires `animationEnd` to advance past opening/closing.\n * If `unmountOnExit` is true, `closed` means \"safe to remove from DOM\";\n * otherwise the element stays mounted even when closed (display:none).\n */\n\nexport type PresenceStatus = 'closed' | 'opening' | 'open' | 'closing'\n\nexport interface PresenceState {\n status: PresenceStatus\n unmountOnExit: boolean\n}\n\nexport type PresenceMsg =\n /** @intent(\"Begin opening the element (closed → opening, plays enter animation)\") */\n | { type: 'open' }\n /** @intent(\"Begin closing the element (open → closing, plays exit animation)\") */\n | { type: 'close' }\n /** @intent(\"Toggle between open and closed states\") */\n | { type: 'toggle' }\n /** @humanOnly */\n | { type: 'animationEnd' }\n /** @intent(\"Set the desired presence directly (true = open, false = closed)\") */\n | { type: 'setPresent'; present: boolean }\n\nexport interface PresenceInit {\n /** Initial presence — true starts in 'open', false starts in 'closed'. */\n present?: boolean\n /** Whether 'closed' means \"unmount\" (true) or \"hidden but mounted\" (false). Default: true. */\n unmountOnExit?: boolean\n}\n\nexport function init(opts: PresenceInit = {}): PresenceState {\n return {\n status: opts.present ? 'open' : 'closed',\n unmountOnExit: opts.unmountOnExit ?? true,\n }\n}\n\nexport function update(state: PresenceState, msg: PresenceMsg): [PresenceState, never[]] {\n switch (msg.type) {\n case 'open':\n if (state.status === 'open' || state.status === 'opening') return [state, []]\n return [{ ...state, status: 'opening' }, []]\n case 'close':\n if (state.status === 'closed' || state.status === 'closing') return [state, []]\n return [{ ...state, status: 'closing' }, []]\n case 'toggle': {\n const present = state.status === 'open' || state.status === 'opening'\n return update(state, { type: present ? 'close' : 'open' })\n }\n case 'animationEnd':\n if (state.status === 'opening') return [{ ...state, status: 'open' }, []]\n if (state.status === 'closing') return [{ ...state, status: 'closed' }, []]\n return [state, []]\n case 'setPresent':\n return [{ ...state, status: msg.present ? 'open' : 'closed' }, []]\n }\n}\n\n/** Whether the element should be in the DOM (mounted). */\nexport function isMounted(state: PresenceState): boolean {\n if (!state.unmountOnExit) return true\n return state.status !== 'closed'\n}\n\n/** Whether the element is visible (not running an exit animation). */\nexport function isVisible(state: PresenceState): boolean {\n return state.status === 'open' || state.status === 'opening'\n}\n\nexport function isAnimating(state: PresenceState): boolean {\n return state.status === 'opening' || state.status === 'closing'\n}\n\nexport interface PresenceParts<S> {\n root: {\n 'data-scope': 'presence'\n 'data-part': 'root'\n 'data-state': (s: S) => PresenceStatus\n hidden: (s: S) => boolean\n onAnimationEnd: (e: AnimationEvent) => void\n onTransitionEnd: (e: TransitionEvent) => void\n }\n}\n\nexport function connect<S>(\n get: (s: S) => PresenceState,\n send: Send<PresenceMsg>,\n): PresenceParts<S> {\n const onEnd = (): void => send({ type: 'animationEnd' })\n return {\n root: {\n 'data-scope': 'presence',\n 'data-part': 'root',\n 'data-state': (s) => get(s).status,\n hidden: (s) => (get(s).status === 'closed' && !get(s).unmountOnExit ? true : false),\n onAnimationEnd: onEnd,\n onTransitionEnd: onEnd,\n },\n }\n}\n\nexport const presence = { init, update, connect, isMounted, isVisible, isAnimating }\n"]}
@@ -10,10 +10,14 @@ export interface ProgressState {
10
10
  max: number;
11
11
  orientation: ProgressOrientation;
12
12
  }
13
- export type ProgressMsg = {
13
+ export type ProgressMsg =
14
+ /** @humanOnly */
15
+ {
14
16
  type: 'setValue';
15
17
  value: number | null;
16
- } | {
18
+ }
19
+ /** @humanOnly */
20
+ | {
17
21
  type: 'setMax';
18
22
  max: number;
19
23
  };
@@ -1 +1 @@
1
- {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { en } from '../locale.js'\n\n/**\n * Progress — linear or circular progress indicator. Determinate (0..max) or\n * indeterminate (`value: null`).\n */\n\nexport type ProgressOrientation = 'horizontal' | 'vertical'\n\nexport interface ProgressState {\n value: number | null\n min: number\n max: number\n orientation: ProgressOrientation\n}\n\nexport type ProgressMsg =\n | { type: 'setValue'; value: number | null }\n | { type: 'setMax'; max: number }\n\nexport interface ProgressInit {\n value?: number | null\n min?: number\n max?: number\n orientation?: ProgressOrientation\n}\n\nexport function init(opts: ProgressInit = {}): ProgressState {\n return {\n value: 'value' in opts ? (opts.value as number | null) : 0,\n min: opts.min ?? 0,\n max: opts.max ?? 100,\n orientation: opts.orientation ?? 'horizontal',\n }\n}\n\nexport function update(state: ProgressState, msg: ProgressMsg): [ProgressState, never[]] {\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setMax':\n return [{ ...state, max: msg.max }, []]\n }\n}\n\nexport function percent(state: ProgressState): number | null {\n if (state.value === null) return null\n const range = state.max - state.min\n if (range <= 0) return 0\n return ((state.value - state.min) / range) * 100\n}\n\nexport function valueState(state: ProgressState): 'indeterminate' | 'complete' | 'loading' {\n if (state.value === null) return 'indeterminate'\n if (state.value >= state.max) return 'complete'\n return 'loading'\n}\n\nexport interface ProgressParts<S> {\n root: {\n role: 'progressbar'\n 'aria-valuemin': (s: S) => number\n 'aria-valuemax': (s: S) => number\n 'aria-valuenow': (s: S) => number | undefined\n 'aria-label': string | undefined\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'root'\n }\n track: {\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'track'\n }\n range: {\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'range'\n style: (s: S) => string\n }\n label: {\n 'data-scope': 'progress'\n 'data-part': 'label'\n }\n valueText: (s: S) => string\n}\n\nexport interface ConnectOptions {\n label?: string\n /** Custom formatter for value text. */\n format?: (value: number | null, max: number) => string\n}\n\nexport function connect<S>(\n get: (s: S) => ProgressState,\n _send: Send<ProgressMsg>,\n opts: ConnectOptions = {},\n): ProgressParts<S> {\n const label = opts.label\n const format = opts.format ?? defaultFormat\n\n return {\n root: {\n role: 'progressbar',\n 'aria-valuemin': (s) => get(s).min,\n 'aria-valuemax': (s) => get(s).max,\n 'aria-valuenow': (s) => get(s).value ?? undefined,\n 'aria-label': label,\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'root',\n },\n track: {\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'track',\n },\n range: {\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'range',\n style: (s) => rangeStyle(get(s)),\n },\n label: {\n 'data-scope': 'progress',\n 'data-part': 'label',\n },\n valueText: (s) => format(get(s).value, get(s).max),\n }\n}\n\nfunction defaultFormat(value: number | null, max: number): string {\n if (value === null) return en.progress.loading\n const pct = Math.round((value / max) * 100)\n return `${pct}%`\n}\n\nfunction rangeStyle(state: ProgressState): string {\n const p = percent(state)\n if (p === null) return ''\n const clamped = Math.max(0, Math.min(100, p))\n return state.orientation === 'horizontal' ? `width:${clamped}%;` : `height:${clamped}%;`\n}\n\nexport const progress = { init, update, connect, percent, valueState }\n"]}
1
+ {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { en } from '../locale.js'\n\n/**\n * Progress — linear or circular progress indicator. Determinate (0..max) or\n * indeterminate (`value: null`).\n */\n\nexport type ProgressOrientation = 'horizontal' | 'vertical'\n\nexport interface ProgressState {\n value: number | null\n min: number\n max: number\n orientation: ProgressOrientation\n}\n\nexport type ProgressMsg =\n /** @humanOnly */\n | { type: 'setValue'; value: number | null }\n /** @humanOnly */\n | { type: 'setMax'; max: number }\n\nexport interface ProgressInit {\n value?: number | null\n min?: number\n max?: number\n orientation?: ProgressOrientation\n}\n\nexport function init(opts: ProgressInit = {}): ProgressState {\n return {\n value: 'value' in opts ? (opts.value as number | null) : 0,\n min: opts.min ?? 0,\n max: opts.max ?? 100,\n orientation: opts.orientation ?? 'horizontal',\n }\n}\n\nexport function update(state: ProgressState, msg: ProgressMsg): [ProgressState, never[]] {\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setMax':\n return [{ ...state, max: msg.max }, []]\n }\n}\n\nexport function percent(state: ProgressState): number | null {\n if (state.value === null) return null\n const range = state.max - state.min\n if (range <= 0) return 0\n return ((state.value - state.min) / range) * 100\n}\n\nexport function valueState(state: ProgressState): 'indeterminate' | 'complete' | 'loading' {\n if (state.value === null) return 'indeterminate'\n if (state.value >= state.max) return 'complete'\n return 'loading'\n}\n\nexport interface ProgressParts<S> {\n root: {\n role: 'progressbar'\n 'aria-valuemin': (s: S) => number\n 'aria-valuemax': (s: S) => number\n 'aria-valuenow': (s: S) => number | undefined\n 'aria-label': string | undefined\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'root'\n }\n track: {\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'track'\n }\n range: {\n 'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n 'data-orientation': (s: S) => ProgressOrientation\n 'data-scope': 'progress'\n 'data-part': 'range'\n style: (s: S) => string\n }\n label: {\n 'data-scope': 'progress'\n 'data-part': 'label'\n }\n valueText: (s: S) => string\n}\n\nexport interface ConnectOptions {\n label?: string\n /** Custom formatter for value text. */\n format?: (value: number | null, max: number) => string\n}\n\nexport function connect<S>(\n get: (s: S) => ProgressState,\n _send: Send<ProgressMsg>,\n opts: ConnectOptions = {},\n): ProgressParts<S> {\n const label = opts.label\n const format = opts.format ?? defaultFormat\n\n return {\n root: {\n role: 'progressbar',\n 'aria-valuemin': (s) => get(s).min,\n 'aria-valuemax': (s) => get(s).max,\n 'aria-valuenow': (s) => get(s).value ?? undefined,\n 'aria-label': label,\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'root',\n },\n track: {\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'track',\n },\n range: {\n 'data-state': (s) => valueState(get(s)),\n 'data-orientation': (s) => get(s).orientation,\n 'data-scope': 'progress',\n 'data-part': 'range',\n style: (s) => rangeStyle(get(s)),\n },\n label: {\n 'data-scope': 'progress',\n 'data-part': 'label',\n },\n valueText: (s) => format(get(s).value, get(s).max),\n }\n}\n\nfunction defaultFormat(value: number | null, max: number): string {\n if (value === null) return en.progress.loading\n const pct = Math.round((value / max) * 100)\n return `${pct}%`\n}\n\nfunction rangeStyle(state: ProgressState): string {\n const p = percent(state)\n if (p === null) return ''\n const clamped = Math.max(0, Math.min(100, p))\n return state.orientation === 'horizontal' ? `width:${clamped}%;` : `height:${clamped}%;`\n}\n\nexport const progress = { init, update, connect, percent, valueState }\n"]}
@@ -34,13 +34,19 @@ export interface QrCodeState {
34
34
  matrix: boolean[][];
35
35
  errorCorrection: ErrorCorrectionLevel;
36
36
  }
37
- export type QrCodeMsg = {
37
+ export type QrCodeMsg =
38
+ /** @intent("Set the encoded value (consumer encodes externally and dispatches setMatrix)") */
39
+ {
38
40
  type: 'setValue';
39
41
  value: string;
40
- } | {
42
+ }
43
+ /** @humanOnly */
44
+ | {
41
45
  type: 'setMatrix';
42
46
  matrix: boolean[][];
43
- } | {
47
+ }
48
+ /** @intent("Change the QR error-correction level (L/M/Q/H)") */
49
+ | {
44
50
  type: 'setErrorCorrection';
45
51
  level: ErrorCorrectionLevel;
46
52
  };
@@ -1 +1 @@
1
- {"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * QR code — renders a QR matrix as SVG. llui does not bundle a QR\n * encoder (encoders are sizable and consumer apps typically already\n * have one); instead, the consumer provides the encoded matrix via\n * `setMatrix` (or through the optional `encode` callback on\n * ConnectOptions, invoked when the value changes).\n *\n * Minimum usage with a BYOE (bring-your-own-encoder) library — the\n * consumer dispatches `setMatrix` with the encoded bits from their\n * update handler:\n *\n * import QRCode from 'qrcode-generator'\n *\n * update: (state, msg) => {\n * if (msg.type === 'updateQr') {\n * const q = QRCode(0, state.qr.errorCorrection)\n * q.addData(msg.value); q.make()\n * const n = q.getModuleCount()\n * const matrix: boolean[][] = []\n * for (let y = 0; y < n; y++) {\n * const row: boolean[] = []\n * for (let x = 0; x < n; x++) row.push(q.isDark(y, x))\n * matrix.push(row)\n * }\n * return [{ ...state, qr: { ...state.qr, value: msg.value, matrix } }, []]\n * }\n * }\n */\n\nexport type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeState {\n value: string\n /** NxN boolean matrix — true means dark (filled) module. */\n matrix: boolean[][]\n errorCorrection: ErrorCorrectionLevel\n}\n\nexport type QrCodeMsg =\n | { type: 'setValue'; value: string }\n | { type: 'setMatrix'; matrix: boolean[][] }\n | { type: 'setErrorCorrection'; level: ErrorCorrectionLevel }\n\nexport interface QrCodeInit {\n value?: string\n matrix?: boolean[][]\n errorCorrection?: ErrorCorrectionLevel\n}\n\nexport function init(opts: QrCodeInit = {}): QrCodeState {\n return {\n value: opts.value ?? '',\n matrix: opts.matrix ?? [],\n errorCorrection: opts.errorCorrection ?? 'M',\n }\n}\n\nexport function update(state: QrCodeState, msg: QrCodeMsg): [QrCodeState, never[]] {\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setMatrix':\n return [{ ...state, matrix: msg.matrix }, []]\n case 'setErrorCorrection':\n return [{ ...state, errorCorrection: msg.level }, []]\n }\n}\n\n/** Matrix side length (in modules). Returns 0 for empty matrix. */\nexport function size(state: QrCodeState): number {\n return state.matrix.length\n}\n\n/**\n * Compute an SVG path string that fills every dark module. Each dark\n * module becomes a unit-sized square at (col, row) coordinates in module\n * space; the caller scales via `viewBox` or CSS. Using a single path\n * is vastly more performant than rendering N² individual <rect>s.\n */\nexport function toSvgPath(matrix: boolean[][]): string {\n const parts: string[] = []\n for (let y = 0; y < matrix.length; y++) {\n const row = matrix[y]!\n for (let x = 0; x < row.length; x++) {\n if (row[x]) parts.push(`M${x},${y}h1v1h-1z`)\n }\n }\n return parts.join('')\n}\n\n/**\n * Encode the matrix as a monochrome 1-bit-per-pixel PNG-ish URL. This\n * is a helper for <img src> consumption — it generates a `data:image/svg+xml`\n * URL (SVG is simpler and scales losslessly).\n */\nexport function toDataUrl(\n matrix: boolean[][],\n foreground: string = '#000',\n background: string = '#fff',\n): string {\n const s = matrix.length\n if (s === 0) return ''\n const path = toSvgPath(matrix)\n const svg =\n `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${s} ${s}\" shape-rendering=\"crispEdges\">` +\n `<rect width=\"${s}\" height=\"${s}\" fill=\"${background}\"/>` +\n `<path d=\"${path}\" fill=\"${foreground}\"/>` +\n `</svg>`\n return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`\n}\n\nexport interface QrCodeParts<S> {\n root: {\n 'data-scope': 'qr-code'\n 'data-part': 'root'\n 'aria-label': string | ((s: S) => string)\n }\n svg: {\n 'data-scope': 'qr-code'\n 'data-part': 'svg'\n role: 'img'\n viewBox: (s: S) => string\n 'shape-rendering': 'crispEdges'\n }\n background: {\n 'data-scope': 'qr-code'\n 'data-part': 'background'\n }\n foreground: {\n 'data-scope': 'qr-code'\n 'data-part': 'foreground'\n d: (s: S) => string\n }\n downloadTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'qr-code'\n 'data-part': 'download-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n downloadLabel?: string\n /** Filename for the downloaded SVG. */\n downloadFilename?: string\n}\n\nexport function connect<S>(\n get: (s: S) => QrCodeState,\n send: Send<QrCodeMsg>,\n opts: ConnectOptions = {},\n): QrCodeParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).qrCode.label)\n const filename = opts.downloadFilename ?? 'qrcode.svg'\n\n return {\n root: {\n 'data-scope': 'qr-code',\n 'data-part': 'root',\n 'aria-label': label,\n },\n svg: {\n 'data-scope': 'qr-code',\n 'data-part': 'svg',\n role: 'img',\n viewBox: (s) => {\n const n = size(get(s))\n return n > 0 ? `0 0 ${n} ${n}` : '0 0 1 1'\n },\n 'shape-rendering': 'crispEdges',\n },\n background: {\n 'data-scope': 'qr-code',\n 'data-part': 'background',\n },\n foreground: {\n 'data-scope': 'qr-code',\n 'data-part': 'foreground',\n d: (s) => toSvgPath(get(s).matrix),\n },\n downloadTrigger: {\n type: 'button',\n 'aria-label': opts.downloadLabel ?? ((s: S) => locale(s).qrCode.download),\n 'data-scope': 'qr-code',\n 'data-part': 'download-trigger',\n onClick: () => {\n // Generate an SVG blob and trigger a download via a hidden link.\n // State isn't accessible here; caller should use the current value\n // in a DOM query or run this inside a closure with state access.\n // We dispatch a best-effort via the document for now.\n const root = document.querySelector<HTMLElement>('[data-scope=\"qr-code\"][data-part=\"svg\"]')\n if (!root) return\n const xml = new XMLSerializer().serializeToString(root)\n const blob = new Blob([xml], { type: 'image/svg+xml' })\n const url = URL.createObjectURL(blob)\n const a = document.createElement('a')\n a.href = url\n a.download = filename\n a.click()\n URL.revokeObjectURL(url)\n },\n },\n }\n}\n\nexport const qrCode = { init, update, connect, size, toSvgPath, toDataUrl }\n"]}
1
+ {"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * QR code — renders a QR matrix as SVG. llui does not bundle a QR\n * encoder (encoders are sizable and consumer apps typically already\n * have one); instead, the consumer provides the encoded matrix via\n * `setMatrix` (or through the optional `encode` callback on\n * ConnectOptions, invoked when the value changes).\n *\n * Minimum usage with a BYOE (bring-your-own-encoder) library — the\n * consumer dispatches `setMatrix` with the encoded bits from their\n * update handler:\n *\n * import QRCode from 'qrcode-generator'\n *\n * update: (state, msg) => {\n * if (msg.type === 'updateQr') {\n * const q = QRCode(0, state.qr.errorCorrection)\n * q.addData(msg.value); q.make()\n * const n = q.getModuleCount()\n * const matrix: boolean[][] = []\n * for (let y = 0; y < n; y++) {\n * const row: boolean[] = []\n * for (let x = 0; x < n; x++) row.push(q.isDark(y, x))\n * matrix.push(row)\n * }\n * return [{ ...state, qr: { ...state.qr, value: msg.value, matrix } }, []]\n * }\n * }\n */\n\nexport type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeState {\n value: string\n /** NxN boolean matrix — true means dark (filled) module. */\n matrix: boolean[][]\n errorCorrection: ErrorCorrectionLevel\n}\n\nexport type QrCodeMsg =\n /** @intent(\"Set the encoded value (consumer encodes externally and dispatches setMatrix)\") */\n | { type: 'setValue'; value: string }\n /** @humanOnly */\n | { type: 'setMatrix'; matrix: boolean[][] }\n /** @intent(\"Change the QR error-correction level (L/M/Q/H)\") */\n | { type: 'setErrorCorrection'; level: ErrorCorrectionLevel }\n\nexport interface QrCodeInit {\n value?: string\n matrix?: boolean[][]\n errorCorrection?: ErrorCorrectionLevel\n}\n\nexport function init(opts: QrCodeInit = {}): QrCodeState {\n return {\n value: opts.value ?? '',\n matrix: opts.matrix ?? [],\n errorCorrection: opts.errorCorrection ?? 'M',\n }\n}\n\nexport function update(state: QrCodeState, msg: QrCodeMsg): [QrCodeState, never[]] {\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setMatrix':\n return [{ ...state, matrix: msg.matrix }, []]\n case 'setErrorCorrection':\n return [{ ...state, errorCorrection: msg.level }, []]\n }\n}\n\n/** Matrix side length (in modules). Returns 0 for empty matrix. */\nexport function size(state: QrCodeState): number {\n return state.matrix.length\n}\n\n/**\n * Compute an SVG path string that fills every dark module. Each dark\n * module becomes a unit-sized square at (col, row) coordinates in module\n * space; the caller scales via `viewBox` or CSS. Using a single path\n * is vastly more performant than rendering N² individual <rect>s.\n */\nexport function toSvgPath(matrix: boolean[][]): string {\n const parts: string[] = []\n for (let y = 0; y < matrix.length; y++) {\n const row = matrix[y]!\n for (let x = 0; x < row.length; x++) {\n if (row[x]) parts.push(`M${x},${y}h1v1h-1z`)\n }\n }\n return parts.join('')\n}\n\n/**\n * Encode the matrix as a monochrome 1-bit-per-pixel PNG-ish URL. This\n * is a helper for <img src> consumption — it generates a `data:image/svg+xml`\n * URL (SVG is simpler and scales losslessly).\n */\nexport function toDataUrl(\n matrix: boolean[][],\n foreground: string = '#000',\n background: string = '#fff',\n): string {\n const s = matrix.length\n if (s === 0) return ''\n const path = toSvgPath(matrix)\n const svg =\n `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${s} ${s}\" shape-rendering=\"crispEdges\">` +\n `<rect width=\"${s}\" height=\"${s}\" fill=\"${background}\"/>` +\n `<path d=\"${path}\" fill=\"${foreground}\"/>` +\n `</svg>`\n return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`\n}\n\nexport interface QrCodeParts<S> {\n root: {\n 'data-scope': 'qr-code'\n 'data-part': 'root'\n 'aria-label': string | ((s: S) => string)\n }\n svg: {\n 'data-scope': 'qr-code'\n 'data-part': 'svg'\n role: 'img'\n viewBox: (s: S) => string\n 'shape-rendering': 'crispEdges'\n }\n background: {\n 'data-scope': 'qr-code'\n 'data-part': 'background'\n }\n foreground: {\n 'data-scope': 'qr-code'\n 'data-part': 'foreground'\n d: (s: S) => string\n }\n downloadTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'qr-code'\n 'data-part': 'download-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n downloadLabel?: string\n /** Filename for the downloaded SVG. */\n downloadFilename?: string\n}\n\nexport function connect<S>(\n get: (s: S) => QrCodeState,\n send: Send<QrCodeMsg>,\n opts: ConnectOptions = {},\n): QrCodeParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).qrCode.label)\n const filename = opts.downloadFilename ?? 'qrcode.svg'\n\n return {\n root: {\n 'data-scope': 'qr-code',\n 'data-part': 'root',\n 'aria-label': label,\n },\n svg: {\n 'data-scope': 'qr-code',\n 'data-part': 'svg',\n role: 'img',\n viewBox: (s) => {\n const n = size(get(s))\n return n > 0 ? `0 0 ${n} ${n}` : '0 0 1 1'\n },\n 'shape-rendering': 'crispEdges',\n },\n background: {\n 'data-scope': 'qr-code',\n 'data-part': 'background',\n },\n foreground: {\n 'data-scope': 'qr-code',\n 'data-part': 'foreground',\n d: (s) => toSvgPath(get(s).matrix),\n },\n downloadTrigger: {\n type: 'button',\n 'aria-label': opts.downloadLabel ?? ((s: S) => locale(s).qrCode.download),\n 'data-scope': 'qr-code',\n 'data-part': 'download-trigger',\n onClick: () => {\n // Generate an SVG blob and trigger a download via a hidden link.\n // State isn't accessible here; caller should use the current value\n // in a DOM query or run this inside a closure with state access.\n // We dispatch a best-effort via the document for now.\n const root = document.querySelector<HTMLElement>('[data-scope=\"qr-code\"][data-part=\"svg\"]')\n if (!root) return\n const xml = new XMLSerializer().serializeToString(root)\n const blob = new Blob([xml], { type: 'image/svg+xml' })\n const url = URL.createObjectURL(blob)\n const a = document.createElement('a')\n a.href = url\n a.download = filename\n a.click()\n URL.revokeObjectURL(url)\n },\n },\n }\n}\n\nexport const qrCode = { init, update, connect, size, toSvgPath, toDataUrl }\n"]}
@@ -11,22 +11,34 @@ export interface RadioGroupState {
11
11
  disabled: boolean;
12
12
  orientation: Orientation;
13
13
  }
14
- export type RadioGroupMsg = {
14
+ export type RadioGroupMsg =
15
+ /** @intent("Pick the radio option with the given value") */
16
+ {
15
17
  type: 'setValue';
16
18
  value: string;
17
- } | {
19
+ }
20
+ /** @humanOnly */
21
+ | {
18
22
  type: 'setItems';
19
23
  items: string[];
20
24
  disabled?: string[];
21
- } | {
25
+ }
26
+ /** @intent("Move selection to the next enabled option after the given value") */
27
+ | {
22
28
  type: 'selectNext';
23
29
  from: string;
24
- } | {
30
+ }
31
+ /** @intent("Move selection to the previous enabled option before the given value") */
32
+ | {
25
33
  type: 'selectPrev';
26
34
  from: string;
27
- } | {
35
+ }
36
+ /** @intent("Select the first enabled option") */
37
+ | {
28
38
  type: 'selectFirst';
29
- } | {
39
+ }
40
+ /** @intent("Select the last enabled option") */
41
+ | {
30
42
  type: 'selectLast';
31
43
  };
32
44
  export interface RadioGroupInit {
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ import { tagSend } from '@llui/dom';
1
2
  import { flipArrow } from '../utils/direction.js';
2
3
  export function init(opts = {}) {
3
4
  return {
@@ -105,8 +106,8 @@ export function connect(get, send, opts) {
105
106
  }
106
107
  return -1;
107
108
  },
108
- onClick: () => send({ type: 'setValue', value }),
109
- onKeyDown: (e) => {
109
+ onClick: tagSend(send, ['setValue'], () => send({ type: 'setValue', value })),
110
+ onKeyDown: tagSend(send, ['selectNext', 'selectPrev', 'selectFirst', 'selectLast', 'setValue'], (e) => {
110
111
  const key = flipArrow(e.key, e.currentTarget);
111
112
  const isVertical = e.currentTarget?.closest('[data-orientation="vertical"]') !==
112
113
  null;
@@ -144,7 +145,7 @@ export function connect(get, send, opts) {
144
145
  send({ type: 'setValue', value });
145
146
  return;
146
147
  }
147
- },
148
+ }),
148
149
  },
149
150
  label: {
150
151
  'data-scope': 'radio-group',
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Radio group — a set of mutually-exclusive options. Users select one value\n * at a time. Supports keyboard arrow navigation and disabled items.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface RadioGroupState {\n value: string | null\n items: string[]\n disabledItems: string[]\n disabled: boolean\n orientation: Orientation\n}\n\nexport type RadioGroupMsg =\n | { type: 'setValue'; value: string }\n | { type: 'setItems'; items: string[]; disabled?: string[] }\n | { type: 'selectNext'; from: string }\n | { type: 'selectPrev'; from: string }\n | { type: 'selectFirst' }\n | { type: 'selectLast' }\n\nexport interface RadioGroupInit {\n value?: string | null\n items?: string[]\n disabledItems?: string[]\n disabled?: boolean\n orientation?: Orientation\n}\n\nexport function init(opts: RadioGroupInit = {}): RadioGroupState {\n return {\n value: opts.value ?? null,\n items: opts.items ?? [],\n disabledItems: opts.disabledItems ?? [],\n disabled: opts.disabled ?? false,\n orientation: opts.orientation ?? 'vertical',\n }\n}\n\nfunction nextEnabled(\n items: string[],\n disabled: string[],\n from: string,\n delta: 1 | -1,\n): string | null {\n if (items.length === 0) return null\n const idx = items.indexOf(from)\n if (idx === -1) return null\n const n = items.length\n for (let i = 1; i <= n; i++) {\n const next = items[(idx + delta * i + n * n) % n]!\n if (!disabled.includes(next)) return next\n }\n return null\n}\n\nfunction firstEnabled(items: string[], disabled: string[]): string | null {\n for (const v of items) if (!disabled.includes(v)) return v\n return null\n}\n\nfunction lastEnabled(items: string[], disabled: string[]): string | null {\n for (let i = items.length - 1; i >= 0; i--) {\n const v = items[i]!\n if (!disabled.includes(v)) return v\n }\n return null\n}\n\nexport function update(state: RadioGroupState, msg: RadioGroupMsg): [RadioGroupState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'setValue':\n if (state.disabledItems.includes(msg.value)) return [state, []]\n return [{ ...state, value: msg.value }, []]\n case 'setItems': {\n const disabled = msg.disabled ?? state.disabledItems\n const value =\n state.value && msg.items.includes(state.value) && !disabled.includes(state.value)\n ? state.value\n : null\n return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n }\n case 'selectNext': {\n const to = nextEnabled(state.items, state.disabledItems, msg.from, 1)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectPrev': {\n const to = nextEnabled(state.items, state.disabledItems, msg.from, -1)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectFirst': {\n const to = firstEnabled(state.items, state.disabledItems)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectLast': {\n const to = lastEnabled(state.items, state.disabledItems)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n }\n}\n\nexport interface RadioItemParts<S> {\n root: {\n role: 'radio'\n id: string\n 'aria-checked': (s: S) => boolean\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-state': (s: S) => 'checked' | 'unchecked'\n 'data-disabled': (s: S) => '' | undefined\n 'data-scope': 'radio-group'\n 'data-part': 'item'\n 'data-value': string\n tabIndex: (s: S) => number\n onClick: (e: MouseEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n label: {\n 'data-scope': 'radio-group'\n 'data-part': 'label'\n 'data-value': string\n for: string\n }\n indicator: {\n 'data-state': (s: S) => 'checked' | 'unchecked'\n 'data-scope': 'radio-group'\n 'data-part': 'indicator'\n }\n}\n\nexport interface RadioGroupParts<S> {\n root: {\n role: 'radiogroup'\n 'aria-orientation': (s: S) => Orientation\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-scope': 'radio-group'\n 'data-part': 'root'\n 'data-orientation': (s: S) => Orientation\n 'data-disabled': (s: S) => '' | undefined\n }\n item: (value: string) => RadioItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n}\n\nexport function connect<S>(\n get: (s: S) => RadioGroupState,\n send: Send<RadioGroupMsg>,\n opts: ConnectOptions,\n): RadioGroupParts<S> {\n const itemId = (v: string): string => `${opts.id}:item:${v}`\n\n return {\n root: {\n role: 'radiogroup',\n 'aria-orientation': (s) => get(s).orientation,\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'data-scope': 'radio-group',\n 'data-part': 'root',\n 'data-orientation': (s) => get(s).orientation,\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n },\n item: (value: string): RadioItemParts<S> => ({\n root: {\n role: 'radio',\n id: itemId(value),\n 'aria-checked': (s) => get(s).value === value,\n 'aria-disabled': (s) =>\n get(s).disabledItems.includes(value) || get(s).disabled ? 'true' : undefined,\n 'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n 'data-disabled': (s) =>\n get(s).disabledItems.includes(value) || get(s).disabled ? '' : undefined,\n 'data-scope': 'radio-group',\n 'data-part': 'item',\n 'data-value': value,\n // Only currently-selected (or first if none selected) is tab-stop\n tabIndex: (s) => {\n const st = get(s)\n if (st.disabled || st.disabledItems.includes(value)) return -1\n if (st.value === value) return 0\n if (st.value === null) {\n const first = firstEnabled(st.items, st.disabledItems)\n return first === value ? 0 : -1\n }\n return -1\n },\n onClick: () => send({ type: 'setValue', value }),\n onKeyDown: (e) => {\n const key = flipArrow(e.key, e.currentTarget as Element)\n const isVertical =\n (e.currentTarget as HTMLElement | null)?.closest('[data-orientation=\"vertical\"]') !==\n null\n switch (key) {\n case 'ArrowDown':\n if (isVertical) {\n e.preventDefault()\n send({ type: 'selectNext', from: value })\n }\n return\n case 'ArrowUp':\n if (isVertical) {\n e.preventDefault()\n send({ type: 'selectPrev', from: value })\n }\n return\n case 'ArrowRight':\n e.preventDefault()\n send({ type: 'selectNext', from: value })\n return\n case 'ArrowLeft':\n e.preventDefault()\n send({ type: 'selectPrev', from: value })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'selectFirst' })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'selectLast' })\n return\n case ' ':\n e.preventDefault()\n send({ type: 'setValue', value })\n return\n }\n },\n },\n label: {\n 'data-scope': 'radio-group',\n 'data-part': 'label',\n 'data-value': value,\n for: itemId(value),\n },\n indicator: {\n 'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n 'data-scope': 'radio-group',\n 'data-part': 'indicator',\n },\n }),\n }\n}\n\nexport const radioGroup = { init, update, connect }\n"]}
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Radio group — a set of mutually-exclusive options. Users select one value\n * at a time. Supports keyboard arrow navigation and disabled items.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface RadioGroupState {\n value: string | null\n items: string[]\n disabledItems: string[]\n disabled: boolean\n orientation: Orientation\n}\n\nexport type RadioGroupMsg =\n /** @intent(\"Pick the radio option with the given value\") */\n | { type: 'setValue'; value: string }\n /** @humanOnly */\n | { type: 'setItems'; items: string[]; disabled?: string[] }\n /** @intent(\"Move selection to the next enabled option after the given value\") */\n | { type: 'selectNext'; from: string }\n /** @intent(\"Move selection to the previous enabled option before the given value\") */\n | { type: 'selectPrev'; from: string }\n /** @intent(\"Select the first enabled option\") */\n | { type: 'selectFirst' }\n /** @intent(\"Select the last enabled option\") */\n | { type: 'selectLast' }\n\nexport interface RadioGroupInit {\n value?: string | null\n items?: string[]\n disabledItems?: string[]\n disabled?: boolean\n orientation?: Orientation\n}\n\nexport function init(opts: RadioGroupInit = {}): RadioGroupState {\n return {\n value: opts.value ?? null,\n items: opts.items ?? [],\n disabledItems: opts.disabledItems ?? [],\n disabled: opts.disabled ?? false,\n orientation: opts.orientation ?? 'vertical',\n }\n}\n\nfunction nextEnabled(\n items: string[],\n disabled: string[],\n from: string,\n delta: 1 | -1,\n): string | null {\n if (items.length === 0) return null\n const idx = items.indexOf(from)\n if (idx === -1) return null\n const n = items.length\n for (let i = 1; i <= n; i++) {\n const next = items[(idx + delta * i + n * n) % n]!\n if (!disabled.includes(next)) return next\n }\n return null\n}\n\nfunction firstEnabled(items: string[], disabled: string[]): string | null {\n for (const v of items) if (!disabled.includes(v)) return v\n return null\n}\n\nfunction lastEnabled(items: string[], disabled: string[]): string | null {\n for (let i = items.length - 1; i >= 0; i--) {\n const v = items[i]!\n if (!disabled.includes(v)) return v\n }\n return null\n}\n\nexport function update(state: RadioGroupState, msg: RadioGroupMsg): [RadioGroupState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'setValue':\n if (state.disabledItems.includes(msg.value)) return [state, []]\n return [{ ...state, value: msg.value }, []]\n case 'setItems': {\n const disabled = msg.disabled ?? state.disabledItems\n const value =\n state.value && msg.items.includes(state.value) && !disabled.includes(state.value)\n ? state.value\n : null\n return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n }\n case 'selectNext': {\n const to = nextEnabled(state.items, state.disabledItems, msg.from, 1)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectPrev': {\n const to = nextEnabled(state.items, state.disabledItems, msg.from, -1)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectFirst': {\n const to = firstEnabled(state.items, state.disabledItems)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n case 'selectLast': {\n const to = lastEnabled(state.items, state.disabledItems)\n return to === null ? [state, []] : [{ ...state, value: to }, []]\n }\n }\n}\n\nexport interface RadioItemParts<S> {\n root: {\n role: 'radio'\n id: string\n 'aria-checked': (s: S) => boolean\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-state': (s: S) => 'checked' | 'unchecked'\n 'data-disabled': (s: S) => '' | undefined\n 'data-scope': 'radio-group'\n 'data-part': 'item'\n 'data-value': string\n tabIndex: (s: S) => number\n onClick: (e: MouseEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n label: {\n 'data-scope': 'radio-group'\n 'data-part': 'label'\n 'data-value': string\n for: string\n }\n indicator: {\n 'data-state': (s: S) => 'checked' | 'unchecked'\n 'data-scope': 'radio-group'\n 'data-part': 'indicator'\n }\n}\n\nexport interface RadioGroupParts<S> {\n root: {\n role: 'radiogroup'\n 'aria-orientation': (s: S) => Orientation\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-scope': 'radio-group'\n 'data-part': 'root'\n 'data-orientation': (s: S) => Orientation\n 'data-disabled': (s: S) => '' | undefined\n }\n item: (value: string) => RadioItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n}\n\nexport function connect<S>(\n get: (s: S) => RadioGroupState,\n send: Send<RadioGroupMsg>,\n opts: ConnectOptions,\n): RadioGroupParts<S> {\n const itemId = (v: string): string => `${opts.id}:item:${v}`\n\n return {\n root: {\n role: 'radiogroup',\n 'aria-orientation': (s) => get(s).orientation,\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'data-scope': 'radio-group',\n 'data-part': 'root',\n 'data-orientation': (s) => get(s).orientation,\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n },\n item: (value: string): RadioItemParts<S> => ({\n root: {\n role: 'radio',\n id: itemId(value),\n 'aria-checked': (s) => get(s).value === value,\n 'aria-disabled': (s) =>\n get(s).disabledItems.includes(value) || get(s).disabled ? 'true' : undefined,\n 'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n 'data-disabled': (s) =>\n get(s).disabledItems.includes(value) || get(s).disabled ? '' : undefined,\n 'data-scope': 'radio-group',\n 'data-part': 'item',\n 'data-value': value,\n // Only currently-selected (or first if none selected) is tab-stop\n tabIndex: (s) => {\n const st = get(s)\n if (st.disabled || st.disabledItems.includes(value)) return -1\n if (st.value === value) return 0\n if (st.value === null) {\n const first = firstEnabled(st.items, st.disabledItems)\n return first === value ? 0 : -1\n }\n return -1\n },\n onClick: tagSend(send, ['setValue'], () => send({ type: 'setValue', value })),\n onKeyDown: tagSend(\n send,\n ['selectNext', 'selectPrev', 'selectFirst', 'selectLast', 'setValue'],\n (e) => {\n const key = flipArrow(e.key, e.currentTarget as Element)\n const isVertical =\n (e.currentTarget as HTMLElement | null)?.closest('[data-orientation=\"vertical\"]') !==\n null\n switch (key) {\n case 'ArrowDown':\n if (isVertical) {\n e.preventDefault()\n send({ type: 'selectNext', from: value })\n }\n return\n case 'ArrowUp':\n if (isVertical) {\n e.preventDefault()\n send({ type: 'selectPrev', from: value })\n }\n return\n case 'ArrowRight':\n e.preventDefault()\n send({ type: 'selectNext', from: value })\n return\n case 'ArrowLeft':\n e.preventDefault()\n send({ type: 'selectPrev', from: value })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'selectFirst' })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'selectLast' })\n return\n case ' ':\n e.preventDefault()\n send({ type: 'setValue', value })\n return\n }\n },\n ),\n },\n label: {\n 'data-scope': 'radio-group',\n 'data-part': 'label',\n 'data-value': value,\n for: itemId(value),\n },\n indicator: {\n 'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n 'data-scope': 'radio-group',\n 'data-part': 'indicator',\n },\n }),\n }\n}\n\nexport const radioGroup = { init, update, connect }\n"]}
@@ -12,27 +12,41 @@ export interface RatingGroupState {
12
12
  readOnly: boolean;
13
13
  hoveredValue: number | null;
14
14
  }
15
- export type RatingGroupMsg = {
15
+ export type RatingGroupMsg =
16
+ /** @intent("Set the rating value directly (clamped to 0..count, snapped to 0.5 if allowHalf)") */
17
+ {
16
18
  type: 'setValue';
17
19
  value: number;
18
- } | {
20
+ }
21
+ /** @humanOnly */
22
+ | {
19
23
  type: 'hover';
20
24
  value: number | null;
21
- } | {
25
+ }
26
+ /** @humanOnly */
27
+ | {
22
28
  type: 'clickItem';
23
29
  index: number;
24
30
  isLeftHalf: boolean;
25
- } | {
31
+ }
32
+ /** @humanOnly */
33
+ | {
26
34
  type: 'hoverItem';
27
35
  index: number;
28
36
  isLeftHalf: boolean;
29
- } | {
37
+ }
38
+ /** @intent("Increase the rating by step (default: 0.5 if allowHalf, else 1)") */
39
+ | {
30
40
  type: 'incrementValue';
31
41
  step?: number;
32
- } | {
42
+ }
43
+ /** @intent("Decrease the rating by step (default: 0.5 if allowHalf, else 1)") */
44
+ | {
33
45
  type: 'decrementValue';
34
46
  step?: number;
35
- } | {
47
+ }
48
+ /** @intent("Snap the rating to its maximum (count)") */
49
+ | {
36
50
  type: 'toEnd';
37
51
  };
38
52
  export interface RatingGroupInit {
@@ -1 +1 @@
1
- {"version":3,"file":"rating-group.d.ts","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"rating-group.d.ts","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ import { tagSend } from '@llui/dom';
1
2
  import { flipArrow } from '../utils/direction.js';
2
3
  export function init(opts = {}) {
3
4
  return {
@@ -83,18 +84,18 @@ export function connect(get, send, opts = {}) {
83
84
  const active = Math.ceil(st.value) || 1;
84
85
  return active === index + 1 ? 0 : -1;
85
86
  },
86
- onClick: (e) => {
87
+ onClick: tagSend(send, ['clickItem'], (e) => {
87
88
  const rect = e.currentTarget.getBoundingClientRect();
88
89
  const isLeftHalf = e.clientX - rect.left < rect.width / 2;
89
90
  send({ type: 'clickItem', index, isLeftHalf });
90
- },
91
- onPointerMove: (e) => {
91
+ }),
92
+ onPointerMove: tagSend(send, ['hoverItem'], (e) => {
92
93
  const rect = e.currentTarget.getBoundingClientRect();
93
94
  const isLeftHalf = e.clientX - rect.left < rect.width / 2;
94
95
  send({ type: 'hoverItem', index, isLeftHalf });
95
- },
96
- onPointerLeave: () => send({ type: 'hover', value: null }),
97
- onKeyDown: (e) => {
96
+ }),
97
+ onPointerLeave: tagSend(send, ['hover'], () => send({ type: 'hover', value: null })),
98
+ onKeyDown: tagSend(send, ['incrementValue', 'decrementValue', 'setValue', 'toEnd'], (e) => {
98
99
  const key = flipArrow(e.key, e.currentTarget);
99
100
  switch (key) {
100
101
  case 'ArrowRight':
@@ -116,7 +117,7 @@ export function connect(get, send, opts = {}) {
116
117
  send({ type: 'toEnd' });
117
118
  return;
118
119
  }
119
- },
120
+ }),
120
121
  },
121
122
  }),
122
123
  };
@@ -1 +1 @@
1
- {"version":3,"file":"rating-group.js","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Rating group — a sequence of clickable items (stars) representing a\n * discrete rating. Supports half-step ratings and keyboard navigation.\n */\n\nexport interface RatingGroupState {\n value: number\n count: number\n /** If true, allows values like 1.5 (half-stars). */\n allowHalf: boolean\n disabled: boolean\n readOnly: boolean\n hoveredValue: number | null\n}\n\nexport type RatingGroupMsg =\n | { type: 'setValue'; value: number }\n | { type: 'hover'; value: number | null }\n | { type: 'clickItem'; index: number; isLeftHalf: boolean }\n | { type: 'hoverItem'; index: number; isLeftHalf: boolean }\n | { type: 'incrementValue'; step?: number }\n | { type: 'decrementValue'; step?: number }\n | { type: 'toEnd' }\n\nexport interface RatingGroupInit {\n value?: number\n count?: number\n allowHalf?: boolean\n disabled?: boolean\n readOnly?: boolean\n}\n\nexport function init(opts: RatingGroupInit = {}): RatingGroupState {\n return {\n value: opts.value ?? 0,\n count: opts.count ?? 5,\n allowHalf: opts.allowHalf ?? false,\n disabled: opts.disabled ?? false,\n readOnly: opts.readOnly ?? false,\n hoveredValue: null,\n }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: RatingGroupState, msg: RatingGroupMsg): [RatingGroupState, never[]] {\n if (state.disabled || state.readOnly) {\n if (msg.type === 'hover') return [{ ...state, hoveredValue: null }, []]\n return [state, []]\n }\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: clamp(msg.value, 0, state.count) }, []]\n case 'hover':\n return [{ ...state, hoveredValue: msg.value }, []]\n case 'clickItem': {\n const base = msg.index + 1\n const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n return [{ ...state, value: clamp(v, 0, state.count) }, []]\n }\n case 'hoverItem': {\n const base = msg.index + 1\n const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n return [{ ...state, hoveredValue: v }, []]\n }\n case 'incrementValue': {\n const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n return [{ ...state, value: clamp(state.value + step, 0, state.count) }, []]\n }\n case 'decrementValue': {\n const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n return [{ ...state, value: clamp(state.value - step, 0, state.count) }, []]\n }\n case 'toEnd':\n return [{ ...state, value: state.count }, []]\n }\n}\n\nexport type ItemFill = 'full' | 'half' | 'empty'\n\nexport function itemFill(state: RatingGroupState, index: number): ItemFill {\n const reference = state.hoveredValue ?? state.value\n const itemValue = index + 1\n if (reference >= itemValue) return 'full'\n if (state.allowHalf && reference >= itemValue - 0.5) return 'half'\n return 'empty'\n}\n\nexport interface RatingItemParts<S> {\n root: {\n role: 'radio'\n 'aria-checked': (s: S) => boolean\n 'data-fill': (s: S) => ItemFill\n 'data-scope': 'rating-group'\n 'data-part': 'item'\n 'data-value': string\n 'data-disabled': (s: S) => '' | undefined\n tabIndex: (s: S) => number\n onClick: (e: MouseEvent) => void\n onPointerMove: (e: PointerEvent) => void\n onPointerLeave: (e: PointerEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n}\n\nexport interface RatingGroupParts<S> {\n root: {\n role: 'radiogroup'\n 'aria-label': string | undefined\n 'aria-disabled': (s: S) => 'true' | undefined\n 'aria-readonly': (s: S) => 'true' | undefined\n 'data-scope': 'rating-group'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n }\n item: (index: number) => RatingItemParts<S>\n}\n\nexport interface ConnectOptions {\n label?: string\n}\n\nexport function connect<S>(\n get: (s: S) => RatingGroupState,\n send: Send<RatingGroupMsg>,\n opts: ConnectOptions = {},\n): RatingGroupParts<S> {\n return {\n root: {\n role: 'radiogroup',\n 'aria-label': opts.label,\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),\n 'data-scope': 'rating-group',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n },\n item: (index: number): RatingItemParts<S> => ({\n root: {\n role: 'radio',\n 'aria-checked': (s) => Math.ceil(get(s).value) === index + 1,\n 'data-fill': (s) => itemFill(get(s), index),\n 'data-scope': 'rating-group',\n 'data-part': 'item',\n 'data-value': String(index + 1),\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n tabIndex: (s) => {\n const st = get(s)\n if (st.disabled || st.readOnly) return -1\n // Only current active item is tab stop\n const active = Math.ceil(st.value) || 1\n return active === index + 1 ? 0 : -1\n },\n onClick: (e) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n const isLeftHalf = e.clientX - rect.left < rect.width / 2\n send({ type: 'clickItem', index, isLeftHalf })\n },\n onPointerMove: (e) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n const isLeftHalf = e.clientX - rect.left < rect.width / 2\n send({ type: 'hoverItem', index, isLeftHalf })\n },\n onPointerLeave: () => send({ type: 'hover', value: null }),\n onKeyDown: (e) => {\n const key = flipArrow(e.key, e.currentTarget as Element)\n switch (key) {\n case 'ArrowRight':\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'incrementValue' })\n return\n case 'ArrowLeft':\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'decrementValue' })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'setValue', value: 0 })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'toEnd' })\n return\n }\n },\n },\n }),\n }\n}\n\nexport const ratingGroup = { init, update, connect, itemFill }\n"]}
1
+ {"version":3,"file":"rating-group.js","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Rating group — a sequence of clickable items (stars) representing a\n * discrete rating. Supports half-step ratings and keyboard navigation.\n */\n\nexport interface RatingGroupState {\n value: number\n count: number\n /** If true, allows values like 1.5 (half-stars). */\n allowHalf: boolean\n disabled: boolean\n readOnly: boolean\n hoveredValue: number | null\n}\n\nexport type RatingGroupMsg =\n /** @intent(\"Set the rating value directly (clamped to 0..count, snapped to 0.5 if allowHalf)\") */\n | { type: 'setValue'; value: number }\n /** @humanOnly */\n | { type: 'hover'; value: number | null }\n /** @humanOnly */\n | { type: 'clickItem'; index: number; isLeftHalf: boolean }\n /** @humanOnly */\n | { type: 'hoverItem'; index: number; isLeftHalf: boolean }\n /** @intent(\"Increase the rating by step (default: 0.5 if allowHalf, else 1)\") */\n | { type: 'incrementValue'; step?: number }\n /** @intent(\"Decrease the rating by step (default: 0.5 if allowHalf, else 1)\") */\n | { type: 'decrementValue'; step?: number }\n /** @intent(\"Snap the rating to its maximum (count)\") */\n | { type: 'toEnd' }\n\nexport interface RatingGroupInit {\n value?: number\n count?: number\n allowHalf?: boolean\n disabled?: boolean\n readOnly?: boolean\n}\n\nexport function init(opts: RatingGroupInit = {}): RatingGroupState {\n return {\n value: opts.value ?? 0,\n count: opts.count ?? 5,\n allowHalf: opts.allowHalf ?? false,\n disabled: opts.disabled ?? false,\n readOnly: opts.readOnly ?? false,\n hoveredValue: null,\n }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: RatingGroupState, msg: RatingGroupMsg): [RatingGroupState, never[]] {\n if (state.disabled || state.readOnly) {\n if (msg.type === 'hover') return [{ ...state, hoveredValue: null }, []]\n return [state, []]\n }\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: clamp(msg.value, 0, state.count) }, []]\n case 'hover':\n return [{ ...state, hoveredValue: msg.value }, []]\n case 'clickItem': {\n const base = msg.index + 1\n const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n return [{ ...state, value: clamp(v, 0, state.count) }, []]\n }\n case 'hoverItem': {\n const base = msg.index + 1\n const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n return [{ ...state, hoveredValue: v }, []]\n }\n case 'incrementValue': {\n const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n return [{ ...state, value: clamp(state.value + step, 0, state.count) }, []]\n }\n case 'decrementValue': {\n const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n return [{ ...state, value: clamp(state.value - step, 0, state.count) }, []]\n }\n case 'toEnd':\n return [{ ...state, value: state.count }, []]\n }\n}\n\nexport type ItemFill = 'full' | 'half' | 'empty'\n\nexport function itemFill(state: RatingGroupState, index: number): ItemFill {\n const reference = state.hoveredValue ?? state.value\n const itemValue = index + 1\n if (reference >= itemValue) return 'full'\n if (state.allowHalf && reference >= itemValue - 0.5) return 'half'\n return 'empty'\n}\n\nexport interface RatingItemParts<S> {\n root: {\n role: 'radio'\n 'aria-checked': (s: S) => boolean\n 'data-fill': (s: S) => ItemFill\n 'data-scope': 'rating-group'\n 'data-part': 'item'\n 'data-value': string\n 'data-disabled': (s: S) => '' | undefined\n tabIndex: (s: S) => number\n onClick: (e: MouseEvent) => void\n onPointerMove: (e: PointerEvent) => void\n onPointerLeave: (e: PointerEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n}\n\nexport interface RatingGroupParts<S> {\n root: {\n role: 'radiogroup'\n 'aria-label': string | undefined\n 'aria-disabled': (s: S) => 'true' | undefined\n 'aria-readonly': (s: S) => 'true' | undefined\n 'data-scope': 'rating-group'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n }\n item: (index: number) => RatingItemParts<S>\n}\n\nexport interface ConnectOptions {\n label?: string\n}\n\nexport function connect<S>(\n get: (s: S) => RatingGroupState,\n send: Send<RatingGroupMsg>,\n opts: ConnectOptions = {},\n): RatingGroupParts<S> {\n return {\n root: {\n role: 'radiogroup',\n 'aria-label': opts.label,\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),\n 'data-scope': 'rating-group',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n },\n item: (index: number): RatingItemParts<S> => ({\n root: {\n role: 'radio',\n 'aria-checked': (s) => Math.ceil(get(s).value) === index + 1,\n 'data-fill': (s) => itemFill(get(s), index),\n 'data-scope': 'rating-group',\n 'data-part': 'item',\n 'data-value': String(index + 1),\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n tabIndex: (s) => {\n const st = get(s)\n if (st.disabled || st.readOnly) return -1\n // Only current active item is tab stop\n const active = Math.ceil(st.value) || 1\n return active === index + 1 ? 0 : -1\n },\n onClick: tagSend(send, ['clickItem'], (e) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n const isLeftHalf = e.clientX - rect.left < rect.width / 2\n send({ type: 'clickItem', index, isLeftHalf })\n }),\n onPointerMove: tagSend(send, ['hoverItem'], (e) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n const isLeftHalf = e.clientX - rect.left < rect.width / 2\n send({ type: 'hoverItem', index, isLeftHalf })\n }),\n onPointerLeave: tagSend(send, ['hover'], () => send({ type: 'hover', value: null })),\n onKeyDown: tagSend(send, ['incrementValue', 'decrementValue', 'setValue', 'toEnd'], (e) => {\n const key = flipArrow(e.key, e.currentTarget as Element)\n switch (key) {\n case 'ArrowRight':\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'incrementValue' })\n return\n case 'ArrowLeft':\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'decrementValue' })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'setValue', value: 0 })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'toEnd' })\n return\n }\n }),\n },\n }),\n }\n}\n\nexport const ratingGroup = { init, update, connect, itemFill }\n"]}
@@ -38,7 +38,9 @@ export interface ScrollAreaState extends ScrollDims {
38
38
  hovered: boolean;
39
39
  visibility: ScrollbarVisibility;
40
40
  }
41
- export type ScrollAreaMsg = {
41
+ export type ScrollAreaMsg =
42
+ /** @humanOnly */
43
+ {
42
44
  type: 'setScroll';
43
45
  scrollTop: number;
44
46
  scrollLeft: number;
@@ -46,10 +48,14 @@ export type ScrollAreaMsg = {
46
48
  scrollHeight: number;
47
49
  clientWidth: number;
48
50
  clientHeight: number;
49
- } | {
51
+ }
52
+ /** @humanOnly */
53
+ | {
50
54
  type: 'setScrolling';
51
55
  scrolling: boolean;
52
- } | {
56
+ }
57
+ /** @humanOnly */
58
+ | {
53
59
  type: 'setHovered';
54
60
  hovered: boolean;
55
61
  };
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"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"}