@kodaris/krubble-app-components 1.0.137 → 1.0.138

package/dist/krubble-app.umd.js

@@ -9,7 +9,7 @@
    * 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
@@ -22,7 +22,7 @@
    * 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
@@ -30,6 +30,13 @@
    * 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
@@ -74,7 +81,7 @@
    * 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;
@@ -270,16 +277,16 @@
       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
@@ -2734,7 +2741,7 @@
   _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;
@@ -9160,195 +9167,195 @@
     }
 
   `;
-  __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
@@ -9358,7 +9365,7 @@
       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;
@@ -11388,98 +11395,98 @@
       }
     }
   `;
-  __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
@@ -11489,7 +11496,7 @@
       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;
@@ -11523,7 +11530,7 @@
    * ```
    *
    * 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
@@ -11533,7 +11540,7 @@
    * @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 }`
    */
@@ -11567,7 +11574,7 @@
            * 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();
           };
@@ -11821,22 +11828,22 @@
       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
@@ -11846,7 +11853,7 @@
       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;
@@ -11940,7 +11947,7 @@
       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
@@ -11950,7 +11957,7 @@
       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;
@@ -12144,10 +12151,10 @@
       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
@@ -12157,6 +12164,12 @@
       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;
@@ -12173,9 +12186,171 @@
               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;
@@ -12186,53 +12361,92 @@
           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;
@@ -12255,56 +12469,86 @@
                   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;
+  exports.RouterOutlet = 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) {
@@ -12322,32 +12566,41 @@
                   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 `
+  };
+  exports.RouterOutlet.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()
+  ], exports.RouterOutlet.prototype, "el", void 0);
+  exports.RouterOutlet = __decorate([
+      t$2('kr-router-outlet')
+  ], exports.RouterOutlet);
 
   exports.Chatbot = KRChatbot;
   exports.Router = KRRouter;
-  exports.RouterOutlet = KRRouterOutlet;
   exports.Scaffold = KRScaffold;
   exports.ScreenDetail = KRScreenDetail;
   exports.ScreenNav = KRScreenNav;