@kodaris/krubble-app-components 1.0.137 → 1.0.138

package/dist/krubble-app.bundled.js

@@ -6,7 +6,7 @@ import { KRHttp } from '@kodaris/krubble-http';
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$3=globalThis,e$7=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),o$6=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$7&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$6.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$6.set(s,t));}return t}toString(){return this.cssText}};const r$4=t=>new n$4("string"==typeof t?t:t+"",void 0,s$3),i$6=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new n$4(o,t,s$3)},S$1=(s,o)=>{if(e$7)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),n=t$3.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$7?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$4(e)})(t):t;
+const t$4=globalThis,e$7=t$4.ShadowRoot&&(void 0===t$4.ShadyCSS||t$4.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),o$6=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$7&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$6.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$6.set(s,t));}return t}toString(){return this.cssText}};const r$4=t=>new n$4("string"==typeof t?t:t+"",void 0,s$3),i$6=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new n$4(o,t,s$3)},S$1=(s,o)=>{if(e$7)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),n=t$4.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$7?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$4(e)})(t):t;
 
 /**
  * @license
@@ -19,7 +19,7 @@ const t$3=globalThis,e$7=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.na
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$2=globalThis,i$4=t=>t,s$2=t$2.trustedTypes,e$5=s$2?s$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,h$1="$lit$",o$4=`lit$${Math.random().toFixed(9).slice(2)}$`,n$2="?"+o$4,r$2=`<${n$2}>`,l=document,c$1=()=>l.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u$2=Array.isArray,d=t=>u$2(t)||"function"==typeof t?.[Symbol.iterator],f="[ \t\n\f\r]",v$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m$1=/>/g,p$1=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),E=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$5?e$5.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?"<svg>":3===i?"<math>":"",c=v$1;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v$1?"!--"===u[1]?c=_:void 0!==u[1]?c=m$1:void 0!==u[2]?(y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p$1):void 0!==u[3]&&(c=p$1):c===p$1?">"===u[0]?(c=n??v$1,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p$1:'"'===u[3]?$:g):c===$||c===g?c=p$1:c===_||c===m$1?c=v$1:(c=p$1,n=void 0);const x=c===p$1&&t[i+1].startsWith("/>")?" ":"";l+=c===v$1?s+r$2:d>=0?(e.push(a),s.slice(0,d)+h$1+s.slice(d)+o$4+x):s+o$4+(-2===d?i:x);}return [V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h$1)){const i=v[a++],s=r.getAttribute(t).split(o$4),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z:H}),r.removeAttribute(t);}else t.startsWith(o$4)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o$4),i=t.length-1;if(i>0){r.textContent=s$2?s$2.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c$1()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c$1());}}}else if(8===r.nodeType)if(r.data===n$2)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$4,t+1));)d.push({type:7,index:l}),t+=o$4.length-1;}l++;}}static createElement(t,i){const s=l.createElement("template");return s.innerHTML=t,s}}function M$1(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M$1(t,h._$AS(t,i.values),h,e)),i}class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??l).importNode(i,true);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=P.nextNode(),o++);}return P.currentNode=l,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=M$1(this,t,i),a(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==A&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S(t)),i}k(t){u$2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new k(this.O(c$1()),this.O(c$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(false,true,s);t!==this._$AB;){const s=i$4(t).nextSibling;i$4(t).remove(),t=s;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=M$1(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M$1(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class I extends H{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A);}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=M$1(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){M$1(this,t);}}const j={I:k},B=t$2.litHtmlPolyfillSupport;B?.(S,k),(t$2.litHtmlVersions??=[]).push("3.3.2");const D=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k(i.insertBefore(c$1(),t),t,void 0,s??{});}return h._$AI(t),h};
+const t$3=globalThis,i$4=t=>t,s$2=t$3.trustedTypes,e$5=s$2?s$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,h$1="$lit$",o$4=`lit$${Math.random().toFixed(9).slice(2)}$`,n$2="?"+o$4,r$2=`<${n$2}>`,l=document,c$1=()=>l.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u$2=Array.isArray,d=t=>u$2(t)||"function"==typeof t?.[Symbol.iterator],f="[ \t\n\f\r]",v$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m$1=/>/g,p$1=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),E=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$5?e$5.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?"<svg>":3===i?"<math>":"",c=v$1;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v$1?"!--"===u[1]?c=_:void 0!==u[1]?c=m$1:void 0!==u[2]?(y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p$1):void 0!==u[3]&&(c=p$1):c===p$1?">"===u[0]?(c=n??v$1,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p$1:'"'===u[3]?$:g):c===$||c===g?c=p$1:c===_||c===m$1?c=v$1:(c=p$1,n=void 0);const x=c===p$1&&t[i+1].startsWith("/>")?" ":"";l+=c===v$1?s+r$2:d>=0?(e.push(a),s.slice(0,d)+h$1+s.slice(d)+o$4+x):s+o$4+(-2===d?i:x);}return [V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h$1)){const i=v[a++],s=r.getAttribute(t).split(o$4),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z:H}),r.removeAttribute(t);}else t.startsWith(o$4)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o$4),i=t.length-1;if(i>0){r.textContent=s$2?s$2.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c$1()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c$1());}}}else if(8===r.nodeType)if(r.data===n$2)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$4,t+1));)d.push({type:7,index:l}),t+=o$4.length-1;}l++;}}static createElement(t,i){const s=l.createElement("template");return s.innerHTML=t,s}}function M$1(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M$1(t,h._$AS(t,i.values),h,e)),i}class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??l).importNode(i,true);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=P.nextNode(),o++);}return P.currentNode=l,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=M$1(this,t,i),a(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==A&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S(t)),i}k(t){u$2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new k(this.O(c$1()),this.O(c$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(false,true,s);t!==this._$AB;){const s=i$4(t).nextSibling;i$4(t).remove(),t=s;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=M$1(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M$1(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class I extends H{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A);}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=M$1(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){M$1(this,t);}}const j={I:k},B=t$3.litHtmlPolyfillSupport;B?.(S,k),(t$3.litHtmlVersions??=[]).push("3.3.2");const D=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k(i.insertBefore(c$1(),t),t,void 0,s??{});}return h._$AI(t),h};
 
 /**
  * @license
@@ -27,6 +27,13 @@ const t$2=globalThis,i$4=t=>t,s$2=t$2.trustedTypes,e$5=s$2?s$2.createPolicy("lit
  * SPDX-License-Identifier: BSD-3-Clause
  */const s$1=globalThis;let i$3 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E}};i$3._$litElement$=true,i$3["finalized"]=true,s$1.litElementHydrateSupport?.({LitElement:i$3});const o$3=s$1.litElementPolyfillSupport;o$3?.({LitElement:i$3});(s$1.litElementVersions??=[]).push("4.2.2");
 
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$2=t=>(e,o)=>{ void 0!==o?o.addInitializer(()=>{customElements.define(t,e);}):customElements.define(t,e);};
+
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -71,7 +78,7 @@ const t$1={ATTRIBUTE:1,CHILD:2},e$2=t=>(...e)=>({_$litDirective$:t,values:e});le
  * SPDX-License-Identifier: BSD-3-Clause
  */const e=e$2(class extends i$2{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return E}});
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__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;
@@ -267,16 +274,16 @@ KRNavItemEdit.styles = i$6 `
       background: #d4f472;
     }
   `;
