@kodaris/krubble-app-components 1.0.152 → 1.0.153

package/dist/krubble-app.umd.js

@@ -6002,7 +6002,7 @@
             ` : A}
             ${global ? b `
               <div class="skill-card__footer">
-                <span class="skill-card__price">Free</span>
+                <span class="skill-card__price">${skill.priceLabel}</span>
                 <kr-button
                   class="skill-card__install-btn"
                   size="small"
@@ -12313,6 +12313,13 @@
       static configure(config) {
           KRRouter.base = config.base;
           KRRouter.routes = config.routes;
+          // Point the page's outlet class at this router. The Operations shell loads krubble globally while
+          // an embedded app bundles its own copy, so the kr-router-outlet that won registration may belong
+          // to the other copy; whichever it is, its outlets must register with the router that has routes.
+          const outletClass = customElements.get('kr-router-outlet');
+          if (outletClass) {
+              outletClass.router = KRRouter;
+          }
           // Intercept <a> clicks for client-side navigation
           window.addEventListener('click', (e) => {
               const anchor = e.composedPath().find(el => el instanceof HTMLAnchorElement);
@@ -12747,11 +12754,11 @@
               }
           }
           this.level = level;
-          KRRouter.registerOutlet(this.level, this);
+          KRRouterOutlet.router.registerOutlet(this.level, this);
       }
       disconnectedCallback() {
           super.disconnectedCallback();
-          KRRouter.unregisterOutlet(this.level, this);
+          KRRouterOutlet.router.unregisterOutlet(this.level, this);
       }
       activate(el) {
           this.el = el;
@@ -12772,12 +12779,16 @@
       height: 100%;
     }
   `;
+  // The router outlets register with. KRRouter.configure() sets this on whichever outlet class is
+  // registered on the page, which may be another copy of krubble's; this copy's router is the default.
+  KRRouterOutlet.router = KRRouter;
   __decorate([
       r()
   ], KRRouterOutlet.prototype, "el", void 0);
   // 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.
+  // own copy) doesn't throw. First definition wins; KRRouter.configure() then points that class at
+  // the configured router.
   if (!customElements.get('kr-router-outlet')) {
       customElements.define('kr-router-outlet', KRRouterOutlet);
   }