@pathscale/ui 1.2.5 → 1.2.7
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/LICENSE +22 -22
- package/README.md +59 -59
- package/dist/components/_shared/index.js +2 -3
- package/dist/components/_shared/overlayPosition.js +5 -5
- package/dist/components/accordion/Accordion.css +158 -158
- package/dist/components/accordion/Accordion.js +44 -44
- package/dist/components/accordion/index.js +2 -9
- package/dist/components/alert/Alert.css +116 -116
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- package/dist/components/auth-card/AuthCard.js +20 -20
- package/dist/components/auth-card/index.js +2 -3
- package/dist/components/auth-error-message/AuthErrorMessage.js +12 -12
- package/dist/components/auth-error-message/index.js +2 -3
- package/dist/components/auth-field-group/AuthFieldGroup.js +11 -11
- package/dist/components/auth-field-group/index.js +2 -3
- package/dist/components/auth-footer-links/AuthFooterLinks.js +20 -20
- package/dist/components/auth-footer-links/index.js +2 -3
- package/dist/components/auth-form/AuthForm.js +11 -11
- package/dist/components/auth-form/index.js +2 -3
- package/dist/components/auth-powered-by/AuthPoweredBy.js +15 -26
- package/dist/components/auth-powered-by/index.js +2 -3
- package/dist/components/auth-submit-button/AuthSubmitButton.js +10 -10
- package/dist/components/auth-submit-button/index.js +2 -3
- package/dist/components/auth-success-message/AuthSuccessMessage.js +9 -9
- package/dist/components/auth-success-message/index.js +2 -3
- package/dist/components/avatar/Avatar.css +124 -124
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +2 -6
- package/dist/components/badge/Badge.css +164 -164
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.css +63 -63
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.css +194 -194
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- package/dist/components/button-group/ButtonGroup.css +117 -117
- package/dist/components/button-group/ButtonGroup.js +14 -14
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +2 -6
- package/dist/components/calendar/Calendar.css +258 -258
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.css +110 -110
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- package/dist/components/chatbubble/ChatBubble.css +164 -164
- package/dist/components/chatbubble/ChatBubble.js +19 -19
- package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
- package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
- package/dist/components/chatbubble/index.js +2 -3
- package/dist/components/checkbox/Checkbox.css +183 -183
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- package/dist/components/checkbox-group/CheckboxGroup.css +10 -10
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +3 -4
- package/dist/components/chip/Chip.css +197 -197
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.css +81 -81
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- package/dist/components/color-area/ColorArea.css +54 -54
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.css +88 -88
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.css +28 -28
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +2 -8
- package/dist/components/color-slider/ColorSlider.css +57 -57
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- package/dist/components/color-swatch/ColorSwatch.css +84 -84
- package/dist/components/color-swatch/ColorSwatch.js +14 -14
- package/dist/components/color-swatch/index.js +2 -2
- package/dist/components/color-swatch-picker/ColorSwatchPicker.css +12 -12
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
- package/dist/components/color-swatch-picker/index.js +2 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.css +147 -147
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +3 -6
- package/dist/components/combo-box/ComboBox.css +344 -344
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.css +215 -215
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- package/dist/components/date-picker/DatePicker.css +143 -143
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +2 -3
- package/dist/components/date-range-picker/DateRangePicker.css +149 -149
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.css +10 -10
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.css +84 -84
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -9
- package/dist/components/disclosure-group/DisclosureGroup.css +9 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +4 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.context.js +3 -3
- package/dist/components/drawer/Drawer.css +463 -463
- package/dist/components/drawer/Drawer.js +107 -107
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.css +211 -211
- package/dist/components/dropdown/Dropdown.js +66 -66
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.css +39 -39
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.css +20 -20
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.css +27 -27
- package/dist/components/field-error/FieldError.js +14 -14
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.css +30 -30
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.css +5 -5
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- package/dist/components/floating-dock/FloatingDock.css +208 -208
- package/dist/components/floating-dock/FloatingDock.js +76 -76
- package/dist/components/floating-dock/index.js +2 -3
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/footer.css +51 -51
- package/dist/components/footer/index.js +2 -3
- package/dist/components/form/FieldErrorMessage.js +8 -8
- package/dist/components/form/Form.css +5 -5
- package/dist/components/form/Form.js +21 -21
- package/dist/components/form/FormField.js +19 -19
- package/dist/components/form/FormSubmitButton.js +11 -11
- package/dist/components/form/index.js +5 -12
- package/dist/components/glass-panel/GlassPanel.css +359 -359
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.css +100 -100
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.css +5 -5
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.css +13 -13
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.css +10 -10
- package/dist/components/icon/Icon.js +8 -8
- package/dist/components/icon/index.js +2 -3
- package/dist/components/immersive-landing/ImmersiveLanding.css +565 -565
- package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +7 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.css +155 -155
- package/dist/components/input/Input.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.css +172 -172
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +2 -9
- package/dist/components/input-otp/InputOTP.css +170 -170
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +2 -11
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +2 -3
- package/dist/components/kbd/Kbd.css +60 -60
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.css +30 -30
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- package/dist/components/language-switcher/LanguageSwitcher.css +56 -56
- package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
- package/dist/components/language-switcher/createI18n.js +8 -8
- package/dist/components/language-switcher/index.js +3 -8
- package/dist/components/link/Link.css +131 -131
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +2 -5
- package/dist/components/list-box/ListBox.css +148 -148
- package/dist/components/list-box/ListBox.js +17 -17
- package/dist/components/list-box/ListBoxItem.js +32 -32
- package/dist/components/list-box/ListBoxSection.js +13 -13
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +9 -15
- package/dist/components/live-chat/LiveChat.css +324 -324
- package/dist/components/live-chat/LiveChatBubble.js +27 -27
- package/dist/components/live-chat/LiveChatPanel.js +62 -62
- package/dist/components/live-chat/index.js +3 -5
- package/dist/components/menu/Menu.css +199 -199
- package/dist/components/menu/Menu.js +25 -30
- package/dist/components/menu/MenuItem.js +38 -38
- package/dist/components/menu/MenuSection.js +13 -13
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +3 -12
- package/dist/components/meter/Meter.css +89 -89
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.css +320 -320
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- package/dist/components/navbar/Navbar.css +110 -110
- package/dist/components/navbar/Navbar.js +18 -18
- package/dist/components/navbar/NavbarRow.js +10 -10
- package/dist/components/navbar/NavbarSection.js +9 -9
- package/dist/components/navbar/NavbarStack.js +10 -10
- package/dist/components/navbar/index.js +2 -3
- package/dist/components/noise-background/NoiseBackground.css +66 -66
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.css +198 -198
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.css +121 -121
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/password-field/PasswordField.js +15 -15
- package/dist/components/password-field/index.js +2 -3
- package/dist/components/password-requirements/PasswordRequirements.js +24 -24
- package/dist/components/password-requirements/index.js +2 -3
- package/dist/components/password-rules/index.js +2 -4
- package/dist/components/popover/Popover.css +117 -117
- package/dist/components/popover/Popover.js +50 -50
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.css +104 -104
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.css +82 -82
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.css +129 -129
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- package/dist/components/radio-group/RadioGroup.css +58 -58
- package/dist/components/radio-group/RadioGroup.js +33 -33
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +3 -4
- package/dist/components/range-calendar/RangeCalendar.css +51 -51
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- package/dist/components/scroll-shadow/ScrollShadow.css +93 -93
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +2 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
- package/dist/components/search-field/SearchField.css +183 -183
- package/dist/components/search-field/SearchField.js +38 -38
- package/dist/components/search-field/index.js +2 -9
- package/dist/components/select/Select.css +284 -284
- package/dist/components/select/Select.js +129 -129
- package/dist/components/select/index.js +2 -3
- package/dist/components/separator/Separator.css +35 -35
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +2 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +3 -6
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.css +95 -95
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.css +122 -122
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.css +131 -131
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.css +37 -37
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/ExpandToggle.js +14 -14
- package/dist/components/table/InlineConfirm.js +11 -11
- package/dist/components/table/MobileListView.js +24 -24
- package/dist/components/table/SortIcon.js +13 -13
- package/dist/components/table/Table.css +426 -426
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/VirtualSpacerRow.js +8 -8
- package/dist/components/table/index.js +8 -38
- package/dist/components/tabs/Tabs.css +203 -203
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.css +121 -121
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- package/dist/components/tag-group/TagGroup.css +22 -22
- package/dist/components/tag-group/TagGroup.js +20 -20
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +2 -6
- package/dist/components/text/Text.css +66 -66
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.css +95 -95
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- package/dist/components/text-field/TextField.css +33 -33
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +2 -7
- package/dist/components/textarea/Textarea.js +11 -13
- package/dist/components/textarea/index.js +2 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +49 -49
- package/dist/components/theme-color-picker/hueShift.js +3 -3
- package/dist/components/theme-color-picker/index.js +3 -7
- package/dist/components/time-field/TimeField.css +215 -215
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.css +344 -344
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.css +237 -237
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.css +55 -55
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.css +153 -153
- package/dist/components/tooltip/Tooltip.js +36 -36
- package/dist/components/tooltip/index.js +2 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +2 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/FormContext.js +3 -3
- package/dist/hooks/form/createForm.js +4 -4
- package/dist/hooks/form/index.js +5 -10
- package/dist/hooks/form/useFieldNew.js +10 -10
- package/dist/hooks/layout/index.js +2 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +9 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.css +74 -74
- package/dist/index.js +108 -398
- package/dist/lib/refs/index.js +2 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +2 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +3 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +11 -39
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/AnimatedCollapse.js +27 -27
- package/dist/motion/solid/MotionDiv.js +13 -13
- package/dist/motion/solid/Presence.js +9 -9
- package/dist/motion/solid/index.js +4 -10
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +3 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +2 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +15599 -15825
- package/dist/styles/base/index.css +43 -43
- package/dist/styles/themes/dark.css +141 -141
- package/dist/styles/themes/light.css +143 -143
- package/package.json +41 -34
package/dist/lib/refs/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__mergeRefs as mergeRefs };
|
|
1
|
+
import { mergeRefs } from "./mergeRefs.js";
|
|
2
|
+
export { mergeRefs };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { chain } from "../iterable.js";
|
|
2
2
|
function mergeRefs(...refs) {
|
|
3
|
-
return
|
|
3
|
+
return chain(refs);
|
|
4
4
|
}
|
|
5
5
|
export { mergeRefs };
|
package/dist/lib/style/index.js
CHANGED
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__cva = __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__.cva;
|
|
4
|
-
export { __webpack_exports__classes as classes, __webpack_exports__cva as cva };
|
|
1
|
+
import { classes, cva } from "./classes.js";
|
|
2
|
+
export { classes, cva };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { createMemo } from "solid-js";
|
|
2
|
+
import { createTagName } from "./createTagName.js";
|
|
3
3
|
const BUTTON_INPUT_TYPES = [
|
|
4
4
|
"button",
|
|
5
5
|
"color",
|
|
@@ -14,10 +14,10 @@ function isButton(tagName, type) {
|
|
|
14
14
|
return false;
|
|
15
15
|
}
|
|
16
16
|
function createIsButton(props) {
|
|
17
|
-
const tagName =
|
|
17
|
+
const tagName = createTagName({
|
|
18
18
|
element: props.element,
|
|
19
19
|
fallback: "button"
|
|
20
20
|
});
|
|
21
|
-
return
|
|
21
|
+
return createMemo(()=>isButton(tagName(), props.type));
|
|
22
22
|
}
|
|
23
23
|
export { BUTTON_INPUT_TYPES, createIsButton, isButton };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createMemo } from "solid-js";
|
|
2
2
|
function createTagName(props) {
|
|
3
|
-
return
|
|
3
|
+
return createMemo(()=>props.element()?.tagName.toLowerCase() ?? props.fallback);
|
|
4
4
|
}
|
|
5
5
|
export { createTagName };
|
package/dist/lib/tag/index.js
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
var __webpack_exports__createIsButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.createIsButton;
|
|
5
|
-
var __webpack_exports__createTagName = __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__.createTagName;
|
|
6
|
-
var __webpack_exports__isButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.isButton;
|
|
7
|
-
export { __webpack_exports__BUTTON_INPUT_TYPES as BUTTON_INPUT_TYPES, __webpack_exports__createIsButton as createIsButton, __webpack_exports__createTagName as createTagName, __webpack_exports__isButton as isButton };
|
|
1
|
+
import { BUTTON_INPUT_TYPES, createIsButton, isButton } from "./createIsButton.js";
|
|
2
|
+
import { createTagName } from "./createTagName.js";
|
|
3
|
+
export { BUTTON_INPUT_TYPES, createIsButton, createTagName, isButton };
|
package/dist/motion/engine.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { getMotionDriver } from "./driver.js";
|
|
2
|
+
import { resolveEase } from "./easing.js";
|
|
3
3
|
const resolveDuration = (transition)=>Math.max(0, (transition?.duration ?? 0) * 1000);
|
|
4
4
|
const resolveDelay = (transition)=>Math.max(0, (transition?.delay ?? 0) * 1000);
|
|
5
5
|
const readOpacity = (el)=>{
|
|
@@ -9,8 +9,8 @@ const readOpacity = (el)=>{
|
|
|
9
9
|
const runMotion = (el, from, to, transition, onComplete)=>{
|
|
10
10
|
const duration = resolveDuration(transition);
|
|
11
11
|
const delay = resolveDelay(transition);
|
|
12
|
-
const ease =
|
|
13
|
-
const driver =
|
|
12
|
+
const ease = resolveEase(transition?.easing);
|
|
13
|
+
const driver = getMotionDriver();
|
|
14
14
|
const controls = [];
|
|
15
15
|
const shouldTransform = void 0 !== from.x || void 0 !== from.y || void 0 !== from.scale || void 0 !== to.x || void 0 !== to.y || void 0 !== to.scale;
|
|
16
16
|
const transformState = {
|
package/dist/motion/index.js
CHANGED
|
@@ -1,39 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
|
|
12
|
-
var __webpack_exports__MotionDiv = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.MotionDiv;
|
|
13
|
-
var __webpack_exports__Presence = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.Presence;
|
|
14
|
-
var __webpack_exports__computeCollapseStyle = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.computeCollapseStyle;
|
|
15
|
-
var __webpack_exports__createMotionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets;
|
|
16
|
-
var __webpack_exports__createMotionSystem = __WEBPACK_EXTERNAL_MODULE__system_js_50c29608__.createMotionSystem;
|
|
17
|
-
var __webpack_exports__createPopmotionDriver = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.createPopmotionDriver;
|
|
18
|
-
var __webpack_exports__createRouteTransitionResolver = __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.createRouteTransitionResolver;
|
|
19
|
-
var __webpack_exports__defaultMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens;
|
|
20
|
-
var __webpack_exports__enablePopmotion = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.enablePopmotion;
|
|
21
|
-
var __webpack_exports__getMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.getMotionDriver;
|
|
22
|
-
var __webpack_exports__getPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.getPreset;
|
|
23
|
-
var __webpack_exports__immediateDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.immediateDriver;
|
|
24
|
-
var __webpack_exports__mergeMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens;
|
|
25
|
-
var __webpack_exports__motionDistances = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDistances;
|
|
26
|
-
var __webpack_exports__motionDurations = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDurations;
|
|
27
|
-
var __webpack_exports__motionEasings = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionEasings;
|
|
28
|
-
var __webpack_exports__motionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.motionPresets;
|
|
29
|
-
var __webpack_exports__nextCollapsePhase = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.nextCollapsePhase;
|
|
30
|
-
var __webpack_exports__nextPresenceState = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.nextPresenceState;
|
|
31
|
-
var __webpack_exports__noMotion = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
|
|
32
|
-
var __webpack_exports__prefersReducedMotion = __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
|
|
33
|
-
var __webpack_exports__registerPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.registerPreset;
|
|
34
|
-
var __webpack_exports__resolveEase = __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__.resolveEase;
|
|
35
|
-
var __webpack_exports__resolvePreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.resolvePreset;
|
|
36
|
-
var __webpack_exports__routeTransition = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.routeTransition;
|
|
37
|
-
var __webpack_exports__runMotion = __WEBPACK_EXTERNAL_MODULE__engine_js_45c545c3__.runMotion;
|
|
38
|
-
var __webpack_exports__setMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.setMotionDriver;
|
|
39
|
-
export { __webpack_exports__AnimatedCollapse as AnimatedCollapse, __webpack_exports__MotionDiv as MotionDiv, __webpack_exports__Presence as Presence, __webpack_exports__computeCollapseStyle as computeCollapseStyle, __webpack_exports__createMotionPresets as createMotionPresets, __webpack_exports__createMotionSystem as createMotionSystem, __webpack_exports__createPopmotionDriver as createPopmotionDriver, __webpack_exports__createRouteTransitionResolver as createRouteTransitionResolver, __webpack_exports__defaultMotionTokens as defaultMotionTokens, __webpack_exports__enablePopmotion as enablePopmotion, __webpack_exports__getMotionDriver as getMotionDriver, __webpack_exports__getPreset as getPreset, __webpack_exports__immediateDriver as immediateDriver, __webpack_exports__mergeMotionTokens as mergeMotionTokens, __webpack_exports__motionDistances as motionDistances, __webpack_exports__motionDurations as motionDurations, __webpack_exports__motionEasings as motionEasings, __webpack_exports__motionPresets as motionPresets, __webpack_exports__nextCollapsePhase as nextCollapsePhase, __webpack_exports__nextPresenceState as nextPresenceState, __webpack_exports__noMotion as noMotion, __webpack_exports__prefersReducedMotion as prefersReducedMotion, __webpack_exports__registerPreset as registerPreset, __webpack_exports__resolveEase as resolveEase, __webpack_exports__resolvePreset as resolvePreset, __webpack_exports__routeTransition as routeTransition, __webpack_exports__runMotion as runMotion, __webpack_exports__setMotionDriver as setMotionDriver };
|
|
1
|
+
import { resolveEase } from "./easing.js";
|
|
2
|
+
import { getMotionDriver, immediateDriver, setMotionDriver } from "./driver.js";
|
|
3
|
+
import { runMotion } from "./engine.js";
|
|
4
|
+
import { prefersReducedMotion } from "./reduced-motion.js";
|
|
5
|
+
import { defaultMotionTokens, mergeMotionTokens, motionDistances, motionDurations, motionEasings } from "./tokens.js";
|
|
6
|
+
import { createMotionPresets, getPreset, motionPresets, noMotion, registerPreset, resolvePreset, routeTransition } from "./presets.js";
|
|
7
|
+
import { AnimatedCollapse, MotionDiv, Presence, computeCollapseStyle, nextCollapsePhase, nextPresenceState } from "./solid/index.js";
|
|
8
|
+
import { createPopmotionDriver, enablePopmotion } from "./popmotion.js";
|
|
9
|
+
import { createMotionSystem } from "./system.js";
|
|
10
|
+
import { createRouteTransitionResolver } from "./route.js";
|
|
11
|
+
export { AnimatedCollapse, MotionDiv, Presence, computeCollapseStyle, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, defaultMotionTokens, enablePopmotion, getMotionDriver, getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, nextCollapsePhase, nextPresenceState, noMotion, prefersReducedMotion, registerPreset, resolveEase, resolvePreset, routeTransition, runMotion, setMotionDriver };
|
package/dist/motion/popmotion.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { setMotionDriver } from "./driver.js";
|
|
2
2
|
const createPopmotionDriver = (animate)=>(options)=>animate(options);
|
|
3
3
|
const enablePopmotion = (animate)=>{
|
|
4
|
-
|
|
4
|
+
setMotionDriver(createPopmotionDriver(animate));
|
|
5
5
|
};
|
|
6
6
|
export { createPopmotionDriver, enablePopmotion };
|
package/dist/motion/presets.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { prefersReducedMotion } from "./reduced-motion.js";
|
|
2
|
+
import { defaultMotionTokens } from "./tokens.js";
|
|
3
3
|
const createMotionPresets = (tokens)=>{
|
|
4
4
|
const durations = tokens.durations;
|
|
5
5
|
const easings = tokens.easings;
|
|
@@ -166,7 +166,7 @@ const createMotionPresets = (tokens)=>{
|
|
|
166
166
|
}
|
|
167
167
|
};
|
|
168
168
|
};
|
|
169
|
-
const motionPresets = createMotionPresets(
|
|
169
|
+
const motionPresets = createMotionPresets(defaultMotionTokens);
|
|
170
170
|
const routeTransition = motionPresets.route;
|
|
171
171
|
const noMotion = {
|
|
172
172
|
initial: {
|
|
@@ -196,7 +196,7 @@ const registerPreset = (name, preset)=>{
|
|
|
196
196
|
motionPresets[name] = preset;
|
|
197
197
|
};
|
|
198
198
|
const resolvePreset = (name, options)=>{
|
|
199
|
-
const reduce = options?.reduceMotion ??
|
|
199
|
+
const reduce = options?.reduceMotion ?? prefersReducedMotion();
|
|
200
200
|
if (reduce) return noMotion;
|
|
201
201
|
return motionPresets[name] ?? noMotion;
|
|
202
202
|
};
|
package/dist/motion/route.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { prefersReducedMotion } from "./reduced-motion.js";
|
|
2
|
+
import { motionPresets, noMotion, routeTransition } from "./presets.js";
|
|
3
3
|
const createRouteTransitionResolver = (options)=>{
|
|
4
|
-
const resolvePreset = options.resolvePreset ?? ((name)=>
|
|
5
|
-
const reduceMotion = options.reduceMotion ??
|
|
6
|
-
const fallback = options.fallback ??
|
|
7
|
-
const reduceMotionPreset = options.reduceMotionPreset ??
|
|
4
|
+
const resolvePreset = options.resolvePreset ?? ((name)=>motionPresets[name]);
|
|
5
|
+
const reduceMotion = options.reduceMotion ?? prefersReducedMotion;
|
|
6
|
+
const fallback = options.fallback ?? routeTransition;
|
|
7
|
+
const reduceMotionPreset = options.reduceMotionPreset ?? noMotion;
|
|
8
8
|
return (from, to)=>{
|
|
9
9
|
if (reduceMotion()) return reduceMotionPreset;
|
|
10
10
|
for (const rule of options.rules){
|
|
@@ -18,7 +18,7 @@ const createRouteTransitionResolver = (options)=>{
|
|
|
18
18
|
return result;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
return fallback ??
|
|
21
|
+
return fallback ?? noMotion;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
export { createRouteTransitionResolver };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { className, createComponent, effect, insert, setAttribute, style as web_style, template, use } from "solid-js/web";
|
|
2
|
+
import { Show, createEffect, createSignal, onCleanup, untrack } from "solid-js";
|
|
3
|
+
import { getMotionDriver } from "../driver.js";
|
|
4
|
+
import { resolveEase } from "../easing.js";
|
|
5
|
+
import { prefersReducedMotion } from "../reduced-motion.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div><div>");
|
|
7
7
|
const nextCollapsePhase = (prev, open)=>{
|
|
8
8
|
if (open) return "open" === prev || "opening" === prev ? prev : "opening";
|
|
9
9
|
return "closed" === prev || "closing" === prev ? prev : "closing";
|
|
@@ -26,10 +26,10 @@ const computeCollapseStyle = (phase, heightPx, animateOpacity)=>{
|
|
|
26
26
|
return style;
|
|
27
27
|
};
|
|
28
28
|
const DEFAULT_DURATION = 0.24;
|
|
29
|
-
const
|
|
30
|
-
const [phase, setPhase] =
|
|
31
|
-
const [heightPx, setHeightPx] =
|
|
32
|
-
const [opacity, setOpacity] =
|
|
29
|
+
const AnimatedCollapse_AnimatedCollapse = (props)=>{
|
|
30
|
+
const [phase, setPhase] = createSignal(props.open ? "open" : "closed");
|
|
31
|
+
const [heightPx, setHeightPx] = createSignal(props.open ? null : 0);
|
|
32
|
+
const [opacity, setOpacity] = createSignal(props.open ? 1 : 0);
|
|
33
33
|
let contentEl;
|
|
34
34
|
let activeControl = null;
|
|
35
35
|
let resizeObserver = null;
|
|
@@ -54,7 +54,7 @@ const AnimatedCollapse = (props)=>{
|
|
|
54
54
|
};
|
|
55
55
|
const runAnimation = (target, fromHeight, toHeight)=>{
|
|
56
56
|
stopActive();
|
|
57
|
-
const reduce = props.reduceMotion ??
|
|
57
|
+
const reduce = props.reduceMotion ?? prefersReducedMotion();
|
|
58
58
|
if (reduce) {
|
|
59
59
|
setHeightPx(toHeight);
|
|
60
60
|
if (animateOpacity()) setOpacity("opening" === target ? 1 : 0);
|
|
@@ -62,8 +62,8 @@ const AnimatedCollapse = (props)=>{
|
|
|
62
62
|
return;
|
|
63
63
|
}
|
|
64
64
|
const duration = (props.duration ?? DEFAULT_DURATION) * 1000;
|
|
65
|
-
const ease =
|
|
66
|
-
const driver =
|
|
65
|
+
const ease = resolveEase("ease-out");
|
|
66
|
+
const driver = getMotionDriver();
|
|
67
67
|
const heightControl = driver({
|
|
68
68
|
from: fromHeight,
|
|
69
69
|
to: toHeight,
|
|
@@ -105,9 +105,9 @@ const AnimatedCollapse = (props)=>{
|
|
|
105
105
|
teardownObserver();
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
|
-
|
|
108
|
+
createEffect(()=>{
|
|
109
109
|
const open = props.open;
|
|
110
|
-
|
|
110
|
+
untrack(()=>{
|
|
111
111
|
const target = nextCollapsePhase(phase(), open);
|
|
112
112
|
if (target === phase()) return;
|
|
113
113
|
setPhase(target);
|
|
@@ -123,33 +123,33 @@ const AnimatedCollapse = (props)=>{
|
|
|
123
123
|
}
|
|
124
124
|
});
|
|
125
125
|
});
|
|
126
|
-
|
|
126
|
+
onCleanup(()=>{
|
|
127
127
|
stopActive();
|
|
128
128
|
teardownObserver();
|
|
129
129
|
});
|
|
130
130
|
const shouldRender = ()=>props.unmountOnExit ? "closed" !== phase() : true;
|
|
131
131
|
const wrapperStyle = ()=>computeCollapseStyle(phase(), heightPx(), animateOpacity());
|
|
132
|
-
return
|
|
132
|
+
return createComponent(Show, {
|
|
133
133
|
get when () {
|
|
134
134
|
return shouldRender();
|
|
135
135
|
},
|
|
136
136
|
get children () {
|
|
137
137
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
138
138
|
var _ref$ = contentEl;
|
|
139
|
-
"function" == typeof _ref$ ?
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
"function" == typeof _ref$ ? use(_ref$, _el$2) : contentEl = _el$2;
|
|
140
|
+
insert(_el$2, ()=>props.children);
|
|
141
|
+
effect((_p$)=>{
|
|
142
142
|
var _v$ = props.id, _v$2 = props.class, _v$3 = {
|
|
143
143
|
...wrapperStyle(),
|
|
144
144
|
...animateOpacity() && "open" !== phase() ? {
|
|
145
145
|
opacity: opacity()
|
|
146
146
|
} : {}
|
|
147
147
|
}, _v$4 = "closed" === phase() ? true : void 0, _v$5 = props.contentClass;
|
|
148
|
-
_v$ !== _p$.e &&
|
|
149
|
-
_v$2 !== _p$.t &&
|
|
150
|
-
_p$.a = (
|
|
151
|
-
_v$4 !== _p$.o &&
|
|
152
|
-
_v$5 !== _p$.i &&
|
|
148
|
+
_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
|
|
149
|
+
_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
|
|
150
|
+
_p$.a = web_style(_el$, _v$3, _p$.a);
|
|
151
|
+
_v$4 !== _p$.o && setAttribute(_el$, "aria-hidden", _p$.o = _v$4);
|
|
152
|
+
_v$5 !== _p$.i && className(_el$2, _p$.i = _v$5);
|
|
153
153
|
return _p$;
|
|
154
154
|
}, {
|
|
155
155
|
e: void 0,
|
|
@@ -162,5 +162,5 @@ const AnimatedCollapse = (props)=>{
|
|
|
162
162
|
}
|
|
163
163
|
});
|
|
164
164
|
};
|
|
165
|
-
const
|
|
166
|
-
export { AnimatedCollapse, computeCollapseStyle,
|
|
165
|
+
const AnimatedCollapse = AnimatedCollapse_AnimatedCollapse;
|
|
166
|
+
export { AnimatedCollapse_AnimatedCollapse as AnimatedCollapse, computeCollapseStyle, AnimatedCollapse as default, nextCollapsePhase };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { insert, spread, template, use } from "solid-js/web";
|
|
2
|
+
import { createEffect, createSignal, onCleanup, splitProps } from "solid-js";
|
|
3
|
+
import { runMotion } from "../engine.js";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
5
5
|
const MotionDiv_MotionDiv = (props)=>{
|
|
6
|
-
const [local, rest] =
|
|
6
|
+
const [local, rest] = splitProps(props, [
|
|
7
7
|
"initial",
|
|
8
8
|
"animate",
|
|
9
9
|
"exit",
|
|
@@ -14,7 +14,7 @@ const MotionDiv_MotionDiv = (props)=>{
|
|
|
14
14
|
"children",
|
|
15
15
|
"ref"
|
|
16
16
|
]);
|
|
17
|
-
const [elementRef, setElementRef] =
|
|
17
|
+
const [elementRef, setElementRef] = createSignal(void 0);
|
|
18
18
|
let activeControl = null;
|
|
19
19
|
let lastTrigger;
|
|
20
20
|
let lastIsExiting = false;
|
|
@@ -26,14 +26,14 @@ const MotionDiv_MotionDiv = (props)=>{
|
|
|
26
26
|
const runEnter = (target, from, to, transition)=>{
|
|
27
27
|
if (!to) return;
|
|
28
28
|
stopActive();
|
|
29
|
-
activeControl =
|
|
29
|
+
activeControl = runMotion(target, from ?? {}, to ?? {}, transition);
|
|
30
30
|
};
|
|
31
31
|
const runExit = (target, from, to, transition, onComplete)=>{
|
|
32
32
|
if (!to) return void onComplete?.();
|
|
33
33
|
stopActive();
|
|
34
|
-
activeControl =
|
|
34
|
+
activeControl = runMotion(target, from ?? {}, to ?? {}, transition, onComplete);
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
createEffect(()=>{
|
|
37
37
|
const target = elementRef();
|
|
38
38
|
if (!target) return;
|
|
39
39
|
const isExiting = Boolean(local.isExiting);
|
|
@@ -58,17 +58,17 @@ const MotionDiv_MotionDiv = (props)=>{
|
|
|
58
58
|
runEnter(target, initial, animate, transition);
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
|
-
|
|
61
|
+
onCleanup(()=>{
|
|
62
62
|
stopActive();
|
|
63
63
|
});
|
|
64
64
|
return (()=>{
|
|
65
65
|
var _el$ = _tmpl$();
|
|
66
|
-
|
|
66
|
+
use((el)=>{
|
|
67
67
|
setElementRef(el);
|
|
68
68
|
if ("function" == typeof local.ref) local.ref(el);
|
|
69
69
|
}, _el$);
|
|
70
|
-
|
|
71
|
-
|
|
70
|
+
spread(_el$, rest, false, true);
|
|
71
|
+
insert(_el$, ()=>local.children);
|
|
72
72
|
return _el$;
|
|
73
73
|
})();
|
|
74
74
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { createComponent } from "solid-js/web";
|
|
2
|
+
import { Show, createEffect, createSignal, onCleanup, untrack } from "solid-js";
|
|
3
|
+
import { prefersReducedMotion } from "../reduced-motion.js";
|
|
4
4
|
const nextPresenceState = (prev, when)=>{
|
|
5
5
|
if (when) return {
|
|
6
6
|
mounted: true,
|
|
@@ -17,7 +17,7 @@ const nextPresenceState = (prev, when)=>{
|
|
|
17
17
|
};
|
|
18
18
|
const DEFAULT_EXIT_TIMEOUT = 800;
|
|
19
19
|
const Presence_Presence = (props)=>{
|
|
20
|
-
const [state, setState] =
|
|
20
|
+
const [state, setState] = createSignal({
|
|
21
21
|
mounted: props.when,
|
|
22
22
|
isExiting: false
|
|
23
23
|
});
|
|
@@ -35,14 +35,14 @@ const Presence_Presence = (props)=>{
|
|
|
35
35
|
isExiting: false
|
|
36
36
|
} : prev);
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
createEffect(()=>{
|
|
39
39
|
const when = props.when;
|
|
40
|
-
|
|
40
|
+
untrack(()=>{
|
|
41
41
|
const next = nextPresenceState(state(), when);
|
|
42
42
|
if (next === state()) return;
|
|
43
43
|
setState(next);
|
|
44
44
|
if (next.isExiting) {
|
|
45
|
-
const reduce = props.reduceMotion ??
|
|
45
|
+
const reduce = props.reduceMotion ?? prefersReducedMotion();
|
|
46
46
|
if (reduce) return void queueMicrotask(finishExit);
|
|
47
47
|
clearTimer();
|
|
48
48
|
const ms = props.exitTimeout ?? DEFAULT_EXIT_TIMEOUT;
|
|
@@ -50,9 +50,9 @@ const Presence_Presence = (props)=>{
|
|
|
50
50
|
} else clearTimer();
|
|
51
51
|
});
|
|
52
52
|
});
|
|
53
|
-
|
|
53
|
+
onCleanup(clearTimer);
|
|
54
54
|
const isExiting = ()=>state().isExiting;
|
|
55
|
-
return
|
|
55
|
+
return createComponent(Show, {
|
|
56
56
|
get when () {
|
|
57
57
|
return state().mounted;
|
|
58
58
|
},
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
var __webpack_exports__MotionDiv = __WEBPACK_EXTERNAL_MODULE__MotionDiv_js_142518a8__["default"];
|
|
6
|
-
var __webpack_exports__Presence = __WEBPACK_EXTERNAL_MODULE__Presence_js_c85f5127__["default"];
|
|
7
|
-
var __webpack_exports__computeCollapseStyle = __WEBPACK_EXTERNAL_MODULE__AnimatedCollapse_js_e9eaa465__.computeCollapseStyle;
|
|
8
|
-
var __webpack_exports__nextCollapsePhase = __WEBPACK_EXTERNAL_MODULE__AnimatedCollapse_js_e9eaa465__.nextCollapsePhase;
|
|
9
|
-
var __webpack_exports__nextPresenceState = __WEBPACK_EXTERNAL_MODULE__Presence_js_c85f5127__.nextPresenceState;
|
|
10
|
-
export { __webpack_exports__AnimatedCollapse as AnimatedCollapse, __webpack_exports__MotionDiv as MotionDiv, __webpack_exports__Presence as Presence, __webpack_exports__computeCollapseStyle as computeCollapseStyle, __webpack_exports__nextCollapsePhase as nextCollapsePhase, __webpack_exports__nextPresenceState as nextPresenceState };
|
|
1
|
+
import external_MotionDiv_js_default from "./MotionDiv.js";
|
|
2
|
+
import external_Presence_js_default, { nextPresenceState } from "./Presence.js";
|
|
3
|
+
import external_AnimatedCollapse_js_default, { computeCollapseStyle, nextCollapsePhase } from "./AnimatedCollapse.js";
|
|
4
|
+
export { external_AnimatedCollapse_js_default as AnimatedCollapse, external_MotionDiv_js_default as MotionDiv, external_Presence_js_default as Presence, computeCollapseStyle, nextCollapsePhase, nextPresenceState };
|
package/dist/motion/system.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { prefersReducedMotion } from "./reduced-motion.js";
|
|
2
|
+
import { createMotionPresets, noMotion } from "./presets.js";
|
|
3
|
+
import { defaultMotionTokens, mergeMotionTokens } from "./tokens.js";
|
|
4
4
|
const createMotionSystem = (config)=>{
|
|
5
|
-
let tokens =
|
|
5
|
+
let tokens = mergeMotionTokens(defaultMotionTokens, config?.tokens);
|
|
6
6
|
let customPresets = {
|
|
7
7
|
...config?.presets ?? {}
|
|
8
8
|
};
|
|
9
|
-
let basePresets =
|
|
9
|
+
let basePresets = createMotionPresets(tokens);
|
|
10
10
|
let presets = {
|
|
11
11
|
...basePresets,
|
|
12
12
|
...customPresets
|
|
13
13
|
};
|
|
14
|
-
const reduceMotion = config?.reduceMotion ??
|
|
15
|
-
let noMotionPreset = config?.noMotionPreset ??
|
|
14
|
+
const reduceMotion = config?.reduceMotion ?? prefersReducedMotion;
|
|
15
|
+
let noMotionPreset = config?.noMotionPreset ?? noMotion;
|
|
16
16
|
const rebuildPresets = ()=>{
|
|
17
|
-
basePresets =
|
|
17
|
+
basePresets = createMotionPresets(tokens);
|
|
18
18
|
presets = {
|
|
19
19
|
...basePresets,
|
|
20
20
|
...customPresets
|
|
@@ -34,7 +34,7 @@ const createMotionSystem = (config)=>{
|
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
const overrideTokens = (overrides)=>{
|
|
37
|
-
tokens =
|
|
37
|
+
tokens = mergeMotionTokens(tokens, overrides);
|
|
38
38
|
rebuildPresets();
|
|
39
39
|
return tokens;
|
|
40
40
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
var __webpack_exports__useStreamingSubscription = __WEBPACK_EXTERNAL_MODULE__useStreamingSubscription_js_ac8329f3__.useStreamingSubscription;
|
|
5
|
-
export { __webpack_exports__useStreamingBuffer as useStreamingBuffer, __webpack_exports__useStreamingSubscription as useStreamingSubscription };
|
|
1
|
+
import { useStreamingBuffer } from "./useStreamingBuffer.js";
|
|
2
|
+
import { useStreamingSubscription } from "./useStreamingSubscription.js";
|
|
3
|
+
export { useStreamingBuffer, useStreamingSubscription };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createSignal } from "solid-js";
|
|
2
2
|
const normalizeMaxSize = (value)=>{
|
|
3
3
|
if (null == value || !Number.isFinite(value)) return;
|
|
4
4
|
if (value <= 0) return;
|
|
@@ -84,7 +84,7 @@ const useStreamingBuffer = (options)=>{
|
|
|
84
84
|
};
|
|
85
85
|
const initialRows = seedInitialRows();
|
|
86
86
|
keyToIndex = buildKeyIndex(initialRows, options.getKey);
|
|
87
|
-
const [rows, setRows] =
|
|
87
|
+
const [rows, setRows] = createSignal(initialRows);
|
|
88
88
|
const set = (incomingRows)=>{
|
|
89
89
|
setRows((prev)=>{
|
|
90
90
|
if ("replace" === options.strategy) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createEffect, createSignal, onCleanup } from "solid-js";
|
|
2
2
|
const resolveOption = (value)=>{
|
|
3
3
|
if ("function" == typeof value) return value();
|
|
4
4
|
return value;
|
|
@@ -8,10 +8,10 @@ const toError = (error)=>{
|
|
|
8
8
|
return new Error("string" == typeof error ? error : "Unknown streaming error");
|
|
9
9
|
};
|
|
10
10
|
const useStreamingSubscription = (options)=>{
|
|
11
|
-
const [isLive, setIsLive] =
|
|
12
|
-
const [isConnecting, setIsConnecting] =
|
|
13
|
-
const [error, setError] =
|
|
14
|
-
const [eventCount, setEventCount] =
|
|
11
|
+
const [isLive, setIsLive] = createSignal(false);
|
|
12
|
+
const [isConnecting, setIsConnecting] = createSignal(false);
|
|
13
|
+
const [error, setError] = createSignal(null);
|
|
14
|
+
const [eventCount, setEventCount] = createSignal(0);
|
|
15
15
|
let isRunning = false;
|
|
16
16
|
let teardown;
|
|
17
17
|
let activeController = null;
|
|
@@ -95,12 +95,12 @@ const useStreamingSubscription = (options)=>{
|
|
|
95
95
|
observer.error(nextError);
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
|
-
|
|
98
|
+
createEffect(()=>{
|
|
99
99
|
const shouldEnable = resolveOption(options.enabled ?? true);
|
|
100
100
|
if (!shouldEnable) return void stop();
|
|
101
101
|
if (!isRunning) start();
|
|
102
102
|
});
|
|
103
|
-
|
|
103
|
+
onCleanup(()=>{
|
|
104
104
|
stop();
|
|
105
105
|
});
|
|
106
106
|
return {
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__useVirtualRows as useVirtualRows };
|
|
1
|
+
import { useVirtualRows } from "./useVirtualRows.js";
|
|
2
|
+
export { useVirtualRows };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { createEffect, createMemo } from "solid-js";
|
|
2
|
+
import { createVirtualizer } from "@tanstack/solid-virtual";
|
|
3
3
|
const useVirtualRows = (options)=>{
|
|
4
|
-
const virtualizer =
|
|
5
|
-
|
|
4
|
+
const virtualizer = createVirtualizer(options);
|
|
5
|
+
createEffect(()=>{
|
|
6
6
|
const scrollElement = options.getScrollElement();
|
|
7
7
|
if (!scrollElement) return;
|
|
8
8
|
virtualizer.measure();
|
|
9
9
|
});
|
|
10
10
|
const virtualItems = ()=>virtualizer.getVirtualItems();
|
|
11
11
|
const totalSize = ()=>virtualizer.getTotalSize();
|
|
12
|
-
const range =
|
|
12
|
+
const range = createMemo(()=>{
|
|
13
13
|
const items = virtualItems();
|
|
14
14
|
if (0 === items.length) return;
|
|
15
15
|
return {
|
|
@@ -17,8 +17,8 @@ const useVirtualRows = (options)=>{
|
|
|
17
17
|
endIndex: items[items.length - 1].index
|
|
18
18
|
};
|
|
19
19
|
});
|
|
20
|
-
const startIndex =
|
|
21
|
-
const endIndex =
|
|
20
|
+
const startIndex = createMemo(()=>range()?.startIndex ?? -1);
|
|
21
|
+
const endIndex = createMemo(()=>range()?.endIndex ?? -1);
|
|
22
22
|
return {
|
|
23
23
|
virtualizer,
|
|
24
24
|
virtualItems,
|