@pathscale/ui 1.3.1 → 1.4.0

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

@@ -1,236 +0,0 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import "./ImmersiveLanding.css";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./ImmersiveLanding.classes.js";
-import { useImmersiveLanding } from "./useImmersiveLanding.js";
-import { ImmersiveLandingContext } from "./ImmersiveLandingContext.js";
-import ImmersiveLandingPage from "./ImmersiveLandingPage.js";
-import ImmersiveLandingArrows from "./ImmersiveLandingArrows.js";
-import ImmersiveLandingNavigation from "./ImmersiveLandingNavigation.js";
-import { PWAInstallPrompt } from "./components/PWAInstallPrompt.js";
-import { FirefoxPWABanner } from "./components/FirefoxPWABanner.js";
-import { CookieConsent } from "./components/CookieConsent.js";
-var _tmpl$ = /*#__PURE__*/ template("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><span>v"), _tmpl$3 = /*#__PURE__*/ template("<div>");
-const ImmersiveLanding = (props)=>{
-    const [local, others] = splitProps(props, [
-        "pages",
-        "initialPage",
-        "currentPage",
-        "transitionDuration",
-        "onNavigate",
-        "onNavigationComplete",
-        "enableScrollNavigation",
-        "showNavigation",
-        "showArrows",
-        "appVersion",
-        "overlay",
-        "children",
-        "class",
-        "className",
-        "style",
-        "pwaConfig",
-        "cookieConfig",
-        "firefoxPWAConfig",
-        "showPWAPrompt",
-        "showCookieConsent",
-        "showFirefoxBanner"
-    ]);
-    const navigation = useImmersiveLanding({
-        pages: local.pages,
-        initialPage: local.initialPage,
-        currentPage: local.currentPage,
-        transitionDuration: local.transitionDuration,
-        onNavigate: local.onNavigate,
-        onNavigationComplete: local.onNavigationComplete,
-        enableScrollNavigation: local.enableScrollNavigation
-    });
-    const contextValue = {
-        activePage: navigation.activePage,
-        navigateTo: navigation.navigateTo,
-        goNext: navigation.goNext,
-        goPrev: navigation.goPrev,
-        currentIndex: navigation.currentIndex,
-        totalPages: local.pages.length,
-        isFirstPage: navigation.isFirstPage,
-        isLastPage: navigation.isLastPage,
-        direction: navigation.direction,
-        transitionDuration: navigation.transitionDuration,
-        pages: local.pages,
-        appVersion: local.appVersion
-    };
-    const showNav = ()=>false !== local.showNavigation;
-    const showArrowNav = ()=>false !== local.showArrows;
-    const classes = ()=>twMerge(CLASSES.landing.base, local.class, local.className);
-    const renderChildren = ()=>"function" == typeof local.children ? local.children(contextValue) : local.children;
-    const renderOverlay = ()=>"function" == typeof local.overlay ? local.overlay(contextValue) : local.overlay;
-    return createComponent(ImmersiveLandingContext.Provider, {
-        value: contextValue,
-        get children () {
-            return [
-                (()=>{
-                    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-                    spread(_el$, mergeProps(()=>({
-                            class: classes()
-                        }), {
-                        get style () {
-                            return local.style;
-                        }
-                    }, others), false, true);
-                    spread(_el$2, mergeProps(()=>({
-                            class: CLASSES.landing.viewport
-                        })), false, true);
-                    spread(_el$3, mergeProps(()=>({
-                            class: CLASSES.landing.pageLayer
-                        })), false, true);
-                    insert(_el$3, renderChildren);
-                    return _el$;
-                })(),
-                createComponent(Show, {
-                    get when () {
-                        return local.overlay || local.appVersion;
-                    },
-                    get children () {
-                        var _el$4 = _tmpl$3();
-                        spread(_el$4, mergeProps(()=>({
-                                class: CLASSES.landing.overlay
-                            })), false, true);
-                        insert(_el$4, renderOverlay, null);
-                        insert(_el$4, createComponent(Show, {
-                            get when () {
-                                return local.appVersion;
-                            },
-                            get children () {
-                                var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
-                                _el$6.firstChild;
-                                spread(_el$5, mergeProps(()=>({
-                                        class: CLASSES.landing.versionWrap
-                                    }), {
-                                    "aria-hidden": "true"
-                                }), false, true);
-                                spread(_el$6, mergeProps(()=>({
-                                        class: CLASSES.landing.versionLabel
-                                    })), false, true);
-                                insert(_el$6, ()=>local.appVersion, null);
-                                return _el$5;
-                            }
-                        }), null);
-                        return _el$4;
-                    }
-                }),
-                memo(()=>memo(()=>!!showArrowNav())() && createComponent(ImmersiveLandingArrows, {
-                        get onPrev () {
-                            return navigation.goPrev;
-                        },
-                        get onNext () {
-                            return navigation.goNext;
-                        },
-                        get isFirstPage () {
-                            return navigation.isFirstPage();
-                        },
-                        get isLastPage () {
-                            return navigation.isLastPage();
-                        }
-                    })),
-                memo(()=>memo(()=>!!showNav())() && createComponent(ImmersiveLandingNavigation, {
-                        get pages () {
-                            return local.pages;
-                        },
-                        get currentPageIndex () {
-                            return navigation.currentIndex();
-                        },
-                        get onPageDotClick () {
-                            return navigation.navigateTo;
-                        },
-                        get onPrev () {
-                            return navigation.goPrev;
-                        },
-                        get onNext () {
-                            return navigation.goNext;
-                        },
-                        get isFirstPage () {
-                            return navigation.isFirstPage();
-                        },
-                        get isLastPage () {
-                            return navigation.isLastPage();
-                        }
-                    })),
-                createComponent(Show, {
-                    get when () {
-                        return local.showPWAPrompt;
-                    },
-                    get children () {
-                        return createComponent(PWAInstallPrompt, {
-                            get appName () {
-                                return local.pwaConfig?.appName;
-                            },
-                            get appIcon () {
-                                return local.pwaConfig?.appIcon;
-                            },
-                            get storageKey () {
-                                return local.pwaConfig?.storageKey ?? "app_pwa_dismissed";
-                            },
-                            get texts () {
-                                return local.pwaConfig?.texts;
-                            },
-                            get onInstall () {
-                                return local.pwaConfig?.onInstall;
-                            },
-                            get onDismiss () {
-                                return local.pwaConfig?.onDismiss;
-                            }
-                        });
-                    }
-                }),
-                createComponent(Show, {
-                    get when () {
-                        return local.showFirefoxBanner;
-                    },
-                    get children () {
-                        return createComponent(FirefoxPWABanner, {
-                            get extensionUrl () {
-                                return local.firefoxPWAConfig?.extensionUrl;
-                            },
-                            get storageKey () {
-                                return local.firefoxPWAConfig?.storageKey ?? "app_firefox_pwa_dismissed";
-                            },
-                            get texts () {
-                                return local.firefoxPWAConfig?.texts;
-                            },
-                            get onInstall () {
-                                return local.firefoxPWAConfig?.onInstall;
-                            },
-                            get onDismiss () {
-                                return local.firefoxPWAConfig?.onDismiss;
-                            }
-                        });
-                    }
-                }),
-                createComponent(Show, {
-                    get when () {
-                        return local.showCookieConsent;
-                    },
-                    get children () {
-                        return createComponent(CookieConsent, {
-                            get storageKeys () {
-                                return local.cookieConfig?.storageKeys;
-                            },
-                            get texts () {
-                                return local.cookieConfig?.texts;
-                            },
-                            get onConsentChange () {
-                                return local.cookieConfig?.onConsentChange;
-                            }
-                        });
-                    }
-                })
-            ];
-        }
-    });
-};
-const immersive_landing_ImmersiveLanding = Object.assign(ImmersiveLanding, {
-    Page: ImmersiveLandingPage,
-    Arrows: ImmersiveLandingArrows,
-    Navigation: ImmersiveLandingNavigation
-});
-export default immersive_landing_ImmersiveLanding;