-__decorate$5([
+__decorate$6([
     r()
 ], KRNavItemEdit.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
     r()
 ], KRNavItemEdit.prototype, "icon", void 0);
-__decorate$5([
+__decorate$6([
     r()
 ], KRNavItemEdit.prototype, "url", void 0);
-__decorate$5([
+__decorate$6([
     r()
 ], KRNavItemEdit.prototype, "active", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -2731,7 +2738,7 @@ marked.parseInline;
 _Parser.parse;
 _Lexer.lex;
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__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;
@@ -9157,195 +9164,195 @@ KRChatbot.styles = i$6 `
     }
 
   `;
-__decorate$4([
+__decorate$5([
     n$1({ attribute: false })
 ], KRChatbot.prototype, "send", void 0);
-__decorate$4([
+__decorate$5([
     n$1({ attribute: false })
 ], KRChatbot.prototype, "load", void 0);
-__decorate$4([
+__decorate$5([
     n$1({ attribute: false })
 ], KRChatbot.prototype, "messages", void 0);
-__decorate$4([
+__decorate$5([
     n$1({ type: String })
 ], KRChatbot.prototype, "label", void 0);
-__decorate$4([
+__decorate$5([
     n$1({ type: String })
 ], KRChatbot.prototype, "placeholder", void 0);
-__decorate$4([
+__decorate$5([
     n$1({
         type: Boolean,
         reflect: true
     })
 ], KRChatbot.prototype, "opened", void 0);
-__decorate$4([
+__decorate$5([
     n$1({
         type: Boolean,
         attribute: 'hide-toggle',
         reflect: true
     })
 ], KRChatbot.prototype, "hideToggle", void 0);
-__decorate$4([
+__decorate$5([
     n$1({
         type: String,
         reflect: true
     })
 ], KRChatbot.prototype, "variant", void 0);
-__decorate$4([
+__decorate$5([
     n$1({
         type: Number,
         attribute: 'conversation-id',
         reflect: true
     })
 ], KRChatbot.prototype, "conversationId", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_inputValue", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_isStreaming", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_error", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_conversationTitle", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_contextWarning", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_contextLimitReached", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_contextLimitMessage", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_pendingActions", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_confirmationHighlighted", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_confirmationInFlight", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_telemetry", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_iterationLog", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_cacheCheckpoints", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_drawerOpen", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_drawerView", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_conversations", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_conversationsLoading", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_toolDetail", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_toolDetailCopied", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_toolDetailInputOpen", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_toolDetailOutputOpen", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_drawerWidth", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_isDrawerResizing", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_pendingConversationFiles", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_isDraggingFile", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillMenuOpened", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillQuery", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_orgSkills", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_globalSkills", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_invocableSkills", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_suggestedActions", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_aiFrameworkConfig", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillHighlighted", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_copiedIndex", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillBrowseOpened", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillBrowseSource", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_skillBrowseQuery", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_isDictating", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_mode", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_modeMenuOpened", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_showTools", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_showToolInputs", void 0);
-__decorate$4([
+__decorate$5([
     r()
 ], KRChatbot.prototype, "_showConfirmationInput", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.panel')
 ], KRChatbot.prototype, "_panelEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.messages')
 ], KRChatbot.prototype, "_messagesEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.input')
 ], KRChatbot.prototype, "_inputEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.file-input')
 ], KRChatbot.prototype, "_fileInputEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.input-wrapper')
 ], KRChatbot.prototype, "_inputWrapperEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.skill-menu')
 ], KRChatbot.prototype, "_skillMenuEl", void 0);
-__decorate$4([
+__decorate$5([
     e$3('.drawer__body')
 ], KRChatbot.prototype, "_drawerBodyEl", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -9355,7 +9362,7 @@ if (!customElements.get('kr-chatbot')) {
     customElements.define('kr-chatbot', KRChatbot);
 }
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__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;
@@ -11385,98 +11392,98 @@ KRScaffold.styles = i$6 `
       }
     }
   `;
-__decorate$3([
+__decorate$4([
     n$1({ type: String })
 ], KRScaffold.prototype, "logo", void 0);
-__decorate$3([
+__decorate$4([
     n$1({ type: String })
 ], KRScaffold.prototype, "label", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: String,
         attribute: 'home-url'
     })
 ], KRScaffold.prototype, "homeUrl", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: String,
         reflect: true
     })
 ], KRScaffold.prototype, "scheme", void 0);
-__decorate$3([
+__decorate$4([
     n$1({ type: Array })
 ], KRScaffold.prototype, "nav", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: Boolean,
         attribute: 'nav-icons-displayed',
         reflect: true
     })
 ], KRScaffold.prototype, "navIconsDisplayed", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: Boolean,
         attribute: 'nav-expanded'
     })
 ], KRScaffold.prototype, "navExpanded", void 0);
-__decorate$3([
+__decorate$4([
     n$1({ type: Object })
 ], KRScaffold.prototype, "user", void 0);
-__decorate$3([
+__decorate$4([
     n$1({ type: Boolean })
 ], KRScaffold.prototype, "subbar", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: Boolean,
         attribute: 'nav-enabled'
     })
 ], KRScaffold.prototype, "navEnabled", void 0);
-__decorate$3([
+__decorate$4([
     n$1({
         type: String,
         attribute: 'user-type'
     })
 ], KRScaffold.prototype, "userType", void 0);
-__decorate$3([
+__decorate$4([
     n$1({ type: Array })
 ], KRScaffold.prototype, "breadcrumbs", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "isDev", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "navItemsExpanded", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "navQuery", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "activeNavItemId", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "isNavScrolled", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "isNavOpened", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "isEditing", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "isUserMenuOpen", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "pref", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "draggedNavItemId", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "navItemDropTargetId", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "navItemDropPosition", void 0);
-__decorate$3([
+__decorate$4([
     r()
 ], KRScaffold.prototype, "pendingRequests", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -11486,7 +11493,7 @@ if (!customElements.get('kr-scaffold')) {
     customElements.define('kr-scaffold', KRScaffold);
 }
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__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;
@@ -11520,7 +11527,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * ```
  *
  * 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
@@ -11530,7 +11537,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * @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 }`
  */
@@ -11564,7 +11571,7 @@ class KRScreenNav extends i$3 {
          * used for the "More" button so the total footer button count never exceeds
          * this value.
          */
-        this.maxVisibleActions = 3;
+        this.maxVisibleActions = 5;
         this.handlePopstate = () => {
             this.syncActiveFromUrl();
         };
@@ -11818,22 +11825,22 @@ KRScreenNav.styles = i$6 `
       overflow-y: auto;
     }
   `;
-__decorate$2([
+__decorate$3([
     n$1({ type: String })
 ], KRScreenNav.prototype, "label", void 0);
-__decorate$2([
+__decorate$3([
     n$1({ type: String })
 ], KRScreenNav.prototype, "subLabel", void 0);
-__decorate$2([
+__decorate$3([
     n$1({ type: Array })
 ], KRScreenNav.prototype, "items", void 0);
-__decorate$2([
+__decorate$3([
     n$1({ type: String })
 ], KRScreenNav.prototype, "activeId", void 0);
-__decorate$2([
+__decorate$3([
     n$1({ type: Array })
 ], KRScreenNav.prototype, "actions", void 0);
-__decorate$2([
+__decorate$3([
     n$1({ type: Number })
 ], KRScreenNav.prototype, "maxVisibleActions", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -11843,7 +11850,7 @@ if (!customElements.get('kr-screen-nav')) {
     customElements.define('kr-screen-nav', KRScreenNav);
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__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;
@@ -11937,7 +11944,7 @@ KRScreenDetail.styles = i$6 `
       max-width: 700px;
     }
   `;
-__decorate$1([
+__decorate$2([
     n$1({ type: String })
 ], KRScreenDetail.prototype, "title", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -11947,7 +11954,7 @@ if (!customElements.get('kr-screen-detail')) {
     customElements.define('kr-screen-detail', KRScreenDetail);
 }
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__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;
@@ -12141,10 +12148,10 @@ KRSubbar.styles = i$6 `
       height: 18px;
     }
   `;
-__decorate([
+__decorate$1([
     n$1({ type: Array })
 ], KRSubbar.prototype, "breadcrumbs", void 0);
-__decorate([
+__decorate$1([
     n$1({ type: Boolean })
 ], KRSubbar.prototype, "menu", void 0);
 // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
@@ -12154,6 +12161,12 @@ if (!customElements.get('kr-subbar')) {
     customElements.define('kr-subbar', KRSubbar);
 }
 
+var __decorate = (undefined && undefined.__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;
+};
 class KRRouter {
     static configure(config) {
         KRRouter.base = config.base;
@@ -12170,9 +12183,171 @@ 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;
@@ -12183,53 +12358,92 @@ 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);
-            }
-        }
-        const el = document.createElement(tag);
-        KRRouter.elementCache.set(level + ':' + tag, el);
-        return el;
-    }
-    static matchAll() {
-        const path = window.location.pathname;
-        let relative = path;
-        if (path.startsWith(KRRouter.base)) {
-            relative = path.slice(KRRouter.base.length);
+    // 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]);
+            }
+        }
+        return scrollables;
+    }
+    // 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;
@@ -12252,56 +12466,86 @@ 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();
-class KRRouterOutlet extends i$3 {
+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 i$3 {
     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) {
@@ -12319,28 +12563,38 @@ class KRRouterOutlet extends i$3 {
                 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 b ``;
         }
-        return b `${el}`;
+        return b `${this.el}`;
     }
-}
+};
 KRRouterOutlet.styles = i$6 `
     :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([
+    r()
+], KRRouterOutlet.prototype, "el", void 0);
+KRRouterOutlet = __decorate([
+    t$2('kr-router-outlet')
+], KRRouterOutlet);
 
 export { KRChatbot, KRRouter, KRRouterOutlet, KRScaffold, KRScreenDetail, KRScreenNav, KRSubbar };
 //# sourceMappingURL=krubble-app.bundled.js.map