@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/immersive-landing/components/CookieConsent.js

@@ -2,8 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__ from "../../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__ from "../../flex/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p id=cookie-consent-message>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=false aria-labelledby=cookie-consent-message><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2 id=cookie-manage-title>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><span></span><input type=checkbox checked disabled>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><span></span><input type=checkbox>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=true aria-labelledby=cookie-manage-title><div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p id=cookie-consent-message class="text-sm text-base-content flex-1">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="text-sm underline hover:no-underline text-base-content/70 hover:text-base-content transition-colors">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=false aria-labelledby=cookie-consent-message><div class="container mx-auto px-4 py-4 max-w-7xl">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 id=cookie-manage-title class="text-lg font-semibold">'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center justify-between p-3 rounded bg-base-200/50 cursor-not-allowed"><span class="text-sm font-medium text-base-content/70"></span><input type=checkbox checked disabled class="toggle toggle-sm toggle-primary">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center justify-between p-3 rounded hover:bg-base-200/50 cursor-pointer transition-colors"><span class="text-sm font-medium"></span><input type=checkbox class="toggle toggle-sm toggle-primary">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=true aria-labelledby=cookie-manage-title class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-fade-in"><div class="bg-base-100 rounded-lg shadow-xl w-full max-w-md p-6 animate-scale-in">');
 const defaultTexts = {
     message: "We use cookies to improve your experience. You can accept all cookies or manage your preferences.",
     acceptAll: "Accept all",
@@ -111,73 +110,53 @@ const CookieConsent = (props)=>{
             },
             get children () {
                 var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: `${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.banner}${isClosing() ? ` ${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.bannerClosing}` : ""}`
-                    })), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.container
-                    })), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     direction: "col",
-                    gap: "md"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.row
-                    }), {
+                    gap: "md",
+                    class: "md:flex-row md:items-center md:justify-between",
                     get children () {
                         return [
                             (()=>{
                                 var _el$3 = _tmpl$();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.message
-                                    })), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().message);
                                 return _el$3;
                             })(),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                gap: "sm"
-                            }, ()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actions
-                                }), {
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                gap: "sm",
+                                class: "flex-col sm:flex-row sm:items-center shrink-0",
                                 get children () {
                                     return [
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                             variant: "primary",
-                                            size: "sm"
-                                        }, ()=>({
-                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actionButton
-                                            }), {
+                                            size: "sm",
+                                            class: "w-full sm:w-auto transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]",
                                             onClick: handleAcceptAll,
                                             get children () {
                                                 return texts().acceptAll;
                                             }
-                                        })),
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        }),
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                             variant: "ghost",
-                                            size: "sm"
-                                        }, ()=>({
-                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actionButton
-                                            }), {
+                                            size: "sm",
+                                            class: "w-full sm:w-auto",
                                             onClick: handleDecline,
                                             get children () {
                                                 return texts().decline;
                                             }
-                                        })),
+                                        }),
                                         (()=>{
                                             var _el$4 = _tmpl$2();
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.manageButton
-                                                }), {
-                                                onClick: handleManageOpen
-                                            }), false, true);
+                                            _el$4.$$click = handleManageOpen;
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().manage);
                                             return _el$4;
                                         })()
                                     ];
                                 }
-                            }))
+                            })
                         ];
                     }
-                })));
+                }));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, `fixed bottom-0 left-0 right-0 z-52 bg-base-300/95 backdrop-blur border-t border-base-content/10 transition-all duration-300 ${isClosing() ? "translate-y-full opacity-0" : "translate-y-0 opacity-100 animate-slide-up"}`));
                 return _el$;
             }
         }),
