@pathscale/ui 0.0.128 → 0.0.129

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

@@ -3,6 +3,7 @@ import type { IComponentBaseProps } from "../types";
 export interface UseImmersiveLandingOptions {
     pages: readonly string[];
     initialPage?: string;
+    currentPage?: Accessor<string>;
     transitionDuration?: number;
     onNavigate?: (fromPage: string, toPage: string) => void;
     onNavigationComplete?: (page: string) => void;
@@ -37,6 +38,7 @@ export interface ImmersiveLandingContextValue {
 export interface ImmersiveLandingProps extends IComponentBaseProps {
     pages: readonly string[];
     initialPage?: string;
+    currentPage?: Accessor<string>;
     transitionDuration?: number;
     onNavigate?: (fromPage: string, toPage: string) => void;
     onNavigationComplete?: (page: string) => void;

package/dist/index.js

@@ -10623,13 +10623,34 @@ const HeroNamespaces = Object.assign(Hero, {
 });
 const hero_Hero = HeroNamespaces;
 function useImmersiveLanding(options) {
-    const { pages, initialPage = pages[0], transitionDuration = 400, onNavigate, onNavigationComplete, enableScrollNavigation = true } = options;
-    const [activePage, setActivePage] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialPage);
+    const { pages, initialPage = pages[0], currentPage: controlledPage, transitionDuration = 400, onNavigate, onNavigationComplete, enableScrollNavigation = true } = options;
+    const isControlled = !!controlledPage;
+    const [internalPage, setInternalPage] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialPage);
     const [isTransitioning, setIsTransitioning] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const [direction, setDirection] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const activePage = isControlled ? controlledPage : internalPage;
     const currentIndex = ()=>pages.indexOf(activePage());
     const isFirstPage = ()=>0 === currentIndex();
     const isLastPage = ()=>currentIndex() === pages.length - 1;
+    if (isControlled) {
+        let prevPage = controlledPage();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+            const next = controlledPage();
+            if (next !== prevPage && !isTransitioning()) {
+                const fromIndex = pages.indexOf(prevPage);
+                const toIndex = pages.indexOf(next);
+                if (toIndex >= 0) {
+                    setDirection(toIndex > fromIndex ? "next" : "prev");
+                    setIsTransitioning(true);
+                    setTimeout(()=>{
+                        setIsTransitioning(false);
+                        setDirection(null);
+                    }, transitionDuration);
+                }
+                prevPage = next;
+            }
+        });
+    }
     const navigateToInternal = (pageId)=>{
         if (isTransitioning() || !pages.includes(pageId)) return;
         if (pageId === activePage()) return;
@@ -10638,7 +10659,7 @@ function useImmersiveLanding(options) {
         const toIndex = pages.indexOf(pageId);
         setDirection(toIndex > fromIndex ? "next" : "prev");
         setIsTransitioning(true);
-        setActivePage(pageId);
+        if (!isControlled) setInternalPage(pageId);
         if (onNavigate) onNavigate(fromPage, pageId);
         setTimeout(()=>{
             setIsTransitioning(false);
@@ -10945,6 +10966,7 @@ const ImmersiveLanding = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "pages",
         "initialPage",
+        "currentPage",
         "transitionDuration",
         "onNavigate",
         "onNavigationComplete",
@@ -10961,6 +10983,7 @@ const ImmersiveLanding = (props)=>{
     const navigation = useImmersiveLanding({
         pages: local.pages,
         initialPage: local.initialPage,
+        currentPage: local.currentPage,
         transitionDuration: local.transitionDuration,
         onNavigate: local.onNavigate,
         onNavigationComplete: local.onNavigationComplete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "author": "pathscale",
   "repository": {
     "type": "git",