@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,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Fieldset.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Fieldset.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<fieldset>"), _tmpl$2 = /*#__PURE__*/ template("<legend>"), _tmpl$3 = /*#__PURE__*/ template("<div>");
|
|
7
7
|
const FieldsetRoot = (props)=>{
|
|
8
|
-
const [local, others] =
|
|
8
|
+
const [local, others] = splitProps(props, [
|
|
9
9
|
"children",
|
|
10
10
|
"class",
|
|
11
11
|
"className",
|
|
@@ -14,8 +14,8 @@ const FieldsetRoot = (props)=>{
|
|
|
14
14
|
]);
|
|
15
15
|
return (()=>{
|
|
16
16
|
var _el$ = _tmpl$();
|
|
17
|
-
|
|
18
|
-
class:
|
|
17
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
18
|
+
class: twMerge(CLASSES.Root.base, local.class, local.className)
|
|
19
19
|
}), {
|
|
20
20
|
"data-slot": "fieldset",
|
|
21
21
|
get ["data-theme"] () {
|
|
@@ -25,12 +25,12 @@ const FieldsetRoot = (props)=>{
|
|
|
25
25
|
return local.style;
|
|
26
26
|
}
|
|
27
27
|
}), false, true);
|
|
28
|
-
|
|
28
|
+
insert(_el$, ()=>local.children);
|
|
29
29
|
return _el$;
|
|
30
30
|
})();
|
|
31
31
|
};
|
|
32
32
|
const FieldsetLegend = (props)=>{
|
|
33
|
-
const [local, others] =
|
|
33
|
+
const [local, others] = splitProps(props, [
|
|
34
34
|
"children",
|
|
35
35
|
"class",
|
|
36
36
|
"className",
|
|
@@ -39,8 +39,8 @@ const FieldsetLegend = (props)=>{
|
|
|
39
39
|
]);
|
|
40
40
|
return (()=>{
|
|
41
41
|
var _el$2 = _tmpl$2();
|
|
42
|
-
|
|
43
|
-
class:
|
|
42
|
+
spread(_el$2, mergeProps(others, ()=>({
|
|
43
|
+
class: twMerge(CLASSES.Legend.base, local.class, local.className)
|
|
44
44
|
}), {
|
|
45
45
|
"data-slot": "fieldset-legend",
|
|
46
46
|
get ["data-theme"] () {
|
|
@@ -50,12 +50,12 @@ const FieldsetLegend = (props)=>{
|
|
|
50
50
|
return local.style;
|
|
51
51
|
}
|
|
52
52
|
}), false, true);
|
|
53
|
-
|
|
53
|
+
insert(_el$2, ()=>local.children);
|
|
54
54
|
return _el$2;
|
|
55
55
|
})();
|
|
56
56
|
};
|
|
57
57
|
const FieldGroup = (props)=>{
|
|
58
|
-
const [local, others] =
|
|
58
|
+
const [local, others] = splitProps(props, [
|
|
59
59
|
"children",
|
|
60
60
|
"class",
|
|
61
61
|
"className",
|
|
@@ -64,8 +64,8 @@ const FieldGroup = (props)=>{
|
|
|
64
64
|
]);
|
|
65
65
|
return (()=>{
|
|
66
66
|
var _el$3 = _tmpl$3();
|
|
67
|
-
|
|
68
|
-
class:
|
|
67
|
+
spread(_el$3, mergeProps(others, ()=>({
|
|
68
|
+
class: twMerge(CLASSES.Group.base, local.class, local.className)
|
|
69
69
|
}), {
|
|
70
70
|
"data-slot": "fieldset-field-group",
|
|
71
71
|
get ["data-theme"] () {
|
|
@@ -75,12 +75,12 @@ const FieldGroup = (props)=>{
|
|
|
75
75
|
return local.style;
|
|
76
76
|
}
|
|
77
77
|
}), false, true);
|
|
78
|
-
|
|
78
|
+
insert(_el$3, ()=>local.children);
|
|
79
79
|
return _el$3;
|
|
80
80
|
})();
|
|
81
81
|
};
|
|
82
82
|
const FieldsetActions = (props)=>{
|
|
83
|
-
const [local, others] =
|
|
83
|
+
const [local, others] = splitProps(props, [
|
|
84
84
|
"children",
|
|
85
85
|
"class",
|
|
86
86
|
"className",
|
|
@@ -89,8 +89,8 @@ const FieldsetActions = (props)=>{
|
|
|
89
89
|
]);
|
|
90
90
|
return (()=>{
|
|
91
91
|
var _el$4 = _tmpl$3();
|
|
92
|
-
|
|
93
|
-
class:
|
|
92
|
+
spread(_el$4, mergeProps(others, ()=>({
|
|
93
|
+
class: twMerge(CLASSES.Actions.base, local.class, local.className)
|
|
94
94
|
}), {
|
|
95
95
|
"data-slot": "fieldset-actions",
|
|
96
96
|
get ["data-theme"] () {
|
|
@@ -100,7 +100,7 @@ const FieldsetActions = (props)=>{
|
|
|
100
100
|
return local.style;
|
|
101
101
|
}
|
|
102
102
|
}), false, true);
|
|
103
|
-
|
|
103
|
+
insert(_el$4, ()=>local.children);
|
|
104
104
|
return _el$4;
|
|
105
105
|
})();
|
|
106
106
|
};
|
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__Fieldset = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.Fieldset;
|
|
4
|
-
var __webpack_exports__FieldsetActions = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetActions;
|
|
5
|
-
var __webpack_exports__FieldsetLegend = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetLegend;
|
|
6
|
-
var __webpack_exports__FieldsetRoot = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetRoot;
|
|
7
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__["default"];
|
|
8
|
-
export { __webpack_exports__FieldGroup as FieldGroup, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FieldsetActions as FieldsetActions, __webpack_exports__FieldsetLegend as FieldsetLegend, __webpack_exports__FieldsetRoot as FieldsetRoot, __webpack_exports__default as default };
|
|
1
|
+
import external_Fieldset_js_default, { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot } from "./Fieldset.js";
|
|
2
|
+
export { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot, external_Fieldset_js_default as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Dynamic, createComponent, mergeProps } from "solid-js/web";
|
|
2
2
|
import "./Flex.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
const
|
|
9
|
-
const [local, rest] =
|
|
3
|
+
import { children, createMemo, splitProps } from "solid-js";
|
|
4
|
+
import external_clsx_default from "clsx";
|
|
5
|
+
import { twMerge } from "tailwind-merge";
|
|
6
|
+
import { mapResponsiveProp } from "../utils.js";
|
|
7
|
+
import { CLASSES } from "./Flex.classes.js";
|
|
8
|
+
const Flex = (props)=>{
|
|
9
|
+
const [local, rest] = splitProps(props, [
|
|
10
10
|
"as",
|
|
11
11
|
"class",
|
|
12
12
|
"className",
|
|
@@ -22,10 +22,10 @@ const Flex_Flex = (props)=>{
|
|
|
22
22
|
"shrink",
|
|
23
23
|
"basis"
|
|
24
24
|
]);
|
|
25
|
-
const tag =
|
|
26
|
-
const resolvedChildren =
|
|
27
|
-
const classes =
|
|
28
|
-
return
|
|
25
|
+
const tag = createMemo(()=>local.as || "div");
|
|
26
|
+
const resolvedChildren = children(()=>local.children);
|
|
27
|
+
const classes = createMemo(()=>twMerge(external_clsx_default(CLASSES.base, mapResponsiveProp(local.direction, CLASSES.direction), mapResponsiveProp(local.justify, CLASSES.justify), mapResponsiveProp(local.align, CLASSES.align), mapResponsiveProp(local.wrap, CLASSES.wrap), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.gapX, CLASSES.gapX), mapResponsiveProp(local.gapY, CLASSES.gapY), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class, local.className)));
|
|
28
|
+
return createComponent(Dynamic, mergeProps({
|
|
29
29
|
get component () {
|
|
30
30
|
return tag();
|
|
31
31
|
}
|
|
@@ -37,5 +37,5 @@ const Flex_Flex = (props)=>{
|
|
|
37
37
|
}
|
|
38
38
|
}));
|
|
39
39
|
};
|
|
40
|
-
const
|
|
41
|
-
export {
|
|
40
|
+
const flex_Flex = Flex;
|
|
41
|
+
export { flex_Flex as default };
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_Flex_js_default from "./Flex.js";
|
|
2
|
+
export { external_Flex_js_default as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Portal, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
|
|
2
2
|
import "./FloatingDock.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { For, Show, createSignal, onCleanup, onMount, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./FloatingDock.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<div><div>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>"), _tmpl$4 = /*#__PURE__*/ template("<a>"), _tmpl$5 = /*#__PURE__*/ template("<div role=toolbar aria-label=Actions>"), _tmpl$6 = /*#__PURE__*/ template("<div><button type=button>"), _tmpl$7 = /*#__PURE__*/ template('<svg xmlns=http://www.w3.org/2000/svg><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16">');
|
|
7
7
|
const prefersReducedMotion = "undefined" != typeof window && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
8
8
|
function createSpring(initial, opts = {}) {
|
|
9
9
|
const mass = opts.mass ?? 1;
|
|
@@ -83,13 +83,13 @@ const TOOLTIP_TRANSFORM = {
|
|
|
83
83
|
const DockItem = (props)=>{
|
|
84
84
|
let wrapRef;
|
|
85
85
|
let iconRef;
|
|
86
|
-
const [hovered, setHovered] =
|
|
87
|
-
const [tooltipStyle, setTooltipStyle] =
|
|
86
|
+
const [hovered, setHovered] = createSignal(false);
|
|
87
|
+
const [tooltipStyle, setTooltipStyle] = createSignal({
|
|
88
88
|
top: "0",
|
|
89
89
|
left: "0"
|
|
90
90
|
});
|
|
91
91
|
const cfg = props.cfg;
|
|
92
|
-
|
|
92
|
+
onMount(()=>{
|
|
93
93
|
if (wrapRef && iconRef) props.registerRefs(wrapRef, iconRef);
|
|
94
94
|
});
|
|
95
95
|
const handleMouseEnter = ()=>{
|
|
@@ -107,9 +107,9 @@ const DockItem = (props)=>{
|
|
|
107
107
|
_el$.addEventListener("mouseleave", ()=>setHovered(false));
|
|
108
108
|
_el$.addEventListener("mouseenter", handleMouseEnter);
|
|
109
109
|
var _ref$ = wrapRef;
|
|
110
|
-
"function" == typeof _ref$ ?
|
|
111
|
-
|
|
112
|
-
class:
|
|
110
|
+
"function" == typeof _ref$ ? use(_ref$, _el$) : wrapRef = _el$;
|
|
111
|
+
spread(_el$, mergeProps(()=>({
|
|
112
|
+
class: twMerge(CLASSES.item, cfg.itemClass)
|
|
113
113
|
}), {
|
|
114
114
|
get style () {
|
|
115
115
|
return {
|
|
@@ -118,16 +118,16 @@ const DockItem = (props)=>{
|
|
|
118
118
|
};
|
|
119
119
|
}
|
|
120
120
|
}), false, true);
|
|
121
|
-
|
|
121
|
+
insert(_el$, createComponent(Show, {
|
|
122
122
|
get when () {
|
|
123
123
|
return hovered();
|
|
124
124
|
},
|
|
125
125
|
get children () {
|
|
126
|
-
return
|
|
126
|
+
return createComponent(Portal, {
|
|
127
127
|
get children () {
|
|
128
128
|
var _el$2 = _tmpl$();
|
|
129
|
-
|
|
130
|
-
class:
|
|
129
|
+
spread(_el$2, mergeProps(()=>({
|
|
130
|
+
class: twMerge(CLASSES.tooltip, cfg.tooltipClass)
|
|
131
131
|
}), {
|
|
132
132
|
get style () {
|
|
133
133
|
return {
|
|
@@ -137,37 +137,37 @@ const DockItem = (props)=>{
|
|
|
137
137
|
};
|
|
138
138
|
}
|
|
139
139
|
}), false, true);
|
|
140
|
-
|
|
140
|
+
insert(_el$2, ()=>props.item.title);
|
|
141
141
|
return _el$2;
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
144
|
}
|
|
145
145
|
}), _el$3);
|
|
146
146
|
var _ref$2 = iconRef;
|
|
147
|
-
"function" == typeof _ref$2 ?
|
|
148
|
-
|
|
149
|
-
class:
|
|
147
|
+
"function" == typeof _ref$2 ? use(_ref$2, _el$3) : iconRef = _el$3;
|
|
148
|
+
spread(_el$3, mergeProps(()=>({
|
|
149
|
+
class: CLASSES.icon
|
|
150
150
|
})), false, true);
|
|
151
|
-
|
|
151
|
+
insert(_el$3, ()=>props.item.icon);
|
|
152
152
|
return _el$;
|
|
153
153
|
})();
|
|
154
|
-
return
|
|
154
|
+
return createComponent(Show, {
|
|
155
155
|
get when () {
|
|
156
156
|
return props.item.onClick;
|
|
157
157
|
},
|
|
158
158
|
get fallback () {
|
|
159
|
-
return
|
|
159
|
+
return createComponent(Show, {
|
|
160
160
|
get when () {
|
|
161
161
|
return props.item.href;
|
|
162
162
|
},
|
|
163
163
|
fallback: inner,
|
|
164
164
|
get children () {
|
|
165
165
|
var _el$5 = _tmpl$4();
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
insert(_el$5, inner);
|
|
167
|
+
effect((_p$)=>{
|
|
168
168
|
var _v$ = props.item.href, _v$2 = props.item.title;
|
|
169
|
-
_v$ !== _p$.e &&
|
|
170
|
-
_v$2 !== _p$.t &&
|
|
169
|
+
_v$ !== _p$.e && setAttribute(_el$5, "href", _p$.e = _v$);
|
|
170
|
+
_v$2 !== _p$.t && setAttribute(_el$5, "aria-label", _p$.t = _v$2);
|
|
171
171
|
return _p$;
|
|
172
172
|
}, {
|
|
173
173
|
e: void 0,
|
|
@@ -180,20 +180,20 @@ const DockItem = (props)=>{
|
|
|
180
180
|
get children () {
|
|
181
181
|
var _el$4 = _tmpl$3();
|
|
182
182
|
_el$4.$$click = handleClick;
|
|
183
|
-
|
|
183
|
+
spread(_el$4, mergeProps({
|
|
184
184
|
get ["aria-label"] () {
|
|
185
185
|
return props.item.title;
|
|
186
186
|
}
|
|
187
187
|
}, ()=>({
|
|
188
|
-
class:
|
|
188
|
+
class: CLASSES.buttonReset
|
|
189
189
|
})), false, true);
|
|
190
|
-
|
|
190
|
+
insert(_el$4, inner);
|
|
191
191
|
return _el$4;
|
|
192
192
|
}
|
|
193
193
|
});
|
|
194
194
|
};
|
|
195
195
|
const FloatingDockDesktop = (props)=>{
|
|
196
|
-
const [mousePos, setMousePos] =
|
|
196
|
+
const [mousePos, setMousePos] = createSignal(1 / 0);
|
|
197
197
|
const isH = ()=>"horizontal" === props.cfg.orientation;
|
|
198
198
|
const cfg = props.cfg;
|
|
199
199
|
const itemSprings = [];
|
|
@@ -295,7 +295,7 @@ const FloatingDockDesktop = (props)=>{
|
|
|
295
295
|
if (allSettled) return void stopLoop();
|
|
296
296
|
rafId = requestAnimationFrame(tick);
|
|
297
297
|
};
|
|
298
|
-
|
|
298
|
+
onCleanup(()=>{
|
|
299
299
|
stopLoop();
|
|
300
300
|
});
|
|
301
301
|
return (()=>{
|
|
@@ -309,8 +309,8 @@ const FloatingDockDesktop = (props)=>{
|
|
|
309
309
|
startLoop();
|
|
310
310
|
};
|
|
311
311
|
_el$6.addEventListener("mouseenter", captureAnchors);
|
|
312
|
-
|
|
313
|
-
class:
|
|
312
|
+
spread(_el$6, mergeProps(()=>({
|
|
313
|
+
class: twMerge(CLASSES.bar, isH() ? CLASSES.barOrientation.horizontal : CLASSES.barOrientation.vertical, props.class)
|
|
314
314
|
}), {
|
|
315
315
|
get style () {
|
|
316
316
|
return {
|
|
@@ -324,21 +324,21 @@ const FloatingDockDesktop = (props)=>{
|
|
|
324
324
|
};
|
|
325
325
|
}
|
|
326
326
|
}), false, true);
|
|
327
|
-
|
|
327
|
+
insert(_el$6, createComponent(Show, {
|
|
328
328
|
get when () {
|
|
329
329
|
return props.showContainer;
|
|
330
330
|
},
|
|
331
331
|
get children () {
|
|
332
332
|
var _el$7 = _tmpl$();
|
|
333
333
|
var _ref$3 = bgRef;
|
|
334
|
-
"function" == typeof _ref$3 ?
|
|
335
|
-
|
|
336
|
-
class:
|
|
334
|
+
"function" == typeof _ref$3 ? use(_ref$3, _el$7) : bgRef = _el$7;
|
|
335
|
+
spread(_el$7, mergeProps(()=>({
|
|
336
|
+
class: CLASSES.bg
|
|
337
337
|
})), false, false);
|
|
338
338
|
return _el$7;
|
|
339
339
|
}
|
|
340
340
|
}), null);
|
|
341
|
-
|
|
341
|
+
insert(_el$6, createComponent(For, {
|
|
342
342
|
get each () {
|
|
343
343
|
return props.items;
|
|
344
344
|
},
|
|
@@ -349,7 +349,7 @@ const FloatingDockDesktop = (props)=>{
|
|
|
349
349
|
sNudge: createSpring(0, cfg.springOpts)
|
|
350
350
|
};
|
|
351
351
|
itemSprings[idx()] = springs;
|
|
352
|
-
return
|
|
352
|
+
return createComponent(DockItem, {
|
|
353
353
|
item: item,
|
|
354
354
|
cfg: cfg,
|
|
355
355
|
registerRefs: (wrap, icon)=>{
|
|
@@ -363,7 +363,7 @@ const FloatingDockDesktop = (props)=>{
|
|
|
363
363
|
})();
|
|
364
364
|
};
|
|
365
365
|
const FloatingDockMobile = (props)=>{
|
|
366
|
-
const [open, setOpen] =
|
|
366
|
+
const [open, setOpen] = createSignal(false);
|
|
367
367
|
const handleItemClick = (item, e)=>{
|
|
368
368
|
if (item.onClick) {
|
|
369
369
|
e.preventDefault();
|
|
@@ -373,26 +373,26 @@ const FloatingDockMobile = (props)=>{
|
|
|
373
373
|
};
|
|
374
374
|
return (()=>{
|
|
375
375
|
var _el$8 = _tmpl$6(), _el$0 = _el$8.firstChild;
|
|
376
|
-
|
|
377
|
-
class:
|
|
376
|
+
spread(_el$8, mergeProps(()=>({
|
|
377
|
+
class: twMerge(CLASSES.mobile, props.class)
|
|
378
378
|
})), false, true);
|
|
379
|
-
|
|
379
|
+
insert(_el$8, createComponent(Show, {
|
|
380
380
|
get when () {
|
|
381
381
|
return open();
|
|
382
382
|
},
|
|
383
383
|
get children () {
|
|
384
384
|
var _el$9 = _tmpl$();
|
|
385
|
-
|
|
386
|
-
class:
|
|
385
|
+
spread(_el$9, mergeProps(()=>({
|
|
386
|
+
class: twMerge(CLASSES.mobilePopup, CLASSES.mobilePopupDirection[props.popupDirection])
|
|
387
387
|
})), false, true);
|
|
388
|
-
|
|
388
|
+
insert(_el$9, createComponent(For, {
|
|
389
389
|
get each () {
|
|
390
390
|
return props.items;
|
|
391
391
|
},
|
|
392
392
|
children: (item, idx)=>(()=>{
|
|
393
393
|
var _el$1 = _tmpl$();
|
|
394
|
-
|
|
395
|
-
class:
|
|
394
|
+
spread(_el$1, mergeProps(()=>({
|
|
395
|
+
class: CLASSES.mobileItem
|
|
396
396
|
}), {
|
|
397
397
|
get style () {
|
|
398
398
|
return {
|
|
@@ -400,20 +400,20 @@ const FloatingDockMobile = (props)=>{
|
|
|
400
400
|
};
|
|
401
401
|
}
|
|
402
402
|
}), false, true);
|
|
403
|
-
|
|
403
|
+
insert(_el$1, createComponent(Show, {
|
|
404
404
|
get when () {
|
|
405
405
|
return item.onClick;
|
|
406
406
|
},
|
|
407
407
|
get fallback () {
|
|
408
|
-
return
|
|
408
|
+
return createComponent(Show, {
|
|
409
409
|
get when () {
|
|
410
410
|
return item.href;
|
|
411
411
|
},
|
|
412
412
|
get fallback () {
|
|
413
413
|
return (()=>{
|
|
414
414
|
var _el$12 = _tmpl$();
|
|
415
|
-
|
|
416
|
-
class:
|
|
415
|
+
spread(_el$12, mergeProps(()=>({
|
|
416
|
+
class: CLASSES.item
|
|
417
417
|
}), {
|
|
418
418
|
get style () {
|
|
419
419
|
return {
|
|
@@ -425,18 +425,18 @@ const FloatingDockMobile = (props)=>{
|
|
|
425
425
|
return item.title;
|
|
426
426
|
}
|
|
427
427
|
}), false, true);
|
|
428
|
-
|
|
428
|
+
insert(_el$12, ()=>item.icon);
|
|
429
429
|
return _el$12;
|
|
430
430
|
})();
|
|
431
431
|
},
|
|
432
432
|
get children () {
|
|
433
433
|
var _el$11 = _tmpl$4();
|
|
434
|
-
|
|
434
|
+
spread(_el$11, mergeProps({
|
|
435
435
|
get href () {
|
|
436
436
|
return item.href;
|
|
437
437
|
}
|
|
438
438
|
}, ()=>({
|
|
439
|
-
class:
|
|
439
|
+
class: CLASSES.item
|
|
440
440
|
}), {
|
|
441
441
|
get style () {
|
|
442
442
|
return {
|
|
@@ -448,7 +448,7 @@ const FloatingDockMobile = (props)=>{
|
|
|
448
448
|
return item.title;
|
|
449
449
|
}
|
|
450
450
|
}), false, true);
|
|
451
|
-
|
|
451
|
+
insert(_el$11, ()=>item.icon);
|
|
452
452
|
return _el$11;
|
|
453
453
|
}
|
|
454
454
|
});
|
|
@@ -456,8 +456,8 @@ const FloatingDockMobile = (props)=>{
|
|
|
456
456
|
get children () {
|
|
457
457
|
var _el$10 = _tmpl$3();
|
|
458
458
|
_el$10.$$click = (e)=>handleItemClick(item, e);
|
|
459
|
-
|
|
460
|
-
class:
|
|
459
|
+
spread(_el$10, mergeProps(()=>({
|
|
460
|
+
class: CLASSES.mobileToggle
|
|
461
461
|
}), {
|
|
462
462
|
get style () {
|
|
463
463
|
return {
|
|
@@ -469,7 +469,7 @@ const FloatingDockMobile = (props)=>{
|
|
|
469
469
|
return item.title;
|
|
470
470
|
}
|
|
471
471
|
}), false, true);
|
|
472
|
-
|
|
472
|
+
insert(_el$10, ()=>item.icon);
|
|
473
473
|
return _el$10;
|
|
474
474
|
}
|
|
475
475
|
}));
|
|
@@ -480,8 +480,8 @@ const FloatingDockMobile = (props)=>{
|
|
|
480
480
|
}
|
|
481
481
|
}), _el$0);
|
|
482
482
|
_el$0.$$click = ()=>setOpen(!open());
|
|
483
|
-
|
|
484
|
-
class:
|
|
483
|
+
spread(_el$0, mergeProps(()=>({
|
|
484
|
+
class: CLASSES.mobileToggle
|
|
485
485
|
}), {
|
|
486
486
|
get style () {
|
|
487
487
|
return {
|
|
@@ -490,10 +490,10 @@ const FloatingDockMobile = (props)=>{
|
|
|
490
490
|
};
|
|
491
491
|
}
|
|
492
492
|
}), false, true);
|
|
493
|
-
|
|
493
|
+
insert(_el$0, ()=>props.toggleIcon ?? (()=>{
|
|
494
494
|
var _el$13 = _tmpl$7();
|
|
495
|
-
|
|
496
|
-
class:
|
|
495
|
+
spread(_el$13, mergeProps(()=>({
|
|
496
|
+
class: CLASSES.menuIcon
|
|
497
497
|
}), {
|
|
498
498
|
viewBox: "0 0 24 24",
|
|
499
499
|
fill: "none",
|
|
@@ -508,7 +508,7 @@ const FloatingDockMobile = (props)=>{
|
|
|
508
508
|
})();
|
|
509
509
|
};
|
|
510
510
|
const FloatingDock = (rawProps)=>{
|
|
511
|
-
const [local, others] =
|
|
511
|
+
const [local, others] = splitProps(rawProps, [
|
|
512
512
|
"items",
|
|
513
513
|
"orientation",
|
|
514
514
|
"tooltipDirection",
|
|
@@ -559,8 +559,8 @@ const FloatingDock = (rawProps)=>{
|
|
|
559
559
|
});
|
|
560
560
|
return (()=>{
|
|
561
561
|
var _el$14 = _tmpl$();
|
|
562
|
-
|
|
563
|
-
class:
|
|
562
|
+
spread(_el$14, mergeProps(()=>({
|
|
563
|
+
class: CLASSES.base
|
|
564
564
|
}), {
|
|
565
565
|
get ["data-theme"] () {
|
|
566
566
|
return local.dataTheme;
|
|
@@ -569,17 +569,17 @@ const FloatingDock = (rawProps)=>{
|
|
|
569
569
|
return local.style;
|
|
570
570
|
}
|
|
571
571
|
}, others), false, true);
|
|
572
|
-
|
|
572
|
+
insert(_el$14, createComponent(Show, {
|
|
573
573
|
get when () {
|
|
574
574
|
return false !== local.showDesktop;
|
|
575
575
|
},
|
|
576
576
|
get children () {
|
|
577
|
-
return
|
|
577
|
+
return createComponent(FloatingDockDesktop, mergeProps({
|
|
578
578
|
get items () {
|
|
579
579
|
return local.items;
|
|
580
580
|
}
|
|
581
581
|
}, ()=>({
|
|
582
|
-
class:
|
|
582
|
+
class: twMerge(local.class, local.className, local.desktopClass)
|
|
583
583
|
}), {
|
|
584
584
|
get cfg () {
|
|
585
585
|
return cfg();
|
|
@@ -590,22 +590,22 @@ const FloatingDock = (rawProps)=>{
|
|
|
590
590
|
}));
|
|
591
591
|
}
|
|
592
592
|
}), null);
|
|
593
|
-
|
|
593
|
+
insert(_el$14, createComponent(Show, {
|
|
594
594
|
get when () {
|
|
595
595
|
return false !== local.showMobile;
|
|
596
596
|
},
|
|
597
597
|
get children () {
|
|
598
|
-
return
|
|
598
|
+
return createComponent(Show, {
|
|
599
599
|
get when () {
|
|
600
600
|
return "dock" !== local.mobileMode;
|
|
601
601
|
},
|
|
602
602
|
get fallback () {
|
|
603
|
-
return
|
|
603
|
+
return createComponent(FloatingDockDesktop, mergeProps({
|
|
604
604
|
get items () {
|
|
605
605
|
return local.items;
|
|
606
606
|
}
|
|
607
607
|
}, ()=>({
|
|
608
|
-
class:
|
|
608
|
+
class: twMerge(CLASSES.barMobileDock, local.mobileClass)
|
|
609
609
|
}), {
|
|
610
610
|
get cfg () {
|
|
611
611
|
return cfg();
|
|
@@ -616,7 +616,7 @@ const FloatingDock = (rawProps)=>{
|
|
|
616
616
|
}));
|
|
617
617
|
},
|
|
618
618
|
get children () {
|
|
619
|
-
return
|
|
619
|
+
return createComponent(FloatingDockMobile, mergeProps({
|
|
620
620
|
get items () {
|
|
621
621
|
return local.items;
|
|
622
622
|
}
|
|
@@ -641,7 +641,7 @@ const FloatingDock = (rawProps)=>{
|
|
|
641
641
|
})();
|
|
642
642
|
};
|
|
643
643
|
const floating_dock_FloatingDock = FloatingDock;
|
|
644
|
-
|
|
644
|
+
delegateEvents([
|
|
645
645
|
"click",
|
|
646
646
|
"mousemove"
|
|
647
647
|
]);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_FloatingDock_js_default from "./FloatingDock.js";
|
|
2
|
+
export { external_FloatingDock_js_default as default };
|