@@ -187,29 +166,16 @@ const CookieConsent = (props)=>{
             },
             get children () {
                 var _el$5 = _tmpl$7(), _el$6 = _el$5.firstChild;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalBackdrop
-                    }), {
-                    onClick: handleManageClose
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalCard
-                    }), {
-                    onClick: (e)=>e.stopPropagation()
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                _el$5.$$click = handleManageClose;
+                _el$6.$$click = (e)=>e.stopPropagation();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     justify: "between",
-                    align: "center"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalHeader
-                    }), {
+                    align: "center",
+                    class: "mb-4",
                     get children () {
                         return [
                             (()=>{
                                 var _el$7 = _tmpl$4();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalTitle
-                                    })), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>texts().manageTitle);
                                 return _el$7;
                             })(),
@@ -225,76 +191,38 @@ const CookieConsent = (props)=>{
                             })
                         ];
                     }
-                })), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     direction: "col",
-                    gap: "md"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferences
-                    }), {
+                    gap: "md",
+                    class: "mb-6",
                     get children () {
                         return [
                             (()=>{
-                                var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: `${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRow} ${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRowLocked}`
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
+                                var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild;
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>texts().essential);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
                                 return _el$8;
                             })(),
                             (()=>{
-                                var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRow
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>texts().analytics);
-                                _el$11.addEventListener("change", (e)=>setAnalyticsEnabled(e.currentTarget.checked));
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    get checked () {
-                                        return analyticsEnabled();
-                                    }
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
-                                return _el$1;
+                                var _el$0 = _tmpl$6(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>texts().analytics);
+                                _el$10.addEventListener("change", (e)=>setAnalyticsEnabled(e.currentTarget.checked));
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$10.checked = analyticsEnabled());
+                                return _el$0;
                             })(),
                             (()=>{
-                                var _el$12 = _tmpl$6(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRow
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>texts().marketing);
-                                _el$14.addEventListener("change", (e)=>setMarketingEnabled(e.currentTarget.checked));
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    get checked () {
-                                        return marketingEnabled();
-                                    }
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
-                                return _el$12;
+                                var _el$11 = _tmpl$6(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>texts().marketing);
+                                _el$13.addEventListener("change", (e)=>setMarketingEnabled(e.currentTarget.checked));
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$13.checked = marketingEnabled());
+                                return _el$11;
                             })()
                         ];
                     }
-                })), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     gap: "sm",
-                    justify: "end"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalFooter
-                    }), {
+                    justify: "end",
                     get children () {
                         return [
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
@@ -305,23 +233,24 @@ const CookieConsent = (props)=>{
                                     return texts().cancel;
                                 }
                             }),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                 variant: "primary",
-                                size: "sm"
-                            }, ()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.saveButton
-                                }), {
+                                size: "sm",
+                                class: "transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]",
                                 onClick: handleManageSave,
                                 get children () {
                                     return texts().save;
                                 }
-                            }))
+                            })
                         ];
                     }
-                })), null);
+                }), null);
                 return _el$5;
             }
         })
     ];
 };
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 export { CookieConsent };

package/dist/components/immersive-landing/components/FirefoxPWABanner.js

@@ -4,8 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__ from "../../bu
 import * as __WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__ from "../../card/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__ from "../../flex/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__ from "../../icon/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3 id=pwa-unsupported-title>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-labelledby=pwa-unsupported-title>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="w-14 h-14 shrink-0 rounded-xl bg-base-200 p-2 flex items-center justify-center">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-labelledby=pwa-unsupported-title class="fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:max-w-sm z-51 animate-slide-up">');
 const defaultTexts = {
     title: "Install App on Firefox",
     description: "Firefox does not support direct app installation. Install our helper extension to enable PWA support.",
@@ -64,24 +63,18 @@ const FirefoxPWABanner = (props)=>{
             return showBanner();
         },
         get children () {
-            var _el$ = _tmpl$4();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.dialog
-                })), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                variant: "shadow"
-            }, ()=>({
-                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.card
-                }), {
+            var _el$ = _tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"], {
+                shadow: "lg",
+                background: "base-100",
+                class: "relative border border-base-300",
                 get children () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                             size: "sm",
                             variant: "ghost",
-                            isIconOnly: true
-                        }, ()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.closeButton
-                            }), {
+                            isIconOnly: true,
+                            class: "absolute top-2 right-2",
                             onClick: handleDismiss,
                             get ["aria-label"] () {
                                 return texts().closeLabel;
@@ -93,103 +86,86 @@ const FirefoxPWABanner = (props)=>{
                                     height: 16
                                 });
                             }
