@llui/components 0.0.11 → 0.0.14
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.js +1 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert-dialog.d.ts +1 -1
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +2 -1
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/angle-slider.js +2 -1
- package/dist/components/angle-slider.js.map +1 -0
- package/dist/components/async-list.js +1 -0
- package/dist/components/async-list.js.map +1 -0
- package/dist/components/avatar.js +1 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/carousel.js +2 -1
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/cascade-select.js +2 -1
- package/dist/components/cascade-select.js.map +1 -0
- package/dist/components/checkbox.js +1 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/clipboard.js +2 -1
- package/dist/components/clipboard.js.map +1 -0
- package/dist/components/collapsible.js +1 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/color-picker.js +2 -1
- package/dist/components/color-picker.js.map +1 -0
- package/dist/components/combobox.d.ts +1 -1
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +4 -3
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/context-menu.js +2 -1
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/date-input.js +2 -1
- package/dist/components/date-input.js.map +1 -0
- package/dist/components/date-picker.js +3 -2
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/dialog.js +6 -5
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/drawer.js +6 -5
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/editable.js +1 -0
- package/dist/components/editable.js.map +1 -0
- package/dist/components/file-upload.js +2 -1
- package/dist/components/file-upload.js.map +1 -0
- package/dist/components/floating-panel.js +2 -1
- package/dist/components/floating-panel.js.map +1 -0
- package/dist/components/form.js +1 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/hover-card.d.ts +1 -1
- package/dist/components/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card.js +2 -1
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/image-cropper.js +2 -1
- package/dist/components/image-cropper.js.map +1 -0
- package/dist/components/in-view.js +1 -0
- package/dist/components/in-view.js.map +1 -0
- package/dist/components/index.d.ts +119 -119
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +62 -61
- package/dist/components/index.js.map +1 -0
- package/dist/components/listbox.js +2 -1
- package/dist/components/listbox.js.map +1 -0
- package/dist/components/marquee.js +1 -0
- package/dist/components/marquee.js.map +1 -0
- package/dist/components/menu.d.ts +1 -1
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +4 -3
- package/dist/components/menu.js.map +1 -0
- package/dist/components/navigation-menu.js +2 -1
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/number-input.js +2 -1
- package/dist/components/number-input.js.map +1 -0
- package/dist/components/pagination.js +2 -1
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/password-input.js +2 -1
- package/dist/components/password-input.js.map +1 -0
- package/dist/components/pin-input.js +3 -2
- package/dist/components/pin-input.js.map +1 -0
- package/dist/components/popover.d.ts +1 -1
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +5 -4
- package/dist/components/popover.js.map +1 -0
- package/dist/components/presence.js +1 -0
- package/dist/components/presence.js.map +1 -0
- package/dist/components/progress.js +2 -1
- package/dist/components/progress.js.map +1 -0
- package/dist/components/qr-code.js +2 -1
- package/dist/components/qr-code.js.map +1 -0
- package/dist/components/radio-group.js +2 -1
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/rating-group.js +2 -1
- package/dist/components/rating-group.js.map +1 -0
- package/dist/components/scroll-area.js +1 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/select.d.ts +1 -1
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +4 -3
- package/dist/components/select.js.map +1 -0
- package/dist/components/signature-pad.js +2 -1
- package/dist/components/signature-pad.js.map +1 -0
- package/dist/components/slider.js +2 -1
- package/dist/components/slider.js.map +1 -0
- package/dist/components/sortable.js +1 -0
- package/dist/components/sortable.js.map +1 -0
- package/dist/components/splitter.js +2 -1
- package/dist/components/splitter.js.map +1 -0
- package/dist/components/steps.js +2 -1
- package/dist/components/steps.js.map +1 -0
- package/dist/components/switch.js +1 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/tabs.js +2 -1
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tags-input.js +3 -2
- package/dist/components/tags-input.js.map +1 -0
- package/dist/components/theme-switch.js +1 -0
- package/dist/components/theme-switch.js.map +1 -0
- package/dist/components/time-picker.js +2 -1
- package/dist/components/time-picker.js.map +1 -0
- package/dist/components/timer.js +2 -1
- package/dist/components/timer.js.map +1 -0
- package/dist/components/toast.js +2 -1
- package/dist/components/toast.js.map +1 -0
- package/dist/components/toc.js +2 -1
- package/dist/components/toc.js.map +1 -0
- package/dist/components/toggle-group.js +2 -1
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle.js +1 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +2 -1
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/tour.js +2 -1
- package/dist/components/tour.js.map +1 -0
- package/dist/components/tree-view.js +3 -2
- package/dist/components/tree-view.js.map +1 -0
- package/dist/format/cache.js +1 -0
- package/dist/format/cache.js.map +1 -0
- package/dist/format/defaults.js +1 -0
- package/dist/format/defaults.js.map +1 -0
- package/dist/format/format-date.js +3 -2
- package/dist/format/format-date.js.map +1 -0
- package/dist/format/format-display-name.js +3 -2
- package/dist/format/format-display-name.js.map +1 -0
- package/dist/format/format-file-size.js +3 -2
- package/dist/format/format-file-size.js.map +1 -0
- package/dist/format/format-list.js +3 -2
- package/dist/format/format-list.js.map +1 -0
- package/dist/format/format-number.js +3 -2
- package/dist/format/format-number.js.map +1 -0
- package/dist/format/format-plural.js +3 -2
- package/dist/format/format-plural.js.map +1 -0
- package/dist/format/format-relative-time.js +3 -2
- package/dist/format/format-relative-time.js.map +1 -0
- package/dist/format/index.d.ts +7 -7
- package/dist/format/index.d.ts.map +1 -1
- package/dist/format/index.js +8 -7
- package/dist/format/index.js.map +1 -0
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -0
- package/dist/locale.js +1 -0
- package/dist/locale.js.map +1 -0
- package/dist/patterns/confirm-dialog.d.ts +1 -1
- package/dist/patterns/confirm-dialog.d.ts.map +1 -1
- package/dist/patterns/confirm-dialog.js +2 -1
- package/dist/patterns/confirm-dialog.js.map +1 -0
- package/dist/patterns/index.d.ts +2 -2
- package/dist/patterns/index.d.ts.map +1 -1
- package/dist/patterns/index.js +2 -1
- package/dist/patterns/index.js.map +1 -0
- package/dist/styles/classes/accordion.d.ts +1 -1
- package/dist/styles/classes/accordion.d.ts.map +1 -1
- package/dist/styles/classes/accordion.js +2 -1
- package/dist/styles/classes/accordion.js.map +1 -0
- package/dist/styles/classes/angle-slider.d.ts +1 -1
- package/dist/styles/classes/angle-slider.d.ts.map +1 -1
- package/dist/styles/classes/angle-slider.js +2 -1
- package/dist/styles/classes/angle-slider.js.map +1 -0
- package/dist/styles/classes/async-list.d.ts +1 -1
- package/dist/styles/classes/async-list.d.ts.map +1 -1
- package/dist/styles/classes/async-list.js +1 -0
- package/dist/styles/classes/async-list.js.map +1 -0
- package/dist/styles/classes/avatar.d.ts +1 -1
- package/dist/styles/classes/avatar.d.ts.map +1 -1
- package/dist/styles/classes/avatar.js +2 -1
- package/dist/styles/classes/avatar.js.map +1 -0
- package/dist/styles/classes/carousel.d.ts +1 -1
- package/dist/styles/classes/carousel.d.ts.map +1 -1
- package/dist/styles/classes/carousel.js +2 -1
- package/dist/styles/classes/carousel.js.map +1 -0
- package/dist/styles/classes/cascade-select.d.ts +1 -1
- package/dist/styles/classes/cascade-select.d.ts.map +1 -1
- package/dist/styles/classes/cascade-select.js +2 -1
- package/dist/styles/classes/cascade-select.js.map +1 -0
- package/dist/styles/classes/checkbox.d.ts +1 -1
- package/dist/styles/classes/checkbox.d.ts.map +1 -1
- package/dist/styles/classes/checkbox.js +2 -1
- package/dist/styles/classes/checkbox.js.map +1 -0
- package/dist/styles/classes/clipboard.d.ts +1 -1
- package/dist/styles/classes/clipboard.d.ts.map +1 -1
- package/dist/styles/classes/clipboard.js +1 -0
- package/dist/styles/classes/clipboard.js.map +1 -0
- package/dist/styles/classes/collapsible.d.ts +1 -1
- package/dist/styles/classes/collapsible.d.ts.map +1 -1
- package/dist/styles/classes/collapsible.js +2 -1
- package/dist/styles/classes/collapsible.js.map +1 -0
- package/dist/styles/classes/color-picker.d.ts +1 -1
- package/dist/styles/classes/color-picker.d.ts.map +1 -1
- package/dist/styles/classes/color-picker.js +1 -0
- package/dist/styles/classes/color-picker.js.map +1 -0
- package/dist/styles/classes/combobox.d.ts +1 -1
- package/dist/styles/classes/combobox.d.ts.map +1 -1
- package/dist/styles/classes/combobox.js +2 -1
- package/dist/styles/classes/combobox.js.map +1 -0
- package/dist/styles/classes/context-menu.d.ts +1 -1
- package/dist/styles/classes/context-menu.d.ts.map +1 -1
- package/dist/styles/classes/context-menu.js +2 -1
- package/dist/styles/classes/context-menu.js.map +1 -0
- package/dist/styles/classes/date-input.d.ts +1 -1
- package/dist/styles/classes/date-input.d.ts.map +1 -1
- package/dist/styles/classes/date-input.js +2 -1
- package/dist/styles/classes/date-input.js.map +1 -0
- package/dist/styles/classes/date-picker.d.ts +1 -1
- package/dist/styles/classes/date-picker.d.ts.map +1 -1
- package/dist/styles/classes/date-picker.js +2 -1
- package/dist/styles/classes/date-picker.js.map +1 -0
- package/dist/styles/classes/dialog.d.ts +1 -1
- package/dist/styles/classes/dialog.d.ts.map +1 -1
- package/dist/styles/classes/dialog.js +2 -1
- package/dist/styles/classes/dialog.js.map +1 -0
- package/dist/styles/classes/drawer.d.ts +1 -1
- package/dist/styles/classes/drawer.d.ts.map +1 -1
- package/dist/styles/classes/drawer.js +2 -1
- package/dist/styles/classes/drawer.js.map +1 -0
- package/dist/styles/classes/editable.d.ts +1 -1
- package/dist/styles/classes/editable.d.ts.map +1 -1
- package/dist/styles/classes/editable.js +2 -1
- package/dist/styles/classes/editable.js.map +1 -0
- package/dist/styles/classes/file-upload.d.ts +1 -1
- package/dist/styles/classes/file-upload.d.ts.map +1 -1
- package/dist/styles/classes/file-upload.js +1 -0
- package/dist/styles/classes/file-upload.js.map +1 -0
- package/dist/styles/classes/floating-panel.d.ts +1 -1
- package/dist/styles/classes/floating-panel.d.ts.map +1 -1
- package/dist/styles/classes/floating-panel.js +2 -1
- package/dist/styles/classes/floating-panel.js.map +1 -0
- package/dist/styles/classes/hover-card.d.ts +1 -1
- package/dist/styles/classes/hover-card.d.ts.map +1 -1
- package/dist/styles/classes/hover-card.js +2 -1
- package/dist/styles/classes/hover-card.js.map +1 -0
- package/dist/styles/classes/image-cropper.d.ts +1 -1
- package/dist/styles/classes/image-cropper.d.ts.map +1 -1
- package/dist/styles/classes/image-cropper.js +1 -0
- package/dist/styles/classes/image-cropper.js.map +1 -0
- package/dist/styles/classes/index.d.ts +53 -53
- package/dist/styles/classes/index.d.ts.map +1 -1
- package/dist/styles/classes/index.js +54 -53
- package/dist/styles/classes/index.js.map +1 -0
- package/dist/styles/classes/listbox.d.ts +1 -1
- package/dist/styles/classes/listbox.d.ts.map +1 -1
- package/dist/styles/classes/listbox.js +2 -1
- package/dist/styles/classes/listbox.js.map +1 -0
- package/dist/styles/classes/marquee.d.ts +1 -1
- package/dist/styles/classes/marquee.d.ts.map +1 -1
- package/dist/styles/classes/marquee.js +1 -0
- package/dist/styles/classes/marquee.js.map +1 -0
- package/dist/styles/classes/menu.d.ts +1 -1
- package/dist/styles/classes/menu.d.ts.map +1 -1
- package/dist/styles/classes/menu.js +2 -1
- package/dist/styles/classes/menu.js.map +1 -0
- package/dist/styles/classes/navigation-menu.d.ts +1 -1
- package/dist/styles/classes/navigation-menu.d.ts.map +1 -1
- package/dist/styles/classes/navigation-menu.js +1 -0
- package/dist/styles/classes/navigation-menu.js.map +1 -0
- package/dist/styles/classes/number-input.d.ts +1 -1
- package/dist/styles/classes/number-input.d.ts.map +1 -1
- package/dist/styles/classes/number-input.js +2 -1
- package/dist/styles/classes/number-input.js.map +1 -0
- package/dist/styles/classes/pagination.d.ts +1 -1
- package/dist/styles/classes/pagination.d.ts.map +1 -1
- package/dist/styles/classes/pagination.js +2 -1
- package/dist/styles/classes/pagination.js.map +1 -0
- package/dist/styles/classes/password-input.d.ts +1 -1
- package/dist/styles/classes/password-input.d.ts.map +1 -1
- package/dist/styles/classes/password-input.js +2 -1
- package/dist/styles/classes/password-input.js.map +1 -0
- package/dist/styles/classes/pin-input.d.ts +1 -1
- package/dist/styles/classes/pin-input.d.ts.map +1 -1
- package/dist/styles/classes/pin-input.js +2 -1
- package/dist/styles/classes/pin-input.js.map +1 -0
- package/dist/styles/classes/popover.d.ts +1 -1
- package/dist/styles/classes/popover.d.ts.map +1 -1
- package/dist/styles/classes/popover.js +2 -1
- package/dist/styles/classes/popover.js.map +1 -0
- package/dist/styles/classes/presence.d.ts +1 -1
- package/dist/styles/classes/presence.d.ts.map +1 -1
- package/dist/styles/classes/presence.js +1 -0
- package/dist/styles/classes/presence.js.map +1 -0
- package/dist/styles/classes/progress.d.ts +1 -1
- package/dist/styles/classes/progress.d.ts.map +1 -1
- package/dist/styles/classes/progress.js +2 -1
- package/dist/styles/classes/progress.js.map +1 -0
- package/dist/styles/classes/qr-code.d.ts +1 -1
- package/dist/styles/classes/qr-code.d.ts.map +1 -1
- package/dist/styles/classes/qr-code.js +1 -0
- package/dist/styles/classes/qr-code.js.map +1 -0
- package/dist/styles/classes/radio-group.d.ts +1 -1
- package/dist/styles/classes/radio-group.d.ts.map +1 -1
- package/dist/styles/classes/radio-group.js +2 -1
- package/dist/styles/classes/radio-group.js.map +1 -0
- package/dist/styles/classes/rating-group.d.ts +1 -1
- package/dist/styles/classes/rating-group.d.ts.map +1 -1
- package/dist/styles/classes/rating-group.js +2 -1
- package/dist/styles/classes/rating-group.js.map +1 -0
- package/dist/styles/classes/scroll-area.d.ts +1 -1
- package/dist/styles/classes/scroll-area.d.ts.map +1 -1
- package/dist/styles/classes/scroll-area.js +1 -0
- package/dist/styles/classes/scroll-area.js.map +1 -0
- package/dist/styles/classes/select.d.ts +1 -1
- package/dist/styles/classes/select.d.ts.map +1 -1
- package/dist/styles/classes/select.js +2 -1
- package/dist/styles/classes/select.js.map +1 -0
- package/dist/styles/classes/signature-pad.d.ts +1 -1
- package/dist/styles/classes/signature-pad.d.ts.map +1 -1
- package/dist/styles/classes/signature-pad.js +1 -0
- package/dist/styles/classes/signature-pad.js.map +1 -0
- package/dist/styles/classes/slider.d.ts +1 -1
- package/dist/styles/classes/slider.d.ts.map +1 -1
- package/dist/styles/classes/slider.js +2 -1
- package/dist/styles/classes/slider.js.map +1 -0
- package/dist/styles/classes/splitter.d.ts +1 -1
- package/dist/styles/classes/splitter.d.ts.map +1 -1
- package/dist/styles/classes/splitter.js +2 -1
- package/dist/styles/classes/splitter.js.map +1 -0
- package/dist/styles/classes/steps.d.ts +1 -1
- package/dist/styles/classes/steps.d.ts.map +1 -1
- package/dist/styles/classes/steps.js +2 -1
- package/dist/styles/classes/steps.js.map +1 -0
- package/dist/styles/classes/switch.d.ts +1 -1
- package/dist/styles/classes/switch.d.ts.map +1 -1
- package/dist/styles/classes/switch.js +2 -1
- package/dist/styles/classes/switch.js.map +1 -0
- package/dist/styles/classes/tabs.d.ts +1 -1
- package/dist/styles/classes/tabs.d.ts.map +1 -1
- package/dist/styles/classes/tabs.js +2 -1
- package/dist/styles/classes/tabs.js.map +1 -0
- package/dist/styles/classes/tags-input.d.ts +1 -1
- package/dist/styles/classes/tags-input.d.ts.map +1 -1
- package/dist/styles/classes/tags-input.js +2 -1
- package/dist/styles/classes/tags-input.js.map +1 -0
- package/dist/styles/classes/time-picker.d.ts +1 -1
- package/dist/styles/classes/time-picker.d.ts.map +1 -1
- package/dist/styles/classes/time-picker.js +2 -1
- package/dist/styles/classes/time-picker.js.map +1 -0
- package/dist/styles/classes/timer.d.ts +1 -1
- package/dist/styles/classes/timer.d.ts.map +1 -1
- package/dist/styles/classes/timer.js +2 -1
- package/dist/styles/classes/timer.js.map +1 -0
- package/dist/styles/classes/toast.d.ts +1 -1
- package/dist/styles/classes/toast.d.ts.map +1 -1
- package/dist/styles/classes/toast.js +2 -1
- package/dist/styles/classes/toast.js.map +1 -0
- package/dist/styles/classes/toc.d.ts +1 -1
- package/dist/styles/classes/toc.d.ts.map +1 -1
- package/dist/styles/classes/toc.js +2 -1
- package/dist/styles/classes/toc.js.map +1 -0
- package/dist/styles/classes/toggle-group.d.ts +1 -1
- package/dist/styles/classes/toggle-group.d.ts.map +1 -1
- package/dist/styles/classes/toggle-group.js +2 -1
- package/dist/styles/classes/toggle-group.js.map +1 -0
- package/dist/styles/classes/toggle.d.ts +1 -1
- package/dist/styles/classes/toggle.d.ts.map +1 -1
- package/dist/styles/classes/toggle.js +2 -1
- package/dist/styles/classes/toggle.js.map +1 -0
- package/dist/styles/classes/tooltip.d.ts +1 -1
- package/dist/styles/classes/tooltip.d.ts.map +1 -1
- package/dist/styles/classes/tooltip.js +2 -1
- package/dist/styles/classes/tooltip.js.map +1 -0
- package/dist/styles/classes/tour.d.ts +1 -1
- package/dist/styles/classes/tour.d.ts.map +1 -1
- package/dist/styles/classes/tour.js +1 -0
- package/dist/styles/classes/tour.js.map +1 -0
- package/dist/styles/classes/tree-view.d.ts +1 -1
- package/dist/styles/classes/tree-view.d.ts.map +1 -1
- package/dist/styles/classes/tree-view.js +2 -1
- package/dist/styles/classes/tree-view.js.map +1 -0
- package/dist/styles/index.d.ts +4 -4
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +3 -2
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/theme.js +1 -0
- package/dist/styles/theme.js.map +1 -0
- package/dist/styles/utils/cx.js +1 -0
- package/dist/styles/utils/cx.js.map +1 -0
- package/dist/styles/utils/index.d.ts +2 -2
- package/dist/styles/utils/index.d.ts.map +1 -1
- package/dist/styles/utils/index.js +3 -2
- package/dist/styles/utils/index.js.map +1 -0
- package/dist/styles/utils/variants.js +2 -1
- package/dist/styles/utils/variants.js.map +1 -0
- package/dist/utils/anatomy.js +1 -0
- package/dist/utils/anatomy.js.map +1 -0
- package/dist/utils/aria-hidden.js +1 -0
- package/dist/utils/aria-hidden.js.map +1 -0
- package/dist/utils/direction.js +1 -0
- package/dist/utils/direction.js.map +1 -0
- package/dist/utils/dismissable.d.ts +1 -1
- package/dist/utils/dismissable.d.ts.map +1 -1
- package/dist/utils/dismissable.js +2 -1
- package/dist/utils/dismissable.js.map +1 -0
- package/dist/utils/dom.js +1 -0
- package/dist/utils/dom.js.map +1 -0
- package/dist/utils/floating.js +1 -0
- package/dist/utils/floating.js.map +1 -0
- package/dist/utils/focus-trap.d.ts +1 -1
- package/dist/utils/focus-trap.d.ts.map +1 -1
- package/dist/utils/focus-trap.js +3 -2
- package/dist/utils/focus-trap.js.map +1 -0
- package/dist/utils/focusables.js +1 -0
- package/dist/utils/focusables.js.map +1 -0
- package/dist/utils/index.d.ts +18 -18
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +12 -11
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/interact-outside.d.ts +1 -1
- package/dist/utils/interact-outside.d.ts.map +1 -1
- package/dist/utils/interact-outside.js +2 -1
- package/dist/utils/interact-outside.js.map +1 -0
- package/dist/utils/remove-scroll.js +1 -0
- package/dist/utils/remove-scroll.js.map +1 -0
- package/dist/utils/tree-collection.js +1 -0
- package/dist/utils/tree-collection.js.map +1 -0
- package/dist/utils/typeahead.js +1 -0
- package/dist/utils/typeahead.js.map +1 -0
- package/package.json +12 -12
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../src/components/context-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div } from '@llui/dom'\nimport { pushDismissable } from '../utils/dismissable.js'\n\n/**\n * Context menu — right-click (contextmenu) triggered menu positioned at\n * the pointer. Unlike regular menu, it has no trigger button — the user\n * right-clicks anywhere in the associated region.\n *\n * Uses raw x/y positioning instead of floating-ui (pointer is the anchor,\n * not an element).\n */\n\nexport interface ContextMenuState {\n open: boolean\n x: number\n y: number\n items: string[]\n disabledItems: string[]\n highlighted: string | null\n}\n\nexport type ContextMenuMsg =\n | { type: 'openAt'; x: number; y: number }\n | { type: 'close' }\n | { type: 'highlight'; value: string | null }\n | { type: 'highlightNext' }\n | { type: 'highlightPrev' }\n | { type: 'selectHighlighted' }\n | { type: 'select'; value: string }\n | { type: 'setItems'; items: string[]; disabled?: string[] }\n\nexport interface ContextMenuInit {\n items?: string[]\n disabledItems?: string[]\n}\n\nexport function init(opts: ContextMenuInit = {}): ContextMenuState {\n return {\n open: false,\n x: 0,\n y: 0,\n items: opts.items ?? [],\n disabledItems: opts.disabledItems ?? [],\n highlighted: null,\n }\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 nextEnabled(\n items: string[],\n disabled: string[],\n from: string | null,\n delta: 1 | -1,\n): string | null {\n if (items.length === 0) return null\n const start = from === null ? -1 : items.indexOf(from)\n const n = items.length\n for (let i = 1; i <= n; i++) {\n const idx = start === -1 && delta === 1 ? i - 1 : (start + delta * i + n * n) % n\n const v = items[idx]!\n if (!disabled.includes(v)) return v\n }\n return null\n}\n\nexport function update(state: ContextMenuState, msg: ContextMenuMsg): [ContextMenuState, never[]] {\n switch (msg.type) {\n case 'openAt':\n return [\n {\n ...state,\n open: true,\n x: msg.x,\n y: msg.y,\n highlighted: firstEnabled(state.items, state.disabledItems),\n },\n [],\n ]\n case 'close':\n return [{ ...state, open: false, highlighted: null }, []]\n case 'highlight':\n if (msg.value !== null && state.disabledItems.includes(msg.value)) return [state, []]\n return [{ ...state, highlighted: msg.value }, []]\n case 'highlightNext':\n return [\n {\n ...state,\n highlighted: nextEnabled(state.items, state.disabledItems, state.highlighted, 1),\n },\n [],\n ]\n case 'highlightPrev':\n return [\n {\n ...state,\n highlighted: nextEnabled(state.items, state.disabledItems, state.highlighted, -1),\n },\n [],\n ]\n case 'selectHighlighted':\n if (state.highlighted === null) return [state, []]\n return [{ ...state, open: false, highlighted: null }, []]\n case 'select':\n if (state.disabledItems.includes(msg.value)) return [state, []]\n return [{ ...state, open: false, highlighted: null }, []]\n case 'setItems': {\n const disabled = msg.disabled ?? state.disabledItems\n return [{ ...state, items: msg.items, disabledItems: disabled }, []]\n }\n }\n}\n\nexport interface ContextMenuItemParts<S> {\n item: {\n role: 'menuitem'\n id: string\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-state': (s: S) => 'highlighted' | undefined\n 'data-disabled': (s: S) => '' | undefined\n 'data-scope': 'context-menu'\n 'data-part': 'item'\n 'data-value': string\n tabIndex: -1\n onClick: (e: MouseEvent) => void\n onPointerMove: (e: PointerEvent) => void\n }\n}\n\nexport interface ContextMenuParts<S> {\n /** The element users right-click to open the menu. */\n trigger: {\n 'data-scope': 'context-menu'\n 'data-part': 'trigger'\n onContextMenu: (e: MouseEvent) => void\n }\n positioner: {\n 'data-scope': 'context-menu'\n 'data-part': 'positioner'\n style: (s: S) => string\n }\n content: {\n role: 'menu'\n id: string\n tabIndex: -1\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'context-menu'\n 'data-part': 'content'\n onKeyDown: (e: KeyboardEvent) => void\n }\n item: (value: string) => ContextMenuItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n onSelect?: (value: string) => void\n}\n\nexport function connect<S>(\n get: (s: S) => ContextMenuState,\n send: Send<ContextMenuMsg>,\n opts: ConnectOptions,\n): ContextMenuParts<S> {\n const contentId = `${opts.id}:content`\n const itemId = (v: string): string => `${opts.id}:item:${v}`\n\n return {\n trigger: {\n 'data-scope': 'context-menu',\n 'data-part': 'trigger',\n onContextMenu: (e) => {\n e.preventDefault()\n send({ type: 'openAt', x: e.clientX, y: e.clientY })\n },\n },\n positioner: {\n 'data-scope': 'context-menu',\n 'data-part': 'positioner',\n style: (s) => {\n const st = get(s)\n return `position:fixed;top:${st.y}px;left:${st.x}px;`\n },\n },\n content: {\n role: 'menu',\n id: contentId,\n tabIndex: -1,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'context-menu',\n 'data-part': 'content',\n onKeyDown: (e) => {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'highlightNext' })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'highlightPrev' })\n return\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'selectHighlighted' })\n return\n case 'Escape':\n e.preventDefault()\n send({ type: 'close' })\n return\n }\n },\n },\n item: (value: string): ContextMenuItemParts<S> => ({\n item: {\n role: 'menuitem',\n id: itemId(value),\n 'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),\n 'data-state': (s) => (get(s).highlighted === value ? 'highlighted' : undefined),\n 'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),\n 'data-scope': 'context-menu',\n 'data-part': 'item',\n 'data-value': value,\n tabIndex: -1,\n onClick: () => {\n send({ type: 'select', value })\n opts.onSelect?.(value)\n },\n onPointerMove: () => send({ type: 'highlight', value }),\n },\n }),\n }\n}\n\nexport interface OverlayOptions<S> {\n get: (s: S) => ContextMenuState\n send: Send<ContextMenuMsg>\n parts: ContextMenuParts<S>\n content: () => Node[]\n transition?: TransitionOptions\n target?: string | HTMLElement\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n const target = opts.target ?? 'body'\n const parts = opts.parts\n const contentId = parts.content.id\n\n return show<S, ContextMenuMsg>({\n when: (s) => opts.get(s).open,\n render: () =>\n portal({\n target,\n render: () => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n if (!contentEl) return\n contentEl.focus({ preventScroll: true })\n const cleanup = pushDismissable({\n element: contentEl,\n onDismiss: () => opts.send({ type: 'close' }),\n })\n return cleanup\n })\n return [div(parts.positioner, opts.content())]\n },\n }),\n enter: opts.transition?.enter,\n leave: opts.transition?.leave,\n })\n}\n\nexport const contextMenu = { init, update, connect, overlay }\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
3
|
/**
|
|
4
4
|
* Parse an ISO-ish date string. Accepts:
|
|
5
5
|
* - YYYY-MM-DD
|
|
@@ -150,3 +150,4 @@ export function connect(get, send, opts = {}) {
|
|
|
150
150
|
};
|
|
151
151
|
}
|
|
152
152
|
export const dateInput = { init, update, connect, parseDate, formatDate };
|
|
153
|
+
//# sourceMappingURL=date-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-input.js","sourceRoot":"","sources":["../../src/components/date-input.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 * Date input — keyboard-only date field with masked parsing. Unlike\n * date-picker, this is a plain <input> that parses ISO-ish date strings\n * as the user types. Separate from date-picker to keep each focused.\n *\n * The machine holds the raw input string + the parsed Date (null until\n * a complete/valid value is entered). Min/max bounds are validated on\n * every change, populating `error` when out of range.\n */\n\nexport type DateError = 'invalid' | 'before-min' | 'after-max' | null\n\nexport interface DateInputState {\n /** Raw string as typed by the user. */\n input: string\n /** Parsed date, or null if the input is empty/invalid/out-of-range. */\n value: Date | null\n /** Optional lower bound (inclusive). */\n min: Date | null\n /** Optional upper bound (inclusive). */\n max: Date | null\n error: DateError\n disabled: boolean\n readOnly: boolean\n required: boolean\n}\n\nexport type DateInputMsg =\n | { type: 'setInput'; value: string }\n | { type: 'setValue'; value: Date | null }\n | { type: 'clear' }\n | { type: 'setMin'; min: Date | null }\n | { type: 'setMax'; max: Date | null }\n | { type: 'setDisabled'; disabled: boolean }\n\nexport interface DateInputInit {\n input?: string\n value?: Date | null\n min?: Date | null\n max?: Date | null\n disabled?: boolean\n readOnly?: boolean\n required?: boolean\n}\n\n/**\n * Parse an ISO-ish date string. Accepts:\n * - YYYY-MM-DD\n * - YYYY/MM/DD\n * - MM/DD/YYYY (US)\n * - DD/MM/YYYY (EU)\n * Returns null for anything else.\n */\nexport function parseDate(input: string, format: 'iso' | 'us' | 'eu' = 'iso'): Date | null {\n const trimmed = input.trim()\n if (!trimmed) return null\n const parts = trimmed.split(/[-/]/).map((p) => p.trim())\n if (parts.length !== 3) return null\n const nums = parts.map((p) => parseInt(p, 10))\n if (nums.some((n) => isNaN(n))) return null\n let year: number, month: number, day: number\n if (format === 'iso' || parts[0]!.length === 4) {\n ;[year, month, day] = nums as [number, number, number]\n } else if (format === 'us') {\n ;[month, day, year] = nums as [number, number, number]\n } else {\n ;[day, month, year] = nums as [number, number, number]\n }\n if (month < 1 || month > 12 || day < 1 || day > 31 || year < 1) return null\n const d = new Date(year, month - 1, day)\n // JS Date normalizes: new Date(2024, 1, 30) → March 1. Reject that.\n if (d.getFullYear() !== year || d.getMonth() !== month - 1 || d.getDate() !== day) {\n return null\n }\n return d\n}\n\n/** Format a Date as 'YYYY-MM-DD'. */\nexport function formatDate(d: Date): string {\n const y = d.getFullYear().toString().padStart(4, '0')\n const m = (d.getMonth() + 1).toString().padStart(2, '0')\n const day = d.getDate().toString().padStart(2, '0')\n return `${y}-${m}-${day}`\n}\n\nfunction validate(value: Date | null, min: Date | null, max: Date | null): DateError {\n if (value === null) return null\n if (min !== null && value < min) return 'before-min'\n if (max !== null && value > max) return 'after-max'\n return null\n}\n\nexport function init(opts: DateInputInit = {}): DateInputState {\n const value = opts.value ?? null\n const input = opts.input ?? (value ? formatDate(value) : '')\n const min = opts.min ?? null\n const max = opts.max ?? null\n return {\n input,\n value,\n min,\n max,\n error: validate(value, min, max),\n disabled: opts.disabled ?? false,\n readOnly: opts.readOnly ?? false,\n required: opts.required ?? false,\n }\n}\n\nexport function update(\n state: DateInputState,\n msg: DateInputMsg,\n format: 'iso' | 'us' | 'eu' = 'iso',\n): [DateInputState, never[]] {\n if ((state.disabled || state.readOnly) && msg.type === 'setInput') return [state, []]\n switch (msg.type) {\n case 'setInput': {\n const parsed = parseDate(msg.value, format)\n const error: DateError = msg.value.trim()\n ? parsed === null\n ? 'invalid'\n : validate(parsed, state.min, state.max)\n : null\n return [{ ...state, input: msg.value, value: parsed, error }, []]\n }\n case 'setValue': {\n const input = msg.value ? formatDate(msg.value) : ''\n return [\n { ...state, input, value: msg.value, error: validate(msg.value, state.min, state.max) },\n [],\n ]\n }\n case 'clear':\n return [{ ...state, input: '', value: null, error: null }, []]\n case 'setMin':\n return [{ ...state, min: msg.min, error: validate(state.value, msg.min, state.max) }, []]\n case 'setMax':\n return [{ ...state, max: msg.max, error: validate(state.value, state.min, msg.max) }, []]\n case 'setDisabled':\n return [{ ...state, disabled: msg.disabled }, []]\n }\n}\n\nexport interface DateInputParts<S> {\n root: {\n 'data-scope': 'date-input'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-invalid': (s: S) => '' | undefined\n }\n input: {\n type: 'text'\n inputMode: 'numeric'\n autoComplete: 'off'\n spellCheck: false\n value: (s: S) => string\n disabled: (s: S) => boolean\n readOnly: (s: S) => boolean\n required: (s: S) => boolean\n 'aria-invalid': (s: S) => 'true' | undefined\n placeholder?: string\n 'data-scope': 'date-input'\n 'data-part': 'input'\n onInput: (e: Event) => void\n onBlur: (e: FocusEvent) => void\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'date-input'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n errorText: {\n role: 'alert'\n 'aria-live': 'polite'\n 'data-scope': 'date-input'\n 'data-part': 'error-text'\n hidden: (s: S) => boolean\n }\n}\n\nexport interface ConnectOptions {\n placeholder?: string\n clearLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => DateInputState,\n send: Send<DateInputMsg>,\n opts: ConnectOptions = {},\n): DateInputParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n 'data-scope': 'date-input',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-invalid': (s) => (get(s).error ? '' : undefined),\n },\n input: {\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n spellCheck: false,\n value: (s) => get(s).input,\n disabled: (s) => get(s).disabled,\n readOnly: (s) => get(s).readOnly,\n required: (s) => get(s).required,\n 'aria-invalid': (s) => (get(s).error ? 'true' : undefined),\n ...(opts.placeholder !== undefined ? { placeholder: opts.placeholder } : {}),\n 'data-scope': 'date-input',\n 'data-part': 'input',\n onInput: (e) => {\n const el = e.target as HTMLInputElement\n send({ type: 'setInput', value: el.value })\n },\n onBlur: () => {\n /* consumers can add their own blur handling */\n },\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': opts.clearLabel ?? ((s: S) => locale(s).dateInput.clear),\n disabled: (s) => get(s).input === '',\n 'data-scope': 'date-input',\n 'data-part': 'clear-trigger',\n onClick: () => send({ type: 'clear' }),\n },\n errorText: {\n role: 'alert',\n 'aria-live': 'polite',\n 'data-scope': 'date-input',\n 'data-part': 'error-text',\n hidden: (s) => get(s).error === null,\n },\n }\n}\n\nexport const dateInput = { init, update, connect, parseDate, formatDate }\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useContext } from '@llui/dom';
|
|
2
|
-
import { flipArrow } from '../utils/direction';
|
|
3
|
-
import { LocaleContext, en } from '../locale';
|
|
2
|
+
import { flipArrow } from '../utils/direction.js';
|
|
3
|
+
import { LocaleContext, en } from '../locale.js';
|
|
4
4
|
function pad(n) {
|
|
5
5
|
return n.toString().padStart(2, '0');
|
|
6
6
|
}
|
|
@@ -300,3 +300,4 @@ export function connect(get, send, opts = {}) {
|
|
|
300
300
|
};
|
|
301
301
|
}
|
|
302
302
|
export const datePicker = { init, update, connect, monthGrid, weekRows };
|
|
303
|
+
//# sourceMappingURL=date-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\nimport { LocaleContext, en } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Date picker — calendar with month navigation and date selection. Works\n * with plain Date objects internally but exposes ISO strings (YYYY-MM-DD)\n * for serialization-friendly state.\n *\n * Keyboard navigation: arrow keys move by day, PageUp/Down by month,\n * Home/End to start/end of week, Enter to select.\n */\n\nexport interface DatePickerState {\n /** Selected date as YYYY-MM-DD, or null. */\n value: string | null\n /** The month currently visible (1-indexed, 1-12). */\n visibleMonth: number\n /** The year currently visible. */\n visibleYear: number\n /** The date currently focused by the keyboard (YYYY-MM-DD). */\n focused: string\n /** Minimum selectable date, inclusive. */\n min: string | null\n /** Maximum selectable date, inclusive. */\n max: string | null\n /** 0=Sunday, 1=Monday. */\n weekStartsOn: 0 | 1\n disabled: boolean\n}\n\nexport type DatePickerMsg =\n | { type: 'setValue'; value: string | null }\n | { type: 'setFocused'; date: string }\n | { type: 'prevMonth' }\n | { type: 'nextMonth' }\n | { type: 'prevYear' }\n | { type: 'nextYear' }\n | { type: 'selectFocused' }\n | { type: 'moveFocus'; days: number }\n | { type: 'focusStartOfWeek' }\n | { type: 'focusEndOfWeek' }\n | { type: 'focusToday' }\n | { type: 'clear' }\n\nexport interface DatePickerInit {\n value?: string | null\n visibleMonth?: number\n visibleYear?: number\n min?: string | null\n max?: string | null\n weekStartsOn?: 0 | 1\n disabled?: boolean\n}\n\nfunction pad(n: number): string {\n return n.toString().padStart(2, '0')\n}\n\nfunction parseIso(iso: string): { y: number; m: number; d: number } | null {\n const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso)\n if (!match) return null\n return { y: Number(match[1]), m: Number(match[2]), d: Number(match[3]) }\n}\n\nfunction toIso(y: number, m: number, d: number): string {\n return `${y}-${pad(m)}-${pad(d)}`\n}\n\nfunction daysInMonth(year: number, month: number): number {\n return new Date(year, month, 0).getDate()\n}\n\nfunction todayIso(): string {\n const now = new Date()\n return toIso(now.getFullYear(), now.getMonth() + 1, now.getDate())\n}\n\nfunction addDays(iso: string, days: number): string {\n const p = parseIso(iso)\n if (!p) return iso\n const d = new Date(p.y, p.m - 1, p.d)\n d.setDate(d.getDate() + days)\n return toIso(d.getFullYear(), d.getMonth() + 1, d.getDate())\n}\n\nfunction isInRange(iso: string, min: string | null, max: string | null): boolean {\n if (min && iso < min) return false\n if (max && iso > max) return false\n return true\n}\n\nexport function init(opts: DatePickerInit = {}): DatePickerState {\n const today = todayIso()\n const parsed = opts.value ? parseIso(opts.value) : null\n const visibleMonth = opts.visibleMonth ?? parsed?.m ?? new Date().getMonth() + 1\n const visibleYear = opts.visibleYear ?? parsed?.y ?? new Date().getFullYear()\n return {\n value: opts.value ?? null,\n visibleMonth,\n visibleYear,\n focused: opts.value ?? today,\n min: opts.min ?? null,\n max: opts.max ?? null,\n weekStartsOn: opts.weekStartsOn ?? 0,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction normalizeMonth(year: number, month: number): { year: number; month: number } {\n let y = year\n let m = month\n while (m > 12) {\n m -= 12\n y += 1\n }\n while (m < 1) {\n m += 12\n y -= 1\n }\n return { year: y, month: m }\n}\n\nfunction syncVisibleMonth(state: DatePickerState, date: string): DatePickerState {\n const p = parseIso(date)\n if (!p) return state\n if (p.y === state.visibleYear && p.m === state.visibleMonth) return state\n return { ...state, visibleYear: p.y, visibleMonth: p.m }\n}\n\nexport function update(state: DatePickerState, msg: DatePickerMsg): [DatePickerState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'setValue':\n return [{ ...state, value: msg.value, focused: msg.value ?? state.focused }, []]\n case 'setFocused':\n return [syncVisibleMonth({ ...state, focused: msg.date }, msg.date), []]\n case 'prevMonth': {\n const n = normalizeMonth(state.visibleYear, state.visibleMonth - 1)\n return [{ ...state, visibleYear: n.year, visibleMonth: n.month }, []]\n }\n case 'nextMonth': {\n const n = normalizeMonth(state.visibleYear, state.visibleMonth + 1)\n return [{ ...state, visibleYear: n.year, visibleMonth: n.month }, []]\n }\n case 'prevYear':\n return [{ ...state, visibleYear: state.visibleYear - 1 }, []]\n case 'nextYear':\n return [{ ...state, visibleYear: state.visibleYear + 1 }, []]\n case 'selectFocused':\n if (!isInRange(state.focused, state.min, state.max)) return [state, []]\n return [{ ...state, value: state.focused }, []]\n case 'moveFocus': {\n const next = addDays(state.focused, msg.days)\n return [syncVisibleMonth({ ...state, focused: next }, next), []]\n }\n case 'focusStartOfWeek': {\n const p = parseIso(state.focused)\n if (!p) return [state, []]\n const d = new Date(p.y, p.m - 1, p.d)\n const delta = (d.getDay() - state.weekStartsOn + 7) % 7\n return [update(state, { type: 'moveFocus', days: -delta })[0], []]\n }\n case 'focusEndOfWeek': {\n const p = parseIso(state.focused)\n if (!p) return [state, []]\n const d = new Date(p.y, p.m - 1, p.d)\n const delta = 6 - ((d.getDay() - state.weekStartsOn + 7) % 7)\n return [update(state, { type: 'moveFocus', days: delta })[0], []]\n }\n case 'focusToday': {\n const today = todayIso()\n return [syncVisibleMonth({ ...state, focused: today }, today), []]\n }\n case 'clear':\n return [{ ...state, value: null }, []]\n }\n}\n\nexport interface DayCell {\n iso: string\n day: number\n inMonth: boolean\n isToday: boolean\n isSelected: boolean\n isFocused: boolean\n isDisabled: boolean\n}\n\n/**\n * Compute the grid of days visible in the current month view. Always returns\n * full weeks: leading days from previous month and trailing from next month\n * to fill the grid.\n */\nexport function monthGrid(state: DatePickerState): DayCell[] {\n const y = state.visibleYear\n const m = state.visibleMonth\n const first = new Date(y, m - 1, 1)\n const firstDay = first.getDay()\n const leadDays = (firstDay - state.weekStartsOn + 7) % 7\n const totalDays = daysInMonth(y, m)\n const today = todayIso()\n\n const cells: DayCell[] = []\n // Leading: previous month's trailing days\n for (let i = leadDays; i > 0; i--) {\n const d = new Date(y, m - 1, 1 - i)\n const iso = toIso(d.getFullYear(), d.getMonth() + 1, d.getDate())\n cells.push({\n iso,\n day: d.getDate(),\n inMonth: false,\n isToday: iso === today,\n isSelected: iso === state.value,\n isFocused: iso === state.focused,\n isDisabled: !isInRange(iso, state.min, state.max),\n })\n }\n // Current month\n for (let d = 1; d <= totalDays; d++) {\n const iso = toIso(y, m, d)\n cells.push({\n iso,\n day: d,\n inMonth: true,\n isToday: iso === today,\n isSelected: iso === state.value,\n isFocused: iso === state.focused,\n isDisabled: !isInRange(iso, state.min, state.max),\n })\n }\n // Trailing: next month's leading days to fill to multiple of 7\n const remaining = (7 - (cells.length % 7)) % 7\n for (let d = 1; d <= remaining; d++) {\n const next = new Date(y, m, d)\n const iso = toIso(next.getFullYear(), next.getMonth() + 1, next.getDate())\n cells.push({\n iso,\n day: d,\n inMonth: false,\n isToday: iso === today,\n isSelected: iso === state.value,\n isFocused: iso === state.focused,\n isDisabled: !isInRange(iso, state.min, state.max),\n })\n }\n return cells\n}\n\n/**\n * Group a flat `DayCell[]` (from `monthGrid`) into rows of 7 — one row\n * per week — so the view can wrap each in a `role=\"row\"` element as\n * required by the WAI-ARIA grid pattern.\n */\nexport function weekRows(cells: DayCell[]): DayCell[][] {\n const rows: DayCell[][] = []\n for (let i = 0; i < cells.length; i += 7) {\n rows.push(cells.slice(i, i + 7))\n }\n return rows\n}\n\nexport interface DayCellParts<_S> {\n cell: {\n role: 'gridcell'\n 'aria-selected': boolean\n 'aria-disabled': 'true' | undefined\n tabIndex: number\n 'data-scope': 'date-picker'\n 'data-part': 'day-cell'\n 'data-date': string\n 'data-in-month': '' | undefined\n 'data-today': '' | undefined\n 'data-selected': '' | undefined\n 'data-focused': '' | undefined\n 'data-disabled': '' | undefined\n onClick: (e: MouseEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n onFocus: (e: FocusEvent) => void\n }\n}\n\nexport interface DatePickerParts<S> {\n root: {\n 'data-scope': 'date-picker'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n }\n grid: {\n role: 'grid'\n 'aria-label': (s: S) => string\n 'data-scope': 'date-picker'\n 'data-part': 'grid'\n }\n row: {\n role: 'row'\n 'data-scope': 'date-picker'\n 'data-part': 'row'\n }\n prevMonthTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'date-picker'\n 'data-part': 'prev-month-trigger'\n onClick: (e: MouseEvent) => void\n }\n nextMonthTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'date-picker'\n 'data-part': 'next-month-trigger'\n onClick: (e: MouseEvent) => void\n }\n dayCell: (cell: DayCell) => DayCellParts<S>\n}\n\nexport interface ConnectOptions {\n prevLabel?: string\n nextLabel?: string\n gridLabel?: (year: number, month: number) => string\n}\n\nexport function connect<S>(\n get: (s: S) => DatePickerState,\n send: Send<DatePickerMsg>,\n opts: ConnectOptions = {},\n): DatePickerParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const prevLabel: string | ((s: S) => string) =\n opts.prevLabel ?? ((s: S) => locale(s).datePicker.prev)\n const nextLabel: string | ((s: S) => string) =\n opts.nextLabel ?? ((s: S) => locale(s).datePicker.next)\n const gridLabel = opts.gridLabel ?? en.datePicker.grid\n\n return {\n root: {\n 'data-scope': 'date-picker',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n },\n grid: {\n role: 'grid',\n 'aria-label': (s) => gridLabel(get(s).visibleYear, get(s).visibleMonth),\n 'data-scope': 'date-picker',\n 'data-part': 'grid',\n },\n row: {\n role: 'row',\n 'data-scope': 'date-picker',\n 'data-part': 'row',\n },\n prevMonthTrigger: {\n type: 'button',\n 'aria-label': prevLabel,\n disabled: (s) => get(s).disabled,\n 'data-scope': 'date-picker',\n 'data-part': 'prev-month-trigger',\n onClick: () => send({ type: 'prevMonth' }),\n },\n nextMonthTrigger: {\n type: 'button',\n 'aria-label': nextLabel,\n disabled: (s) => get(s).disabled,\n 'data-scope': 'date-picker',\n 'data-part': 'next-month-trigger',\n onClick: () => send({ type: 'nextMonth' }),\n },\n dayCell: (cell: DayCell): DayCellParts<S> => ({\n cell: {\n role: 'gridcell',\n 'aria-selected': cell.isSelected,\n 'aria-disabled': cell.isDisabled ? 'true' : undefined,\n tabIndex: cell.isFocused ? 0 : -1,\n 'data-scope': 'date-picker',\n 'data-part': 'day-cell',\n 'data-date': cell.iso,\n 'data-in-month': cell.inMonth ? '' : undefined,\n 'data-today': cell.isToday ? '' : undefined,\n 'data-selected': cell.isSelected ? '' : undefined,\n 'data-focused': cell.isFocused ? '' : undefined,\n 'data-disabled': cell.isDisabled ? '' : undefined,\n onClick: () => {\n if (cell.isDisabled) return\n send({ type: 'setFocused', date: cell.iso })\n send({ type: 'selectFocused' })\n },\n onFocus: () => send({ type: 'setFocused', date: cell.iso }),\n onKeyDown: (e) => {\n const key = flipArrow(e.key, e.currentTarget as Element)\n switch (key) {\n case 'ArrowLeft':\n e.preventDefault()\n send({ type: 'moveFocus', days: -1 })\n return\n case 'ArrowRight':\n e.preventDefault()\n send({ type: 'moveFocus', days: 1 })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'moveFocus', days: -7 })\n return\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'moveFocus', days: 7 })\n return\n case 'PageUp':\n e.preventDefault()\n send({ type: 'prevMonth' })\n return\n case 'PageDown':\n e.preventDefault()\n send({ type: 'nextMonth' })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'focusStartOfWeek' })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'focusEndOfWeek' })\n return\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'selectFocused' })\n return\n }\n },\n },\n }),\n }\n}\n\nexport const datePicker = { init, update, connect, monthGrid, weekRows }\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { show, portal, onMount, div, useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
3
|
-
import { pushFocusTrap } from '../utils/focus-trap';
|
|
4
|
-
import { pushDismissable } from '../utils/dismissable';
|
|
5
|
-
import { setAriaHiddenOutside } from '../utils/aria-hidden';
|
|
6
|
-
import { lockBodyScroll } from '../utils/remove-scroll';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
|
+
import { pushFocusTrap } from '../utils/focus-trap.js';
|
|
4
|
+
import { pushDismissable } from '../utils/dismissable.js';
|
|
5
|
+
import { setAriaHiddenOutside } from '../utils/aria-hidden.js';
|
|
6
|
+
import { lockBodyScroll } from '../utils/remove-scroll.js';
|
|
7
7
|
export function init(opts = {}) {
|
|
8
8
|
return { open: opts.open ?? false };
|
|
9
9
|
}
|
|
@@ -140,3 +140,4 @@ export function overlay(opts) {
|
|
|
140
140
|
});
|
|
141
141
|
}
|
|
142
142
|
export const dialog = { init, update, connect, overlay };
|
|
143
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Dialog — modal / non-modal overlay. Ties together focus-trap, dismissable,\n * body scroll lock, sibling aria-hidden, and portal-to-body rendering into\n * a single view helper.\n *\n * Two layers:\n * - **state machine** (`init`, `update`, `connect`) — pure, minimal.\n * - **`overlay()` view helper** — opens the dialog's DOM tree inside a\n * body portal, wires up all accessibility utilities on mount, tears\n * them down on close, restores focus to the trigger.\n *\n * ```ts\n * const parts = dialog.connect<State>(s => s.confirm, sendDialog, { id: 'confirm' })\n *\n * view: (send) => [\n * button({ ...parts.trigger, class: 'btn' }, [text('Delete')]),\n * ...dialog.overlay({\n * get: s => s.confirm,\n * send: sendDialog,\n * parts,\n * content: () => [\n * div({ ...parts.content, class: 'dialog' }, [\n * h2({ ...parts.title }, [text('Are you sure?')]),\n * button({ ...parts.closeTrigger, class: 'btn' }, [text('Cancel')]),\n * ]),\n * ],\n * transition: fade({ duration: 150 }),\n * }),\n * ]\n * ```\n */\n\nexport interface DialogState {\n open: boolean\n}\n\nexport type DialogMsg =\n | { type: 'open' }\n | { type: 'close' }\n | { type: 'toggle' }\n | { type: 'setOpen'; open: boolean }\n\nexport interface DialogInit {\n open?: boolean\n}\n\nexport function init(opts: DialogInit = {}): DialogState {\n return { open: opts.open ?? false }\n}\n\nexport function update(state: DialogState, msg: DialogMsg): [DialogState, never[]] {\n switch (msg.type) {\n case 'open':\n return [{ ...state, open: true }, []]\n case 'close':\n return [{ ...state, open: false }, []]\n case 'toggle':\n return [{ ...state, open: !state.open }, []]\n case 'setOpen':\n return [{ ...state, open: msg.open }, []]\n }\n}\n\nexport interface DialogParts<S> {\n trigger: {\n type: 'button'\n 'aria-haspopup': 'dialog'\n 'aria-expanded': (s: S) => boolean\n 'aria-controls': string\n id: string\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'dialog'\n 'data-part': 'trigger'\n onClick: (e: MouseEvent) => void\n }\n backdrop: {\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'dialog'\n 'data-part': 'backdrop'\n 'aria-hidden': 'true'\n }\n positioner: {\n 'data-scope': 'dialog'\n 'data-part': 'positioner'\n }\n content: {\n role: 'dialog' | 'alertdialog'\n id: string\n 'aria-modal': 'true' | undefined\n 'aria-labelledby': string\n 'aria-describedby': string\n tabIndex: -1\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'dialog'\n 'data-part': 'content'\n }\n title: {\n id: string\n 'data-scope': 'dialog'\n 'data-part': 'title'\n }\n description: {\n id: string\n 'data-scope': 'dialog'\n 'data-part': 'description'\n }\n closeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'dialog'\n 'data-part': 'close-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n /** Unique id per dialog instance (used for ARIA wiring). */\n id: string\n /** ARIA role (default: 'dialog'). Use 'alertdialog' for destructive confirmations. */\n role?: 'dialog' | 'alertdialog'\n /** Modal dialogs trap focus and lock scroll (default: true). */\n modal?: boolean\n /** Accessible label for the close button (default: 'Close'). */\n closeLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => DialogState,\n send: Send<DialogMsg>,\n opts: ConnectOptions,\n): DialogParts<S> {\n const base = opts.id\n const contentId = `${base}:content`\n const titleId = `${base}:title`\n const descId = `${base}:description`\n const triggerId = `${base}:trigger`\n const role = opts.role ?? 'dialog'\n const modal = opts.modal !== false\n const locale = useContext<S, Locale>(LocaleContext)\n const closeLabel: string | ((s: S) => string) =\n opts.closeLabel ?? ((s: S) => locale(s).dialog.close)\n\n return {\n trigger: {\n type: 'button',\n 'aria-haspopup': 'dialog',\n 'aria-expanded': (s) => get(s).open,\n 'aria-controls': contentId,\n id: triggerId,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'dialog',\n 'data-part': 'trigger',\n onClick: () => send({ type: 'open' }),\n },\n backdrop: {\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'dialog',\n 'data-part': 'backdrop',\n 'aria-hidden': 'true',\n },\n positioner: {\n 'data-scope': 'dialog',\n 'data-part': 'positioner',\n },\n content: {\n role,\n id: contentId,\n 'aria-modal': modal ? 'true' : undefined,\n 'aria-labelledby': titleId,\n 'aria-describedby': descId,\n tabIndex: -1,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'dialog',\n 'data-part': 'content',\n },\n title: {\n id: titleId,\n 'data-scope': 'dialog',\n 'data-part': 'title',\n },\n description: {\n id: descId,\n 'data-scope': 'dialog',\n 'data-part': 'description',\n },\n closeTrigger: {\n type: 'button',\n 'aria-label': closeLabel,\n 'data-scope': 'dialog',\n 'data-part': 'close-trigger',\n onClick: () => send({ type: 'close' }),\n },\n }\n}\n\nexport interface OverlayOptions<S> {\n /** State accessor. */\n get: (s: S) => DialogState\n /** Send dispatcher for dialog messages. */\n send: Send<DialogMsg>\n /** Parts from `connect()` — used to locate the content element by id. */\n parts: DialogParts<S>\n /** Content rendering. */\n content: () => Node[]\n /** Optional transition to apply on open/close (from `@llui/transitions`). */\n transition?: TransitionOptions\n /** Close on Escape key (default: true). */\n closeOnEscape?: boolean\n /** Close on click outside content (default: true). */\n closeOnOutsideClick?: boolean\n /** Trap focus inside the dialog while open (default: true for modal). */\n trapFocus?: boolean\n /** Lock body scroll while open (default: true for modal). */\n lockScroll?: boolean\n /** Apply aria-hidden to sibling trees (default: true for modal). */\n hideSiblings?: boolean\n /** Target element / selector for the portal (default: 'body'). */\n target?: string | HTMLElement\n /** Element to focus initially (default: first focusable inside content). */\n initialFocus?: Element | (() => Element | null)\n /** Restore focus on close (default: true). */\n restoreFocus?: boolean\n}\n\n/**\n * Build the dialog's DOM tree and wire up all accessibility utilities.\n * Returns a `show()` structural block that tracks `get(state).open`.\n */\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n const target = opts.target ?? 'body'\n const closeOnEscape = opts.closeOnEscape !== false\n const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n const trapFocus = opts.trapFocus !== false\n const lockScroll = opts.lockScroll !== false\n const hideSiblings = opts.hideSiblings !== false\n const restoreFocus = opts.restoreFocus !== false\n const parts = opts.parts\n const contentId = parts.content.id\n const triggerId = parts.trigger.id\n\n return show<S, DialogMsg>({\n when: (s) => opts.get(s).open,\n render: () =>\n portal({\n target,\n render: () => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n if (!contentEl) return\n const triggerEl = document.getElementById(triggerId)\n\n const cleanups: Array<() => void> = []\n\n if (lockScroll) cleanups.push(lockBodyScroll())\n if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n if (trapFocus) {\n cleanups.push(\n pushFocusTrap({\n container: contentEl,\n initialFocus: opts.initialFocus,\n restoreFocus,\n }),\n )\n }\n if (closeOnEscape || closeOnOutsideClick) {\n cleanups.push(\n pushDismissable({\n element: contentEl,\n ignore: () => (triggerEl ? [triggerEl] : []),\n disableEscape: !closeOnEscape,\n disableOutside: !closeOnOutsideClick,\n onDismiss: () => opts.send({ type: 'close' }),\n }),\n )\n }\n\n return () => {\n for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n }\n })\n return [div(parts.positioner, opts.content())]\n },\n }),\n enter: opts.transition?.enter,\n leave: opts.transition?.leave,\n })\n}\n\nexport const dialog = { init, update, connect, overlay }\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { show, portal, onMount, div, useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
3
|
-
import { pushDismissable } from '../utils/dismissable';
|
|
4
|
-
import { pushFocusTrap } from '../utils/focus-trap';
|
|
5
|
-
import { setAriaHiddenOutside } from '../utils/aria-hidden';
|
|
6
|
-
import { lockBodyScroll } from '../utils/remove-scroll';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
|
+
import { pushDismissable } from '../utils/dismissable.js';
|
|
4
|
+
import { pushFocusTrap } from '../utils/focus-trap.js';
|
|
5
|
+
import { setAriaHiddenOutside } from '../utils/aria-hidden.js';
|
|
6
|
+
import { lockBodyScroll } from '../utils/remove-scroll.js';
|
|
7
7
|
export function init(opts = {}) {
|
|
8
8
|
return { open: opts.open ?? false };
|
|
9
9
|
}
|
|
@@ -136,3 +136,4 @@ export function overlay(opts) {
|
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
export const drawer = { init, update, connect, overlay };
|
|
139
|
+
//# sourceMappingURL=drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Drawer — a panel that slides in from a screen edge. Structurally\n * identical to dialog (portal + focus trap + dismissable + aria-hidden +\n * scroll lock), but adds a `side` so styling can animate from that edge.\n */\n\nexport type DrawerSide = 'left' | 'right' | 'top' | 'bottom'\n\nexport interface DrawerState {\n open: boolean\n}\n\nexport type DrawerMsg =\n | { type: 'open' }\n | { type: 'close' }\n | { type: 'toggle' }\n | { type: 'setOpen'; open: boolean }\n\nexport interface DrawerInit {\n open?: boolean\n}\n\nexport function init(opts: DrawerInit = {}): DrawerState {\n return { open: opts.open ?? false }\n}\n\nexport function update(state: DrawerState, msg: DrawerMsg): [DrawerState, never[]] {\n switch (msg.type) {\n case 'open':\n return [{ ...state, open: true }, []]\n case 'close':\n return [{ ...state, open: false }, []]\n case 'toggle':\n return [{ ...state, open: !state.open }, []]\n case 'setOpen':\n return [{ ...state, open: msg.open }, []]\n }\n}\n\nexport interface DrawerParts<S> {\n trigger: {\n type: 'button'\n 'aria-haspopup': 'dialog'\n 'aria-expanded': (s: S) => boolean\n 'aria-controls': string\n id: string\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'drawer'\n 'data-part': 'trigger'\n onClick: (e: MouseEvent) => void\n }\n backdrop: {\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'drawer'\n 'data-part': 'backdrop'\n 'aria-hidden': 'true'\n }\n positioner: {\n 'data-scope': 'drawer'\n 'data-part': 'positioner'\n 'data-side': DrawerSide\n }\n content: {\n role: 'dialog'\n id: string\n 'aria-modal': 'true'\n 'aria-labelledby': string\n tabIndex: -1\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'drawer'\n 'data-part': 'content'\n 'data-side': DrawerSide\n }\n title: {\n id: string\n 'data-scope': 'drawer'\n 'data-part': 'title'\n }\n description: {\n id: string\n 'data-scope': 'drawer'\n 'data-part': 'description'\n }\n closeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'drawer'\n 'data-part': 'close-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n id: string\n side?: DrawerSide\n closeLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => DrawerState,\n send: Send<DrawerMsg>,\n opts: ConnectOptions,\n): DrawerParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const side = opts.side ?? 'right'\n const base = opts.id\n const contentId = `${base}:content`\n const titleId = `${base}:title`\n const descId = `${base}:description`\n const triggerId = `${base}:trigger`\n const closeLabel: string | ((s: S) => string) =\n opts.closeLabel ?? ((s: S) => locale(s).drawer.close)\n\n return {\n trigger: {\n type: 'button',\n 'aria-haspopup': 'dialog',\n 'aria-expanded': (s) => get(s).open,\n 'aria-controls': contentId,\n id: triggerId,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'drawer',\n 'data-part': 'trigger',\n onClick: () => send({ type: 'open' }),\n },\n backdrop: {\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'drawer',\n 'data-part': 'backdrop',\n 'aria-hidden': 'true',\n },\n positioner: {\n 'data-scope': 'drawer',\n 'data-part': 'positioner',\n 'data-side': side,\n },\n content: {\n role: 'dialog',\n id: contentId,\n 'aria-modal': 'true',\n 'aria-labelledby': titleId,\n tabIndex: -1,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'drawer',\n 'data-part': 'content',\n 'data-side': side,\n },\n title: {\n id: titleId,\n 'data-scope': 'drawer',\n 'data-part': 'title',\n },\n description: {\n id: descId,\n 'data-scope': 'drawer',\n 'data-part': 'description',\n },\n closeTrigger: {\n type: 'button',\n 'aria-label': closeLabel,\n 'data-scope': 'drawer',\n 'data-part': 'close-trigger',\n onClick: () => send({ type: 'close' }),\n },\n }\n}\n\nexport interface OverlayOptions<S> {\n get: (s: S) => DrawerState\n send: Send<DrawerMsg>\n parts: DrawerParts<S>\n content: () => Node[]\n transition?: TransitionOptions\n closeOnEscape?: boolean\n closeOnOutsideClick?: boolean\n trapFocus?: boolean\n lockScroll?: boolean\n hideSiblings?: boolean\n target?: string | HTMLElement\n initialFocus?: Element | (() => Element | null)\n restoreFocus?: boolean\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n const target = opts.target ?? 'body'\n const closeOnEscape = opts.closeOnEscape !== false\n const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n const trapFocus = opts.trapFocus !== false\n const lockScroll = opts.lockScroll !== false\n const hideSiblings = opts.hideSiblings !== false\n const restoreFocus = opts.restoreFocus !== false\n const parts = opts.parts\n const contentId = parts.content.id\n const triggerId = parts.trigger.id\n\n return show<S, DrawerMsg>({\n when: (s) => opts.get(s).open,\n render: () =>\n portal({\n target,\n render: () => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n if (!contentEl) return\n const triggerEl = document.getElementById(triggerId)\n\n const cleanups: Array<() => void> = []\n if (lockScroll) cleanups.push(lockBodyScroll())\n if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n if (trapFocus) {\n cleanups.push(\n pushFocusTrap({\n container: contentEl,\n initialFocus: opts.initialFocus,\n restoreFocus,\n }),\n )\n }\n if (closeOnEscape || closeOnOutsideClick) {\n cleanups.push(\n pushDismissable({\n element: contentEl,\n ignore: () => (triggerEl ? [triggerEl] : []),\n disableEscape: !closeOnEscape,\n disableOutside: !closeOnOutsideClick,\n onDismiss: () => opts.send({ type: 'close' }),\n }),\n )\n }\n\n return () => {\n for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n }\n })\n return [div(parts.positioner, opts.content())]\n },\n }),\n enter: opts.transition?.enter,\n leave: opts.transition?.leave,\n })\n}\n\nexport const drawer = { init, update, connect, overlay }\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editable.js","sourceRoot":"","sources":["../../src/components/editable.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Editable — inline text editor. Click preview to enter edit mode, Enter\n * to commit, Escape to cancel. Reports the committed value via `onSubmit`.\n */\n\nexport interface EditableState {\n value: string\n editing: boolean\n draft: string\n disabled: boolean\n}\n\nexport type EditableMsg =\n | { type: 'edit' }\n | { type: 'setDraft'; draft: string }\n | { type: 'submit' }\n | { type: 'cancel' }\n | { type: 'setValue'; value: string }\n\nexport interface EditableInit {\n value?: string\n editing?: boolean\n disabled?: boolean\n}\n\nexport function init(opts: EditableInit = {}): EditableState {\n const value = opts.value ?? ''\n return {\n value,\n editing: opts.editing ?? false,\n draft: value,\n disabled: opts.disabled ?? false,\n }\n}\n\nexport function update(state: EditableState, msg: EditableMsg): [EditableState, never[]] {\n if (state.disabled && msg.type !== 'setValue') return [state, []]\n switch (msg.type) {\n case 'edit':\n return [{ ...state, editing: true, draft: state.value }, []]\n case 'setDraft':\n return [{ ...state, draft: msg.draft }, []]\n case 'submit':\n return [{ ...state, editing: false, value: state.draft }, []]\n case 'cancel':\n return [{ ...state, editing: false, draft: state.value }, []]\n case 'setValue':\n return [{ ...state, value: msg.value, draft: msg.value }, []]\n }\n}\n\nexport interface EditableParts<S> {\n root: {\n 'data-scope': 'editable'\n 'data-part': 'root'\n 'data-editing': (s: S) => '' | undefined\n 'data-disabled': (s: S) => '' | undefined\n }\n preview: {\n tabIndex: (s: S) => number\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-scope': 'editable'\n 'data-part': 'preview'\n hidden: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n onFocus: (e: FocusEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n input: {\n 'data-scope': 'editable'\n 'data-part': 'input'\n hidden: (s: S) => boolean\n value: (s: S) => string\n disabled: (s: S) => boolean\n onInput: (e: Event) => void\n onKeyDown: (e: KeyboardEvent) => void\n onBlur: (e: FocusEvent) => void\n }\n submitTrigger: {\n type: 'button'\n 'data-scope': 'editable'\n 'data-part': 'submit-trigger'\n onClick: (e: MouseEvent) => void\n }\n cancelTrigger: {\n type: 'button'\n 'data-scope': 'editable'\n 'data-part': 'cancel-trigger'\n onClick: (e: MouseEvent) => void\n }\n editTrigger: {\n type: 'button'\n 'data-scope': 'editable'\n 'data-part': 'edit-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n /** Activate edit mode on preview focus (default: false — requires click). */\n activateOnFocus?: boolean\n /** Submit on blur (default: true). False = blur cancels. */\n submitOnBlur?: boolean\n /** Validate the draft text before committing. Non-empty array blocks submit. */\n validate?: (value: string) => string[] | null\n}\n\nexport function connect<S>(\n get: (s: S) => EditableState,\n send: Send<EditableMsg>,\n opts: ConnectOptions = {},\n): EditableParts<S> {\n const activateOnFocus = opts.activateOnFocus === true\n const submitOnBlur = opts.submitOnBlur !== false\n const validate = opts.validate\n let currentDraft = ''\n\n const trySubmit = () => {\n if (validate) {\n const errors = validate(currentDraft)\n if (errors && errors.length > 0) return\n }\n send({ type: 'submit' })\n }\n\n return {\n root: {\n 'data-scope': 'editable',\n 'data-part': 'root',\n 'data-editing': (s) => (get(s).editing ? '' : undefined),\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n },\n preview: {\n tabIndex: (s) => (get(s).disabled ? -1 : 0),\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'data-scope': 'editable',\n 'data-part': 'preview',\n hidden: (s) => get(s).editing,\n onClick: () => send({ type: 'edit' }),\n onFocus: () => {\n if (activateOnFocus) send({ type: 'edit' })\n },\n onKeyDown: (e) => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'F2') {\n e.preventDefault()\n send({ type: 'edit' })\n }\n },\n },\n input: {\n 'data-scope': 'editable',\n 'data-part': 'input',\n hidden: (s) => !get(s).editing,\n value: (s) => get(s).draft,\n disabled: (s) => get(s).disabled,\n onInput: (e) => {\n const draft = (e.target as HTMLInputElement).value\n currentDraft = draft\n send({ type: 'setDraft', draft })\n },\n onKeyDown: (e) => {\n if (e.key === 'Enter') {\n e.preventDefault()\n trySubmit()\n } else if (e.key === 'Escape') {\n e.preventDefault()\n send({ type: 'cancel' })\n }\n },\n onBlur: () => {\n if (submitOnBlur) trySubmit()\n else send({ type: 'cancel' })\n },\n },\n submitTrigger: {\n type: 'button',\n 'data-scope': 'editable',\n 'data-part': 'submit-trigger',\n onClick: () => trySubmit(),\n },\n cancelTrigger: {\n type: 'button',\n 'data-scope': 'editable',\n 'data-part': 'cancel-trigger',\n onClick: () => send({ type: 'cancel' }),\n },\n editTrigger: {\n type: 'button',\n 'data-scope': 'editable',\n 'data-part': 'edit-trigger',\n onClick: () => send({ type: 'edit' }),\n },\n }\n}\n\nexport const editable = { init, update, connect }\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
3
|
export function init(opts = {}) {
|
|
4
4
|
return {
|
|
5
5
|
files: opts.files ?? [],
|
|
@@ -326,3 +326,4 @@ export const fileUpload = {
|
|
|
326
326
|
validateFiles,
|
|
327
327
|
preventDocumentDrop,
|
|
328
328
|
};
|
|
329
|
+
//# sourceMappingURL=file-upload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../src/components/file-upload.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 * File upload — input element + drag-and-drop zone. Tracks selected files,\n * drag state, accept filters, validation errors. Multiple or single selection.\n *\n * `accept` can be either a raw HTML-accept string (`\"image/*,.pdf\"`) or a\n * MIME-object (`{ 'image/*': ['.png', '.jpg'], 'application/pdf': [] }`).\n * The object form is validated client-side per file; the raw string form\n * only drives the browser's native picker filter.\n *\n * Files that fail validation (too large, too small, wrong type, over the\n * count limit) flow into `rejectedFiles` with a list of `FileError` codes\n * attached. The view can render them alongside accepted files.\n */\n\nexport type AcceptValue = string | Record<string, string[]>\n\nexport type FileError =\n | { code: 'TOO_LARGE'; max: number }\n | { code: 'TOO_SMALL'; min: number }\n | { code: 'INVALID_TYPE' }\n | { code: 'TOO_MANY'; max: number }\n | { code: 'CUSTOM'; message: string }\n\nexport interface RejectedFile {\n file: File\n errors: FileError[]\n}\n\nexport interface FileUploadState {\n files: File[]\n rejectedFiles: RejectedFile[]\n disabled: boolean\n multiple: boolean\n accept: AcceptValue\n maxFiles: number\n maxSize: number\n minFileSize: number\n required: boolean\n readOnly: boolean\n invalid: boolean\n dragging: boolean\n}\n\nexport type FileUploadMsg =\n | { type: 'setFiles'; files: File[]; customRejected?: RejectedFile[] }\n | { type: 'addFiles'; files: File[]; customRejected?: RejectedFile[] }\n | { type: 'removeFile'; index: number }\n | { type: 'removeRejected'; index: number }\n | { type: 'clear' }\n | { type: 'clearRejected' }\n | { type: 'dragEnter' }\n | { type: 'dragLeave' }\n | { type: 'drop' }\n | { type: 'setInvalid'; invalid: boolean }\n\nexport interface FileUploadInit {\n files?: File[]\n disabled?: boolean\n multiple?: boolean\n accept?: AcceptValue\n maxFiles?: number\n maxSize?: number\n minFileSize?: number\n required?: boolean\n readOnly?: boolean\n invalid?: boolean\n}\n\nexport function init(opts: FileUploadInit = {}): FileUploadState {\n return {\n files: opts.files ?? [],\n rejectedFiles: [],\n disabled: opts.disabled ?? false,\n multiple: opts.multiple ?? false,\n accept: opts.accept ?? '',\n maxFiles: opts.maxFiles ?? 0,\n maxSize: opts.maxSize ?? 0,\n minFileSize: opts.minFileSize ?? 0,\n required: opts.required ?? false,\n readOnly: opts.readOnly ?? false,\n invalid: opts.invalid ?? false,\n dragging: false,\n }\n}\n\n/**\n * Serialize an AcceptValue into a comma-joined string suitable for the\n * HTML `accept` attribute. Both MIME types and extensions are emitted.\n */\nexport function acceptToString(accept: AcceptValue): string {\n if (typeof accept === 'string') return accept\n const parts: string[] = []\n for (const [mime, exts] of Object.entries(accept)) {\n parts.push(mime)\n for (const ext of exts) parts.push(ext)\n }\n return parts.join(',')\n}\n\n/**\n * Check whether a file matches the accept configuration. Raw-string accept\n * is passed through to the browser picker so we always return true here;\n * MIME-object accept is validated by checking MIME type (with wildcards)\n * and extension membership.\n */\nexport function fileMatchesAccept(file: File, accept: AcceptValue): boolean {\n if (typeof accept === 'string' || Object.keys(accept).length === 0) return true\n const name = file.name.toLowerCase()\n for (const [mime, exts] of Object.entries(accept)) {\n if (matchMime(file.type, mime)) return true\n for (const ext of exts) {\n if (name.endsWith(ext.toLowerCase())) return true\n }\n }\n return false\n}\n\nfunction matchMime(fileType: string, pattern: string): boolean {\n if (!fileType) return false\n if (pattern === fileType) return true\n // Wildcard support: \"image/*\" matches \"image/png\"\n if (pattern.endsWith('/*')) {\n const prefix = pattern.slice(0, -1) // \"image/\"\n return fileType.startsWith(prefix)\n }\n return false\n}\n\n/**\n * Partition incoming files into accepted and rejected based on state's\n * accept/size/count constraints. The current accepted-file count is used\n * to enforce `maxFiles` — the caller is responsible for passing the\n * post-combine accepted total when appending.\n */\nexport function validateFiles(\n incoming: File[],\n state: FileUploadState,\n existingAcceptedCount: number,\n): { accepted: File[]; rejected: RejectedFile[] } {\n const accepted: File[] = []\n const rejected: RejectedFile[] = []\n let count = existingAcceptedCount\n for (const f of incoming) {\n const errors: FileError[] = []\n if (state.maxSize > 0 && f.size > state.maxSize) {\n errors.push({ code: 'TOO_LARGE', max: state.maxSize })\n }\n if (state.minFileSize > 0 && f.size < state.minFileSize) {\n errors.push({ code: 'TOO_SMALL', min: state.minFileSize })\n }\n if (!fileMatchesAccept(f, state.accept)) {\n errors.push({ code: 'INVALID_TYPE' })\n }\n if (state.maxFiles > 0 && count >= state.maxFiles) {\n errors.push({ code: 'TOO_MANY', max: state.maxFiles })\n }\n if (errors.length > 0) {\n rejected.push({ file: f, errors })\n } else {\n accepted.push(f)\n count++\n }\n }\n return { accepted, rejected }\n}\n\nexport function update(state: FileUploadState, msg: FileUploadMsg): [FileUploadState, never[]] {\n if (state.disabled && msg.type !== 'clear' && msg.type !== 'clearRejected') {\n return [state, []]\n }\n if (state.readOnly && (msg.type === 'setFiles' || msg.type === 'addFiles')) {\n return [state, []]\n }\n switch (msg.type) {\n case 'setFiles': {\n const { accepted, rejected } = validateFiles(msg.files, state, 0)\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: accepted, rejectedFiles: merged }, []]\n }\n case 'addFiles': {\n const base = state.multiple ? state.files : []\n const { accepted, rejected } = validateFiles(msg.files, state, base.length)\n const combined = state.multiple ? [...base, ...accepted] : accepted\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: combined, rejectedFiles: merged }, []]\n }\n case 'removeFile':\n return [{ ...state, files: state.files.filter((_, i) => i !== msg.index) }, []]\n case 'removeRejected':\n return [\n { ...state, rejectedFiles: state.rejectedFiles.filter((_, i) => i !== msg.index) },\n [],\n ]\n case 'clear':\n return [{ ...state, files: [], rejectedFiles: [] }, []]\n case 'clearRejected':\n return [{ ...state, rejectedFiles: [] }, []]\n case 'setInvalid':\n return [{ ...state, invalid: msg.invalid }, []]\n case 'dragEnter':\n return [{ ...state, dragging: true }, []]\n case 'dragLeave':\n case 'drop':\n return [{ ...state, dragging: false }, []]\n }\n}\n\nexport function totalSize(state: FileUploadState): number {\n let total = 0\n for (const f of state.files) total += f.size\n return total\n}\n\n/**\n * Install a document-level dragover/drop blocker. Without this, dragging a\n * file outside the dropzone causes the browser to navigate away from the\n * page. Call from onMount and invoke the returned disposer on unmount.\n */\nexport function preventDocumentDrop(): () => void {\n const prevent = (e: DragEvent): void => {\n // Only prevent default if the drop is NOT on an element inside a\n // file-upload dropzone — let those handle their own drops.\n const target = e.target as Element | null\n if (target?.closest('[data-scope=\"file-upload\"][data-part=\"dropzone\"]')) return\n e.preventDefault()\n }\n document.addEventListener('dragover', prevent)\n document.addEventListener('drop', prevent)\n return () => {\n document.removeEventListener('dragover', prevent)\n document.removeEventListener('drop', prevent)\n }\n}\n\nexport interface FileUploadItemParts<S> {\n item: {\n 'data-scope': 'file-upload'\n 'data-part': 'item'\n 'data-index': string\n }\n itemName: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-name'\n }\n itemSizeText: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-size-text'\n }\n itemPreview: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-preview'\n }\n removeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-remove'\n onClick: (e: MouseEvent) => void\n }\n /** Zag-aligned alias for removeTrigger. Same wiring. */\n itemDeleteTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-delete-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface FileUploadParts<S> {\n root: {\n 'data-scope': 'file-upload'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-dragging': (s: S) => '' | undefined\n 'data-invalid': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n }\n dropzone: {\n 'data-scope': 'file-upload'\n 'data-part': 'dropzone'\n 'data-dragging': (s: S) => '' | undefined\n onClick: (e: MouseEvent) => void\n onDragEnter: (e: DragEvent) => void\n onDragOver: (e: DragEvent) => void\n onDragLeave: (e: DragEvent) => void\n onDrop: (e: DragEvent) => void\n }\n trigger: {\n type: 'button'\n 'data-scope': 'file-upload'\n 'data-part': 'trigger'\n disabled: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n }\n hiddenInput: {\n type: 'file'\n tabIndex: -1\n 'aria-hidden': 'true'\n style: string\n disabled: (s: S) => boolean\n multiple: (s: S) => boolean\n accept: (s: S) => string\n required: (s: S) => boolean\n 'aria-invalid': (s: S) => 'true' | undefined\n capture?: string | boolean\n webkitdirectory?: '' | undefined\n 'data-scope': 'file-upload'\n 'data-part': 'hidden-input'\n id: string\n onChange: (e: Event) => void\n }\n label: {\n for: string\n 'data-scope': 'file-upload'\n 'data-part': 'label'\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n itemGroup: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-group'\n }\n item: (index: number) => FileUploadItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n removeLabel?: string\n clearLabel?: string\n /**\n * Hints the browser to use the device camera/microphone for capture. Only\n * applies to mobile. Pass `'user'` for the front camera, `'environment'`\n * for the back, or `true` to accept either.\n */\n capture?: 'user' | 'environment' | boolean\n /** Show a directory-picker instead of a file-picker (webkit only). */\n directory?: boolean\n /**\n * Per-file synchronous validator. Return a non-empty array of `FileError`\n * codes to reject the file, or null/empty to accept. Runs in addition to\n * the state-driven accept/size/count checks — its errors accumulate into\n * `rejectedFiles` alongside the built-in errors.\n */\n validate?: (file: File) => FileError[] | null\n /**\n * Optional transform pipeline. Runs before validation. Can return a\n * Promise; onChange awaits it before dispatching. Use for image resizing,\n * format conversion, etc.\n */\n transformFiles?: (files: File[]) => File[] | Promise<File[]>\n}\n\nconst HIDDEN_STYLE =\n 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(\n get: (s: S) => FileUploadState,\n send: Send<FileUploadMsg>,\n opts: ConnectOptions,\n): FileUploadParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const inputId = `${opts.id}:input`\n const removeLabel: string | ((s: S) => string) =\n opts.removeLabel ?? ((s: S) => locale(s).fileUpload.remove)\n const clearLabel: string | ((s: S) => string) =\n opts.clearLabel ?? ((s: S) => locale(s).fileUpload.clear)\n\n const runPipeline = async (\n raw: File[],\n ): Promise<{ files: File[]; customRejected: RejectedFile[] }> => {\n let files = raw\n if (opts.transformFiles) files = await opts.transformFiles(files)\n const customRejected: RejectedFile[] = []\n if (opts.validate) {\n const passed: File[] = []\n for (const f of files) {\n const errors = opts.validate(f)\n if (errors && errors.length > 0) customRejected.push({ file: f, errors })\n else passed.push(f)\n }\n files = passed\n }\n return { files, customRejected }\n }\n\n const dispatchAdd = (raw: File[]): void => {\n if (!opts.transformFiles && !opts.validate) {\n send({ type: 'addFiles', files: raw })\n return\n }\n // Fire-and-forget — transforms may be async.\n void runPipeline(raw).then(({ files, customRejected }) => {\n send({ type: 'addFiles', files, customRejected })\n })\n }\n\n const openPicker = (e: MouseEvent): void => {\n const target = e.target as HTMLElement\n if (target.getAttribute('data-part') === 'hidden-input') return\n const root = (e.currentTarget as HTMLElement).closest(\n '[data-scope=\"file-upload\"][data-part=\"root\"]',\n )\n const input = root?.querySelector<HTMLInputElement>(\n '[data-scope=\"file-upload\"][data-part=\"hidden-input\"]',\n )\n input?.click()\n }\n\n return {\n root: {\n 'data-scope': 'file-upload',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-invalid': (s) => (get(s).invalid ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n },\n dropzone: {\n 'data-scope': 'file-upload',\n 'data-part': 'dropzone',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n onClick: openPicker,\n onDragEnter: (e) => {\n e.preventDefault()\n send({ type: 'dragEnter' })\n },\n onDragOver: (e) => e.preventDefault(),\n onDragLeave: (e) => {\n e.preventDefault()\n send({ type: 'dragLeave' })\n },\n onDrop: (e) => {\n e.preventDefault()\n const files = Array.from(e.dataTransfer?.files ?? [])\n send({ type: 'drop' })\n dispatchAdd(files)\n },\n },\n trigger: {\n type: 'button',\n 'data-scope': 'file-upload',\n 'data-part': 'trigger',\n disabled: (s) => get(s).disabled,\n onClick: openPicker,\n },\n hiddenInput: {\n type: 'file',\n tabIndex: -1,\n 'aria-hidden': 'true',\n style: HIDDEN_STYLE,\n disabled: (s) => get(s).disabled,\n multiple: (s) => get(s).multiple,\n accept: (s) => acceptToString(get(s).accept),\n required: (s) => get(s).required,\n 'aria-invalid': (s) => (get(s).invalid ? 'true' : undefined),\n ...(opts.capture !== undefined ? { capture: opts.capture } : {}),\n ...(opts.directory === true ? { webkitdirectory: '' as const } : {}),\n 'data-scope': 'file-upload',\n 'data-part': 'hidden-input',\n id: inputId,\n onChange: (e) => {\n const input = e.target as HTMLInputElement\n const files = input.files ? Array.from(input.files) : []\n dispatchAdd(files)\n input.value = ''\n },\n },\n label: {\n for: inputId,\n 'data-scope': 'file-upload',\n 'data-part': 'label',\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': clearLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'clear-trigger',\n onClick: () => send({ type: 'clear' }),\n },\n itemGroup: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-group',\n },\n item: (index: number): FileUploadItemParts<S> => ({\n item: {\n 'data-scope': 'file-upload',\n 'data-part': 'item',\n 'data-index': String(index),\n },\n itemName: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-name',\n },\n itemSizeText: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-size-text',\n },\n itemPreview: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-preview',\n },\n removeTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-remove',\n onClick: () => send({ type: 'removeFile', index }),\n },\n itemDeleteTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-delete-trigger',\n onClick: () => send({ type: 'removeFile', index }),\n },\n }),\n }\n}\n\nexport const fileUpload = {\n init,\n update,\n connect,\n totalSize,\n acceptToString,\n fileMatchesAccept,\n validateFiles,\n preventDocumentDrop,\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
3
|
function clamp(v, min, max) {
|
|
4
4
|
return Math.max(min, Math.min(max, v));
|
|
5
5
|
}
|
|
@@ -199,3 +199,4 @@ export function connect(get, send, opts = {}) {
|
|
|
199
199
|
};
|
|
200
200
|
}
|
|
201
201
|
export const floatingPanel = { init, update, connect };
|
|
202
|
+
//# sourceMappingURL=floating-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-panel.js","sourceRoot":"","sources":["../../src/components/floating-panel.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 * Floating panel — a draggable + resizable window-like surface, useful\n * for dev tools overlays, pop-out inspectors, preview panels, etc. The\n * state machine tracks position and size; the view layer wires pointer\n * events on the drag handle and resize grips and dispatches the\n * corresponding messages.\n *\n * Coordinates are in pixels relative to the positioning container\n * (typically `position: fixed` relative to the viewport).\n */\n\nexport type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport interface FloatingPanelState {\n position: { x: number; y: number }\n size: { width: number; height: number }\n minSize: { width: number; height: number }\n maxSize: { width: number; height: number } | null\n open: boolean\n minimized: boolean\n maximized: boolean\n dragging: boolean\n resizing: ResizeHandle | null\n /** Snapshot of the pre-maximize geometry (for restore). */\n restoreBounds: { x: number; y: number; width: number; height: number } | null\n disabled: boolean\n}\n\nexport type FloatingPanelMsg =\n | { type: 'open' }\n | { type: 'close' }\n | { type: 'minimize' }\n | { type: 'restoreFromMinimized' }\n | { type: 'maximize' }\n | { type: 'restoreFromMaximized' }\n | { type: 'toggleMinimize' }\n | { type: 'toggleMaximize' }\n | { type: 'dragStart' }\n | { type: 'dragMove'; dx: number; dy: number }\n | { type: 'dragEnd' }\n | { type: 'resizeStart'; handle: ResizeHandle }\n | { type: 'resizeMove'; dx: number; dy: number }\n | { type: 'resizeEnd' }\n | { type: 'setPosition'; x: number; y: number }\n | { type: 'setSize'; width: number; height: number }\n\nexport interface FloatingPanelInit {\n position?: { x: number; y: number }\n size?: { width: number; height: number }\n minSize?: { width: number; height: number }\n maxSize?: { width: number; height: number } | null\n open?: boolean\n disabled?: boolean\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n return Math.max(min, Math.min(max, v))\n}\n\nexport function init(opts: FloatingPanelInit = {}): FloatingPanelState {\n return {\n position: opts.position ?? { x: 100, y: 100 },\n size: opts.size ?? { width: 400, height: 300 },\n minSize: opts.minSize ?? { width: 200, height: 150 },\n maxSize: opts.maxSize ?? null,\n open: opts.open ?? true,\n minimized: false,\n maximized: false,\n dragging: false,\n resizing: null,\n restoreBounds: null,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction clampSize(\n width: number,\n height: number,\n min: FloatingPanelState['minSize'],\n max: FloatingPanelState['maxSize'],\n): { width: number; height: number } {\n const maxW = max?.width ?? Infinity\n const maxH = max?.height ?? Infinity\n return {\n width: clamp(width, min.width, maxW),\n height: clamp(height, min.height, maxH),\n }\n}\n\nfunction applyResize(\n state: FloatingPanelState,\n dx: number,\n dy: number,\n handle: ResizeHandle,\n): FloatingPanelState {\n let { x, y } = state.position\n let { width, height } = state.size\n if (handle.includes('e')) width += dx\n if (handle.includes('w')) {\n width -= dx\n x += dx\n }\n if (handle.includes('s')) height += dy\n if (handle.includes('n')) {\n height -= dy\n y += dy\n }\n const size = clampSize(width, height, state.minSize, state.maxSize)\n // If clamping changed width/height, undo the x/y shift by that delta.\n if (handle.includes('w')) x += width - size.width\n if (handle.includes('n')) y += height - size.height\n return { ...state, position: { x, y }, size }\n}\n\nexport function update(\n state: FloatingPanelState,\n msg: FloatingPanelMsg,\n): [FloatingPanelState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'open':\n return [{ ...state, open: true }, []]\n case 'close':\n return [{ ...state, open: false, dragging: false, resizing: null }, []]\n case 'minimize':\n return [{ ...state, minimized: true, dragging: false, resizing: null }, []]\n case 'restoreFromMinimized':\n return [{ ...state, minimized: false }, []]\n case 'toggleMinimize':\n return [{ ...state, minimized: !state.minimized }, []]\n case 'maximize': {\n if (state.maximized) return [state, []]\n return [\n {\n ...state,\n maximized: true,\n restoreBounds: {\n x: state.position.x,\n y: state.position.y,\n width: state.size.width,\n height: state.size.height,\n },\n },\n [],\n ]\n }\n case 'restoreFromMaximized': {\n if (!state.maximized || !state.restoreBounds) {\n return [{ ...state, maximized: false }, []]\n }\n const b = state.restoreBounds\n return [\n {\n ...state,\n maximized: false,\n position: { x: b.x, y: b.y },\n size: { width: b.width, height: b.height },\n restoreBounds: null,\n },\n [],\n ]\n }\n case 'toggleMaximize':\n return update(state, {\n type: state.maximized ? 'restoreFromMaximized' : 'maximize',\n })\n case 'dragStart':\n if (state.maximized) return [state, []]\n return [{ ...state, dragging: true }, []]\n case 'dragMove':\n if (!state.dragging) return [state, []]\n return [\n {\n ...state,\n position: {\n x: state.position.x + msg.dx,\n y: state.position.y + msg.dy,\n },\n },\n [],\n ]\n case 'dragEnd':\n return [{ ...state, dragging: false }, []]\n case 'resizeStart':\n if (state.maximized) return [state, []]\n return [{ ...state, resizing: msg.handle }, []]\n case 'resizeMove':\n if (state.resizing === null) return [state, []]\n return [applyResize(state, msg.dx, msg.dy, state.resizing), []]\n case 'resizeEnd':\n return [{ ...state, resizing: null }, []]\n case 'setPosition':\n return [{ ...state, position: { x: msg.x, y: msg.y } }, []]\n case 'setSize': {\n const size = clampSize(msg.width, msg.height, state.minSize, state.maxSize)\n return [{ ...state, size }, []]\n }\n }\n}\n\nexport interface FloatingPanelParts<S> {\n root: {\n role: 'dialog'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'root'\n 'data-dragging': (s: S) => '' | undefined\n 'data-resizing': (s: S) => '' | undefined\n 'data-minimized': (s: S) => '' | undefined\n 'data-maximized': (s: S) => '' | undefined\n hidden: (s: S) => boolean\n style: (s: S) => string\n }\n dragHandle: {\n 'data-scope': 'floating-panel'\n 'data-part': 'drag-handle'\n onPointerDown: (e: PointerEvent) => void\n }\n content: {\n 'data-scope': 'floating-panel'\n 'data-part': 'content'\n hidden: (s: S) => boolean\n }\n minimizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'minimize-trigger'\n onClick: (e: MouseEvent) => void\n }\n maximizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'maximize-trigger'\n onClick: (e: MouseEvent) => void\n }\n closeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'close-trigger'\n onClick: (e: MouseEvent) => void\n }\n resizeHandle: (handle: ResizeHandle) => {\n 'data-scope': 'floating-panel'\n 'data-part': 'resize-handle'\n 'data-handle': ResizeHandle\n onPointerDown: (e: PointerEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n minimizeLabel?: string\n maximizeLabel?: string\n closeLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => FloatingPanelState,\n send: Send<FloatingPanelMsg>,\n opts: ConnectOptions = {},\n): FloatingPanelParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n role: 'dialog',\n 'aria-label': opts.label ?? ((s: S) => locale(s).floatingPanel.label),\n 'data-scope': 'floating-panel',\n 'data-part': 'root',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-resizing': (s) => (get(s).resizing !== null ? '' : undefined),\n 'data-minimized': (s) => (get(s).minimized ? '' : undefined),\n 'data-maximized': (s) => (get(s).maximized ? '' : undefined),\n hidden: (s) => !get(s).open,\n style: (s) => {\n const st = get(s)\n if (st.maximized) return 'position:fixed;inset:0;width:auto;height:auto;'\n return (\n `position:fixed;` +\n `left:${st.position.x}px;top:${st.position.y}px;` +\n `width:${st.size.width}px;height:${st.size.height}px;`\n )\n },\n },\n dragHandle: {\n 'data-scope': 'floating-panel',\n 'data-part': 'drag-handle',\n onPointerDown: () => send({ type: 'dragStart' }),\n },\n content: {\n 'data-scope': 'floating-panel',\n 'data-part': 'content',\n hidden: (s) => get(s).minimized,\n },\n minimizeTrigger: {\n type: 'button',\n 'aria-label': opts.minimizeLabel ?? ((s: S) => locale(s).floatingPanel.minimize),\n 'data-scope': 'floating-panel',\n 'data-part': 'minimize-trigger',\n onClick: () => send({ type: 'toggleMinimize' }),\n },\n maximizeTrigger: {\n type: 'button',\n 'aria-label': opts.maximizeLabel ?? ((s: S) => locale(s).floatingPanel.maximize),\n 'data-scope': 'floating-panel',\n 'data-part': 'maximize-trigger',\n onClick: () => send({ type: 'toggleMaximize' }),\n },\n closeTrigger: {\n type: 'button',\n 'aria-label': opts.closeLabel ?? ((s: S) => locale(s).floatingPanel.close),\n 'data-scope': 'floating-panel',\n 'data-part': 'close-trigger',\n onClick: () => send({ type: 'close' }),\n },\n resizeHandle: (handle: ResizeHandle) => ({\n 'data-scope': 'floating-panel',\n 'data-part': 'resize-handle',\n 'data-handle': handle,\n onPointerDown: () => send({ type: 'resizeStart', handle }),\n }),\n }\n}\n\nexport const floatingPanel = { init, update, connect }\n"]}
|
package/dist/components/form.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport type { StandardSchemaV1 } from '@standard-schema/spec'\n\n/**\n * Form — submit lifecycle + touched tracking + Standard Schema validation.\n *\n * Values live in the parent component's state; `form` tracks submit status\n * and which fields have been interacted with (blur), so errors are shown\n * only after touch instead of immediately.\n *\n * Bring your own validation library — any Standard Schema-compatible\n * schema works (Zod, Valibot, ArkType, etc.). See https://standardschema.dev.\n *\n * ```ts\n * import { z } from 'zod'\n * import { form, validateSchema } from '@llui/components/form'\n *\n * const schema = z.object({\n * email: z.string().email(),\n * password: z.string().min(8),\n * })\n *\n * type Values = z.infer<typeof schema>\n * type State = { values: Values; form: FormState }\n *\n * update: (state, msg) => {\n * switch (msg.type) {\n * case 'submit': {\n * const result = validateSchema(schema, state.values)\n * if (!result.isValid) {\n * return [{ ...state, form: { ...state.form, touched: { email: true, password: true } } }, []]\n * }\n * return [{ ...state, form: { ...state.form, status: 'submitting' } }, [saveUserEffect]]\n * }\n * }\n * }\n * ```\n */\n\nexport type FormStatus = 'idle' | 'submitting' | 'submitted' | 'error'\n\nexport interface FormState {\n status: FormStatus\n touched: Record<string, boolean>\n submitError: string | null\n}\n\nexport type FormMsg =\n | { type: 'touch'; field: string }\n | { type: 'touchAll'; fields: string[] }\n | { type: 'submit' }\n | { type: 'submitSuccess' }\n | { type: 'submitError'; error: string }\n | { type: 'reset' }\n\nexport function init(): FormState {\n return { status: 'idle', touched: {}, submitError: null }\n}\n\nexport function update(state: FormState, msg: FormMsg): [FormState, never[]] {\n switch (msg.type) {\n case 'touch':\n if (state.touched[msg.field]) return [state, []]\n return [{ ...state, touched: { ...state.touched, [msg.field]: true } }, []]\n case 'touchAll': {\n const touched = { ...state.touched }\n for (const f of msg.fields) touched[f] = true\n return [{ ...state, touched }, []]\n }\n case 'submit':\n return [{ ...state, status: 'submitting', submitError: null }, []]\n case 'submitSuccess':\n return [{ ...state, status: 'submitted', submitError: null }, []]\n case 'submitError':\n return [{ ...state, status: 'error', submitError: msg.error }, []]\n case 'reset':\n return [init(), []]\n }\n}\n\nexport interface FormParts<S> {\n root: {\n 'data-scope': 'form'\n 'data-part': 'root'\n 'data-state': (s: S) => FormStatus\n 'aria-busy': (s: S) => 'true' | undefined\n }\n field: (name: string) => {\n 'data-scope': 'form'\n 'data-part': 'field'\n 'data-touched': (s: S) => '' | undefined\n touched: (s: S) => boolean\n onBlur: (e: FocusEvent) => void\n }\n submit: {\n type: 'submit'\n 'data-scope': 'form'\n 'data-part': 'submit'\n 'data-state': (s: S) => FormStatus\n disabled: (s: S) => boolean\n }\n}\n\nexport interface ConnectOptions {\n id: string\n}\n\nexport function connect<S>(\n get: (s: S) => FormState,\n send: Send<FormMsg>,\n _opts: ConnectOptions,\n): FormParts<S> {\n return {\n root: {\n 'data-scope': 'form',\n 'data-part': 'root',\n 'data-state': (s) => get(s).status,\n 'aria-busy': (s) => (get(s).status === 'submitting' ? 'true' : undefined),\n },\n field: (name) => ({\n 'data-scope': 'form',\n 'data-part': 'field',\n 'data-touched': (s) => (get(s).touched[name] ? '' : undefined),\n touched: (s) => !!get(s).touched[name],\n onBlur: () => send({ type: 'touch', field: name }),\n }),\n submit: {\n type: 'submit',\n 'data-scope': 'form',\n 'data-part': 'submit',\n 'data-state': (s) => get(s).status,\n disabled: (s) => get(s).status === 'submitting',\n },\n }\n}\n\n// ── Standard Schema integration ────────────────────────────────\n\nexport interface ValidateResult<T> {\n isValid: boolean\n /** Field name → first error message. Field name is derived from the issue's path. */\n errors: Partial<Record<keyof T, string>>\n /** All issues from the schema validator, unaltered. */\n issues: readonly StandardSchemaV1.Issue[]\n}\n\n/**\n * Run a Standard Schema synchronously against a values object. Throws if\n * the schema returns a Promise — use sync validation only for form submit.\n *\n * Works with any library implementing the Standard Schema spec:\n * Zod (v3.24+), Valibot (v1+), ArkType, etc.\n */\nexport function validateSchema<T>(schema: StandardSchemaV1<T>, values: unknown): ValidateResult<T> {\n const result = schema['~standard'].validate(values)\n if (result instanceof Promise) {\n throw new Error(\n '[@llui/components/form] validateSchema: schema returned a Promise. ' +\n 'Form validation must be synchronous. Use `validateSchemaAsync` for async schemas.',\n )\n }\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n // Only record the first error per field\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\n/**\n * Async variant — returns a Promise. Use when the schema performs async\n * validation (e.g. uniqueness checks against a backend).\n */\nexport async function validateSchemaAsync<T>(\n schema: StandardSchemaV1<T>,\n values: unknown,\n): Promise<ValidateResult<T>> {\n const result = await schema['~standard'].validate(values)\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\nexport const form = { init, update, connect, validateSchema, validateSchemaAsync }\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Send, TransitionOptions } from '@llui/dom';
|
|
2
|
-
import { type Placement } from '../utils/floating';
|
|
2
|
+
import { type Placement } from '../utils/floating.js';
|
|
3
3
|
/**
|
|
4
4
|
* Hover card — richer tooltip-like popup triggered by hover or focus.
|
|
5
5
|
* Unlike tooltip, it uses `role="dialog"` (not `role="tooltip"`) and
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAExD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { show, portal, onMount, div } from '@llui/dom';
|
|
2
|
-
import { attachFloating } from '../utils/floating';
|
|
2
|
+
import { attachFloating } from '../utils/floating.js';
|
|
3
3
|
export function init(opts = {}) {
|
|
4
4
|
return { open: opts.open ?? false };
|
|
5
5
|
}
|
|
@@ -125,3 +125,4 @@ export function overlay(opts) {
|
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
127
|
export const hoverCard = { init, update, connect, overlay };
|
|
128
|
+
//# sourceMappingURL=hover-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../src/components/hover-card.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div } from '@llui/dom'\nimport { attachFloating, type Placement } from '../utils/floating.js'\n\n/**\n * Hover card — richer tooltip-like popup triggered by hover or focus.\n * Unlike tooltip, it uses `role=\"dialog\"` (not `role=\"tooltip\"`) and\n * allows interactive content. Content can be hovered without closing.\n */\n\nexport interface HoverCardState {\n open: boolean\n}\n\nexport type HoverCardMsg = { type: 'show' } | { type: 'hide' } | { type: 'setOpen'; open: boolean }\n\nexport interface HoverCardInit {\n open?: boolean\n}\n\nexport function init(opts: HoverCardInit = {}): HoverCardState {\n return { open: opts.open ?? false }\n}\n\nexport function update(state: HoverCardState, msg: HoverCardMsg): [HoverCardState, never[]] {\n switch (msg.type) {\n case 'show':\n return [{ ...state, open: true }, []]\n case 'hide':\n return [{ ...state, open: false }, []]\n case 'setOpen':\n return [{ ...state, open: msg.open }, []]\n }\n}\n\nexport interface HoverCardParts<S> {\n trigger: {\n id: string\n 'aria-haspopup': 'dialog'\n 'aria-controls': string\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'hover-card'\n 'data-part': 'trigger'\n onPointerEnter: (e: PointerEvent) => void\n onPointerLeave: (e: PointerEvent) => void\n onFocus: (e: FocusEvent) => void\n onBlur: (e: FocusEvent) => void\n }\n positioner: {\n 'data-scope': 'hover-card'\n 'data-part': 'positioner'\n style: string\n }\n content: {\n role: 'dialog'\n id: string\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'hover-card'\n 'data-part': 'content'\n onPointerEnter: (e: PointerEvent) => void\n onPointerLeave: (e: PointerEvent) => void\n }\n arrow: {\n 'data-scope': 'hover-card'\n 'data-part': 'arrow'\n }\n}\n\nexport interface ConnectOptions {\n id: string\n /** ms before showing on hover (default: 700). */\n openDelay?: number\n /** ms before hiding after pointer leaves (default: 300). */\n closeDelay?: number\n}\n\nexport function connect<S>(\n get: (s: S) => HoverCardState,\n send: Send<HoverCardMsg>,\n opts: ConnectOptions,\n): HoverCardParts<S> {\n const base = opts.id\n const triggerId = `${base}:trigger`\n const contentId = `${base}:content`\n const openDelay = opts.openDelay ?? 700\n const closeDelay = opts.closeDelay ?? 300\n\n let openTimer: ReturnType<typeof setTimeout> | null = null\n let closeTimer: ReturnType<typeof setTimeout> | null = null\n\n const clearTimers = (): void => {\n if (openTimer) {\n clearTimeout(openTimer)\n openTimer = null\n }\n if (closeTimer) {\n clearTimeout(closeTimer)\n closeTimer = null\n }\n }\n\n const scheduleOpen = (): void => {\n clearTimers()\n openTimer = setTimeout(() => {\n openTimer = null\n send({ type: 'show' })\n }, openDelay)\n }\n\n const scheduleClose = (): void => {\n clearTimers()\n closeTimer = setTimeout(() => {\n closeTimer = null\n send({ type: 'hide' })\n }, closeDelay)\n }\n\n return {\n trigger: {\n id: triggerId,\n 'aria-haspopup': 'dialog',\n 'aria-controls': contentId,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'hover-card',\n 'data-part': 'trigger',\n onPointerEnter: scheduleOpen,\n onPointerLeave: scheduleClose,\n onFocus: scheduleOpen,\n onBlur: scheduleClose,\n },\n positioner: {\n 'data-scope': 'hover-card',\n 'data-part': 'positioner',\n style: 'position:absolute;top:0;left:0;',\n },\n content: {\n role: 'dialog',\n id: contentId,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'hover-card',\n 'data-part': 'content',\n onPointerEnter: () => {\n if (closeTimer) {\n clearTimeout(closeTimer)\n closeTimer = null\n }\n },\n onPointerLeave: scheduleClose,\n },\n arrow: {\n 'data-scope': 'hover-card',\n 'data-part': 'arrow',\n },\n }\n}\n\nexport interface OverlayOptions<S> {\n get: (s: S) => HoverCardState\n send: Send<HoverCardMsg>\n parts: HoverCardParts<S>\n content: () => Node[]\n placement?: Placement\n offset?: number\n flip?: boolean\n shift?: boolean\n transition?: TransitionOptions\n target?: string | HTMLElement\n arrowSelector?: string\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n const target = opts.target ?? 'body'\n const placement = opts.placement ?? 'bottom'\n const offset = opts.offset ?? 8\n const flip = opts.flip !== false\n const shift = opts.shift !== false\n const parts = opts.parts\n const contentId = parts.content.id\n const triggerId = parts.trigger.id\n\n return show<S, HoverCardMsg>({\n when: (s) => opts.get(s).open,\n render: () =>\n portal({\n target,\n render: () => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n const triggerEl = document.getElementById(triggerId)\n if (!contentEl || !triggerEl) return\n const positioner = contentEl.closest('[data-part=\"positioner\"]') as HTMLElement | null\n const floatingEl = positioner ?? contentEl\n const arrow = opts.arrowSelector\n ? (contentEl.querySelector(opts.arrowSelector) as HTMLElement | null)\n : null\n return attachFloating({\n anchor: triggerEl,\n floating: floatingEl,\n placement,\n offset,\n flip,\n shift,\n arrow: arrow ?? undefined,\n })\n })\n return [div(parts.positioner, opts.content())]\n },\n }),\n enter: opts.transition?.enter,\n leave: opts.transition?.leave,\n })\n}\n\nexport const hoverCard = { init, update, connect, overlay }\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from '@llui/dom';
|
|
2
|
-
import { LocaleContext } from '../locale';
|
|
2
|
+
import { LocaleContext } from '../locale.js';
|
|
3
3
|
function clamp(v, min, max) {
|
|
4
4
|
return Math.max(min, Math.min(max, v));
|
|
5
5
|
}
|
|
@@ -209,3 +209,4 @@ export function connect(get, send, opts = {}) {
|
|
|
209
209
|
};
|
|
210
210
|
}
|
|
211
211
|
export const imageCropper = { init, update, connect, centerFill };
|
|
212
|
+
//# sourceMappingURL=image-cropper.js.map
|