package/dist/components/immersive-landing/ImmersiveLandingArrows.d.ts

@@ -1,4 +0,0 @@
-import { type JSX } from "solid-js";
-import type { ImmersiveLandingArrowsProps } from "./types";
-declare const ImmersiveLandingArrows: (props: ImmersiveLandingArrowsProps) => JSX.Element;
-export default ImmersiveLandingArrows;

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

@@ -1,74 +0,0 @@
-import { createComponent, delegateEvents, mergeProps, spread, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./ImmersiveLanding.classes.js";
-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">');
-const ImmersiveLandingArrows = (props)=>{
-    const [local, others] = splitProps(props, [
-        "onPrev",
-        "onNext",
-        "isFirstPage",
-        "isLastPage",
-        "class",
-        "className"
-    ]);
-    const handleNext = ()=>{
-        if (local.onNext) local.onNext();
-    };
-    const handlePrev = ()=>{
-        if (local.onPrev) local.onPrev();
-    };
-    return [
-        createComponent(Show, {
-            get when () {
-                return !local.isFirstPage;
-            },
-            get children () {
-                var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-                _el$.$$click = handlePrev;
-                spread(_el$, mergeProps(()=>({
-                        class: twMerge(CLASSES.arrows.button, CLASSES.arrows.prev, local.class, local.className)
-                    }), {
-                    "aria-label": "Previous page"
-                }, others), false, true);
-                spread(_el$2, mergeProps(()=>({
-                        class: CLASSES.arrows.icon
-                    }), {
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                }), true, true);
-                return _el$;
-            }
-        }),
-        createComponent(Show, {
-            get when () {
-                return !local.isLastPage;
-            },
-            get children () {
-                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
-                _el$3.$$click = handleNext;
-                spread(_el$3, mergeProps(()=>({
-                        class: twMerge(CLASSES.arrows.button, CLASSES.arrows.next, local.class, local.className)
-                    }), {
-                    "aria-label": "Next page"
-                }, others), false, true);
-                spread(_el$4, mergeProps(()=>({
-                        class: CLASSES.arrows.icon
-                    }), {
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                }), true, true);
-                return _el$3;
-            }
-        })
-    ];
-};
-const immersive_landing_ImmersiveLandingArrows = ImmersiveLandingArrows;
-delegateEvents([
-    "click"
-]);
-export default immersive_landing_ImmersiveLandingArrows;

package/dist/components/immersive-landing/ImmersiveLandingNavigation.d.ts

@@ -1,4 +0,0 @@
-import { type JSX } from "solid-js";
-import type { ImmersiveLandingNavigationProps } from "./types";
-declare const ImmersiveLandingNavigation: (props: ImmersiveLandingNavigationProps) => JSX.Element;
-export default ImmersiveLandingNavigation;

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

@@ -1,128 +0,0 @@
-import { createComponent, delegateEvents, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import { For, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./ImmersiveLanding.classes.js";
-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>/");
-const ImmersiveLandingNavigation = (props)=>{
-    const [local, others] = splitProps(props, [
-        "pages",
-        "currentPageIndex",
-        "onPageDotClick",
-        "onPrev",
-        "onNext",
-        "isFirstPage",
-        "isLastPage",
-        "class",
-        "className",
-        "style"
-    ]);
-    const mobileArrowClasses = (disabled)=>twMerge(CLASSES.navigation.mobileArrow, disabled && CLASSES.navigation.mobileArrowDisabled);
-    return (()=>{
-        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;
-        spread(_el$, mergeProps(()=>({
-                class: twMerge(CLASSES.navigation.base, local.class, local.className)
-            }), {
-            "aria-label": "Page navigation",
-            get style () {
-                return {
-                    bottom: "calc(0.75rem + env(safe-area-inset-bottom))",
-                    ...local.style
-                };
-            }
-        }, others), false, true);
-        spread(_el$2, mergeProps(()=>({
-                class: CLASSES.navigation.shell
-            })), false, true);
-        spread(_el$3, mergeProps(()=>({
-                class: CLASSES.navigation.row
-            })), false, true);
-        spread(_el$4, mergeProps({
-            get onClick () {
-                return local.onPrev;
-            },
-            get disabled () {
-                return local.isFirstPage;
-            }
-        }, ()=>({
-                class: mobileArrowClasses(local.isFirstPage)
-            }), {
-            "aria-label": "Previous page"
-        }), false, true);
-        spread(_el$5, mergeProps(()=>({
-                class: CLASSES.navigation.icon
-            }), {
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            "stroke-width": "2"
-        }), true, true);
-        insert(_el$3, (()=>{
-            var _c$ = memo(()=>!!(local.pages && local.pages.length > 0));
-            return ()=>_c$() && (()=>{
-                    var _el$8 = _tmpl$2();
-                    spread(_el$8, mergeProps(()=>({
-                            class: CLASSES.navigation.dots
-                        })), false, true);
-                    insert(_el$8, createComponent(For, {
-                        get each () {
-                            return local.pages;
-                        },
-                        children: (pageId, index)=>(()=>{
-                                var _el$9 = _tmpl$3();
-                                _el$9.$$click = ()=>local.onPageDotClick(pageId);
-                                spread(_el$9, mergeProps(()=>({
-                                        class: twMerge(CLASSES.navigation.dot, index() === local.currentPageIndex && CLASSES.navigation.dotActive)
-                                    }), {
-                                    get ["aria-label"] () {
-                                        return `Go to page ${index() + 1} of ${local.pages.length}`;
-                                    },
-                                    get ["aria-current"] () {
-                                        return index() === local.currentPageIndex ? "step" : void 0;
-                                    }
-                                }), false, false);
-                                return _el$9;
-                            })()
-                    }));
-                    return _el$8;
-                })();
-        })(), _el$6);
-        insert(_el$3, (()=>{
-            var _c$2 = memo(()=>!!(local.pages && local.pages.length > 0));
-            return ()=>_c$2() && (()=>{
-                    var _el$0 = _tmpl$4(), _el$1 = _el$0.firstChild;
-                    spread(_el$0, mergeProps(()=>({
-                            class: CLASSES.navigation.counter
-                        })), false, true);
-                    insert(_el$0, ()=>(local.currentPageIndex ?? 0) + 1, _el$1);
-                    insert(_el$0, ()=>local.pages.length, null);
-                    return _el$0;
-                })();
-        })(), _el$6);
-        spread(_el$6, mergeProps({
-            get onClick () {
-                return local.onNext;
-            },
-            get disabled () {
-                return local.isLastPage;
-            }
-        }, ()=>({
-                class: mobileArrowClasses(local.isLastPage)
-            }), {
-            "aria-label": "Next page"
-        }), false, true);
-        spread(_el$7, mergeProps(()=>({
-                class: CLASSES.navigation.icon
-            }), {
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            "stroke-width": "2"
-        }), true, true);
-        return _el$;
-    })();
-};
-const immersive_landing_ImmersiveLandingNavigation = ImmersiveLandingNavigation;
-delegateEvents([
-    "click"
-]);
-export default immersive_landing_ImmersiveLandingNavigation;

package/dist/components/immersive-landing/ImmersiveLandingPage.d.ts

@@ -1,4 +0,0 @@
-import { type JSX } from "solid-js";
-import type { ImmersiveLandingPageProps } from "./types";
-declare const ImmersiveLandingPage: (props: ImmersiveLandingPageProps) => JSX.Element;
-export default ImmersiveLandingPage;

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

@@ -1,50 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { createMemo, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { ImmersiveLandingContext } from "./ImmersiveLandingContext.js";
-import { CLASSES } from "./ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<section role=region><div>");
-const ImmersiveLandingPage = (props)=>{
-    const [local, others] = splitProps(props, [
-        "id",
-        "children",
-        "class",
-        "className",
-        "style"
-    ]);
-    const context = useContext(ImmersiveLandingContext);
-    const isActive = createMemo(()=>context?.activePage() === local.id);
-    const fadeDurationMs = 200;
-    const classes = ()=>twMerge(CLASSES.page.base, isActive() ? CLASSES.page.active : CLASSES.page.inactive, local.class, local.className);
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        spread(_el$, mergeProps({
-            get id () {
-                return local.id;
-            },
-            get ["aria-label"] () {
-                return `${local.id} section`;
-            }
-        }, ()=>({
-                class: classes()
-            }), {
-            get style () {
-                return {
-                    "transition-duration": "200ms",
-                    "transition-delay": isActive() ? `${fadeDurationMs}ms` : "0ms",
-                    ...local.style
-                };
-            },
-            get ["aria-hidden"] () {
-                return !isActive();
-            }
-        }, others), false, true);
-        spread(_el$2, mergeProps(()=>({
-                class: CLASSES.page.content
-            })), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$;
-    })();
-};
-const immersive_landing_ImmersiveLandingPage = ImmersiveLandingPage;
-export default immersive_landing_ImmersiveLandingPage;

package/dist/components/input/Input.classes.d.ts

@@ -1,24 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "input-root";
-    readonly slot: {
-        readonly control: "input-control";
-        readonly field: "input-field";
-        readonly label: "input-label";
-        readonly helper: "input-helper";
-        readonly icon: "input__icon";
-        readonly iconStart: "input__icon--start";
-        readonly iconEnd: "input__icon--end";
-    };
-    readonly size: {
-        readonly sm: "input-control--sm";
-        readonly md: "input-control--md";
-        readonly lg: "input-control--lg";
-    };
-    readonly flag: {
-        readonly fullWidthRoot: "input-root--full-width";
-        readonly fullWidthControl: "input-control--full-width";
-        readonly invalid: "input-control--invalid";
-        readonly disabled: "input-control--disabled";
-        readonly helperInvalid: "input-helper--invalid";
-    };
-};

package/dist/components/input/Input.classes.js

@@ -1,25 +0,0 @@
-const CLASSES = {
-    base: "input-root",
-    slot: {
-        control: "input-control",
-        field: "input-field",
-        label: "input-label",
-        helper: "input-helper",
-        icon: "input__icon",
-        iconStart: "input__icon--start",
-        iconEnd: "input__icon--end"
-    },
-    size: {
-        sm: "input-control--sm",
-        md: "input-control--md",
-        lg: "input-control--lg"
-    },
-    flag: {
-        fullWidthRoot: "input-root--full-width",
-        fullWidthControl: "input-control--full-width",
-        invalid: "input-control--invalid",
-        disabled: "input-control--disabled",
-        helperInvalid: "input-helper--invalid"
-    }
-};
-export { CLASSES };