@pathscale/ui 1.1.44 → 1.1.46
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/Accordion.js +44 -44
- package/dist/components/accordion/index.js +2 -9
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- 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.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- 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.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- 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.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- 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.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +2 -8
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- 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.js +14 -14
- package/dist/components/color-swatch-picker/index.js +2 -5
- 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.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- 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.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -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.css +39 -0
- package/dist/components/drawer/Drawer.d.ts +6 -0
- package/dist/components/drawer/Drawer.js +101 -80
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- 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/index.js +2 -3
- package/dist/components/form/Form.js +8 -8
- package/dist/components/form/index.js +2 -5
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.js +8 -8
- package/dist/components/icon/index.js +2 -3
- 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.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +2 -9
- 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.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- 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.js +22 -22
- package/dist/components/link/index.js +2 -5
- 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/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.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.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- 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.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- 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.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- 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.js +38 -38
- package/dist/components/search-field/index.js +2 -9
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +2 -3
- 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.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +3 -28
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- 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.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- 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 +43 -43
- 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.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.js +28 -28
- 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/index.js +6 -12
- package/dist/hooks/form/useField.js +4 -4
- package/dist/hooks/form/useFieldError.js +2 -2
- package/dist/hooks/form/useFieldMeta.js +10 -10
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- 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.d.ts +1 -1
- package/dist/index.js +97 -366
- 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 -34
- 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/MotionDiv.js +13 -13
- package/dist/motion/solid/index.js +2 -3
- 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 +2287 -2287
- package/package.json +1 -1
|
@@ -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,34 +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__createMotionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets;
|
|
13
|
-
var __webpack_exports__createMotionSystem = __WEBPACK_EXTERNAL_MODULE__system_js_50c29608__.createMotionSystem;
|
|
14
|
-
var __webpack_exports__createPopmotionDriver = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.createPopmotionDriver;
|
|
15
|
-
var __webpack_exports__createRouteTransitionResolver = __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.createRouteTransitionResolver;
|
|
16
|
-
var __webpack_exports__defaultMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens;
|
|
17
|
-
var __webpack_exports__enablePopmotion = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.enablePopmotion;
|
|
18
|
-
var __webpack_exports__getMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.getMotionDriver;
|
|
19
|
-
var __webpack_exports__getPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.getPreset;
|
|
20
|
-
var __webpack_exports__immediateDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.immediateDriver;
|
|
21
|
-
var __webpack_exports__mergeMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens;
|
|
22
|
-
var __webpack_exports__motionDistances = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDistances;
|
|
23
|
-
var __webpack_exports__motionDurations = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDurations;
|
|
24
|
-
var __webpack_exports__motionEasings = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionEasings;
|
|
25
|
-
var __webpack_exports__motionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.motionPresets;
|
|
26
|
-
var __webpack_exports__noMotion = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
|
|
27
|
-
var __webpack_exports__prefersReducedMotion = __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
|
|
28
|
-
var __webpack_exports__registerPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.registerPreset;
|
|
29
|
-
var __webpack_exports__resolveEase = __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__.resolveEase;
|
|
30
|
-
var __webpack_exports__resolvePreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.resolvePreset;
|
|
31
|
-
var __webpack_exports__routeTransition = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.routeTransition;
|
|
32
|
-
var __webpack_exports__runMotion = __WEBPACK_EXTERNAL_MODULE__engine_js_45c545c3__.runMotion;
|
|
33
|
-
var __webpack_exports__setMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.setMotionDriver;
|
|
34
|
-
export { __webpack_exports__MotionDiv as MotionDiv, __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__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 { MotionDiv } 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 { MotionDiv, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, defaultMotionTokens, enablePopmotion, getMotionDriver, getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, 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
|
-
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,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__MotionDiv as MotionDiv };
|
|
1
|
+
import external_MotionDiv_js_default from "./MotionDiv.js";
|
|
2
|
+
export { external_MotionDiv_js_default as MotionDiv };
|
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,
|