@kodaris/krubble-app-components 1.0.136 → 1.0.138

package/dist/router.d.ts

@@ -1,4 +1,25 @@
 import { LitElement } from 'lit';
+/**
+ * SPA router to run Lit based SPA apps.
+ *
+ * It is quite simple and models the Angular router.
+ *
+ * 1. Engineer defines:
+ *    - A list of route definitions. Each definition:
+ *      - Specifies a url path
+ *      - A DOM element to render as the screen
+ *      - An array of child route definitions
+ *    - A router outlet
+ *      - where on the page the router should render the screen for a particular route
+ *      - Multiple nested router outlets can be placed to render child screens with parent screens
+ * 2. Router intercepts all browser navigation events (popstate)
+ * 2. Upon a navgiation
+ *      - Router matches browser url to the correct route definitions
+ *      - Router executes `resolve` methods on each route component to pre-load data for the screen before rendering the screen
+ *      - Router creates each route component in the DOM
+ *      - Router grabs the previous route components from the DOM and stores them to re-attach later should the user go back to the previous route
+ *      - Router attaches each new route component in the DOM in the appropriate router outlet
+ */
 export interface KRRoute {
     path: string;
     component: string;
@@ -12,25 +33,44 @@ export interface KRRouterConfig {
 export interface KRMatchedRoute {
     route: KRRoute;
     params: Record<string, string>;
+    url: string;
+}
+interface KRRouteMatch {
+    routes: KRMatchedRoute[];
+    url: string;
+}
+interface KROutletContext {
+    outlet: KRRouterOutlet | null;
+    element: HTMLElement | null;
+    url: string;
+}
+interface KRCachedRoute {
+    el: HTMLElement;
+    scrolls: number[];
 }
 export declare class KRRouter {
     static base: string;
     static routes: KRRoute[];
-    static elementCache: Map<string, HTMLElement>;
+    static routeCache: Map<string, KRCachedRoute>;
+    static outletContexts: Map<number, KROutletContext>;
+    static navToken: number;
     static configure(config: KRRouterConfig): void;
+    static handleNavigation(): void;
+    static registerOutlet(level: number, outlet: KRRouterOutlet): void;
+    static unregisterOutlet(level: number, outlet: KRRouterOutlet): void;
     static navigate(path: string): void;
     static getParams(): Record<string, string>;
-    static outlet(level: number): HTMLElement | null;
-    static matchAll(): KRMatchedRoute[];
-    static matchRoutes(routes: KRRoute[], segments: string[]): KRMatchedRoute[];
+    static getScrollableElements(root: Element): Element[];
+    static matchRoutes(routes?: KRRoute[], segments?: string[]): KRRouteMatch;
 }
 export declare class KRRouterOutlet extends LitElement {
     static styles: import("lit").CSSResult;
     level: number;
+    el: HTMLElement | null;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    handlePopState: () => void;
-    detectLevel(): number;
+    activate(el: HTMLElement): void;
+    deactivate(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -38,4 +78,5 @@ declare global {
         'kr-router-outlet': KRRouterOutlet;
     }
 }
+export {};
 //# sourceMappingURL=router.d.ts.map

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,qBAAa,QAAQ;IACnB,MAAM,CAAC,IAAI,SAAM;IAEjB,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAM;IAE9B,MAAM,CAAC,YAAY,2BAAkC;IAErD,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,cAAc;IAqBvC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;IAS5B,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAW1C,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAyBhD,MAAM,CAAC,QAAQ,IAAI,cAAc,EAAE;IAUnC,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE;CAsE5E;AAED,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAKX;IAEF,KAAK,SAAM;IAEX,iBAAiB;IAMjB,oBAAoB;IAKpB,cAAc,aAEZ;IAEF,WAAW,IAAI,MAAM;IAwBrB,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAI/B,GAAG,EAAE,MAAM,CAAC;CACb;AAKD,UAAU,YAAY;IAEpB,MAAM,EAAE,cAAc,EAAE,CAAC;IAKzB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAE5B,GAAG,EAAE,MAAM,CAAC;CACb;AAID,UAAU,aAAa;IACrB,EAAE,EAAE,WAAW,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,qBAAa,QAAQ;IACnB,MAAM,CAAC,IAAI,SAAM;IAEjB,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAM;IAE9B,MAAM,CAAC,UAAU,6BAAoC;IAKrD,MAAM,CAAC,cAAc,+BAAsC;IAI3D,MAAM,CAAC,QAAQ,SAAK;IAEpB,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,cAAc;IAuCvC,MAAM,CAAC,gBAAgB;IA2HvB,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc;IAkC3D,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc;IAO7D,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;IAS5B,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAY1C,MAAM,CAAC,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE;IA8DtD,MAAM,CAAC,WAAW,CAAC,MAAM,GAAE,OAAO,EAAoB,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,YAAY;CAmH3F;AAED,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAKX;IAEF,KAAK,SAAM;IAGF,EAAE,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEvC,iBAAiB;IA2BjB,oBAAoB;IAKpB,QAAQ,CAAC,EAAE,EAAE,WAAW;IAIxB,UAAU;IAKV,MAAM;CAMP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/router.js

@@ -1,4 +1,11 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { LitElement, css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
 export class KRRouter {
     static configure(config) {
         KRRouter.base = config.base;
@@ -15,9 +22,171 @@ export class KRRouter {
             if (!anchor.pathname.startsWith(KRRouter.base)) {
                 return;
             }
+            if (anchor.target === '_blank') {
+                return;
+            }
             e.preventDefault();
             KRRouter.navigate(anchor.pathname);
         });
+        // Process each navigation. popstate covers every source — a link click, a KRRouter.navigate()
+        // call (which dispatches one itself), and the browser's back/forward buttons.
+        window.addEventListener('popstate', () => {
+            KRRouter.handleNavigation();
+        });
+        // The initial page load fires no popstate, so process the URL the app booted on. Deferred to a
+        // microtask rather than run synchronously: configure() is called while app.js is being evaluated
+        // as an import, which happens BEFORE the importing module's body. Navigating synchronously here
+        // would fire the first resolve() fetches before main.ts had run KRHttp.configure(), so they'd go
+        // to the dev server's own origin (localhost:4201/api/...) instead of devUrl and 404.
+        Promise.resolve().then(() => {
+            KRRouter.handleNavigation();
+        });
+    }
+    static handleNavigation() {
+        const matched = KRRouter.matchRoutes();
+        // Nothing matched (a stale or mistyped link). An unrecognized URL
+        // shouldn't destroy the state of the screen the user is on.
+        if (!matched.routes.length) {
+            return;
+        }
+        // A route with children but no child segment in the URL resolves to its `default` child, so the
+        // resolved url is longer than what's in the address bar (/pages/42 resolves pages/42/details).
+        // Rewrite it so the URL reflects what's actually on screen.
+        let resolvedPath = KRRouter.base;
+        if (matched.url) {
+            resolvedPath = KRRouter.base + '/' + matched.url;
+        }
+        if (window.location.pathname !== resolvedPath) {
+            window.history.replaceState({}, '', resolvedPath);
+        }
+        // Drop cached entries for routes DEEPER than the URL we're navigating to — if the user navigates
+        // up a level we assume they're moving on to a different task. This is what keeps the cache from
+        // growing without bound.
+        for (const key of KRRouter.routeCache.keys()) {
+            if (matched.url.split('/').filter(s => s).length < key.split('/').filter(s => s).length) {
+                KRRouter.routeCache.delete(key);
+            }
+        }
+        const token = ++KRRouter.navToken;
+        // Resolve every route's matching component (screen).
+        Promise.all(matched.routes.map(match => {
+            // Reuse the cached element for this url if we have one
+            const cached = KRRouter.routeCache.get(match.url);
+            if (cached) {
+                return Promise.resolve(cached.el);
+            }
+            // Create and cache the screen element
+            const el = document.createElement(match.route.component);
+            KRRouter.routeCache.set(match.url, {
+                el,
+                scrolls: [],
+            });
+            // If the component class defines a static resolve(params), await it and hand the result to the
+            // element as `routeSnapshot` = { params, data } before it mounts, so it paints with data instead
+            // of flashing empty
+            const constructor = customElements.get(match.route.component);
+            if (constructor && typeof constructor.resolve === 'function') {
+                return Promise.resolve(constructor.resolve(KRRouter.getParams())).then(data => {
+                    el.routeSnapshot = {
+                        params: match.params,
+                        data,
+                    };
+                    return el;
+                });
+            }
+            return Promise.resolve(el);
+        }))
+            .then(elements => {
+            // A newer navigation started while we were resolving — its elements are the current truth.
+            if (token !== KRRouter.navToken) {
+                return;
+            }
+            // ---- PASS 1: deactivate, deepest level first ----
+            // Remove screen elements that no longer apply to the new current routes for the current url
+            const levels = Array.from(KRRouter.outletContexts.keys()).sort((a, b) => b - a);
+            for (const level of levels) {
+                const context = KRRouter.outletContexts.get(level);
+                if (!context?.outlet?.el || context.outlet.el === elements[level]) {
+                    continue;
+                }
+                // Capture the outgoing element's scroll positions into its cache entry, then unmount it.
+                const outgoing = KRRouter.routeCache.get(context.url);
+                if (outgoing) {
+                    outgoing.scrolls = KRRouter.getScrollableElements(context.outlet.el).map(scrollable => scrollable.scrollTop);
+                }
+                context.outlet.deactivate();
+                context.element = null;
+                context.url = '';
+            }
+            // Put each screen element into the appropriate router outlet
+            elements.forEach((el, level) => {
+                // First navigation to reach this depth has no context yet.
+                let context = KRRouter.outletContexts.get(level);
+                if (!context) {
+                    context = {
+                        outlet: null,
+                        element: null,
+                        url: '',
+                    };
+                    KRRouter.outletContexts.set(level, context);
+                }
+                context.element = el;
+                context.url = matched.routes[level].url;
+                if (context.outlet && context.outlet.el !== el) {
+                    context.outlet.activate(el);
+                    // Put back the scroll positions captured when the user last left this element.
+                    const cached = KRRouter.routeCache.get(context.url);
+                    if (cached?.scrolls.length) {
+                        setTimeout(() => {
+                            const scrollables = KRRouter.getScrollableElements(cached.el);
+                            cached.scrolls.forEach((top, index) => {
+                                if (scrollables[index]) {
+                                    scrollables[index].scrollTop = top;
+                                }
+                            });
+                        }, 0);
+                    }
+                }
+            });
+        });
+    }
+    // An outlet announces itself here when it connects and takes whatever element its context holds.
+    static registerOutlet(level, outlet) {
+        // No context yet when an outlet connects before a navigation
+        let context = KRRouter.outletContexts.get(level);
+        if (!context) {
+            context = {
+                outlet: null,
+                element: null,
+                url: '',
+            };
+            KRRouter.outletContexts.set(level, context);
+        }
+        context.outlet = outlet;
+        // An outlet re-attached with its element already mounted (a cached parent coming back) must not
+        // restore scroll again — that would overwrite the live position with a stale one.
+        if (context.element && outlet.el !== context.element) {
+            outlet.activate(context.element);
+            // Same scroll restore as the activation pass in handleNavigation — this is the path taken when
+            // the outlet didn't exist yet at navigation time, which for us is the common case.
+            const cached = KRRouter.routeCache.get(context.url);
+            if (cached?.scrolls.length) {
+                setTimeout(() => {
+                    const scrollables = KRRouter.getScrollableElements(cached.el);
+                    cached.scrolls.forEach((top, index) => {
+                        if (scrollables[index]) {
+                            scrollables[index].scrollTop = top;
+                        }
+                    });
+                }, 0);
+            }
+        }
+    }
+    static unregisterOutlet(level, outlet) {
+        const context = KRRouter.outletContexts.get(level);
+        if (context && context.outlet === outlet) {
+            context.outlet = null;
+        }
     }
     static navigate(path) {
         let fullPath = path;
@@ -28,53 +197,92 @@ export class KRRouter {
         window.dispatchEvent(new PopStateEvent('popstate'));
     }
     static getParams() {
-        const matched = KRRouter.matchAll();
+        const matched = KRRouter.matchRoutes();
         const params = {};
-        for (const match of matched) {
+        for (const match of matched.routes) {
             for (const key in match.params) {
                 params[key] = decodeURIComponent(match.params[key]);
             }
         }
         return params;
     }
-    static outlet(level) {
-        const matched = KRRouter.matchAll();
-        if (level >= matched.length) {
-            return null;
-        }
-        const match = matched[level];
-        const tag = match.route.component;
-        const cached = KRRouter.elementCache.get(level + ':' + tag);
-        if (cached) {
-            return cached;
-        }
-        // Clear old cache entry for this level
-        for (const key of KRRouter.elementCache.keys()) {
-            if (key.startsWith(level + ':')) {
-                KRRouter.elementCache.delete(key);
+    // Every scrollable element in and under `root`, in document order — piercing shadow roots.
+    static getScrollableElements(root) {
+        const scrollables = [];
+        // Depth-first pre-order, each node's shadow root before its light children. An explicit stack
+        // rather than recursion; pushing children in reverse makes them pop in document order, which keeps
+        // the sequence identical to the recursive walk this replaces. The ORDER is load-bearing: capture
+        // and restore index into the returned list positionally, so both passes must enumerate the same
+        // nodes in the same sequence.
+        const stack = [root];
+        while (stack.length) {
+            const node = stack.pop();
+            if (!node) {
+                break;
+            }
+            const style = getComputedStyle(node);
+            if (style.overflow === 'auto'
+                || style.overflow === 'scroll'
+                || style.overflowY === 'auto'
+                || style.overflowY === 'scroll') {
+                scrollables.push(node);
+            }
+            // Shadow children first so they occupy the same positions the recursion gave them.
+            const children = [];
+            if (node.shadowRoot) {
+                children.push(...Array.from(node.shadowRoot.children));
+            }
+            children.push(...Array.from(node.children));
+            for (let index = children.length - 1; index >= 0; index--) {
+                stack.push(children[index]);
             }
         }
-        const el = document.createElement(tag);
-        KRRouter.elementCache.set(level + ':' + tag, el);
-        return el;
+        return scrollables;
     }
-    static matchAll() {
-        const path = window.location.pathname;
-        let relative = path;
-        if (path.startsWith(KRRouter.base)) {
-            relative = path.slice(KRRouter.base.length);
+    // Match the CURRENT browser URL against the route defs.
+    //
+    // Example, with base '/operations/app/ai-cms' and the routes configured in app.ts:
+    //
+    //   URL      /operations/app/ai-cms/pages/42/seo
+    //   segments ['pages', '42', 'seo']        (base stripped, split on '/')
+    //   returns  {
+    //              routes: [
+    //                { route: { path: 'pages/:contentPageID', component: 'kt-page' },     params: { contentPageID: '42' }, url: 'pages/42' },
+    //                { route: { path: 'seo',                  component: 'kt-page-seo' }, params: {},                     url: 'pages/42/seo' },
+    //              ],
+    //              url: 'pages/42/seo',
+    //            }
+    //
+    // Three other shapes worth knowing:
+    //
+    //   .../pages/42   a route with children but no child segment resolves its `default` child, so this
+    //                  returns BOTH levels and a url of 'pages/42/details' — longer than the address
+    //                  bar. handleNavigation() is what syncs the URL to it; this function is pure and
+    //                  never touches history.
+    //   .../          (no segments) matches the path:'' route, returning a single entry for kt-home.
+    //   .../nope      no route matches, returning no routes and an empty url.
+    static matchRoutes(routes = KRRouter.routes, segments) {
+        // An empty array is a legitimate "nothing left to match" from a recursive call and stays as-is —
+        // only a genuinely absent argument (the entry call) reaches for the browser URL.
+        if (!segments) {
+            let relative = window.location.pathname;
+            if (relative.startsWith(KRRouter.base)) {
+                relative = relative.slice(KRRouter.base.length);
+            }
+            segments = relative.split('/').filter(s => s);
         }
-        const segments = relative.split('/').filter(s => s);
-        return KRRouter.matchRoutes(KRRouter.routes, segments);
-    }
-    static matchRoutes(routes, segments) {
         for (const route of routes) {
             const routeSegments = route.path.split('/').filter(s => s);
+            // index route {path: '', component: kt-home}
             if (routeSegments.length === 0 && segments.length === 0) {
-                return [{
-                        route,
-                        params: {}
-                    }];
+                return {
+                    routes: [{
+                            route,
+                            params: {},
+                            url: ''
+                        }],
+                    url: ''
+                };
             }
             if (routeSegments.length === 0) {
                 continue;
@@ -97,56 +305,86 @@ export class KRRouter {
                 continue;
             }
             const remaining = segments.slice(routeSegments.length);
-            // If there are remaining segments but no children, this route doesn't fully match — try next route
-            if (remaining.length > 0 && !route.children) {
-                continue;
-            }
-            const result = [{
+            // This level's own resolved URL: the segments it consumed, with :params swapped for their real
+            // values. Children come back from the recursion holding only THEIR portion, so we prefix each
+            // with this as the recursion unwinds — every entry ends up with the full path from the root.
+            const url = segments.slice(0, routeSegments.length).join('/');
+            const matchedRoutes = [{
                     route,
-                    params
+                    params,
+                    url
                 }];
-            if (route.children && remaining.length > 0) {
-                const childMatches = KRRouter.matchRoutes(route.children, remaining);
-                if (childMatches.length > 0) {
-                    result.push(...childMatches);
-                    return result;
+            if (remaining.length > 0) {
+                // Segments left over and nowhere to put them — this route doesn't fully match the URL, so try
+                // the next one. Without this, a route would be accepted having consumed only part of the URL:
+                // /pages/42/seo would match {path: 'pages'} and render the Pages list. It also narrows
+                // route.children for the call below, which matters because matchRoutes' first parameter has a
+                // DEFAULT — passing undefined would silently re-match from the top-level routes rather than
+                // failing.
+                if (!route.children) {
+                    continue;
+                }
+                const childMatch = KRRouter.matchRoutes(route.children, remaining);
+                if (childMatch.routes.length > 0) {
+                    for (const child of childMatch.routes) {
+                        child.url = url + '/' + child.url;
+                    }
+                    matchedRoutes.push(...childMatch.routes);
+                    return {
+                        routes: matchedRoutes,
+                        url: url + '/' + childMatch.url
+                    };
                 }
             }
-            // No remaining segments + default child — redirect
+            // No remaining segments + a default child — resolve as though that child's segment were in the
+            // URL. We do NOT rewrite the address bar here; matching stays pure. handleNavigation() syncs the
+            // URL to the resolved `url` this returns.
             if (route.children && remaining.length === 0 && route.default) {
-                window.history.replaceState({}, '', window.location.pathname + '/' + route.default);
-                const childMatches = KRRouter.matchRoutes(route.children, [route.default]);
-                if (childMatches.length > 0) {
-                    result.push(...childMatches);
-                    return result;
+                const childMatch = KRRouter.matchRoutes(route.children, [route.default]);
+                if (childMatch.routes.length > 0) {
+                    for (const child of childMatch.routes) {
+                        child.url = url + '/' + child.url;
+                    }
+                    matchedRoutes.push(...childMatch.routes);
+                    return {
+                        routes: matchedRoutes,
+                        url: url + '/' + childMatch.url
+                    };
                 }
             }
-            return result;
+            return {
+                routes: matchedRoutes,
+                url
+            };
         }
-        return [];
+        return {
+            routes: [],
+            url: ''
+        };
     }
 }
 KRRouter.base = '';
 KRRouter.routes = [];
-KRRouter.elementCache = new Map();
-export class KRRouterOutlet extends LitElement {
+KRRouter.routeCache = new Map();
+// One context per nesting level — Angular's ChildrenOutletContexts, keyed by level rather than by
+// outlet name since we only have one (primary) outlet per level. Outlets are DRIVEN through these;
+// they never ask the router for anything.
+KRRouter.outletContexts = new Map();
+// One token per navigation. A slower navigation that has been superseded must not activate its
+// (stale) elements, so it checks the token before committing anything.
+KRRouter.navToken = 0;
+let KRRouterOutlet = class KRRouterOutlet extends LitElement {
     constructor() {
         super(...arguments);
         this.level = -1;
-        this.handlePopState = () => {
-            this.requestUpdate();
-        };
+        // The element the router has told this outlet to show.
+        this.el = null;
     }
     connectedCallback() {
         super.connectedCallback();
-        this.level = this.detectLevel();
-        window.addEventListener('popstate', this.handlePopState);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('popstate', this.handlePopState);
-    }
-    detectLevel() {
+        // This outlet's nesting depth = how many kr-router-outlet ancestors it has, which is only
+        // knowable once attached. Walk up through shadow boundaries too (via ShadowRoot.host), since a
+        // nested outlet lives inside its parent element's shadow root and parentNode stops at the root.
         let level = 0;
         let node = this;
         while (node) {
@@ -164,26 +402,37 @@ export class KRRouterOutlet extends LitElement {
                 node = null;
             }
         }
-        return level;
+        this.level = level;
+        KRRouter.registerOutlet(this.level, this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        KRRouter.unregisterOutlet(this.level, this);
+    }
+    activate(el) {
+        this.el = el;
+    }
+    deactivate() {
+        this.el = null;
     }
     render() {
-        const el = KRRouter.outlet(this.level);
-        if (!el) {
+        if (!this.el) {
             return html ``;
         }
-        return html `${el}`;
+        return html `${this.el}`;
     }
-}
+};
 KRRouterOutlet.styles = css `
     :host {
       display: block;
       height: 100%;
     }
   `;
-// Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
-// the page (e.g. the Operations shell loads krubble globally while an embedded app bundled its
-// own copy) doesn't throw. First definition wins.
-if (!customElements.get('kr-router-outlet')) {
-    customElements.define('kr-router-outlet', KRRouterOutlet);
-}
+__decorate([
+    state()
+], KRRouterOutlet.prototype, "el", void 0);
+KRRouterOutlet = __decorate([
+    customElement('kr-router-outlet')
+], KRRouterOutlet);
+export { KRRouterOutlet };
 //# sourceMappingURL=router.js.map

package/dist/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"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"}

package/dist/screen-nav.d.ts

@@ -51,7 +51,7 @@ export interface KRScreenNavAction {
  * ```
  *
  * Actions render in a footer at the bottom of the nav column. With more than
- * `maxVisibleActions` (default 3), the overflow collapses into a "More" dropdown.
+ * `maxVisibleActions` (default 5), the overflow collapses into a "More" dropdown.
  * Listen for `action-click` to handle a click: `e.detail.action` is the action id.
  *
  * @slot - The main screen content
@@ -61,7 +61,7 @@ export interface KRScreenNavAction {
  * @property {KRScreenNavItem[]} items - Navigation items as JSON array
  * @property {string} activeId - Currently active item ID
  * @property {KRScreenNavAction[]} actions - Action buttons rendered in the nav footer
- * @property {number} maxVisibleActions - Max inline actions before collapsing into a "More" dropdown (default 3)
+ * @property {number} maxVisibleActions - Max inline actions before collapsing into a "More" dropdown (default 5)
  *
  * @fires action-click - When an action button (inline or overflow) is clicked; detail is `{ action: id }`
  */