-                        })),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.body
-                            }), {
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    align: "start",
-                                    gap: "md"
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.media
-                                    }), {
-                                    get children () {
-                                        return [
-                                            (()=>{
-                                                var _el$2 = _tmpl$();
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.iconWrap
-                                                    })), false, true);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                    get when () {
-                                                        return "firefox" === browser();
-                                                    },
-                                                    get children () {
-                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                                            name: "icon-[mdi--firefox]",
-                                                            width: 40,
-                                                            height: 40
-                                                        }, ()=>({
-                                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.browserIcon
-                                                            })));
-                                                    }
-                                                }));
-                                                return _el$2;
-                                            })(),
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                                direction: "col",
-                                                gap: "sm"
-                                            }, ()=>({
-                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.textWrap
-                                                }), {
-                                                get children () {
-                                                    return [
-                                                        (()=>{
-                                                            var _el$3 = _tmpl$2();
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.title
-                                                                })), false, true);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().title);
-                                                            return _el$3;
-                                                        })(),
-                                                        (()=>{
-                                                            var _el$4 = _tmpl$3();
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.description
-                                                                })), false, true);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().description);
-                                                            return _el$4;
-                                                        })()
-                                                    ];
-                                                }
-                                            }))
-                                        ];
-                                    }
-                                }));
-                            }
-                        })),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Footer, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.footer
-                            }), {
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
                             get children () {
                                 return [
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                        variant: "primary"
-                                    }, ()=>({
-                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.action
-                                        }), {
-                                        onClick: handleAction,
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                        align: "start",
+                                        gap: "md",
                                         get children () {
-                                            return texts().installButton;
+                                            return [
+                                                (()=>{
+                                                    var _el$2 = _tmpl$();
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                        get when () {
+                                                            return "firefox" === browser();
+                                                        },
+                                                        get children () {
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], {
+                                                                name: "icon-[mdi--firefox]",
+                                                                width: 40,
+                                                                height: 40,
+                                                                class: "text-orange-500"
+                                                            });
+                                                        }
+                                                    }));
+                                                    return _el$2;
+                                                })(),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                                    direction: "col",
+                                                    gap: "sm",
+                                                    class: "flex-1 min-w-0 pr-6",
+                                                    get children () {
+                                                        return [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Title, {
+                                                                id: "pwa-unsupported-title",
+                                                                tag: "h3",
+                                                                class: "text-base",
+                                                                get children () {
+                                                                    return texts().title;
+                                                                }
+                                                            }),
+                                                            (()=>{
+                                                                var _el$3 = _tmpl$2();
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().description);
+                                                                return _el$3;
+                                                            })()
+                                                        ];
+                                                    }
+                                                })
+                                            ];
                                         }
-                                    })),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                        variant: "ghost"
-                                    }, ()=>({
-                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.action
-                                        }), {
-                                        onClick: handleDismiss,
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Actions, {
+                                        class: "mt-4",
                                         get children () {
-                                            return texts().dismissButton;
+                                            return [
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                                    variant: "primary",
+                                                    class: "flex-1",
+                                                    onClick: handleAction,
+                                                    get children () {
+                                                        return texts().installButton;
+                                                    }
+                                                }),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                                    variant: "ghost",
+                                                    class: "flex-1",
+                                                    onClick: handleDismiss,
+                                                    get children () {
+                                                        return texts().dismissButton;
+                                                    }
+                                                })
+                                            ];
                                         }
-                                    }))
+                                    })
                                 ];
                             }
-                        }))
+                        })
                     ];
                 }
-            })));
+            }));
             return _el$;
         }
     });