@kodaris/krubble-app-components 1.0.141 → 1.0.143

package/dist/index.d.ts

@@ -7,6 +7,6 @@ export { KRChatbot } from './chatbot.js';
 export type { KRSubbarBreadcrumb } from './subbar.js';
 export type { KRNavItem, KRNavItemFlat, KRUser } from './scaffold.js';
 export type { KRScreenNavItem, KRScreenNavAction } from './screen-nav.js';
-export type { KRRoute, KRRouterConfig, KRMatchedRoute, KRRouteSnapshot } from './router.js';
+export type { KRRoute, KRRouterConfig, KRMatchedRoute } from './router.js';
 export type { KRChatbotMessage, KRChatbotSend, KRChatbotConversationFile, KRChatbotSendFile } from './chatbot.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC5F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3E,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/dist/krubble-app.bundled.js

@@ -12168,6 +12168,17 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class KRRouter {
+    /**
+     * The current route's resolved data: everything every matched level's static resolve() returned,
+     * merged with deeper levels winning on a shared key.
+     *
+     * Read it in connectedCallback — the router fills it before any element mounts. A child route gets
+     * what its parent resolved from here, so a tab component needs no resolve() of its own. Use
+     * KRRouter.getParams() for the route's params.
+     */
+    static getData() {
+        return KRRouter.data;
+    }
     static configure(config) {
         KRRouter.base = config.base;
         KRRouter.routes = config.routes;
@@ -12229,40 +12240,61 @@ class KRRouter {
             }
         }
         const token = ++KRRouter.navToken;
-        // Resolve every route's matching component (screen).
+        // Resolve every route's matching component (screen), keeping each level's resolved data alongside
+        // its element so the whole chain can be merged once they've all settled.
         Promise.all(matched.routes.map(match => {
-            // Reuse the cached element for this url if we have one
+            // Reuse the cached element for this url if we have one. Its data is cached with it — resolve()
+            // doesn't run again, but the level still has to contribute to the merge below.
             const cached = KRRouter.routeCache.get(match.url);
             if (cached) {
-                return Promise.resolve(cached.el);
+                return Promise.resolve({
+                    el: cached.el,
+                    data: cached.data,
+                });
             }
             // Create and cache the screen element
             const el = document.createElement(match.route.component);
-            KRRouter.routeCache.set(match.url, {
+            const entry = {
                 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
+                data: null,
+            };
+            KRRouter.routeCache.set(match.url, entry);
+            // If the component class defines a static resolve(params), await it. Every level's result is
+            // merged into KRRouter.data below before anything mounts, so a component paints with its data
+            // already in hand 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 => {
-                    const routeSnapshot = Object.freeze({
-                        params: match.params,
+                    entry.data = data;
+                    return {
+                        el,
                         data,
-                    });
-                    el.routeSnapshot = routeSnapshot;
-                    return el;
+                    };
                 });
             }
-            return Promise.resolve(el);
+            return Promise.resolve({
+                el,
+                data: null,
+            });
         }))
-            .then(elements => {
+            .then(resolved => {
             // A newer navigation started while we were resolving — its elements are the current truth.
             if (token !== KRRouter.navToken) {
                 return;
             }
+            // Merge the whole chain's resolved data into one object, parents first so a deeper route can
+            // override a key it shares with an ancestor. Set BEFORE any element mounts, so every component
+            // — at any depth — reads it with KRRouter.getData() in connectedCallback: a tab component gets
+            // what its parent resolved with no resolve() of its own and no second request. Mirrors
+            // KNNavigator.data() in kodaris-ngx, which searches the Angular route tree by key.
+            KRRouter.data = {};
+            for (const item of resolved) {
+                if (item.data) {
+                    Object.assign(KRRouter.data, item.data);
+                }
+            }
+            const elements = resolved.map(item => item.el);
             // ---- 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);
@@ -12535,6 +12567,9 @@ 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;
+// Every matched route level's resolved data, merged into one object for the current navigation. This
+// is set before anything mounts — see the merge in handleNavigation.
+KRRouter.data = {};
 let KRRouterOutlet = class KRRouterOutlet extends i$3 {
     constructor() {
         super(...arguments);