@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,19 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./ImmersiveLanding.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { Show, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./ImmersiveLanding.classes.js";
|
|
6
|
+
import { useImmersiveLanding } from "./useImmersiveLanding.js";
|
|
7
|
+
import { ImmersiveLandingContext } from "./ImmersiveLandingContext.js";
|
|
8
|
+
import external_ImmersiveLandingPage_js_default from "./ImmersiveLandingPage.js";
|
|
9
|
+
import external_ImmersiveLandingArrows_js_default from "./ImmersiveLandingArrows.js";
|
|
10
|
+
import external_ImmersiveLandingNavigation_js_default from "./ImmersiveLandingNavigation.js";
|
|
11
|
+
import { PWAInstallPrompt } from "./components/PWAInstallPrompt.js";
|
|
12
|
+
import { FirefoxPWABanner } from "./components/FirefoxPWABanner.js";
|
|
13
|
+
import { CookieConsent } from "./components/CookieConsent.js";
|
|
14
|
+
var _tmpl$ = /*#__PURE__*/ template("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><span>v"), _tmpl$3 = /*#__PURE__*/ template("<div>");
|
|
15
15
|
const ImmersiveLanding = (props)=>{
|
|
16
|
-
const [local, others] =
|
|
16
|
+
const [local, others] = splitProps(props, [
|
|
17
17
|
"pages",
|
|
18
18
|
"initialPage",
|
|
19
19
|
"currentPage",
|
|
@@ -36,7 +36,7 @@ const ImmersiveLanding = (props)=>{
|
|
|
36
36
|
"showCookieConsent",
|
|
37
37
|
"showFirefoxBanner"
|
|
38
38
|
]);
|
|
39
|
-
const navigation =
|
|
39
|
+
const navigation = useImmersiveLanding({
|
|
40
40
|
pages: local.pages,
|
|
41
41
|
initialPage: local.initialPage,
|
|
42
42
|
currentPage: local.currentPage,
|
|
@@ -61,64 +61,64 @@ const ImmersiveLanding = (props)=>{
|
|
|
61
61
|
};
|
|
62
62
|
const showNav = ()=>false !== local.showNavigation;
|
|
63
63
|
const showArrowNav = ()=>false !== local.showArrows;
|
|
64
|
-
const classes = ()=>
|
|
64
|
+
const classes = ()=>twMerge(CLASSES.landing.base, local.class, local.className);
|
|
65
65
|
const renderChildren = ()=>"function" == typeof local.children ? local.children(contextValue) : local.children;
|
|
66
66
|
const renderOverlay = ()=>"function" == typeof local.overlay ? local.overlay(contextValue) : local.overlay;
|
|
67
|
-
return
|
|
67
|
+
return createComponent(ImmersiveLandingContext.Provider, {
|
|
68
68
|
value: contextValue,
|
|
69
69
|
get children () {
|
|
70
70
|
return [
|
|
71
71
|
(()=>{
|
|
72
72
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
|
|
73
|
-
|
|
73
|
+
spread(_el$, mergeProps(()=>({
|
|
74
74
|
class: classes()
|
|
75
75
|
}), {
|
|
76
76
|
get style () {
|
|
77
77
|
return local.style;
|
|
78
78
|
}
|
|
79
79
|
}, others), false, true);
|
|
80
|
-
|
|
81
|
-
class:
|
|
80
|
+
spread(_el$2, mergeProps(()=>({
|
|
81
|
+
class: CLASSES.landing.viewport
|
|
82
82
|
})), false, true);
|
|
83
|
-
|
|
84
|
-
class:
|
|
83
|
+
spread(_el$3, mergeProps(()=>({
|
|
84
|
+
class: CLASSES.landing.pageLayer
|
|
85
85
|
})), false, true);
|
|
86
|
-
|
|
86
|
+
insert(_el$3, renderChildren);
|
|
87
87
|
return _el$;
|
|
88
88
|
})(),
|
|
89
|
-
|
|
89
|
+
createComponent(Show, {
|
|
90
90
|
get when () {
|
|
91
91
|
return local.overlay || local.appVersion;
|
|
92
92
|
},
|
|
93
93
|
get children () {
|
|
94
94
|
var _el$4 = _tmpl$3();
|
|
95
|
-
|
|
96
|
-
class:
|
|
95
|
+
spread(_el$4, mergeProps(()=>({
|
|
96
|
+
class: CLASSES.landing.overlay
|
|
97
97
|
})), false, true);
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
insert(_el$4, renderOverlay, null);
|
|
99
|
+
insert(_el$4, createComponent(Show, {
|
|
100
100
|
get when () {
|
|
101
101
|
return local.appVersion;
|
|
102
102
|
},
|
|
103
103
|
get children () {
|
|
104
104
|
var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
|
|
105
105
|
_el$6.firstChild;
|
|
106
|
-
|
|
107
|
-
class:
|
|
106
|
+
spread(_el$5, mergeProps(()=>({
|
|
107
|
+
class: CLASSES.landing.versionWrap
|
|
108
108
|
}), {
|
|
109
109
|
"aria-hidden": "true"
|
|
110
110
|
}), false, true);
|
|
111
|
-
|
|
112
|
-
class:
|
|
111
|
+
spread(_el$6, mergeProps(()=>({
|
|
112
|
+
class: CLASSES.landing.versionLabel
|
|
113
113
|
})), false, true);
|
|
114
|
-
|
|
114
|
+
insert(_el$6, ()=>local.appVersion, null);
|
|
115
115
|
return _el$5;
|
|
116
116
|
}
|
|
117
117
|
}), null);
|
|
118
118
|
return _el$4;
|
|
119
119
|
}
|
|
120
120
|
}),
|
|
121
|
-
|
|
121
|
+
memo(()=>memo(()=>!!showArrowNav())() && createComponent(external_ImmersiveLandingArrows_js_default, {
|
|
122
122
|
get onPrev () {
|
|
123
123
|
return navigation.goPrev;
|
|
124
124
|
},
|
|
@@ -132,7 +132,7 @@ const ImmersiveLanding = (props)=>{
|
|
|
132
132
|
return navigation.isLastPage();
|
|
133
133
|
}
|
|
134
134
|
})),
|
|
135
|
-
|
|
135
|
+
memo(()=>memo(()=>!!showNav())() && createComponent(external_ImmersiveLandingNavigation_js_default, {
|
|
136
136
|
get pages () {
|
|
137
137
|
return local.pages;
|
|
138
138
|
},
|
|
@@ -155,12 +155,12 @@ const ImmersiveLanding = (props)=>{
|
|
|
155
155
|
return navigation.isLastPage();
|
|
156
156
|
}
|
|
157
157
|
})),
|
|
158
|
-
|
|
158
|
+
createComponent(Show, {
|
|
159
159
|
get when () {
|
|
160
160
|
return local.showPWAPrompt;
|
|
161
161
|
},
|
|
162
162
|
get children () {
|
|
163
|
-
return
|
|
163
|
+
return createComponent(PWAInstallPrompt, {
|
|
164
164
|
get appName () {
|
|
165
165
|
return local.pwaConfig?.appName;
|
|
166
166
|
},
|
|
@@ -182,12 +182,12 @@ const ImmersiveLanding = (props)=>{
|
|
|
182
182
|
});
|
|
183
183
|
}
|
|
184
184
|
}),
|
|
185
|
-
|
|
185
|
+
createComponent(Show, {
|
|
186
186
|
get when () {
|
|
187
187
|
return local.showFirefoxBanner;
|
|
188
188
|
},
|
|
189
189
|
get children () {
|
|
190
|
-
return
|
|
190
|
+
return createComponent(FirefoxPWABanner, {
|
|
191
191
|
get extensionUrl () {
|
|
192
192
|
return local.firefoxPWAConfig?.extensionUrl;
|
|
193
193
|
},
|
|
@@ -206,12 +206,12 @@ const ImmersiveLanding = (props)=>{
|
|
|
206
206
|
});
|
|
207
207
|
}
|
|
208
208
|
}),
|
|
209
|
-
|
|
209
|
+
createComponent(Show, {
|
|
210
210
|
get when () {
|
|
211
211
|
return local.showCookieConsent;
|
|
212
212
|
},
|
|
213
213
|
get children () {
|
|
214
|
-
return
|
|
214
|
+
return createComponent(CookieConsent, {
|
|
215
215
|
get storageKeys () {
|
|
216
216
|
return local.cookieConfig?.storageKeys;
|
|
217
217
|
},
|
|
@@ -229,8 +229,8 @@ const ImmersiveLanding = (props)=>{
|
|
|
229
229
|
});
|
|
230
230
|
};
|
|
231
231
|
const immersive_landing_ImmersiveLanding = Object.assign(ImmersiveLanding, {
|
|
232
|
-
Page:
|
|
233
|
-
Arrows:
|
|
234
|
-
Navigation:
|
|
232
|
+
Page: external_ImmersiveLandingPage_js_default,
|
|
233
|
+
Arrows: external_ImmersiveLandingArrows_js_default,
|
|
234
|
+
Navigation: external_ImmersiveLandingNavigation_js_default
|
|
235
235
|
});
|
|
236
236
|
export { immersive_landing_ImmersiveLanding as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, delegateEvents, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { Show, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { CLASSES } from "./ImmersiveLanding.classes.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ template('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7">'), _tmpl$2 = /*#__PURE__*/ template('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">');
|
|
6
6
|
const ImmersiveLandingArrows = (props)=>{
|
|
7
|
-
const [local, others] =
|
|
7
|
+
const [local, others] = splitProps(props, [
|
|
8
8
|
"onPrev",
|
|
9
9
|
"onNext",
|
|
10
10
|
"isFirstPage",
|
|
@@ -19,20 +19,20 @@ const ImmersiveLandingArrows = (props)=>{
|
|
|
19
19
|
if (local.onPrev) local.onPrev();
|
|
20
20
|
};
|
|
21
21
|
return [
|
|
22
|
-
|
|
22
|
+
createComponent(Show, {
|
|
23
23
|
get when () {
|
|
24
24
|
return !local.isFirstPage;
|
|
25
25
|
},
|
|
26
26
|
get children () {
|
|
27
27
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
28
28
|
_el$.$$click = handlePrev;
|
|
29
|
-
|
|
30
|
-
class:
|
|
29
|
+
spread(_el$, mergeProps(()=>({
|
|
30
|
+
class: twMerge(CLASSES.arrows.button, CLASSES.arrows.prev, local.class, local.className)
|
|
31
31
|
}), {
|
|
32
32
|
"aria-label": "Previous page"
|
|
33
33
|
}, others), false, true);
|
|
34
|
-
|
|
35
|
-
class:
|
|
34
|
+
spread(_el$2, mergeProps(()=>({
|
|
35
|
+
class: CLASSES.arrows.icon
|
|
36
36
|
}), {
|
|
37
37
|
fill: "none",
|
|
38
38
|
viewBox: "0 0 24 24",
|
|
@@ -42,20 +42,20 @@ const ImmersiveLandingArrows = (props)=>{
|
|
|
42
42
|
return _el$;
|
|
43
43
|
}
|
|
44
44
|
}),
|
|
45
|
-
|
|
45
|
+
createComponent(Show, {
|
|
46
46
|
get when () {
|
|
47
47
|
return !local.isLastPage;
|
|
48
48
|
},
|
|
49
49
|
get children () {
|
|
50
50
|
var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
|
|
51
51
|
_el$3.$$click = handleNext;
|
|
52
|
-
|
|
53
|
-
class:
|
|
52
|
+
spread(_el$3, mergeProps(()=>({
|
|
53
|
+
class: twMerge(CLASSES.arrows.button, CLASSES.arrows.next, local.class, local.className)
|
|
54
54
|
}), {
|
|
55
55
|
"aria-label": "Next page"
|
|
56
56
|
}, others), false, true);
|
|
57
|
-
|
|
58
|
-
class:
|
|
57
|
+
spread(_el$4, mergeProps(()=>({
|
|
58
|
+
class: CLASSES.arrows.icon
|
|
59
59
|
}), {
|
|
60
60
|
fill: "none",
|
|
61
61
|
viewBox: "0 0 24 24",
|
|
@@ -68,7 +68,7 @@ const ImmersiveLandingArrows = (props)=>{
|
|
|
68
68
|
];
|
|
69
69
|
};
|
|
70
70
|
const immersive_landing_ImmersiveLandingArrows = ImmersiveLandingArrows;
|
|
71
|
-
|
|
71
|
+
delegateEvents([
|
|
72
72
|
"click"
|
|
73
73
|
]);
|
|
74
74
|
export { immersive_landing_ImmersiveLandingArrows as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
const ImmersiveLandingContext =
|
|
1
|
+
import { createContext, useContext } from "solid-js";
|
|
2
|
+
const ImmersiveLandingContext = createContext();
|
|
3
3
|
function useImmersiveLandingContext() {
|
|
4
|
-
const context =
|
|
4
|
+
const context = useContext(ImmersiveLandingContext);
|
|
5
5
|
if (!context) throw new Error("useImmersiveLandingContext must be used within an ImmersiveLanding component");
|
|
6
6
|
return context;
|
|
7
7
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/
|
|
6
|
-
const
|
|
7
|
-
const [local, others] =
|
|
1
|
+
import { createComponent, delegateEvents, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { For, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { CLASSES } from "./ImmersiveLanding.classes.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ template('<nav><div><div><button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7"></path></svg></button><button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">'), _tmpl$2 = /*#__PURE__*/ template("<div>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>"), _tmpl$4 = /*#__PURE__*/ template("<span>/");
|
|
6
|
+
const ImmersiveLandingNavigation_ImmersiveLandingNavigation = (props)=>{
|
|
7
|
+
const [local, others] = splitProps(props, [
|
|
8
8
|
"pages",
|
|
9
9
|
"currentPageIndex",
|
|
10
10
|
"onPageDotClick",
|
|
@@ -16,11 +16,11 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
16
16
|
"className",
|
|
17
17
|
"style"
|
|
18
18
|
]);
|
|
19
|
-
const mobileArrowClasses = (disabled)=>
|
|
19
|
+
const mobileArrowClasses = (disabled)=>twMerge(CLASSES.navigation.mobileArrow, disabled && CLASSES.navigation.mobileArrowDisabled);
|
|
20
20
|
return (()=>{
|
|
21
21
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling, _el$7 = _el$6.firstChild;
|
|
22
|
-
|
|
23
|
-
class:
|
|
22
|
+
spread(_el$, mergeProps(()=>({
|
|
23
|
+
class: twMerge(CLASSES.navigation.base, local.class, local.className)
|
|
24
24
|
}), {
|
|
25
25
|
"aria-label": "Page navigation",
|
|
26
26
|
get style () {
|
|
@@ -30,13 +30,13 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
32
|
}, others), false, true);
|
|
33
|
-
|
|
34
|
-
class:
|
|
33
|
+
spread(_el$2, mergeProps(()=>({
|
|
34
|
+
class: CLASSES.navigation.shell
|
|
35
35
|
})), false, true);
|
|
36
|
-
|
|
37
|
-
class:
|
|
36
|
+
spread(_el$3, mergeProps(()=>({
|
|
37
|
+
class: CLASSES.navigation.row
|
|
38
38
|
})), false, true);
|
|
39
|
-
|
|
39
|
+
spread(_el$4, mergeProps({
|
|
40
40
|
get onClick () {
|
|
41
41
|
return local.onPrev;
|
|
42
42
|
},
|
|
@@ -48,30 +48,30 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
48
48
|
}), {
|
|
49
49
|
"aria-label": "Previous page"
|
|
50
50
|
}), false, true);
|
|
51
|
-
|
|
52
|
-
class:
|
|
51
|
+
spread(_el$5, mergeProps(()=>({
|
|
52
|
+
class: CLASSES.navigation.icon
|
|
53
53
|
}), {
|
|
54
54
|
fill: "none",
|
|
55
55
|
viewBox: "0 0 24 24",
|
|
56
56
|
stroke: "currentColor",
|
|
57
57
|
"stroke-width": "2"
|
|
58
58
|
}), true, true);
|
|
59
|
-
|
|
60
|
-
var _c$ =
|
|
59
|
+
insert(_el$3, (()=>{
|
|
60
|
+
var _c$ = memo(()=>!!(local.pages && local.pages.length > 0));
|
|
61
61
|
return ()=>_c$() && (()=>{
|
|
62
62
|
var _el$8 = _tmpl$2();
|
|
63
|
-
|
|
64
|
-
class:
|
|
63
|
+
spread(_el$8, mergeProps(()=>({
|
|
64
|
+
class: CLASSES.navigation.dots
|
|
65
65
|
})), false, true);
|
|
66
|
-
|
|
66
|
+
insert(_el$8, createComponent(For, {
|
|
67
67
|
get each () {
|
|
68
68
|
return local.pages;
|
|
69
69
|
},
|
|
70
70
|
children: (pageId, index)=>(()=>{
|
|
71
71
|
var _el$9 = _tmpl$3();
|
|
72
72
|
_el$9.$$click = ()=>local.onPageDotClick(pageId);
|
|
73
|
-
|
|
74
|
-
class:
|
|
73
|
+
spread(_el$9, mergeProps(()=>({
|
|
74
|
+
class: twMerge(CLASSES.navigation.dot, index() === local.currentPageIndex && CLASSES.navigation.dotActive)
|
|
75
75
|
}), {
|
|
76
76
|
get ["aria-label"] () {
|
|
77
77
|
return `Go to page ${index() + 1} of ${local.pages.length}`;
|
|
@@ -86,19 +86,19 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
86
86
|
return _el$8;
|
|
87
87
|
})();
|
|
88
88
|
})(), _el$6);
|
|
89
|
-
|
|
90
|
-
var _c$2 =
|
|
89
|
+
insert(_el$3, (()=>{
|
|
90
|
+
var _c$2 = memo(()=>!!(local.pages && local.pages.length > 0));
|
|
91
91
|
return ()=>_c$2() && (()=>{
|
|
92
92
|
var _el$0 = _tmpl$4(), _el$1 = _el$0.firstChild;
|
|
93
|
-
|
|
94
|
-
class:
|
|
93
|
+
spread(_el$0, mergeProps(()=>({
|
|
94
|
+
class: CLASSES.navigation.counter
|
|
95
95
|
})), false, true);
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
insert(_el$0, ()=>(local.currentPageIndex ?? 0) + 1, _el$1);
|
|
97
|
+
insert(_el$0, ()=>local.pages.length, null);
|
|
98
98
|
return _el$0;
|
|
99
99
|
})();
|
|
100
100
|
})(), _el$6);
|
|
101
|
-
|
|
101
|
+
spread(_el$6, mergeProps({
|
|
102
102
|
get onClick () {
|
|
103
103
|
return local.onNext;
|
|
104
104
|
},
|
|
@@ -110,8 +110,8 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
110
110
|
}), {
|
|
111
111
|
"aria-label": "Next page"
|
|
112
112
|
}), false, true);
|
|
113
|
-
|
|
114
|
-
class:
|
|
113
|
+
spread(_el$7, mergeProps(()=>({
|
|
114
|
+
class: CLASSES.navigation.icon
|
|
115
115
|
}), {
|
|
116
116
|
fill: "none",
|
|
117
117
|
viewBox: "0 0 24 24",
|
|
@@ -121,8 +121,8 @@ const ImmersiveLandingNavigation = (props)=>{
|
|
|
121
121
|
return _el$;
|
|
122
122
|
})();
|
|
123
123
|
};
|
|
124
|
-
const
|
|
125
|
-
|
|
124
|
+
const ImmersiveLandingNavigation = ImmersiveLandingNavigation_ImmersiveLandingNavigation;
|
|
125
|
+
delegateEvents([
|
|
126
126
|
"click"
|
|
127
127
|
]);
|
|
128
|
-
export {
|
|
128
|
+
export { ImmersiveLandingNavigation as default };
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { createMemo, splitProps, useContext } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { ImmersiveLandingContext } from "./ImmersiveLandingContext.js";
|
|
5
|
+
import { CLASSES } from "./ImmersiveLanding.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<section role=region><div>");
|
|
7
7
|
const ImmersiveLandingPage = (props)=>{
|
|
8
|
-
const [local, others] =
|
|
8
|
+
const [local, others] = splitProps(props, [
|
|
9
9
|
"id",
|
|
10
10
|
"children",
|
|
11
11
|
"class",
|
|
12
12
|
"className",
|
|
13
13
|
"style"
|
|
14
14
|
]);
|
|
15
|
-
const context =
|
|
16
|
-
const isActive =
|
|
15
|
+
const context = useContext(ImmersiveLandingContext);
|
|
16
|
+
const isActive = createMemo(()=>context?.activePage() === local.id);
|
|
17
17
|
const fadeDurationMs = 200;
|
|
18
|
-
const classes = ()=>
|
|
18
|
+
const classes = ()=>twMerge(CLASSES.page.base, isActive() ? CLASSES.page.active : CLASSES.page.inactive, local.class, local.className);
|
|
19
19
|
return (()=>{
|
|
20
20
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
21
|
-
|
|
21
|
+
spread(_el$, mergeProps({
|
|
22
22
|
get id () {
|
|
23
23
|
return local.id;
|
|
24
24
|
},
|
|
@@ -30,7 +30,7 @@ const ImmersiveLandingPage = (props)=>{
|
|
|
30
30
|
}), {
|
|
31
31
|
get style () {
|
|
32
32
|
return {
|
|
33
|
-
"transition-duration":
|
|
33
|
+
"transition-duration": "200ms",
|
|
34
34
|
"transition-delay": isActive() ? `${fadeDurationMs}ms` : "0ms",
|
|
35
35
|
...local.style
|
|
36
36
|
};
|
|
@@ -39,10 +39,10 @@ const ImmersiveLandingPage = (props)=>{
|
|
|
39
39
|
return !isActive();
|
|
40
40
|
}
|
|
41
41
|
}, others), false, true);
|
|
42
|
-
|
|
43
|
-
class:
|
|
42
|
+
spread(_el$2, mergeProps(()=>({
|
|
43
|
+
class: CLASSES.page.content
|
|
44
44
|
})), false, true);
|
|
45
|
-
|
|
45
|
+
insert(_el$2, ()=>local.children);
|
|
46
46
|
return _el$;
|
|
47
47
|
})();
|
|
48
48
|
};
|