@pathscale/ui 1.1.44 → 1.1.45
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 +51 -0
- package/dist/components/drawer/Drawer.d.ts +7 -0
- package/dist/components/drawer/Drawer.js +105 -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 +9 -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.css +0 -4
- 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.css +0 -9
- 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,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { Show, createSignal, onCleanup, onMount } from "solid-js";
|
|
3
|
+
import index_js_default from "../../button/index.js";
|
|
4
|
+
import external_flex_index_js_default from "../../flex/index.js";
|
|
5
|
+
import { CLASSES } from "../ImmersiveLanding.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<p id=cookie-consent-message>"), _tmpl$2 = /*#__PURE__*/ template("<button type=button>"), _tmpl$3 = /*#__PURE__*/ template("<div role=dialog aria-modal=false aria-labelledby=cookie-consent-message><div>"), _tmpl$4 = /*#__PURE__*/ template("<h2 id=cookie-manage-title>"), _tmpl$5 = /*#__PURE__*/ template("<label><span></span><input type=checkbox checked disabled>"), _tmpl$6 = /*#__PURE__*/ template("<label><span></span><input type=checkbox>"), _tmpl$7 = /*#__PURE__*/ template("<div role=dialog aria-modal=true aria-labelledby=cookie-manage-title><div>");
|
|
7
7
|
const defaultTexts = {
|
|
8
8
|
message: "We use cookies to improve your experience. You can accept all cookies or manage your preferences.",
|
|
9
9
|
acceptAll: "Accept all",
|
|
@@ -18,11 +18,11 @@ const defaultTexts = {
|
|
|
18
18
|
closeLabel: "Close"
|
|
19
19
|
};
|
|
20
20
|
const CookieConsent = (props)=>{
|
|
21
|
-
const [showBanner, setShowBanner] =
|
|
22
|
-
const [showManage, setShowManage] =
|
|
23
|
-
const [isClosing, setIsClosing] =
|
|
24
|
-
const [analyticsEnabled, setAnalyticsEnabled] =
|
|
25
|
-
const [marketingEnabled, setMarketingEnabled] =
|
|
21
|
+
const [showBanner, setShowBanner] = createSignal(false);
|
|
22
|
+
const [showManage, setShowManage] = createSignal(false);
|
|
23
|
+
const [isClosing, setIsClosing] = createSignal(false);
|
|
24
|
+
const [analyticsEnabled, setAnalyticsEnabled] = createSignal(false);
|
|
25
|
+
const [marketingEnabled, setMarketingEnabled] = createSignal(false);
|
|
26
26
|
const CONSENT_KEY = ()=>props.storageKeys?.consentKey ?? "app_cookie_consent";
|
|
27
27
|
const ANALYTICS_KEY = ()=>props.storageKeys?.analyticsKey ?? "app_cookie_analytics";
|
|
28
28
|
const MARKETING_KEY = ()=>props.storageKeys?.marketingKey ?? "app_cookie_marketing";
|
|
@@ -97,65 +97,65 @@ const CookieConsent = (props)=>{
|
|
|
97
97
|
const handleKeyDown = (e)=>{
|
|
98
98
|
if ("Escape" === e.key && showManage()) handleManageClose();
|
|
99
99
|
};
|
|
100
|
-
|
|
100
|
+
onMount(()=>{
|
|
101
101
|
if (checkConsent()) setShowBanner(true);
|
|
102
102
|
document.addEventListener("keydown", handleKeyDown);
|
|
103
103
|
});
|
|
104
|
-
|
|
104
|
+
onCleanup(()=>{
|
|
105
105
|
document.removeEventListener("keydown", handleKeyDown);
|
|
106
106
|
});
|
|
107
107
|
return [
|
|
108
|
-
|
|
108
|
+
createComponent(Show, {
|
|
109
109
|
get when () {
|
|
110
110
|
return showBanner();
|
|
111
111
|
},
|
|
112
112
|
get children () {
|
|
113
113
|
var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
|
|
114
|
-
|
|
115
|
-
class: `${
|
|
114
|
+
spread(_el$, mergeProps(()=>({
|
|
115
|
+
class: `${CLASSES.cookie.banner}${isClosing() ? ` ${CLASSES.cookie.bannerClosing}` : ""}`
|
|
116
116
|
})), false, true);
|
|
117
|
-
|
|
118
|
-
class:
|
|
117
|
+
spread(_el$2, mergeProps(()=>({
|
|
118
|
+
class: CLASSES.cookie.container
|
|
119
119
|
})), false, true);
|
|
120
|
-
|
|
120
|
+
insert(_el$2, createComponent(external_flex_index_js_default, mergeProps({
|
|
121
121
|
direction: "col",
|
|
122
122
|
gap: "md"
|
|
123
123
|
}, ()=>({
|
|
124
|
-
class:
|
|
124
|
+
class: CLASSES.cookie.row
|
|
125
125
|
}), {
|
|
126
126
|
get children () {
|
|
127
127
|
return [
|
|
128
128
|
(()=>{
|
|
129
129
|
var _el$3 = _tmpl$();
|
|
130
|
-
|
|
131
|
-
class:
|
|
130
|
+
spread(_el$3, mergeProps(()=>({
|
|
131
|
+
class: CLASSES.cookie.message
|
|
132
132
|
})), false, true);
|
|
133
|
-
|
|
133
|
+
insert(_el$3, ()=>texts().message);
|
|
134
134
|
return _el$3;
|
|
135
135
|
})(),
|
|
136
|
-
|
|
136
|
+
createComponent(external_flex_index_js_default, mergeProps({
|
|
137
137
|
gap: "sm"
|
|
138
138
|
}, ()=>({
|
|
139
|
-
class:
|
|
139
|
+
class: CLASSES.cookie.actions
|
|
140
140
|
}), {
|
|
141
141
|
get children () {
|
|
142
142
|
return [
|
|
143
|
-
|
|
143
|
+
createComponent(index_js_default, mergeProps({
|
|
144
144
|
variant: "primary",
|
|
145
145
|
size: "sm"
|
|
146
146
|
}, ()=>({
|
|
147
|
-
class:
|
|
147
|
+
class: CLASSES.cookie.actionButton
|
|
148
148
|
}), {
|
|
149
149
|
onClick: handleAcceptAll,
|
|
150
150
|
get children () {
|
|
151
151
|
return texts().acceptAll;
|
|
152
152
|
}
|
|
153
153
|
})),
|
|
154
|
-
|
|
154
|
+
createComponent(index_js_default, mergeProps({
|
|
155
155
|
variant: "ghost",
|
|
156
156
|
size: "sm"
|
|
157
157
|
}, ()=>({
|
|
158
|
-
class:
|
|
158
|
+
class: CLASSES.cookie.actionButton
|
|
159
159
|
}), {
|
|
160
160
|
onClick: handleDecline,
|
|
161
161
|
get children () {
|
|
@@ -164,12 +164,12 @@ const CookieConsent = (props)=>{
|
|
|
164
164
|
})),
|
|
165
165
|
(()=>{
|
|
166
166
|
var _el$4 = _tmpl$2();
|
|
167
|
-
|
|
168
|
-
class:
|
|
167
|
+
spread(_el$4, mergeProps(()=>({
|
|
168
|
+
class: CLASSES.cookie.manageButton
|
|
169
169
|
}), {
|
|
170
170
|
onClick: handleManageOpen
|
|
171
171
|
}), false, true);
|
|
172
|
-
|
|
172
|
+
insert(_el$4, ()=>texts().manage);
|
|
173
173
|
return _el$4;
|
|
174
174
|
})()
|
|
175
175
|
];
|
|
@@ -181,39 +181,39 @@ const CookieConsent = (props)=>{
|
|
|
181
181
|
return _el$;
|
|
182
182
|
}
|
|
183
183
|
}),
|
|
184
|
-
|
|
184
|
+
createComponent(Show, {
|
|
185
185
|
get when () {
|
|
186
186
|
return showManage();
|
|
187
187
|
},
|
|
188
188
|
get children () {
|
|
189
189
|
var _el$5 = _tmpl$7(), _el$6 = _el$5.firstChild;
|
|
190
|
-
|
|
191
|
-
class:
|
|
190
|
+
spread(_el$5, mergeProps(()=>({
|
|
191
|
+
class: CLASSES.cookie.modalBackdrop
|
|
192
192
|
}), {
|
|
193
193
|
onClick: handleManageClose
|
|
194
194
|
}), false, true);
|
|
195
|
-
|
|
196
|
-
class:
|
|
195
|
+
spread(_el$6, mergeProps(()=>({
|
|
196
|
+
class: CLASSES.cookie.modalCard
|
|
197
197
|
}), {
|
|
198
198
|
onClick: (e)=>e.stopPropagation()
|
|
199
199
|
}), false, true);
|
|
200
|
-
|
|
200
|
+
insert(_el$6, createComponent(external_flex_index_js_default, mergeProps({
|
|
201
201
|
justify: "between",
|
|
202
202
|
align: "center"
|
|
203
203
|
}, ()=>({
|
|
204
|
-
class:
|
|
204
|
+
class: CLASSES.cookie.modalHeader
|
|
205
205
|
}), {
|
|
206
206
|
get children () {
|
|
207
207
|
return [
|
|
208
208
|
(()=>{
|
|
209
209
|
var _el$7 = _tmpl$4();
|
|
210
|
-
|
|
211
|
-
class:
|
|
210
|
+
spread(_el$7, mergeProps(()=>({
|
|
211
|
+
class: CLASSES.cookie.modalTitle
|
|
212
212
|
})), false, true);
|
|
213
|
-
|
|
213
|
+
insert(_el$7, ()=>texts().manageTitle);
|
|
214
214
|
return _el$7;
|
|
215
215
|
})(),
|
|
216
|
-
|
|
216
|
+
createComponent(index_js_default, {
|
|
217
217
|
size: "sm",
|
|
218
218
|
variant: "ghost",
|
|
219
219
|
isIconOnly: true,
|
|
@@ -226,78 +226,78 @@ const CookieConsent = (props)=>{
|
|
|
226
226
|
];
|
|
227
227
|
}
|
|
228
228
|
})), null);
|
|
229
|
-
|
|
229
|
+
insert(_el$6, createComponent(external_flex_index_js_default, mergeProps({
|
|
230
230
|
direction: "col",
|
|
231
231
|
gap: "md"
|
|
232
232
|
}, ()=>({
|
|
233
|
-
class:
|
|
233
|
+
class: CLASSES.cookie.preferences
|
|
234
234
|
}), {
|
|
235
235
|
get children () {
|
|
236
236
|
return [
|
|
237
237
|
(()=>{
|
|
238
238
|
var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
|
|
239
|
-
|
|
240
|
-
class: `${
|
|
239
|
+
spread(_el$8, mergeProps(()=>({
|
|
240
|
+
class: `${CLASSES.cookie.preferenceRow} ${CLASSES.cookie.preferenceRowLocked}`
|
|
241
241
|
})), false, true);
|
|
242
|
-
|
|
243
|
-
class:
|
|
242
|
+
spread(_el$9, mergeProps(()=>({
|
|
243
|
+
class: CLASSES.cookie.preferenceLabel
|
|
244
244
|
})), false, true);
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
class:
|
|
245
|
+
insert(_el$9, ()=>texts().essential);
|
|
246
|
+
spread(_el$0, mergeProps(()=>({
|
|
247
|
+
class: CLASSES.cookie.toggle
|
|
248
248
|
})), false, false);
|
|
249
249
|
return _el$8;
|
|
250
250
|
})(),
|
|
251
251
|
(()=>{
|
|
252
252
|
var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
|
|
253
|
-
|
|
254
|
-
class:
|
|
253
|
+
spread(_el$1, mergeProps(()=>({
|
|
254
|
+
class: CLASSES.cookie.preferenceRow
|
|
255
255
|
})), false, true);
|
|
256
|
-
|
|
257
|
-
class:
|
|
256
|
+
spread(_el$10, mergeProps(()=>({
|
|
257
|
+
class: CLASSES.cookie.preferenceLabel
|
|
258
258
|
})), false, true);
|
|
259
|
-
|
|
259
|
+
insert(_el$10, ()=>texts().analytics);
|
|
260
260
|
_el$11.addEventListener("change", (e)=>setAnalyticsEnabled(e.currentTarget.checked));
|
|
261
|
-
|
|
261
|
+
spread(_el$11, mergeProps({
|
|
262
262
|
get checked () {
|
|
263
263
|
return analyticsEnabled();
|
|
264
264
|
}
|
|
265
265
|
}, ()=>({
|
|
266
|
-
class:
|
|
266
|
+
class: CLASSES.cookie.toggle
|
|
267
267
|
})), false, false);
|
|
268
268
|
return _el$1;
|
|
269
269
|
})(),
|
|
270
270
|
(()=>{
|
|
271
271
|
var _el$12 = _tmpl$6(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
|
|
272
|
-
|
|
273
|
-
class:
|
|
272
|
+
spread(_el$12, mergeProps(()=>({
|
|
273
|
+
class: CLASSES.cookie.preferenceRow
|
|
274
274
|
})), false, true);
|
|
275
|
-
|
|
276
|
-
class:
|
|
275
|
+
spread(_el$13, mergeProps(()=>({
|
|
276
|
+
class: CLASSES.cookie.preferenceLabel
|
|
277
277
|
})), false, true);
|
|
278
|
-
|
|
278
|
+
insert(_el$13, ()=>texts().marketing);
|
|
279
279
|
_el$14.addEventListener("change", (e)=>setMarketingEnabled(e.currentTarget.checked));
|
|
280
|
-
|
|
280
|
+
spread(_el$14, mergeProps({
|
|
281
281
|
get checked () {
|
|
282
282
|
return marketingEnabled();
|
|
283
283
|
}
|
|
284
284
|
}, ()=>({
|
|
285
|
-
class:
|
|
285
|
+
class: CLASSES.cookie.toggle
|
|
286
286
|
})), false, false);
|
|
287
287
|
return _el$12;
|
|
288
288
|
})()
|
|
289
289
|
];
|
|
290
290
|
}
|
|
291
291
|
})), null);
|
|
292
|
-
|
|
292
|
+
insert(_el$6, createComponent(external_flex_index_js_default, mergeProps({
|
|
293
293
|
gap: "sm",
|
|
294
294
|
justify: "end"
|
|
295
295
|
}, ()=>({
|
|
296
|
-
class:
|
|
296
|
+
class: CLASSES.cookie.modalFooter
|
|
297
297
|
}), {
|
|
298
298
|
get children () {
|
|
299
299
|
return [
|
|
300
|
-
|
|
300
|
+
createComponent(index_js_default, {
|
|
301
301
|
variant: "ghost",
|
|
302
302
|
size: "sm",
|
|
303
303
|
onClick: handleManageClose,
|
|
@@ -305,11 +305,11 @@ const CookieConsent = (props)=>{
|
|
|
305
305
|
return texts().cancel;
|
|
306
306
|
}
|
|
307
307
|
}),
|
|
308
|
-
|
|
308
|
+
createComponent(index_js_default, mergeProps({
|
|
309
309
|
variant: "primary",
|
|
310
310
|
size: "sm"
|
|
311
311
|
}, ()=>({
|
|
312
|
-
class:
|
|
312
|
+
class: CLASSES.cookie.saveButton
|
|
313
313
|
}), {
|
|
314
314
|
onClick: handleManageSave,
|
|
315
315
|
get children () {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { Show, createSignal, onMount } from "solid-js";
|
|
3
|
+
import index_js_default from "../../button/index.js";
|
|
4
|
+
import external_card_index_js_default from "../../card/index.js";
|
|
5
|
+
import external_flex_index_js_default from "../../flex/index.js";
|
|
6
|
+
import external_icon_index_js_default from "../../icon/index.js";
|
|
7
|
+
import { CLASSES } from "../ImmersiveLanding.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3 id=pwa-unsupported-title>"), _tmpl$3 = /*#__PURE__*/ template("<p>"), _tmpl$4 = /*#__PURE__*/ template("<div aria-labelledby=pwa-unsupported-title>");
|
|
9
9
|
const defaultTexts = {
|
|
10
10
|
title: "Install App on Firefox",
|
|
11
11
|
description: "Firefox does not support direct app installation. Install our helper extension to enable PWA support.",
|
|
@@ -23,8 +23,8 @@ const detectBrowser = ()=>{
|
|
|
23
23
|
const isMobile = ()=>/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase());
|
|
24
24
|
const isPWAInstalled = ()=>globalThis.matchMedia("(display-mode: standalone)").matches;
|
|
25
25
|
const FirefoxPWABanner = (props)=>{
|
|
26
|
-
const [showBanner, setShowBanner] =
|
|
27
|
-
const [browser, setBrowser] =
|
|
26
|
+
const [showBanner, setShowBanner] = createSignal(false);
|
|
27
|
+
const [browser, setBrowser] = createSignal("supported");
|
|
28
28
|
const STORAGE_KEY = ()=>props.storageKey ?? "app_firefox_pwa_dismissed";
|
|
29
29
|
const extensionUrl = ()=>props.extensionUrl ?? "https://addons.mozilla.org/";
|
|
30
30
|
const texts = ()=>({
|
|
@@ -56,99 +56,99 @@ const FirefoxPWABanner = (props)=>{
|
|
|
56
56
|
props.onInstall?.();
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
|
|
59
|
+
onMount(()=>{
|
|
60
60
|
if (checkShouldShow()) setTimeout(()=>setShowBanner(true), 2000);
|
|
61
61
|
});
|
|
62
|
-
return
|
|
62
|
+
return createComponent(Show, {
|
|
63
63
|
get when () {
|
|
64
64
|
return showBanner();
|
|
65
65
|
},
|
|
66
66
|
get children () {
|
|
67
67
|
var _el$ = _tmpl$4();
|
|
68
|
-
|
|
69
|
-
class:
|
|
68
|
+
spread(_el$, mergeProps(()=>({
|
|
69
|
+
class: CLASSES.firefoxBanner.dialog
|
|
70
70
|
})), false, true);
|
|
71
|
-
|
|
71
|
+
insert(_el$, createComponent(external_card_index_js_default, mergeProps({
|
|
72
72
|
variant: "shadow"
|
|
73
73
|
}, ()=>({
|
|
74
|
-
class:
|
|
74
|
+
class: CLASSES.firefoxBanner.card
|
|
75
75
|
}), {
|
|
76
76
|
get children () {
|
|
77
77
|
return [
|
|
78
|
-
|
|
78
|
+
createComponent(index_js_default, mergeProps({
|
|
79
79
|
size: "sm",
|
|
80
80
|
variant: "ghost",
|
|
81
81
|
isIconOnly: true
|
|
82
82
|
}, ()=>({
|
|
83
|
-
class:
|
|
83
|
+
class: CLASSES.firefoxBanner.closeButton
|
|
84
84
|
}), {
|
|
85
85
|
onClick: handleDismiss,
|
|
86
86
|
get ["aria-label"] () {
|
|
87
87
|
return texts().closeLabel;
|
|
88
88
|
},
|
|
89
89
|
get children () {
|
|
90
|
-
return
|
|
90
|
+
return createComponent(external_icon_index_js_default, {
|
|
91
91
|
name: "icon-[mdi--close]",
|
|
92
92
|
width: 16,
|
|
93
93
|
height: 16
|
|
94
94
|
});
|
|
95
95
|
}
|
|
96
96
|
})),
|
|
97
|
-
|
|
98
|
-
class:
|
|
97
|
+
createComponent(external_card_index_js_default.Body, mergeProps(()=>({
|
|
98
|
+
class: CLASSES.firefoxBanner.body
|
|
99
99
|
}), {
|
|
100
100
|
get children () {
|
|
101
|
-
return
|
|
101
|
+
return createComponent(external_flex_index_js_default, mergeProps({
|
|
102
102
|
align: "start",
|
|
103
103
|
gap: "md"
|
|
104
104
|
}, ()=>({
|
|
105
|
-
class:
|
|
105
|
+
class: CLASSES.firefoxBanner.media
|
|
106
106
|
}), {
|
|
107
107
|
get children () {
|
|
108
108
|
return [
|
|
109
109
|
(()=>{
|
|
110
110
|
var _el$2 = _tmpl$();
|
|
111
|
-
|
|
112
|
-
class:
|
|
111
|
+
spread(_el$2, mergeProps(()=>({
|
|
112
|
+
class: CLASSES.firefoxBanner.iconWrap
|
|
113
113
|
})), false, true);
|
|
114
|
-
|
|
114
|
+
insert(_el$2, createComponent(Show, {
|
|
115
115
|
get when () {
|
|
116
116
|
return "firefox" === browser();
|
|
117
117
|
},
|
|
118
118
|
get children () {
|
|
119
|
-
return
|
|
119
|
+
return createComponent(external_icon_index_js_default, mergeProps({
|
|
120
120
|
name: "icon-[mdi--firefox]",
|
|
121
121
|
width: 40,
|
|
122
122
|
height: 40
|
|
123
123
|
}, ()=>({
|
|
124
|
-
class:
|
|
124
|
+
class: CLASSES.firefoxBanner.browserIcon
|
|
125
125
|
})));
|
|
126
126
|
}
|
|
127
127
|
}));
|
|
128
128
|
return _el$2;
|
|
129
129
|
})(),
|
|
130
|
-
|
|
130
|
+
createComponent(external_flex_index_js_default, mergeProps({
|
|
131
131
|
direction: "col",
|
|
132
132
|
gap: "sm"
|
|
133
133
|
}, ()=>({
|
|
134
|
-
class:
|
|
134
|
+
class: CLASSES.firefoxBanner.textWrap
|
|
135
135
|
}), {
|
|
136
136
|
get children () {
|
|
137
137
|
return [
|
|
138
138
|
(()=>{
|
|
139
139
|
var _el$3 = _tmpl$2();
|
|
140
|
-
|
|
141
|
-
class:
|
|
140
|
+
spread(_el$3, mergeProps(()=>({
|
|
141
|
+
class: CLASSES.firefoxBanner.title
|
|
142
142
|
})), false, true);
|
|
143
|
-
|
|
143
|
+
insert(_el$3, ()=>texts().title);
|
|
144
144
|
return _el$3;
|
|
145
145
|
})(),
|
|
146
146
|
(()=>{
|
|
147
147
|
var _el$4 = _tmpl$3();
|
|
148
|
-
|
|
149
|
-
class:
|
|
148
|
+
spread(_el$4, mergeProps(()=>({
|
|
149
|
+
class: CLASSES.firefoxBanner.description
|
|
150
150
|
})), false, true);
|
|
151
|
-
|
|
151
|
+
insert(_el$4, ()=>texts().description);
|
|
152
152
|
return _el$4;
|
|
153
153
|
})()
|
|
154
154
|
];
|
|
@@ -159,25 +159,25 @@ const FirefoxPWABanner = (props)=>{
|
|
|
159
159
|
}));
|
|
160
160
|
}
|
|
161
161
|
})),
|
|
162
|
-
|
|
163
|
-
class:
|
|
162
|
+
createComponent(external_card_index_js_default.Footer, mergeProps(()=>({
|
|
163
|
+
class: CLASSES.firefoxBanner.footer
|
|
164
164
|
}), {
|
|
165
165
|
get children () {
|
|
166
166
|
return [
|
|
167
|
-
|
|
167
|
+
createComponent(index_js_default, mergeProps({
|
|
168
168
|
variant: "primary"
|
|
169
169
|
}, ()=>({
|
|
170
|
-
class:
|
|
170
|
+
class: CLASSES.firefoxBanner.action
|
|
171
171
|
}), {
|
|
172
172
|
onClick: handleAction,
|
|
173
173
|
get children () {
|
|
174
174
|
return texts().installButton;
|
|
175
175
|
}
|
|
176
176
|
})),
|
|
177
|
-
|
|
177
|
+
createComponent(index_js_default, mergeProps({
|
|
178
178
|
variant: "ghost"
|
|
179
179
|
}, ()=>({
|
|
180
|
-
class:
|
|
180
|
+
class: CLASSES.firefoxBanner.action
|
|
181
181
|
}), {
|
|
182
182
|
onClick: handleDismiss,
|
|
183
183
|
get children () {
|