@llui/components 0.4.10 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion.d.ts +13 -13
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +9 -9
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.d.ts +8 -8
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/angle-slider.d.ts +13 -13
- package/dist/components/angle-slider.d.ts.map +1 -1
- package/dist/components/angle-slider.js +11 -11
- package/dist/components/angle-slider.js.map +1 -1
- package/dist/components/async-list.d.ts +7 -7
- package/dist/components/async-list.d.ts.map +1 -1
- package/dist/components/async-list.js +5 -8
- package/dist/components/async-list.js.map +1 -1
- package/dist/components/avatar.d.ts +9 -9
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +7 -7
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/carousel.d.ts +18 -18
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +12 -12
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/cascade-select.d.ts +12 -12
- package/dist/components/cascade-select.d.ts.map +1 -1
- package/dist/components/cascade-select.js +8 -8
- package/dist/components/cascade-select.js.map +1 -1
- package/dist/components/checkbox.d.ts +14 -14
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +12 -12
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/clipboard.d.ts +8 -8
- package/dist/components/clipboard.d.ts.map +1 -1
- package/dist/components/clipboard.js +6 -6
- package/dist/components/clipboard.js.map +1 -1
- package/dist/components/collapsible.d.ts +11 -11
- package/dist/components/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible.js +9 -9
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-picker.d.ts +19 -19
- package/dist/components/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker.js +21 -21
- package/dist/components/color-picker.js.map +1 -1
- package/dist/components/combobox.d.ts +25 -25
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +54 -59
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/context-menu.d.ts +14 -14
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +15 -19
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/date-input.d.ts +13 -13
- package/dist/components/date-input.d.ts.map +1 -1
- package/dist/components/date-input.js +11 -11
- package/dist/components/date-input.js.map +1 -1
- package/dist/components/date-picker.d.ts +11 -11
- package/dist/components/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker.js +7 -7
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +15 -15
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +45 -50
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.d.ts +13 -13
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +44 -49
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/editable.d.ts +11 -11
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/editable.js +9 -9
- package/dist/components/editable.js.map +1 -1
- package/dist/components/file-upload.d.ts +19 -19
- package/dist/components/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload.js +14 -14
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/floating-panel.d.ts +14 -14
- package/dist/components/floating-panel.d.ts.map +1 -1
- package/dist/components/floating-panel.js +13 -14
- package/dist/components/floating-panel.js.map +1 -1
- package/dist/components/form.d.ts +9 -9
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +7 -7
- package/dist/components/form.js.map +1 -1
- package/dist/components/hover-card.d.ts +9 -9
- package/dist/components/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card.js +12 -13
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/image-cropper.d.ts +8 -8
- package/dist/components/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper.js +7 -8
- package/dist/components/image-cropper.js.map +1 -1
- package/dist/components/in-view.d.ts +6 -6
- package/dist/components/in-view.d.ts.map +1 -1
- package/dist/components/in-view.js +2 -2
- package/dist/components/in-view.js.map +1 -1
- package/dist/components/listbox.d.ts +16 -16
- package/dist/components/listbox.d.ts.map +1 -1
- package/dist/components/listbox.js +16 -16
- package/dist/components/listbox.js.map +1 -1
- package/dist/components/marquee.d.ts +8 -8
- package/dist/components/marquee.d.ts.map +1 -1
- package/dist/components/marquee.js +8 -11
- package/dist/components/marquee.js.map +1 -1
- package/dist/components/menu.d.ts +15 -15
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +16 -17
- package/dist/components/menu.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +12 -12
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +8 -8
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/number-input.d.ts +18 -18
- package/dist/components/number-input.d.ts.map +1 -1
- package/dist/components/number-input.js +16 -20
- package/dist/components/number-input.js.map +1 -1
- package/dist/components/pagination.d.ts +13 -13
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +11 -17
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/password-input.d.ts +11 -11
- package/dist/components/password-input.d.ts.map +1 -1
- package/dist/components/password-input.js +11 -11
- package/dist/components/password-input.js.map +1 -1
- package/dist/components/pin-input.d.ts +9 -9
- package/dist/components/pin-input.d.ts.map +1 -1
- package/dist/components/pin-input.js +9 -9
- package/dist/components/pin-input.js.map +1 -1
- package/dist/components/popover.d.ts +11 -11
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +61 -60
- package/dist/components/popover.js.map +1 -1
- package/dist/components/presence.d.ts +7 -5
- package/dist/components/presence.d.ts.map +1 -1
- package/dist/components/presence.js +5 -3
- package/dist/components/presence.js.map +1 -1
- package/dist/components/progress.d.ts +14 -14
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +12 -12
- package/dist/components/progress.js.map +1 -1
- package/dist/components/qr-code.d.ts +7 -7
- package/dist/components/qr-code.d.ts.map +1 -1
- package/dist/components/qr-code.js +7 -7
- package/dist/components/qr-code.js.map +1 -1
- package/dist/components/radio-group.d.ts +15 -15
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +12 -13
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/rating-group.d.ts +13 -13
- package/dist/components/rating-group.d.ts.map +1 -1
- package/dist/components/rating-group.js +10 -11
- package/dist/components/rating-group.js.map +1 -1
- package/dist/components/scroll-area.d.ts +10 -10
- package/dist/components/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area.js +10 -15
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +26 -26
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +29 -33
- package/dist/components/select.js.map +1 -1
- package/dist/components/signature-pad.d.ts +12 -12
- package/dist/components/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad.js +10 -10
- package/dist/components/signature-pad.js.map +1 -1
- package/dist/components/slider.d.ts +22 -22
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +17 -17
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sortable.d.ts +11 -11
- package/dist/components/sortable.d.ts.map +1 -1
- package/dist/components/sortable.js +20 -20
- package/dist/components/sortable.js.map +1 -1
- package/dist/components/splitter.d.ts +15 -15
- package/dist/components/splitter.d.ts.map +1 -1
- package/dist/components/splitter.js +15 -15
- package/dist/components/splitter.js.map +1 -1
- package/dist/components/steps.d.ts +14 -14
- package/dist/components/steps.d.ts.map +1 -1
- package/dist/components/steps.js +10 -16
- package/dist/components/steps.js.map +1 -1
- package/dist/components/switch.d.ts +12 -12
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +10 -10
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +15 -15
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +11 -11
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tags-input.d.ts +14 -14
- package/dist/components/tags-input.d.ts.map +1 -1
- package/dist/components/tags-input.js +10 -10
- package/dist/components/tags-input.js.map +1 -1
- package/dist/components/theme-switch.d.ts +5 -5
- package/dist/components/theme-switch.d.ts.map +1 -1
- package/dist/components/theme-switch.js +3 -3
- package/dist/components/theme-switch.js.map +1 -1
- package/dist/components/time-picker.d.ts +19 -19
- package/dist/components/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker.js +17 -17
- package/dist/components/time-picker.js.map +1 -1
- package/dist/components/timer.d.ts +10 -10
- package/dist/components/timer.d.ts.map +1 -1
- package/dist/components/timer.js +8 -8
- package/dist/components/timer.js.map +1 -1
- package/dist/components/toast.d.ts +8 -8
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/components/toast.js +4 -4
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toc.d.ts +12 -12
- package/dist/components/toc.d.ts.map +1 -1
- package/dist/components/toc.js +8 -8
- package/dist/components/toc.js.map +1 -1
- package/dist/components/toggle-group.d.ts +13 -13
- package/dist/components/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group.js +9 -9
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +8 -8
- package/dist/components/toggle.d.ts.map +1 -1
- package/dist/components/toggle.js +6 -6
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +10 -10
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +13 -14
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tour.d.ts +7 -7
- package/dist/components/tour.d.ts.map +1 -1
- package/dist/components/tour.js +5 -5
- package/dist/components/tour.js.map +1 -1
- package/dist/components/tree-view.d.ts +19 -19
- package/dist/components/tree-view.d.ts.map +1 -1
- package/dist/components/tree-view.js +23 -23
- package/dist/components/tree-view.js.map +1 -1
- package/dist/patterns/confirm-dialog.d.ts +4 -4
- package/dist/patterns/confirm-dialog.d.ts.map +1 -1
- package/dist/patterns/confirm-dialog.js +7 -9
- package/dist/patterns/confirm-dialog.js.map +1 -1
- package/package.json +3 -3
- package/dist/components/enter-view.d.ts +0 -73
- package/dist/components/enter-view.d.ts.map +0 -1
- package/dist/components/enter-view.js +0 -51
- package/dist/utils/validators.d.ts +0 -34
- package/dist/utils/validators.d.ts.map +0 -1
- package/dist/utils/validators.js +0 -83
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-switch.js","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AA+BnC,MAAM,UAAU,IAAI,CAAC,QAAe,QAAQ;IAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;AAClB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAuB,EAAE,GAAmB;IACjE,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACjD,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QACnC,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,gCAAgC;YAChC,MAAM,IAAI,GACR,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;YAChF,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAY;IACvC,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,MAAM,CAAA;IACnC,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,OAAO,CAAA;IACrC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QACvD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IACrF,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,QAAuB;IAChD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IAC3C,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;AACnD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAAwC;IACvE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;IACxE,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAQ,EAAE;QAC/C,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACxC,CAAC,CAAA;IACD,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;AACxD,CAAC;AAkCD,MAAM,MAAM,GAA0B;IACpC,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,kBAAkB;CAC3B,CAAA;AAED,MAAM,UAAU,OAAO,CACrB,
|
|
1
|
+
{"version":3,"file":"theme-switch.js","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\n\n/**\n * Theme Switch — light/dark/system theme toggle.\n *\n * State machine tracks the user's explicit preference (`light`, `dark`, or\n * `system`). Use `resolveTheme()` to compute the effective theme (reading\n * `prefers-color-scheme` when `system`), and `applyTheme()` to set\n * `data-theme` on `<html>` so CSS selectors like `[data-theme='dark']` work.\n *\n * Typically wired via `onMount` or in app init:\n * ```ts\n * onMount(() => {\n * applyTheme(resolveTheme(state.theme.theme))\n * })\n * ```\n *\n * For persistence, the app reducer reads/writes `localStorage.theme` in its\n * `init`/`update` — the state machine itself is storage-agnostic.\n */\n\nexport type Theme = 'light' | 'dark' | 'system'\nexport type ResolvedTheme = 'light' | 'dark'\n\nexport interface ThemeSwitchState {\n theme: Theme\n}\n\nexport type ThemeSwitchMsg = { type: 'setTheme'; theme: Theme } | { type: 'toggle' }\n\nexport function init(theme: Theme = 'system'): ThemeSwitchState {\n return { theme }\n}\n\nexport function update(state: ThemeSwitchState, msg: ThemeSwitchMsg): [ThemeSwitchState, never[]] {\n switch (msg.type) {\n case 'setTheme':\n if (state.theme === msg.theme) return [state, []]\n return [{ theme: msg.theme }, []]\n case 'toggle': {\n // light → dark → system → light\n const next: Theme =\n state.theme === 'light' ? 'dark' : state.theme === 'dark' ? 'system' : 'light'\n return [{ theme: next }, []]\n }\n }\n}\n\n/**\n * Resolve a theme preference to the actual theme to apply. Returns 'dark' or\n * 'light' based on the user's setting, consulting `prefers-color-scheme` for\n * 'system'.\n */\nexport function resolveTheme(theme: Theme): ResolvedTheme {\n if (theme === 'dark') return 'dark'\n if (theme === 'light') return 'light'\n if (typeof window !== 'undefined' && window.matchMedia) {\n return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n }\n return 'light'\n}\n\n/**\n * Set `data-theme=\"light\"` or `data-theme=\"dark\"` on `<html>`. CSS selectors\n * like `[data-theme='dark'] { ... }` will then take effect.\n */\nexport function applyTheme(resolved: ResolvedTheme): void {\n if (typeof document === 'undefined') return\n document.documentElement.dataset.theme = resolved\n}\n\n/**\n * Listen for system theme changes (when user has selected 'system'). Returns\n * a cleanup function. Call this in `onMount` and dispatch `setTheme` on\n * change if you want the UI to auto-follow OS settings.\n */\nexport function watchSystemTheme(callback: (theme: ResolvedTheme) => void): () => void {\n if (typeof window === 'undefined' || !window.matchMedia) return () => {}\n const mq = window.matchMedia('(prefers-color-scheme: dark)')\n const handler = (e: MediaQueryListEvent): void => {\n callback(e.matches ? 'dark' : 'light')\n }\n mq.addEventListener('change', handler)\n return () => mq.removeEventListener('change', handler)\n}\n\nexport interface ThemeSwitchParts {\n root: {\n 'data-scope': 'theme-switch'\n 'data-part': 'root'\n role: 'group'\n 'aria-label': string\n }\n option: (theme: Theme) => {\n type: 'button'\n 'data-scope': 'theme-switch'\n 'data-part': 'option'\n 'data-theme': Theme\n 'aria-pressed': Signal<boolean>\n 'aria-label': string\n onClick: (e: MouseEvent) => void\n }\n toggle: {\n type: 'button'\n 'data-scope': 'theme-switch'\n 'data-part': 'toggle'\n 'data-theme': Signal<Theme>\n 'aria-label': string\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n id: string\n /** Accessible label for the theme group (default: 'Theme'). */\n label?: string\n}\n\nconst LABELS: Record<Theme, string> = {\n light: 'Light theme',\n dark: 'Dark theme',\n system: 'Use system theme',\n}\n\nexport function connect(\n state: Signal<ThemeSwitchState>,\n send: Send<ThemeSwitchMsg>,\n opts: ConnectOptions,\n): ThemeSwitchParts {\n const label = opts.label ?? 'Theme'\n return {\n root: {\n 'data-scope': 'theme-switch',\n 'data-part': 'root',\n role: 'group',\n 'aria-label': label,\n },\n option: (theme) => ({\n type: 'button',\n 'data-scope': 'theme-switch',\n 'data-part': 'option',\n 'data-theme': theme,\n 'aria-pressed': state.map((s) => s.theme === theme),\n 'aria-label': LABELS[theme],\n onClick: tagSend(send, ['setTheme'], () => send({ type: 'setTheme', theme })),\n }),\n toggle: {\n type: 'button',\n 'data-scope': 'theme-switch',\n 'data-part': 'toggle',\n 'data-theme': state.map((s) => s.theme),\n 'aria-label': 'Toggle theme',\n onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n },\n }\n}\n\nexport const themeSwitch = {\n init,\n update,\n connect,\n resolveTheme,\n applyTheme,\n watchSystemTheme,\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Send } from '@llui/dom';
|
|
1
|
+
import type { Send, Signal } from '@llui/dom';
|
|
2
2
|
/**
|
|
3
3
|
* Time picker — hours and minutes input with increment/decrement buttons.
|
|
4
4
|
* 12 or 24-hour format; optional seconds; step for minutes/seconds.
|
|
@@ -74,23 +74,23 @@ export declare function displayHours(state: TimePickerState): number;
|
|
|
74
74
|
export declare function period(state: TimePickerState): 'AM' | 'PM';
|
|
75
75
|
/** Format the full time string (HH:MM or HH:MM:SS). */
|
|
76
76
|
export declare function formatTime(state: TimePickerState): string;
|
|
77
|
-
export interface TimePickerParts
|
|
77
|
+
export interface TimePickerParts {
|
|
78
78
|
root: {
|
|
79
79
|
role: 'group';
|
|
80
|
-
'aria-label': string
|
|
80
|
+
'aria-label': string;
|
|
81
81
|
'data-scope': 'time-picker';
|
|
82
82
|
'data-part': 'root';
|
|
83
|
-
'data-format':
|
|
83
|
+
'data-format': Signal<TimeFormat>;
|
|
84
84
|
};
|
|
85
85
|
hoursInput: {
|
|
86
86
|
type: 'number';
|
|
87
87
|
role: 'spinbutton';
|
|
88
|
-
'aria-label': string
|
|
89
|
-
'aria-valuemin':
|
|
90
|
-
'aria-valuemax':
|
|
91
|
-
'aria-valuenow':
|
|
92
|
-
disabled:
|
|
93
|
-
value:
|
|
88
|
+
'aria-label': string;
|
|
89
|
+
'aria-valuemin': Signal<number>;
|
|
90
|
+
'aria-valuemax': Signal<number>;
|
|
91
|
+
'aria-valuenow': Signal<number>;
|
|
92
|
+
disabled: Signal<boolean>;
|
|
93
|
+
value: Signal<string>;
|
|
94
94
|
'data-scope': 'time-picker';
|
|
95
95
|
'data-part': 'hours-input';
|
|
96
96
|
onInput: (e: Event) => void;
|
|
@@ -99,12 +99,12 @@ export interface TimePickerParts<S> {
|
|
|
99
99
|
minutesInput: {
|
|
100
100
|
type: 'number';
|
|
101
101
|
role: 'spinbutton';
|
|
102
|
-
'aria-label': string
|
|
102
|
+
'aria-label': string;
|
|
103
103
|
'aria-valuemin': 0;
|
|
104
104
|
'aria-valuemax': 59;
|
|
105
|
-
'aria-valuenow':
|
|
106
|
-
disabled:
|
|
107
|
-
value:
|
|
105
|
+
'aria-valuenow': Signal<number>;
|
|
106
|
+
disabled: Signal<boolean>;
|
|
107
|
+
value: Signal<string>;
|
|
108
108
|
'data-scope': 'time-picker';
|
|
109
109
|
'data-part': 'minutes-input';
|
|
110
110
|
onInput: (e: Event) => void;
|
|
@@ -112,13 +112,13 @@ export interface TimePickerParts<S> {
|
|
|
112
112
|
};
|
|
113
113
|
periodTrigger: {
|
|
114
114
|
type: 'button';
|
|
115
|
-
'aria-label': string
|
|
116
|
-
disabled:
|
|
115
|
+
'aria-label': string;
|
|
116
|
+
disabled: Signal<boolean>;
|
|
117
117
|
'data-scope': 'time-picker';
|
|
118
118
|
'data-part': 'period-trigger';
|
|
119
|
-
'data-period':
|
|
119
|
+
'data-period': Signal<'AM' | 'PM'>;
|
|
120
120
|
onClick: (e: MouseEvent) => void;
|
|
121
|
-
hidden:
|
|
121
|
+
hidden: Signal<boolean>;
|
|
122
122
|
};
|
|
123
123
|
}
|
|
124
124
|
export interface ConnectOptions {
|
|
@@ -127,7 +127,7 @@ export interface ConnectOptions {
|
|
|
127
127
|
minutesLabel?: string;
|
|
128
128
|
periodLabel?: string;
|
|
129
129
|
}
|
|
130
|
-
export declare function connect
|
|
130
|
+
export declare function connect(state: Signal<TimePickerState>, send: Send<TimePickerMsg>, opts?: ConnectOptions): TimePickerParts;
|
|
131
131
|
export declare const timePicker: {
|
|
132
132
|
init: typeof init;
|
|
133
133
|
update: typeof update;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"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"}
|
|
@@ -71,25 +71,25 @@ export function formatTime(state) {
|
|
|
71
71
|
return `${h}:${m}:${pad(state.value.seconds)}`;
|
|
72
72
|
return `${h}:${m}`;
|
|
73
73
|
}
|
|
74
|
-
export function connect(
|
|
74
|
+
export function connect(state, send, opts = {}) {
|
|
75
75
|
const locale = useContext(LocaleContext);
|
|
76
76
|
return {
|
|
77
77
|
root: {
|
|
78
78
|
role: 'group',
|
|
79
|
-
'aria-label': opts.label ??
|
|
79
|
+
'aria-label': opts.label ?? locale.timePicker.label,
|
|
80
80
|
'data-scope': 'time-picker',
|
|
81
81
|
'data-part': 'root',
|
|
82
|
-
'data-format': (s) =>
|
|
82
|
+
'data-format': state.map((s) => s.format),
|
|
83
83
|
},
|
|
84
84
|
hoursInput: {
|
|
85
85
|
type: 'number',
|
|
86
86
|
role: 'spinbutton',
|
|
87
|
-
'aria-label': opts.hoursLabel ??
|
|
88
|
-
'aria-valuemin': (s) => (
|
|
89
|
-
'aria-valuemax': (s) => (
|
|
90
|
-
'aria-valuenow': (s) => displayHours(
|
|
91
|
-
disabled: (s) =>
|
|
92
|
-
value: (s) => String(displayHours(
|
|
87
|
+
'aria-label': opts.hoursLabel ?? locale.timePicker.hours,
|
|
88
|
+
'aria-valuemin': state.map((s) => (s.format === '12' ? 1 : 0)),
|
|
89
|
+
'aria-valuemax': state.map((s) => (s.format === '12' ? 12 : 23)),
|
|
90
|
+
'aria-valuenow': state.map((s) => displayHours(s)),
|
|
91
|
+
disabled: state.map((s) => s.disabled),
|
|
92
|
+
value: state.map((s) => String(displayHours(s)).padStart(2, '0')),
|
|
93
93
|
'data-scope': 'time-picker',
|
|
94
94
|
'data-part': 'hours-input',
|
|
95
95
|
onInput: tagSend(send, ['setHours'], (e) => {
|
|
@@ -111,12 +111,12 @@ export function connect(get, send, opts = {}) {
|
|
|
111
111
|
minutesInput: {
|
|
112
112
|
type: 'number',
|
|
113
113
|
role: 'spinbutton',
|
|
114
|
-
'aria-label': opts.minutesLabel ??
|
|
114
|
+
'aria-label': opts.minutesLabel ?? locale.timePicker.minutes,
|
|
115
115
|
'aria-valuemin': 0,
|
|
116
116
|
'aria-valuemax': 59,
|
|
117
|
-
'aria-valuenow': (s) =>
|
|
118
|
-
disabled: (s) =>
|
|
119
|
-
value: (s) => String(
|
|
117
|
+
'aria-valuenow': state.map((s) => s.value.minutes),
|
|
118
|
+
disabled: state.map((s) => s.disabled),
|
|
119
|
+
value: state.map((s) => String(s.value.minutes).padStart(2, '0')),
|
|
120
120
|
'data-scope': 'time-picker',
|
|
121
121
|
'data-part': 'minutes-input',
|
|
122
122
|
onInput: tagSend(send, ['setMinutes'], (e) => {
|
|
@@ -137,13 +137,13 @@ export function connect(get, send, opts = {}) {
|
|
|
137
137
|
},
|
|
138
138
|
periodTrigger: {
|
|
139
139
|
type: 'button',
|
|
140
|
-
'aria-label': opts.periodLabel ??
|
|
141
|
-
disabled: (s) =>
|
|
140
|
+
'aria-label': opts.periodLabel ?? locale.timePicker.period,
|
|
141
|
+
disabled: state.map((s) => s.disabled),
|
|
142
142
|
'data-scope': 'time-picker',
|
|
143
143
|
'data-part': 'period-trigger',
|
|
144
|
-
'data-period': (s) => period(
|
|
144
|
+
'data-period': state.map((s) => period(s)),
|
|
145
145
|
onClick: tagSend(send, ['toggleAmPm'], () => send({ type: 'toggleAmPm' })),
|
|
146
|
-
hidden: (s) =>
|
|
146
|
+
hidden: state.map((s) => s.format === '24'),
|
|
147
147
|
},
|
|
148
148
|
};
|
|
149
149
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Time picker — hours and minutes input with increment/decrement buttons.\n * 12 or 24-hour format; optional seconds; step for minutes/seconds.\n */\n\nexport type TimeFormat = '12' | '24'\n\nexport interface TimeValue {\n hours: number\n minutes: number\n seconds: number\n}\n\nexport interface TimePickerState {\n value: TimeValue\n format: TimeFormat\n minuteStep: number\n secondStep: number\n showSeconds: boolean\n disabled: boolean\n}\n\nexport type TimePickerMsg =\n /** @intent(\"Set the full time value (hours/minutes/seconds)\") */\n | { type: 'setValue'; value: TimeValue }\n /** @intent(\"Set the hours field directly\") */\n | { type: 'setHours'; hours: number }\n /** @intent(\"Set the minutes field directly\") */\n | { type: 'setMinutes'; minutes: number }\n /** @intent(\"Set the seconds field directly\") */\n | { type: 'setSeconds'; seconds: number }\n /** @intent(\"Bump hours up by 1 (wraps at 24/12)\") */\n | { type: 'incrementHours' }\n /** @intent(\"Bump hours down by 1\") */\n | { type: 'decrementHours' }\n /** @intent(\"Bump minutes up by minuteStep\") */\n | { type: 'incrementMinutes' }\n /** @intent(\"Bump minutes down by minuteStep\") */\n | { type: 'decrementMinutes' }\n /** @intent(\"Flip between AM and PM (12-hour format only)\") */\n | { type: 'toggleAmPm' }\n\nexport interface TimePickerInit {\n value?: TimeValue\n format?: TimeFormat\n minuteStep?: number\n secondStep?: number\n showSeconds?: boolean\n disabled?: boolean\n}\n\nexport function init(opts: TimePickerInit = {}): TimePickerState {\n return {\n value: opts.value ?? { hours: 0, minutes: 0, seconds: 0 },\n format: opts.format ?? '24',\n minuteStep: opts.minuteStep ?? 1,\n secondStep: opts.secondStep ?? 1,\n showSeconds: opts.showSeconds ?? false,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction mod(n: number, m: number): number {\n return ((n % m) + m) % m\n}\n\nexport function update(state: TimePickerState, msg: TimePickerMsg): [TimePickerState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setHours':\n return [{ ...state, value: { ...state.value, hours: mod(msg.hours, 24) } }, []]\n case 'setMinutes':\n return [{ ...state, value: { ...state.value, minutes: mod(msg.minutes, 60) } }, []]\n case 'setSeconds':\n return [{ ...state, value: { ...state.value, seconds: mod(msg.seconds, 60) } }, []]\n case 'incrementHours':\n return [{ ...state, value: { ...state.value, hours: mod(state.value.hours + 1, 24) } }, []]\n case 'decrementHours':\n return [{ ...state, value: { ...state.value, hours: mod(state.value.hours - 1, 24) } }, []]\n case 'incrementMinutes':\n return [\n {\n ...state,\n value: { ...state.value, minutes: mod(state.value.minutes + state.minuteStep, 60) },\n },\n [],\n ]\n case 'decrementMinutes':\n return [\n {\n ...state,\n value: { ...state.value, minutes: mod(state.value.minutes - state.minuteStep, 60) },\n },\n [],\n ]\n case 'toggleAmPm': {\n const h = state.value.hours >= 12 ? state.value.hours - 12 : state.value.hours + 12\n return [{ ...state, value: { ...state.value, hours: h } }, []]\n }\n }\n}\n\n/** Hours formatted for display (12-hr: 1..12, 24-hr: 0..23). */\nexport function displayHours(state: TimePickerState): number {\n if (state.format === '24') return state.value.hours\n const h = state.value.hours % 12\n return h === 0 ? 12 : h\n}\n\n/** AM or PM for 12-hour format. */\nexport function period(state: TimePickerState): 'AM' | 'PM' {\n return state.value.hours >= 12 ? 'PM' : 'AM'\n}\n\n/** Format the full time string (HH:MM or HH:MM:SS). */\nexport function formatTime(state: TimePickerState): string {\n const pad = (n: number): string => n.toString().padStart(2, '0')\n const h = pad(state.value.hours)\n const m = pad(state.value.minutes)\n if (state.showSeconds) return `${h}:${m}:${pad(state.value.seconds)}`\n return `${h}:${m}`\n}\n\nexport interface TimePickerParts<S> {\n root: {\n role: 'group'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'time-picker'\n 'data-part': 'root'\n 'data-format': (s: S) => TimeFormat\n }\n hoursInput: {\n type: 'number'\n role: 'spinbutton'\n 'aria-label': string | ((s: S) => string)\n 'aria-valuemin': (s: S) => number\n 'aria-valuemax': (s: S) => number\n 'aria-valuenow': (s: S) => number\n disabled: (s: S) => boolean\n value: (s: S) => string\n 'data-scope': 'time-picker'\n 'data-part': 'hours-input'\n onInput: (e: Event) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n minutesInput: {\n type: 'number'\n role: 'spinbutton'\n 'aria-label': string | ((s: S) => string)\n 'aria-valuemin': 0\n 'aria-valuemax': 59\n 'aria-valuenow': (s: S) => number\n disabled: (s: S) => boolean\n value: (s: S) => string\n 'data-scope': 'time-picker'\n 'data-part': 'minutes-input'\n onInput: (e: Event) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n periodTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'time-picker'\n 'data-part': 'period-trigger'\n 'data-period': (s: S) => 'AM' | 'PM'\n onClick: (e: MouseEvent) => void\n hidden: (s: S) => boolean\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n hoursLabel?: string\n minutesLabel?: string\n periodLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => TimePickerState,\n send: Send<TimePickerMsg>,\n opts: ConnectOptions = {},\n): TimePickerParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n role: 'group',\n 'aria-label': opts.label ?? ((s: S) => locale(s).timePicker.label),\n 'data-scope': 'time-picker',\n 'data-part': 'root',\n 'data-format': (s) => get(s).format,\n },\n hoursInput: {\n type: 'number',\n role: 'spinbutton',\n 'aria-label': opts.hoursLabel ?? ((s: S) => locale(s).timePicker.hours),\n 'aria-valuemin': (s) => (get(s).format === '12' ? 1 : 0),\n 'aria-valuemax': (s) => (get(s).format === '12' ? 12 : 23),\n 'aria-valuenow': (s) => displayHours(get(s)),\n disabled: (s) => get(s).disabled,\n value: (s) => String(displayHours(get(s))).padStart(2, '0'),\n 'data-scope': 'time-picker',\n 'data-part': 'hours-input',\n onInput: tagSend(send, ['setHours'], (e) => {\n const n = parseInt((e.target as HTMLInputElement).value, 10)\n if (!isNaN(n)) send({ type: 'setHours', hours: n })\n }),\n onKeyDown: tagSend(send, ['incrementHours', 'decrementHours'], (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n send({ type: 'incrementHours' })\n } else if (e.key === 'ArrowDown') {\n e.preventDefault()\n send({ type: 'decrementHours' })\n }\n }),\n },\n minutesInput: {\n type: 'number',\n role: 'spinbutton',\n 'aria-label': opts.minutesLabel ?? ((s: S) => locale(s).timePicker.minutes),\n 'aria-valuemin': 0,\n 'aria-valuemax': 59,\n 'aria-valuenow': (s) => get(s).value.minutes,\n disabled: (s) => get(s).disabled,\n value: (s) => String(get(s).value.minutes).padStart(2, '0'),\n 'data-scope': 'time-picker',\n 'data-part': 'minutes-input',\n onInput: tagSend(send, ['setMinutes'], (e) => {\n const n = parseInt((e.target as HTMLInputElement).value, 10)\n if (!isNaN(n)) send({ type: 'setMinutes', minutes: n })\n }),\n onKeyDown: tagSend(send, ['incrementMinutes', 'decrementMinutes'], (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n send({ type: 'incrementMinutes' })\n } else if (e.key === 'ArrowDown') {\n e.preventDefault()\n send({ type: 'decrementMinutes' })\n }\n }),\n },\n periodTrigger: {\n type: 'button',\n 'aria-label': opts.periodLabel ?? ((s: S) => locale(s).timePicker.period),\n disabled: (s) => get(s).disabled,\n 'data-scope': 'time-picker',\n 'data-part': 'period-trigger',\n 'data-period': (s) => period(get(s)),\n onClick: tagSend(send, ['toggleAmPm'], () => send({ type: 'toggleAmPm' })),\n hidden: (s) => get(s).format === '24',\n },\n }\n}\n\nexport const timePicker = { init, update, connect, displayHours, period, formatTime }\n"]}
|
|
1
|
+
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\n\n/**\n * Time picker — hours and minutes input with increment/decrement buttons.\n * 12 or 24-hour format; optional seconds; step for minutes/seconds.\n */\n\nexport type TimeFormat = '12' | '24'\n\nexport interface TimeValue {\n hours: number\n minutes: number\n seconds: number\n}\n\nexport interface TimePickerState {\n value: TimeValue\n format: TimeFormat\n minuteStep: number\n secondStep: number\n showSeconds: boolean\n disabled: boolean\n}\n\nexport type TimePickerMsg =\n /** @intent(\"Set the full time value (hours/minutes/seconds)\") */\n | { type: 'setValue'; value: TimeValue }\n /** @intent(\"Set the hours field directly\") */\n | { type: 'setHours'; hours: number }\n /** @intent(\"Set the minutes field directly\") */\n | { type: 'setMinutes'; minutes: number }\n /** @intent(\"Set the seconds field directly\") */\n | { type: 'setSeconds'; seconds: number }\n /** @intent(\"Bump hours up by 1 (wraps at 24/12)\") */\n | { type: 'incrementHours' }\n /** @intent(\"Bump hours down by 1\") */\n | { type: 'decrementHours' }\n /** @intent(\"Bump minutes up by minuteStep\") */\n | { type: 'incrementMinutes' }\n /** @intent(\"Bump minutes down by minuteStep\") */\n | { type: 'decrementMinutes' }\n /** @intent(\"Flip between AM and PM (12-hour format only)\") */\n | { type: 'toggleAmPm' }\n\nexport interface TimePickerInit {\n value?: TimeValue\n format?: TimeFormat\n minuteStep?: number\n secondStep?: number\n showSeconds?: boolean\n disabled?: boolean\n}\n\nexport function init(opts: TimePickerInit = {}): TimePickerState {\n return {\n value: opts.value ?? { hours: 0, minutes: 0, seconds: 0 },\n format: opts.format ?? '24',\n minuteStep: opts.minuteStep ?? 1,\n secondStep: opts.secondStep ?? 1,\n showSeconds: opts.showSeconds ?? false,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction mod(n: number, m: number): number {\n return ((n % m) + m) % m\n}\n\nexport function update(state: TimePickerState, msg: TimePickerMsg): [TimePickerState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'setHours':\n return [{ ...state, value: { ...state.value, hours: mod(msg.hours, 24) } }, []]\n case 'setMinutes':\n return [{ ...state, value: { ...state.value, minutes: mod(msg.minutes, 60) } }, []]\n case 'setSeconds':\n return [{ ...state, value: { ...state.value, seconds: mod(msg.seconds, 60) } }, []]\n case 'incrementHours':\n return [{ ...state, value: { ...state.value, hours: mod(state.value.hours + 1, 24) } }, []]\n case 'decrementHours':\n return [{ ...state, value: { ...state.value, hours: mod(state.value.hours - 1, 24) } }, []]\n case 'incrementMinutes':\n return [\n {\n ...state,\n value: { ...state.value, minutes: mod(state.value.minutes + state.minuteStep, 60) },\n },\n [],\n ]\n case 'decrementMinutes':\n return [\n {\n ...state,\n value: { ...state.value, minutes: mod(state.value.minutes - state.minuteStep, 60) },\n },\n [],\n ]\n case 'toggleAmPm': {\n const h = state.value.hours >= 12 ? state.value.hours - 12 : state.value.hours + 12\n return [{ ...state, value: { ...state.value, hours: h } }, []]\n }\n }\n}\n\n/** Hours formatted for display (12-hr: 1..12, 24-hr: 0..23). */\nexport function displayHours(state: TimePickerState): number {\n if (state.format === '24') return state.value.hours\n const h = state.value.hours % 12\n return h === 0 ? 12 : h\n}\n\n/** AM or PM for 12-hour format. */\nexport function period(state: TimePickerState): 'AM' | 'PM' {\n return state.value.hours >= 12 ? 'PM' : 'AM'\n}\n\n/** Format the full time string (HH:MM or HH:MM:SS). */\nexport function formatTime(state: TimePickerState): string {\n const pad = (n: number): string => n.toString().padStart(2, '0')\n const h = pad(state.value.hours)\n const m = pad(state.value.minutes)\n if (state.showSeconds) return `${h}:${m}:${pad(state.value.seconds)}`\n return `${h}:${m}`\n}\n\nexport interface TimePickerParts {\n root: {\n role: 'group'\n 'aria-label': string\n 'data-scope': 'time-picker'\n 'data-part': 'root'\n 'data-format': Signal<TimeFormat>\n }\n hoursInput: {\n type: 'number'\n role: 'spinbutton'\n 'aria-label': string\n 'aria-valuemin': Signal<number>\n 'aria-valuemax': Signal<number>\n 'aria-valuenow': Signal<number>\n disabled: Signal<boolean>\n value: Signal<string>\n 'data-scope': 'time-picker'\n 'data-part': 'hours-input'\n onInput: (e: Event) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n minutesInput: {\n type: 'number'\n role: 'spinbutton'\n 'aria-label': string\n 'aria-valuemin': 0\n 'aria-valuemax': 59\n 'aria-valuenow': Signal<number>\n disabled: Signal<boolean>\n value: Signal<string>\n 'data-scope': 'time-picker'\n 'data-part': 'minutes-input'\n onInput: (e: Event) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n periodTrigger: {\n type: 'button'\n 'aria-label': string\n disabled: Signal<boolean>\n 'data-scope': 'time-picker'\n 'data-part': 'period-trigger'\n 'data-period': Signal<'AM' | 'PM'>\n onClick: (e: MouseEvent) => void\n hidden: Signal<boolean>\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n hoursLabel?: string\n minutesLabel?: string\n periodLabel?: string\n}\n\nexport function connect(\n state: Signal<TimePickerState>,\n send: Send<TimePickerMsg>,\n opts: ConnectOptions = {},\n): TimePickerParts {\n const locale = useContext(LocaleContext)\n return {\n root: {\n role: 'group',\n 'aria-label': opts.label ?? locale.timePicker.label,\n 'data-scope': 'time-picker',\n 'data-part': 'root',\n 'data-format': state.map((s) => s.format),\n },\n hoursInput: {\n type: 'number',\n role: 'spinbutton',\n 'aria-label': opts.hoursLabel ?? locale.timePicker.hours,\n 'aria-valuemin': state.map((s) => (s.format === '12' ? 1 : 0)),\n 'aria-valuemax': state.map((s) => (s.format === '12' ? 12 : 23)),\n 'aria-valuenow': state.map((s) => displayHours(s)),\n disabled: state.map((s) => s.disabled),\n value: state.map((s) => String(displayHours(s)).padStart(2, '0')),\n 'data-scope': 'time-picker',\n 'data-part': 'hours-input',\n onInput: tagSend(send, ['setHours'], (e) => {\n const n = parseInt((e.target as HTMLInputElement).value, 10)\n if (!isNaN(n)) send({ type: 'setHours', hours: n })\n }),\n onKeyDown: tagSend(send, ['incrementHours', 'decrementHours'], (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n send({ type: 'incrementHours' })\n } else if (e.key === 'ArrowDown') {\n e.preventDefault()\n send({ type: 'decrementHours' })\n }\n }),\n },\n minutesInput: {\n type: 'number',\n role: 'spinbutton',\n 'aria-label': opts.minutesLabel ?? locale.timePicker.minutes,\n 'aria-valuemin': 0,\n 'aria-valuemax': 59,\n 'aria-valuenow': state.map((s) => s.value.minutes),\n disabled: state.map((s) => s.disabled),\n value: state.map((s) => String(s.value.minutes).padStart(2, '0')),\n 'data-scope': 'time-picker',\n 'data-part': 'minutes-input',\n onInput: tagSend(send, ['setMinutes'], (e) => {\n const n = parseInt((e.target as HTMLInputElement).value, 10)\n if (!isNaN(n)) send({ type: 'setMinutes', minutes: n })\n }),\n onKeyDown: tagSend(send, ['incrementMinutes', 'decrementMinutes'], (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n send({ type: 'incrementMinutes' })\n } else if (e.key === 'ArrowDown') {\n e.preventDefault()\n send({ type: 'decrementMinutes' })\n }\n }),\n },\n periodTrigger: {\n type: 'button',\n 'aria-label': opts.periodLabel ?? locale.timePicker.period,\n disabled: state.map((s) => s.disabled),\n 'data-scope': 'time-picker',\n 'data-part': 'period-trigger',\n 'data-period': state.map((s) => period(s)),\n onClick: tagSend(send, ['toggleAmPm'], () => send({ type: 'toggleAmPm' })),\n hidden: state.map((s) => s.format === '24'),\n },\n }\n}\n\nexport const timePicker = { init, update, connect, displayHours, period, formatTime }\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Send } from '@llui/dom';
|
|
1
|
+
import type { Send, Signal } from '@llui/dom';
|
|
2
2
|
/**
|
|
3
3
|
* Timer — counts elapsed time up from zero, or down from a configured
|
|
4
4
|
* target. The machine is pure: it doesn't own the ticking interval.
|
|
@@ -79,12 +79,12 @@ export declare function parts(ms: number): {
|
|
|
79
79
|
* Example: formatMs(125_500, 'mm:ss.SSS') → "02:05.500"
|
|
80
80
|
*/
|
|
81
81
|
export declare function formatMs(ms: number, template: string): string;
|
|
82
|
-
export interface TimerParts
|
|
82
|
+
export interface TimerParts {
|
|
83
83
|
root: {
|
|
84
84
|
'data-scope': 'timer';
|
|
85
85
|
'data-part': 'root';
|
|
86
|
-
'data-running':
|
|
87
|
-
'data-direction':
|
|
86
|
+
'data-running': Signal<'' | undefined>;
|
|
87
|
+
'data-direction': Signal<Direction>;
|
|
88
88
|
};
|
|
89
89
|
display: {
|
|
90
90
|
role: 'timer';
|
|
@@ -94,23 +94,23 @@ export interface TimerParts<S> {
|
|
|
94
94
|
};
|
|
95
95
|
startTrigger: {
|
|
96
96
|
type: 'button';
|
|
97
|
-
'aria-label': string
|
|
97
|
+
'aria-label': string;
|
|
98
98
|
'data-scope': 'timer';
|
|
99
99
|
'data-part': 'start-trigger';
|
|
100
|
-
disabled:
|
|
100
|
+
disabled: Signal<boolean>;
|
|
101
101
|
onClick: (e: MouseEvent) => void;
|
|
102
102
|
};
|
|
103
103
|
pauseTrigger: {
|
|
104
104
|
type: 'button';
|
|
105
|
-
'aria-label': string
|
|
105
|
+
'aria-label': string;
|
|
106
106
|
'data-scope': 'timer';
|
|
107
107
|
'data-part': 'pause-trigger';
|
|
108
|
-
disabled:
|
|
108
|
+
disabled: Signal<boolean>;
|
|
109
109
|
onClick: (e: MouseEvent) => void;
|
|
110
110
|
};
|
|
111
111
|
resetTrigger: {
|
|
112
112
|
type: 'button';
|
|
113
|
-
'aria-label': string
|
|
113
|
+
'aria-label': string;
|
|
114
114
|
'data-scope': 'timer';
|
|
115
115
|
'data-part': 'reset-trigger';
|
|
116
116
|
onClick: (e: MouseEvent) => void;
|
|
@@ -128,7 +128,7 @@ export interface ConnectOptions {
|
|
|
128
128
|
*/
|
|
129
129
|
ariaLive?: 'off' | 'polite';
|
|
130
130
|
}
|
|
131
|
-
export declare function connect
|
|
131
|
+
export declare function connect(state: Signal<TimerState>, send: Send<TimerMsg>, opts?: ConnectOptions): TimerParts;
|
|
132
132
|
export declare const timer: {
|
|
133
133
|
init: typeof init;
|
|
134
134
|
update: typeof update;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../src/components/timer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../src/components/timer.ts"],"names":[],"mappings":"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"}
|
package/dist/components/timer.js
CHANGED
|
@@ -77,14 +77,14 @@ export function formatMs(ms, template) {
|
|
|
77
77
|
.replace(/SSS/g, pad(p.ms, 3))
|
|
78
78
|
.replace(/S/g, String(p.ms));
|
|
79
79
|
}
|
|
80
|
-
export function connect(
|
|
80
|
+
export function connect(state, send, opts = {}) {
|
|
81
81
|
const locale = useContext(LocaleContext);
|
|
82
82
|
return {
|
|
83
83
|
root: {
|
|
84
84
|
'data-scope': 'timer',
|
|
85
85
|
'data-part': 'root',
|
|
86
|
-
'data-running': (s) => (
|
|
87
|
-
'data-direction': (s) =>
|
|
86
|
+
'data-running': state.map((s) => (s.running ? '' : undefined)),
|
|
87
|
+
'data-direction': state.map((s) => s.direction),
|
|
88
88
|
},
|
|
89
89
|
display: {
|
|
90
90
|
role: 'timer',
|
|
@@ -94,23 +94,23 @@ export function connect(get, send, opts = {}) {
|
|
|
94
94
|
},
|
|
95
95
|
startTrigger: {
|
|
96
96
|
type: 'button',
|
|
97
|
-
'aria-label': opts.startLabel ??
|
|
97
|
+
'aria-label': opts.startLabel ?? locale.timer.start,
|
|
98
98
|
'data-scope': 'timer',
|
|
99
99
|
'data-part': 'start-trigger',
|
|
100
|
-
disabled: (s) =>
|
|
100
|
+
disabled: state.map((s) => s.running),
|
|
101
101
|
onClick: tagSend(send, ['start'], () => send({ type: 'start', now: Date.now() })),
|
|
102
102
|
},
|
|
103
103
|
pauseTrigger: {
|
|
104
104
|
type: 'button',
|
|
105
|
-
'aria-label': opts.pauseLabel ??
|
|
105
|
+
'aria-label': opts.pauseLabel ?? locale.timer.pause,
|
|
106
106
|
'data-scope': 'timer',
|
|
107
107
|
'data-part': 'pause-trigger',
|
|
108
|
-
disabled: (s) => !
|
|
108
|
+
disabled: state.map((s) => !s.running),
|
|
109
109
|
onClick: tagSend(send, ['pause'], () => send({ type: 'pause', now: Date.now() })),
|
|
110
110
|
},
|
|
111
111
|
resetTrigger: {
|
|
112
112
|
type: 'button',
|
|
113
|
-
'aria-label': opts.resetLabel ??
|
|
113
|
+
'aria-label': opts.resetLabel ?? locale.timer.reset,
|
|
114
114
|
'data-scope': 'timer',
|
|
115
115
|
'data-part': 'reset-trigger',
|
|
116
116
|
onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../src/components/timer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Timer — counts elapsed time up from zero, or down from a configured\n * target. The machine is pure: it doesn't own the ticking interval.\n * The consumer runs `setInterval(() => send({type:'tick', now: Date.now()}), 100)`\n * (or whatever granularity) while the timer is running, and dispatches\n * `start` / `pause` / `reset` in response to user input.\n *\n * Typical display:\n *\n * const t = timer.connect<State>(s => s.timer, msg => send({type: 'timer', msg}))\n * div({ ...t.root }, [\n * div({ ...t.display }, [text(s => timer.formatMs(timer.display(s.timer), 'mm:ss'))]),\n * button({ ...t.startTrigger }, [text('Start')]),\n * button({ ...t.pauseTrigger }, [text('Pause')]),\n * button({ ...t.resetTrigger }, [text('Reset')]),\n * ])\n */\n\nexport type Direction = 'up' | 'down'\n\nexport interface TimerState {\n running: boolean\n direction: Direction\n /** Target in milliseconds for countdown (0 = no target, runs indefinitely). */\n targetMs: number\n /** Accumulated elapsed time, excluding the current running interval. */\n elapsedMs: number\n /** Timestamp when the current running interval started (null when paused). */\n startedAt: number | null\n}\n\nexport type TimerMsg =\n /** @intent(\"Start (or resume) the timer running\") */\n | { type: 'start'; now: number }\n /** @intent(\"Pause the timer (preserves accumulated elapsed time)\") */\n | { type: 'pause'; now: number }\n /** @intent(\"Reset the timer back to zero elapsed and pause it\") */\n | { type: 'reset' }\n /** @humanOnly */\n | { type: 'tick'; now: number }\n /** @intent(\"Set the countdown target (in milliseconds; 0 disables countdown)\") */\n | { type: 'setTarget'; targetMs: number }\n\nexport interface TimerInit {\n direction?: Direction\n targetMs?: number\n elapsedMs?: number\n}\n\nexport function init(opts: TimerInit = {}): TimerState {\n return {\n running: false,\n direction: opts.direction ?? 'up',\n targetMs: opts.targetMs ?? 0,\n elapsedMs: opts.elapsedMs ?? 0,\n startedAt: null,\n }\n}\n\nexport function update(state: TimerState, msg: TimerMsg): [TimerState, never[]] {\n switch (msg.type) {\n case 'start':\n if (state.running) return [state, []]\n return [{ ...state, running: true, startedAt: msg.now }, []]\n case 'pause': {\n if (!state.running || state.startedAt === null) return [state, []]\n const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n return [{ ...state, running: false, elapsedMs: elapsed, startedAt: null }, []]\n }\n case 'reset':\n return [{ ...state, running: false, elapsedMs: 0, startedAt: null }, []]\n case 'tick': {\n if (!state.running || state.startedAt === null) return [state, []]\n const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n // Countdown: auto-stop at target.\n if (state.direction === 'down' && state.targetMs > 0 && elapsed >= state.targetMs) {\n return [{ ...state, running: false, elapsedMs: state.targetMs, startedAt: null }, []]\n }\n return [{ ...state, elapsedMs: elapsed, startedAt: msg.now }, []]\n }\n case 'setTarget':\n return [{ ...state, targetMs: msg.targetMs }, []]\n }\n}\n\n/** Returns the display value in ms (elapsed for count-up, remaining for count-down). */\nexport function display(state: TimerState): number {\n if (state.direction === 'up') return state.elapsedMs\n return Math.max(0, state.targetMs - state.elapsedMs)\n}\n\nexport function isComplete(state: TimerState): boolean {\n return state.direction === 'down' && state.targetMs > 0 && state.elapsedMs >= state.targetMs\n}\n\n/** Breaks a ms value into `{ hours, minutes, seconds, ms }` parts for rendering. */\nexport function parts(ms: number): { hours: number; minutes: number; seconds: number; ms: number } {\n const total = Math.max(0, Math.floor(ms))\n const hours = Math.floor(total / 3_600_000)\n const minutes = Math.floor((total % 3_600_000) / 60_000)\n const seconds = Math.floor((total % 60_000) / 1000)\n const rem = total % 1000\n return { hours, minutes, seconds, ms: rem }\n}\n\nconst pad = (n: number, width: number): string => String(n).padStart(width, '0')\n\n/**\n * Format a ms value using a simple template. Supported tokens:\n * HH / H — hours (2-digit / unpadded)\n * mm / m — minutes\n * ss / s — seconds\n * SSS / S — milliseconds (3-digit / unpadded)\n *\n * Example: formatMs(125_500, 'mm:ss.SSS') → \"02:05.500\"\n */\nexport function formatMs(ms: number, template: string): string {\n const p = parts(ms)\n return template\n .replace(/HH/g, pad(p.hours, 2))\n .replace(/H/g, String(p.hours))\n .replace(/mm/g, pad(p.minutes, 2))\n .replace(/m/g, String(p.minutes))\n .replace(/ss/g, pad(p.seconds, 2))\n .replace(/s/g, String(p.seconds))\n .replace(/SSS/g, pad(p.ms, 3))\n .replace(/S/g, String(p.ms))\n}\n\nexport interface TimerParts<S> {\n root: {\n 'data-scope': 'timer'\n 'data-part': 'root'\n 'data-running': (s: S) => '' | undefined\n 'data-direction': (s: S) => Direction\n }\n display: {\n role: 'timer'\n 'aria-live': 'off' | 'polite'\n 'data-scope': 'timer'\n 'data-part': 'display'\n }\n startTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'timer'\n 'data-part': 'start-trigger'\n disabled: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n }\n pauseTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'timer'\n 'data-part': 'pause-trigger'\n disabled: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n }\n resetTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'timer'\n 'data-part': 'reset-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n startLabel?: string\n pauseLabel?: string\n resetLabel?: string\n /**\n * aria-live politeness for the display element. `'polite'` announces\n * updates to assistive tech; `'off'` (default) keeps it silent — use\n * 'polite' sparingly to avoid spamming screen reader users with\n * every tick.\n */\n ariaLive?: 'off' | 'polite'\n}\n\nexport function connect<S>(\n get: (s: S) => TimerState,\n send: Send<TimerMsg>,\n opts: ConnectOptions = {},\n): TimerParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n 'data-scope': 'timer',\n 'data-part': 'root',\n 'data-running': (s) => (get(s).running ? '' : undefined),\n 'data-direction': (s) => get(s).direction,\n },\n display: {\n role: 'timer',\n 'aria-live': opts.ariaLive ?? 'off',\n 'data-scope': 'timer',\n 'data-part': 'display',\n },\n startTrigger: {\n type: 'button',\n 'aria-label': opts.startLabel ?? ((s: S) => locale(s).timer.start),\n 'data-scope': 'timer',\n 'data-part': 'start-trigger',\n disabled: (s) => get(s).running,\n onClick: tagSend(send, ['start'], () => send({ type: 'start', now: Date.now() })),\n },\n pauseTrigger: {\n type: 'button',\n 'aria-label': opts.pauseLabel ?? ((s: S) => locale(s).timer.pause),\n 'data-scope': 'timer',\n 'data-part': 'pause-trigger',\n disabled: (s) => !get(s).running,\n onClick: tagSend(send, ['pause'], () => send({ type: 'pause', now: Date.now() })),\n },\n resetTrigger: {\n type: 'button',\n 'aria-label': opts.resetLabel ?? ((s: S) => locale(s).timer.reset),\n 'data-scope': 'timer',\n 'data-part': 'reset-trigger',\n onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),\n },\n }\n}\n\nexport const timer = { init, update, connect, display, isComplete, parts, formatMs }\n"]}
|
|
1
|
+
{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../src/components/timer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAmD5C,MAAM,UAAU,IAAI,CAAC,OAAkB,EAAE;IACvC,OAAO;QACL,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI;QACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC;QAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC;QAC9B,SAAS,EAAE,IAAI;KAChB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAiB,EAAE,GAAa;IACrD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,OAAO;YACV,IAAI,KAAK,CAAC,OAAO;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACrC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;QAC9D,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAClE,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;YAC7D,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAChF,CAAC;QACD,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1E,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAClE,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;YAC7D,kCAAkC;YAClC,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAClF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;YACvF,CAAC;YACD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;QACnE,CAAC;QACD,KAAK,WAAW;YACd,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC;AACH,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,OAAO,CAAC,KAAiB;IACvC,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,SAAS,CAAA;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAiB;IAC1C,OAAO,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAA;AAC9F,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,KAAK,CAAC,EAAU;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA;AAC7C,CAAC;AAED,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,KAAa,EAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;AAEhF;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAU,EAAE,QAAgB;IACnD,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA;IACnB,OAAO,QAAQ;SACZ,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC9B,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SACjC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SAChC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SACjC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SAChC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;SAC7B,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAChC,CAAC;AAqDD,MAAM,UAAU,OAAO,CACrB,KAAyB,EACzB,IAAoB,EACpB,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACxC,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC9D,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SAChD;QACD,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YACnC,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,SAAS;SACvB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK;YACnD,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,eAAe;YAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACrC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SAClF;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK;YACnD,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,eAAe;YAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACtC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SAClF;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK;YACnD,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,eAAe;YAC5B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;SACjE;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\n\n/**\n * Timer — counts elapsed time up from zero, or down from a configured\n * target. The machine is pure: it doesn't own the ticking interval.\n * The consumer runs `setInterval(() => send({type:'tick', now: Date.now()}), 100)`\n * (or whatever granularity) while the timer is running, and dispatches\n * `start` / `pause` / `reset` in response to user input.\n *\n * Typical display:\n *\n * const t = timer.connect<State>(s => s.timer, msg => send({type: 'timer', msg}))\n * div({ ...t.root }, [\n * div({ ...t.display }, [text(s => timer.formatMs(timer.display(s.timer), 'mm:ss'))]),\n * button({ ...t.startTrigger }, [text('Start')]),\n * button({ ...t.pauseTrigger }, [text('Pause')]),\n * button({ ...t.resetTrigger }, [text('Reset')]),\n * ])\n */\n\nexport type Direction = 'up' | 'down'\n\nexport interface TimerState {\n running: boolean\n direction: Direction\n /** Target in milliseconds for countdown (0 = no target, runs indefinitely). */\n targetMs: number\n /** Accumulated elapsed time, excluding the current running interval. */\n elapsedMs: number\n /** Timestamp when the current running interval started (null when paused). */\n startedAt: number | null\n}\n\nexport type TimerMsg =\n /** @intent(\"Start (or resume) the timer running\") */\n | { type: 'start'; now: number }\n /** @intent(\"Pause the timer (preserves accumulated elapsed time)\") */\n | { type: 'pause'; now: number }\n /** @intent(\"Reset the timer back to zero elapsed and pause it\") */\n | { type: 'reset' }\n /** @humanOnly */\n | { type: 'tick'; now: number }\n /** @intent(\"Set the countdown target (in milliseconds; 0 disables countdown)\") */\n | { type: 'setTarget'; targetMs: number }\n\nexport interface TimerInit {\n direction?: Direction\n targetMs?: number\n elapsedMs?: number\n}\n\nexport function init(opts: TimerInit = {}): TimerState {\n return {\n running: false,\n direction: opts.direction ?? 'up',\n targetMs: opts.targetMs ?? 0,\n elapsedMs: opts.elapsedMs ?? 0,\n startedAt: null,\n }\n}\n\nexport function update(state: TimerState, msg: TimerMsg): [TimerState, never[]] {\n switch (msg.type) {\n case 'start':\n if (state.running) return [state, []]\n return [{ ...state, running: true, startedAt: msg.now }, []]\n case 'pause': {\n if (!state.running || state.startedAt === null) return [state, []]\n const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n return [{ ...state, running: false, elapsedMs: elapsed, startedAt: null }, []]\n }\n case 'reset':\n return [{ ...state, running: false, elapsedMs: 0, startedAt: null }, []]\n case 'tick': {\n if (!state.running || state.startedAt === null) return [state, []]\n const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n // Countdown: auto-stop at target.\n if (state.direction === 'down' && state.targetMs > 0 && elapsed >= state.targetMs) {\n return [{ ...state, running: false, elapsedMs: state.targetMs, startedAt: null }, []]\n }\n return [{ ...state, elapsedMs: elapsed, startedAt: msg.now }, []]\n }\n case 'setTarget':\n return [{ ...state, targetMs: msg.targetMs }, []]\n }\n}\n\n/** Returns the display value in ms (elapsed for count-up, remaining for count-down). */\nexport function display(state: TimerState): number {\n if (state.direction === 'up') return state.elapsedMs\n return Math.max(0, state.targetMs - state.elapsedMs)\n}\n\nexport function isComplete(state: TimerState): boolean {\n return state.direction === 'down' && state.targetMs > 0 && state.elapsedMs >= state.targetMs\n}\n\n/** Breaks a ms value into `{ hours, minutes, seconds, ms }` parts for rendering. */\nexport function parts(ms: number): { hours: number; minutes: number; seconds: number; ms: number } {\n const total = Math.max(0, Math.floor(ms))\n const hours = Math.floor(total / 3_600_000)\n const minutes = Math.floor((total % 3_600_000) / 60_000)\n const seconds = Math.floor((total % 60_000) / 1000)\n const rem = total % 1000\n return { hours, minutes, seconds, ms: rem }\n}\n\nconst pad = (n: number, width: number): string => String(n).padStart(width, '0')\n\n/**\n * Format a ms value using a simple template. Supported tokens:\n * HH / H — hours (2-digit / unpadded)\n * mm / m — minutes\n * ss / s — seconds\n * SSS / S — milliseconds (3-digit / unpadded)\n *\n * Example: formatMs(125_500, 'mm:ss.SSS') → \"02:05.500\"\n */\nexport function formatMs(ms: number, template: string): string {\n const p = parts(ms)\n return template\n .replace(/HH/g, pad(p.hours, 2))\n .replace(/H/g, String(p.hours))\n .replace(/mm/g, pad(p.minutes, 2))\n .replace(/m/g, String(p.minutes))\n .replace(/ss/g, pad(p.seconds, 2))\n .replace(/s/g, String(p.seconds))\n .replace(/SSS/g, pad(p.ms, 3))\n .replace(/S/g, String(p.ms))\n}\n\nexport interface TimerParts {\n root: {\n 'data-scope': 'timer'\n 'data-part': 'root'\n 'data-running': Signal<'' | undefined>\n 'data-direction': Signal<Direction>\n }\n display: {\n role: 'timer'\n 'aria-live': 'off' | 'polite'\n 'data-scope': 'timer'\n 'data-part': 'display'\n }\n startTrigger: {\n type: 'button'\n 'aria-label': string\n 'data-scope': 'timer'\n 'data-part': 'start-trigger'\n disabled: Signal<boolean>\n onClick: (e: MouseEvent) => void\n }\n pauseTrigger: {\n type: 'button'\n 'aria-label': string\n 'data-scope': 'timer'\n 'data-part': 'pause-trigger'\n disabled: Signal<boolean>\n onClick: (e: MouseEvent) => void\n }\n resetTrigger: {\n type: 'button'\n 'aria-label': string\n 'data-scope': 'timer'\n 'data-part': 'reset-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n startLabel?: string\n pauseLabel?: string\n resetLabel?: string\n /**\n * aria-live politeness for the display element. `'polite'` announces\n * updates to assistive tech; `'off'` (default) keeps it silent — use\n * 'polite' sparingly to avoid spamming screen reader users with\n * every tick.\n */\n ariaLive?: 'off' | 'polite'\n}\n\nexport function connect(\n state: Signal<TimerState>,\n send: Send<TimerMsg>,\n opts: ConnectOptions = {},\n): TimerParts {\n const locale = useContext(LocaleContext)\n return {\n root: {\n 'data-scope': 'timer',\n 'data-part': 'root',\n 'data-running': state.map((s) => (s.running ? '' : undefined)),\n 'data-direction': state.map((s) => s.direction),\n },\n display: {\n role: 'timer',\n 'aria-live': opts.ariaLive ?? 'off',\n 'data-scope': 'timer',\n 'data-part': 'display',\n },\n startTrigger: {\n type: 'button',\n 'aria-label': opts.startLabel ?? locale.timer.start,\n 'data-scope': 'timer',\n 'data-part': 'start-trigger',\n disabled: state.map((s) => s.running),\n onClick: tagSend(send, ['start'], () => send({ type: 'start', now: Date.now() })),\n },\n pauseTrigger: {\n type: 'button',\n 'aria-label': opts.pauseLabel ?? locale.timer.pause,\n 'data-scope': 'timer',\n 'data-part': 'pause-trigger',\n disabled: state.map((s) => !s.running),\n onClick: tagSend(send, ['pause'], () => send({ type: 'pause', now: Date.now() })),\n },\n resetTrigger: {\n type: 'button',\n 'aria-label': opts.resetLabel ?? locale.timer.reset,\n 'data-scope': 'timer',\n 'data-part': 'reset-trigger',\n onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),\n },\n }\n}\n\nexport const timer = { init, update, connect, display, isComplete, parts, formatMs }\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Send } from '@llui/dom';
|
|
1
|
+
import type { Send, Signal } from '@llui/dom';
|
|
2
2
|
/**
|
|
3
3
|
* Toast — ephemeral non-modal notifications rendered in a fixed region.
|
|
4
4
|
* Multiple toasts can be active at once. Each has a duration after which
|
|
@@ -77,7 +77,7 @@ export interface ToasterInit {
|
|
|
77
77
|
export declare function init(opts?: ToasterInit): ToasterState;
|
|
78
78
|
export declare function update(state: ToasterState, msg: ToasterMsg): [ToasterState, never[]];
|
|
79
79
|
export declare function nextToastId(): string;
|
|
80
|
-
export interface ToastItemParts
|
|
80
|
+
export interface ToastItemParts {
|
|
81
81
|
root: {
|
|
82
82
|
role: 'status';
|
|
83
83
|
'aria-atomic': 'true';
|
|
@@ -104,28 +104,28 @@ export interface ToastItemParts<S> {
|
|
|
104
104
|
};
|
|
105
105
|
closeTrigger: {
|
|
106
106
|
type: 'button';
|
|
107
|
-
'aria-label': string
|
|
107
|
+
'aria-label': string;
|
|
108
108
|
'data-scope': 'toast';
|
|
109
109
|
'data-part': 'close-trigger';
|
|
110
110
|
onClick: (e: MouseEvent) => void;
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
|
-
export interface ToasterParts
|
|
113
|
+
export interface ToasterParts {
|
|
114
114
|
region: {
|
|
115
115
|
role: 'region';
|
|
116
|
-
'aria-label': string
|
|
116
|
+
'aria-label': string;
|
|
117
117
|
tabIndex: -1;
|
|
118
118
|
'data-scope': 'toast';
|
|
119
119
|
'data-part': 'region';
|
|
120
|
-
'data-placement':
|
|
120
|
+
'data-placement': Signal<ToastPlacement>;
|
|
121
121
|
};
|
|
122
|
-
toast: (toast: Toast) => ToastItemParts
|
|
122
|
+
toast: (toast: Toast) => ToastItemParts;
|
|
123
123
|
}
|
|
124
124
|
export interface ConnectOptions {
|
|
125
125
|
regionLabel?: string;
|
|
126
126
|
closeLabel?: string;
|
|
127
127
|
}
|
|
128
|
-
export declare function connect
|
|
128
|
+
export declare function connect(state: Signal<ToasterState>, send: Send<ToasterMsg>, opts?: ConnectOptions): ToasterParts;
|
|
129
129
|
export declare const toast: {
|
|
130
130
|
init: typeof init;
|
|
131
131
|
update: typeof update;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"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"}
|
package/dist/components/toast.js
CHANGED
|
@@ -54,10 +54,10 @@ let toastIdCounter = 0;
|
|
|
54
54
|
export function nextToastId() {
|
|
55
55
|
return `toast-${++toastIdCounter}`;
|
|
56
56
|
}
|
|
57
|
-
export function connect(
|
|
57
|
+
export function connect(state, send, opts = {}) {
|
|
58
58
|
const locale = useContext(LocaleContext);
|
|
59
|
-
const regionLabel = opts.regionLabel ??
|
|
60
|
-
const closeLabel = opts.closeLabel ??
|
|
59
|
+
const regionLabel = opts.regionLabel ?? locale.toast.region;
|
|
60
|
+
const closeLabel = opts.closeLabel ?? locale.toast.dismiss;
|
|
61
61
|
return {
|
|
62
62
|
region: {
|
|
63
63
|
role: 'region',
|
|
@@ -65,7 +65,7 @@ export function connect(_get, send, opts = {}) {
|
|
|
65
65
|
tabIndex: -1,
|
|
66
66
|
'data-scope': 'toast',
|
|
67
67
|
'data-part': 'region',
|
|
68
|
-
'data-placement': (s) =>
|
|
68
|
+
'data-placement': state.map((s) => s.placement),
|
|
69
69
|
},
|
|
70
70
|
toast: (toast) => ({
|
|
71
71
|
root: {
|