@fluid-topics/ft-reader-toc 0.3.9 → 0.3.11

package/build/ft-reader-toc.light.js

@@ -1,144 +1,640 @@
-!function(t,i,e,o,r,n){var s,h=function(t,i,e,o){for(var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(r=t[h])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};class l extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class a extends i.FtLitElementRedux{setReaderStateManager(t){this.stateManager=t,this.store=t.store}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),setTimeout((()=>this.dispatchEvent(new l)),10)}disconnectedCallback(){super.disconnectedCallback(),this.store=void 0,this.stateManager=void 0}}h([r.state()],a.prototype,"stateManager",void 0);const f=globalThis.trustedTypes,p=f?f.createPolicy("lit-html",{createHTML:t=>t}):void 0,y=`lit$${(Math.random()+"").slice(9)}$`,g="?"+y,d=`<${g}>`,c=document,u=(t="")=>c.createComment(t),v=t=>null===t||"object"!=typeof t&&"function"!=typeof t,$=Array.isArray,b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,x=/>/g,w=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),z=/'/g,_=/"/g,A=/^(?:script|style|textarea|title)$/i,S=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),k=Symbol.for("lit-noChange"),N=Symbol.for("lit-nothing"),O=new WeakMap,T=c.createTreeWalker(c,129,null,!1),j=(t,i)=>{const e=t.length-1,o=[];let r,n=2===i?"<svg>":"",s=b;for(let i=0;i<e;i++){const e=t[i];let h,l,a=-1,f=0;for(;f<e.length&&(s.lastIndex=f,l=s.exec(e),null!==l);)f=s.lastIndex,s===b?"!--"===l[1]?s=m:void 0!==l[1]?s=x:void 0!==l[2]?(A.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=w):void 0!==l[3]&&(s=w):s===w?">"===l[0]?(s=null!=r?r:b,a=-1):void 0===l[1]?a=-2:(a=s.lastIndex-l[2].length,h=l[1],s=void 0===l[3]?w:'"'===l[3]?_:z):s===_||s===z?s=w:s===m||s===x?s=b:(s=w,r=void 0);const p=s===w&&t[i+1].startsWith("/>")?" ":"";n+=s===b?e+d:a>=0?(o.push(h),e.slice(0,a)+"$lit$"+e.slice(a)+y+p):e+y+(-2===a?(o.push(void 0),i):p)}const h=n+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==p?p.createHTML(h):h,o]};class E{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let r=0,n=0;const s=t.length-1,h=this.parts,[l,a]=j(t,i);if(this.el=E.createElement(l,e),T.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=T.nextNode())&&h.length<s;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(y)){const e=a[n++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+"$lit$").split(y),i=/([.?@])?(.*)/.exec(e);h.push({type:1,index:r,name:i[2],strings:t,ctor:"."===i[1]?P:"?"===i[1]?R:"@"===i[1]?Z:C})}else h.push({type:6,index:r})}for(const i of t)o.removeAttribute(i)}if(A.test(o.tagName)){const t=o.textContent.split(y),i=t.length-1;if(i>0){o.textContent=f?f.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],u()),T.nextNode(),h.push({type:2,index:++r});o.append(t[i],u())}}}else if(8===o.nodeType)if(o.data===g)h.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(y,t+1));)h.push({type:7,index:r}),t+=y.length-1}r++}}static createElement(t,i){const e=c.createElement("template");return e.innerHTML=t,e}}function I(t,i,e=t,o){var r,n,s,h;if(i===k)return i;let l=void 0!==o?null===(r=e._$Cl)||void 0===r?void 0:r[o]:e._$Cu;const a=v(i)?void 0:i._$litDirective$;return(null==l?void 0:l.constructor)!==a&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===a?l=void 0:(l=new a(t),l._$AT(t,e,o)),void 0!==o?(null!==(s=(h=e)._$Cl)&&void 0!==s?s:h._$Cl=[])[o]=l:e._$Cu=l),void 0!==l&&(i=I(t,l._$AS(t,i.values),l,o)),i}class M{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:e},parts:o}=this._$AD,r=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:c).importNode(e,!0);T.currentNode=r;let n=T.nextNode(),s=0,h=0,l=o[0];for(;void 0!==l;){if(s===l.index){let i;2===l.type?i=new U(n,n.nextSibling,this,t):1===l.type?i=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(i=new W(n,this,t)),this.v.push(i),l=o[++h]}s!==(null==l?void 0:l.index)&&(n=T.nextNode(),s++)}return r}m(t){let i=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class U{constructor(t,i,e,o){var r;this.type=2,this._$AH=N,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$C_=null===(r=null==o?void 0:o.isConnected)||void 0===r||r}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$C_}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=I(this,t,i),v(t)?t===N||null==t||""===t?(this._$AH!==N&&this._$AR(),this._$AH=N):t!==this._$AH&&t!==k&&this.T(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.k(t):(t=>$(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.S(t):this.T(t)}j(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.j(t))}T(t){this._$AH!==N&&v(this._$AH)?this._$AA.nextSibling.data=t:this.k(c.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=E.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===r)this._$AH.m(e);else{const t=new M(r,this),i=t.p(this.options);t.m(e),this.k(i),this._$AH=t}}_$AC(t){let i=O.get(t.strings);return void 0===i&&O.set(t.strings,i=new E(t)),i}S(t){$(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const r of t)o===i.length?i.push(e=new U(this.j(u()),this.j(u()),this,this.options)):e=i[o],e._$AI(r),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$C_=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class C{constructor(t,i,e,o,r){this.type=1,this._$AH=N,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=N}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const r=this.strings;let n=!1;if(void 0===r)t=I(this,t,i,0),n=!v(t)||t!==this._$AH&&t!==k,n&&(this._$AH=t);else{const o=t;let s,h;for(t=r[0],s=0;s<r.length-1;s++)h=I(this,o[e+s],i,s),h===k&&(h=this._$AH[s]),n||(n=!v(h)||h!==this._$AH[s]),h===N?t=N:t!==N&&(t+=(null!=h?h:"")+r[s+1]),this._$AH[s]=h}n&&!o&&this.P(t)}P(t){t===N?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class P extends C{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===N?void 0:t}}const G=f?f.emptyScript:"";class R extends C{constructor(){super(...arguments),this.type=4}P(t){t&&t!==N?this.element.setAttribute(this.name,G):this.element.removeAttribute(this.name)}}class Z extends C{constructor(t,i,e,o,r){super(t,i,e,o,r),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=I(this,t,i,0))&&void 0!==e?e:N)===k)return;const o=this._$AH,r=t===N&&o!==N||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==N&&(o===N||r);r&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class W{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const B=window.litHtmlPolyfillSupport;null==B||B(E,U),(null!==(s=globalThis.litHtmlVersions)&&void 0!==s?s:globalThis.litHtmlVersions=[]).push("2.2.7");
+!function(t,i,e,o,n,s,r,a){var l,h=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class p extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class f extends i.FtLitElementRedux{setReaderStateManager(t){this.stateManager=t,this.store=t.store}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),setTimeout((()=>this.dispatchEvent(new p)),10)}disconnectedCallback(){super.disconnectedCallback(),this.store=void 0,this.stateManager=void 0}}h([r.state()],f.prototype,"stateManager",void 0);const d=globalThis.trustedTypes,c=d?d.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,g="?"+u,v=`<${g}>`,x=document,y=(t="")=>x.createComment(t),b=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,z=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),S=/'/g,N=/"/g,C=/^(?:script|style|textarea|title)$/i,O=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),j=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),E=new WeakMap,I=x.createTreeWalker(x,129,null,!1),B=(t,i)=>{const e=t.length-1,o=[];let n,s=2===i?"<svg>":"",r=$;for(let i=0;i<e;i++){const e=t[i];let a,l,h=-1,p=0;for(;p<e.length&&(r.lastIndex=p,l=r.exec(e),null!==l);)p=r.lastIndex,r===$?"!--"===l[1]?r=w:void 0!==l[1]?r=k:void 0!==l[2]?(C.test(l[2])&&(n=RegExp("</"+l[2],"g")),r=z):void 0!==l[3]&&(r=z):r===z?">"===l[0]?(r=null!=n?n:$,h=-1):void 0===l[1]?h=-2:(h=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?z:'"'===l[3]?N:S):r===N||r===S?r=z:r===w||r===k?r=$:(r=z,n=void 0);const f=r===z&&t[i+1].startsWith("/>")?" ":"";s+=r===$?e+v:h>=0?(o.push(a),e.slice(0,h)+"$lit$"+e.slice(h)+u+f):e+u+(-2===h?(o.push(void 0),i):f)}const a=s+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==c?c.createHTML(a):a,o]};class A{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let n=0,s=0;const r=t.length-1,a=this.parts,[l,h]=B(t,i);if(this.el=A.createElement(l,e),I.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=I.nextNode())&&a.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(u)){const e=h[s++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+"$lit$").split(u),i=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:i[2],strings:t,ctor:"."===i[1]?R:"?"===i[1]?Z:"@"===i[1]?L:_})}else a.push({type:6,index:n})}for(const i of t)o.removeAttribute(i)}if(C.test(o.tagName)){const t=o.textContent.split(u),i=t.length-1;if(i>0){o.textContent=d?d.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],y()),I.nextNode(),a.push({type:2,index:++n});o.append(t[i],y())}}}else if(8===o.nodeType)if(o.data===g)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(u,t+1));)a.push({type:7,index:n}),t+=u.length-1}n++}}static createElement(t,i){const e=x.createElement("template");return e.innerHTML=t,e}}function F(t,i,e=t,o){var n,s,r,a;if(i===j)return i;let l=void 0!==o?null===(n=e._$Cl)||void 0===n?void 0:n[o]:e._$Cu;const h=b(i)?void 0:i._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(s=null==l?void 0:l._$AO)||void 0===s||s.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,e,o)),void 0!==o?(null!==(r=(a=e)._$Cl)&&void 0!==r?r:a._$Cl=[])[o]=l:e._$Cu=l),void 0!==l&&(i=F(t,l._$AS(t,i.values),l,o)),i}class M{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:e},parts:o}=this._$AD,n=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:x).importNode(e,!0);I.currentNode=n;let s=I.nextNode(),r=0,a=0,l=o[0];for(;void 0!==l;){if(r===l.index){let i;2===l.type?i=new U(s,s.nextSibling,this,t):1===l.type?i=new l.ctor(s,l.name,l.strings,this,t):6===l.type&&(i=new D(s,this,t)),this.v.push(i),l=o[++a]}r!==(null==l?void 0:l.index)&&(s=I.nextNode(),r++)}return n}m(t){let i=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class U{constructor(t,i,e,o){var n;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$C_=null===(n=null==o?void 0:o.isConnected)||void 0===n||n}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$C_}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=F(this,t,i),b(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==j&&this.T(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.k(t):(t=>m(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.S(t):this.T(t)}j(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.j(t))}T(t){this._$AH!==T&&b(this._$AH)?this._$AA.nextSibling.data=t:this.k(x.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:o}=t,n="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=A.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===n)this._$AH.m(e);else{const t=new M(n,this),i=t.p(this.options);t.m(e),this.k(i),this._$AH=t}}_$AC(t){let i=E.get(t.strings);return void 0===i&&E.set(t.strings,i=new A(t)),i}S(t){m(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const n of t)o===i.length?i.push(e=new U(this.j(y()),this.j(y()),this,this.options)):e=i[o],e._$AI(n),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$C_=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class _{constructor(t,i,e,o,n){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=n,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const n=this.strings;let s=!1;if(void 0===n)t=F(this,t,i,0),s=!b(t)||t!==this._$AH&&t!==j,s&&(this._$AH=t);else{const o=t;let r,a;for(t=n[0],r=0;r<n.length-1;r++)a=F(this,o[e+r],i,r),a===j&&(a=this._$AH[r]),s||(s=!b(a)||a!==this._$AH[r]),a===T?t=T:t!==T&&(t+=(null!=a?a:"")+n[r+1]),this._$AH[r]=a}s&&!o&&this.P(t)}P(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class R extends _{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===T?void 0:t}}const W=d?d.emptyScript:"";class Z extends _{constructor(){super(...arguments),this.type=4}P(t){t&&t!==T?this.element.setAttribute(this.name,W):this.element.removeAttribute(this.name)}}class L extends _{constructor(t,i,e,o,n){super(t,i,e,o,n),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=F(this,t,i,0))&&void 0!==e?e:T)===j)return;const o=this._$AH,n=t===T&&o!==T||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==T&&(o===T||n);n&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class D{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){F(this,t)}}const K=window.litHtmlPolyfillSupport;null==K||K(A,U),(null!==(l=globalThis.litHtmlVersions)&&void 0!==l?l:globalThis.litHtmlVersions=[]).push("2.2.7");
 /**
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const D=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===D)return null==t?void 0:t._$litStatic$},K=t=>({_$litStatic$:t,r:D}),F=new Map,L=(t=>(i,...e)=>{const o=e.length;let r,n;const s=[],h=[];let l,a=0,f=!1;for(;a<o;){for(l=i[a];a<o&&void 0!==(n=e[a],r=H(n));)l+=r+i[++a],f=!0;h.push(n),s.push(l),a++}if(a===o&&s.push(i[o]),f){const t=s.join("$$lit$$");void 0===(i=F.get(t))&&(s.raw=s,F.set(t,i=s)),e=h}return t(i,...e)})(S);var q,J=function(t,i,e,o){for(var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(r=t[h])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(q||(q={}));const Q=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),V=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),X={fontFamily:V,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},Y=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",Q),tt=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",X.fontSize,"20px"),it=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",X.fontWeight,"normal"),et=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",X.letterSpacing,"0.15px"),ot=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",X.lineHeight,"1.2"),rt=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",X.textTransform,"inherit"),nt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",Q),st=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",X.fontSize,"14px"),ht=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",X.fontWeight,"normal"),lt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",X.letterSpacing,"0.105px"),at=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",X.lineHeight,"1.7"),ft=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",X.textTransform,"inherit"),pt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",V),yt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",X.fontSize,"16px"),gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",X.fontWeight,"600"),dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",X.letterSpacing,"0.144px"),ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",X.lineHeight,"1.5"),ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",X.textTransform,"inherit"),vt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",V),$t=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",X.fontSize,"14px"),bt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",X.fontWeight,"normal"),mt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",X.letterSpacing,"0.098px"),xt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",X.lineHeight,"1.7"),wt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",X.textTransform,"inherit"),zt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",V),_t=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",X.fontSize,"16px"),At=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",X.fontWeight,"normal"),St=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",X.letterSpacing,"0.496px"),kt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",X.lineHeight,"1.5"),Nt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",X.textTransform,"inherit"),Ot=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",V),Tt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",X.fontSize,"14px"),jt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",X.fontWeight,"normal"),Et=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",X.letterSpacing,"0.252px"),It=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",X.lineHeight,"1.4"),Mt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",X.textTransform,"inherit"),Ut=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",V),Ct=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",X.fontSize,"12px"),Pt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",X.fontWeight,"normal"),Gt=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",X.letterSpacing,"0.396px"),Rt=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",X.lineHeight,"1.33"),Zt=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",X.textTransform,"inherit"),Wt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",V),Bt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",X.fontSize,"10px"),Dt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",X.fontWeight,"normal"),Ht=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",X.letterSpacing,"0.33px"),Kt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",X.lineHeight,"1.6"),Ft=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",X.textTransform,"inherit"),Lt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",V),qt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",X.fontSize,"10px"),Jt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",X.fontWeight,"normal"),Qt=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",X.letterSpacing,"1.5px"),Vt=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",X.lineHeight,"1.6"),Xt=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",X.textTransform,"uppercase"),Yt=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",V),ti=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",X.fontSize,"14px"),ii=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",X.fontWeight,"600"),ei=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",X.letterSpacing,"1.246px"),oi=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",X.lineHeight,"1.15"),ri=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",X.textTransform,"uppercase"),ni=e.css`
+const P=Symbol.for(""),G=t=>{if((null==t?void 0:t.r)===P)return null==t?void 0:t._$litStatic$},H=t=>({_$litStatic$:t,r:P}),X=new Map,V=(t=>(i,...e)=>{const o=e.length;let n,s;const r=[],a=[];let l,h=0,p=!1;for(;h<o;){for(l=i[h];h<o&&void 0!==(s=e[h],n=G(s));)l+=n+i[++h],p=!0;a.push(s),r.push(l),h++}if(h===o&&r.push(i[o]),p){const t=r.join("$$lit$$");void 0===(i=X.get(t))&&(r.raw=r,X.set(t,i=r)),e=a}return t(i,...e)})(O);var q,Y=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(q||(q={}));const J=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),Q=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),tt={fontFamily:Q,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},it=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",J),et=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",tt.fontSize,"20px"),ot=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",tt.fontWeight,"normal"),nt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",tt.letterSpacing,"0.15px"),st=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",tt.lineHeight,"1.2"),rt=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",tt.textTransform,"inherit"),at=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",J),lt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",tt.fontSize,"14px"),ht=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",tt.fontWeight,"normal"),pt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",tt.letterSpacing,"0.105px"),ft=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",tt.lineHeight,"1.7"),dt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",tt.textTransform,"inherit"),ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",Q),ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",tt.fontSize,"16px"),gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",tt.fontWeight,"600"),vt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",tt.letterSpacing,"0.144px"),xt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",tt.lineHeight,"1.5"),yt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",tt.textTransform,"inherit"),bt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",Q),mt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",tt.fontSize,"14px"),$t=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",tt.fontWeight,"normal"),wt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",tt.letterSpacing,"0.098px"),kt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",tt.lineHeight,"1.7"),zt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",tt.textTransform,"inherit"),St=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",Q),Nt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",tt.fontSize,"16px"),Ct=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",tt.fontWeight,"normal"),Ot=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",tt.letterSpacing,"0.496px"),jt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",tt.lineHeight,"1.5"),Tt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",tt.textTransform,"inherit"),Et=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",Q),It=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",tt.fontSize,"14px"),Bt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",tt.fontWeight,"normal"),At=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",tt.letterSpacing,"0.252px"),Ft=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",tt.lineHeight,"1.4"),Mt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",tt.textTransform,"inherit"),Ut=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",Q),_t=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",tt.fontSize,"12px"),Rt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",tt.fontWeight,"normal"),Wt=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",tt.letterSpacing,"0.396px"),Zt=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",tt.lineHeight,"1.33"),Lt=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",tt.textTransform,"inherit"),Dt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",Q),Kt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",tt.fontSize,"10px"),Pt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",tt.fontWeight,"normal"),Gt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",tt.letterSpacing,"0.33px"),Ht=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",tt.lineHeight,"1.6"),Xt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",tt.textTransform,"inherit"),Vt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",Q),qt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",tt.fontSize,"10px"),Yt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",tt.fontWeight,"normal"),Jt=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",tt.letterSpacing,"1.5px"),Qt=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",tt.lineHeight,"1.6"),ti=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",tt.textTransform,"uppercase"),ii={fontFamily:i.FtCssVariableFactory.extend("--ft-typography-button-font-family",Q),fontSize:i.FtCssVariableFactory.extend("--ft-typography-button-font-size",tt.fontSize,"14px"),fontWeight:i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",tt.fontWeight,"600"),letterSpacing:i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",tt.letterSpacing,"1.246px"),lineHeight:i.FtCssVariableFactory.extend("--ft-typography-button-line-height",tt.lineHeight,"1.15"),textTransform:i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",tt.textTransform,"uppercase")},ei=e.css`
     .ft-typography--title {
-        font-family: ${Y};
-        font-size: ${tt};
-        font-weight: ${it};
-        letter-spacing: ${et};
-        line-height: ${ot};
+        font-family: ${it};
+        font-size: ${et};
+        font-weight: ${ot};
+        letter-spacing: ${nt};
+        line-height: ${st};
         text-transform: ${rt};
     }
-`,si=e.css`
+`,oi=e.css`
     .ft-typography--title-dense {
-        font-family: ${nt};
-        font-size: ${st};
+        font-family: ${at};
+        font-size: ${lt};
         font-weight: ${ht};
-        letter-spacing: ${lt};
-        line-height: ${at};
-        text-transform: ${ft};
+        letter-spacing: ${pt};
+        line-height: ${ft};
+        text-transform: ${dt};
     }
-`,hi=e.css`
+`,ni=e.css`
     .ft-typography--subtitle1 {
-        font-family: ${pt};
-        font-size: ${yt};
+        font-family: ${ct};
+        font-size: ${ut};
         font-weight: ${gt};
-        letter-spacing: ${dt};
-        line-height: ${ct};
-        text-transform: ${ut};
+        letter-spacing: ${vt};
+        line-height: ${xt};
+        text-transform: ${yt};
     }
-`,li=e.css`
+`,si=e.css`
     .ft-typography--subtitle2 {
-        font-family: ${vt};
-        font-size: ${$t};
-        font-weight: ${bt};
-        letter-spacing: ${mt};
-        line-height: ${xt};
-        text-transform: ${wt};
+        font-family: ${bt};
+        font-size: ${mt};
+        font-weight: ${$t};
+        letter-spacing: ${wt};
+        line-height: ${kt};
+        text-transform: ${zt};
     }
 
-`,ai=e.css`
+`,ri=e.css`
     .ft-typography--body1 {
-        font-family: ${zt};
-        font-size: ${_t};
-        font-weight: ${At};
-        letter-spacing: ${St};
-        line-height: ${kt};
-        text-transform: ${Nt};
+        font-family: ${St};
+        font-size: ${Nt};
+        font-weight: ${Ct};
+        letter-spacing: ${Ot};
+        line-height: ${jt};
+        text-transform: ${Tt};
     }
-`,fi=e.css`
+`,ai=e.css`
     .ft-typography--body2 {
-        font-family: ${Ot};
-        font-size: ${Tt};
-        font-weight: ${jt};
-        letter-spacing: ${Et};
-        line-height: ${It};
+        font-family: ${Et};
+        font-size: ${It};
+        font-weight: ${Bt};
+        letter-spacing: ${At};
+        line-height: ${Ft};
         text-transform: ${Mt};
     }
-`,pi=e.css`
+`,li=e.css`
     .ft-typography--caption {
         font-family: ${Ut};
-        font-size: ${Ct};
-        font-weight: ${Pt};
-        letter-spacing: ${Gt};
-        line-height: ${Rt};
-        text-transform: ${Zt};
+        font-size: ${_t};
+        font-weight: ${Rt};
+        letter-spacing: ${Wt};
+        line-height: ${Zt};
+        text-transform: ${Lt};
     }
-`,yi=e.css`
+`,hi=e.css`
     .ft-typography--breadcrumb {
-        font-family: ${Wt};
-        font-size: ${Bt};
-        font-weight: ${Dt};
-        letter-spacing: ${Ht};
-        line-height: ${Kt};
-        text-transform: ${Ft};
+        font-family: ${Dt};
+        font-size: ${Kt};
+        font-weight: ${Pt};
+        letter-spacing: ${Gt};
+        line-height: ${Ht};
+        text-transform: ${Xt};
     }
-`,gi=e.css`
+`,pi=e.css`
     .ft-typography--overline {
-        font-family: ${Lt};
+        font-family: ${Vt};
         font-size: ${qt};
-        font-weight: ${Jt};
-        letter-spacing: ${Qt};
-        line-height: ${Vt};
-        text-transform: ${Xt};
+        font-weight: ${Yt};
+        letter-spacing: ${Jt};
+        line-height: ${Qt};
+        text-transform: ${ti};
     }
-`,di=e.css`
+`,fi=e.css`
     .ft-typography--button {
-        font-family: ${Yt};
-        font-size: ${ti};
-        font-weight: ${ii};
-        letter-spacing: ${ei};
-        line-height: ${oi};
-        text-transform: ${ri};
+        font-family: ${ii.fontFamily};
+        font-size: ${ii.fontSize};
+        font-weight: ${ii.fontWeight};
+        letter-spacing: ${ii.letterSpacing};
+        line-height: ${ii.lineHeight};
+        text-transform: ${ii.textTransform};
     }
-`;class ci extends i.FtLitElement{constructor(){super(...arguments),this.variant=q.body1}render(){return this.element?L`
-                <${K(this.element)}
+`;class di extends i.FtLitElement{constructor(){super(...arguments),this.variant=q.body1}render(){return this.element?V`
+                <${H(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
-                </${K(this.element)}>
-            `:L`
+                </${H(this.element)}>
+            `:V`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}ci.styles=[ni,si,hi,li,ai,fi,pi,yi,gi,di,e.css`
+        `}}di.styles=[ei,oi,ni,si,ri,ai,li,hi,pi,fi,e.css`
             .ft-typography {
                 vertical-align: inherit;
             }
-        `],J([r.property()],ci.prototype,"element",void 0),J([r.property()],ci.prototype,"variant",void 0),i.customElement("ft-typography")(ci);var ui=function(t,i,e,o){for(var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(r=t[h])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};class vi extends a{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let i=n.classMap({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return e.html`
+        `],Y([r.property()],di.prototype,"element",void 0),Y([r.property()],di.prototype,"variant",void 0),i.customElement("ft-typography")(di);var ci=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const ui=i.FtCssVariableFactory.extend("--ft-reader-internal-link-outline-color",i.designSystemVariables.colorPrimary);class gi extends f{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let i=n.classMap({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return e.html`
             <a class=${i}
                href="${null===(t=this.service)||void 0===t?void 0:t.getLink(this.tocId,this.pageNumber,this.section)}"
                @click=${t=>this.onClick(t)}>
                 <slot></slot>
             </a>
-        `}onClick(t){var i;t.ctrlKey||t.metaKey||(t.stopPropagation(),t.preventDefault(),this.tocId&&(null===(i=this.stateManager)||void 0===i||i.navigateToTopic(this.tocId,this.section)))}}vi.styles=e.css`
+        `}onClick(t){var i;t.ctrlKey||t.metaKey||(t.stopPropagation(),t.preventDefault(),this.tocId&&(null===(i=this.stateManager)||void 0===i||i.navigateToTopic(this.tocId,this.section,this.pageNumber)))}}var vi,xi;gi.styles=e.css`
+        a:focus {
+            outline-color: ${ui};
+        }
+
         .ft-reader-link--remove-style {
             text-decoration: none;
             color: inherit;
         }
-    `,ui([r.property()],vi.prototype,"tocId",void 0),ui([r.property()],vi.prototype,"section",void 0),ui([r.property()],vi.prototype,"pageNumber",void 0),ui([r.property({type:Boolean})],vi.prototype,"removeStyle",void 0),i.customElement("ft-reader-internal-link")(vi);var $i=function(t,i,e,o){for(var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(r=t[h])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};const bi={colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),tabulationSize:i.FtCssVariableFactory.create("--ft-reader-toc-tabulation-size","SIZE","8px")};class mi extends a{render(){var t;return e.html`
-            <div class="ft-reader-toc">
+    `,ci([r.property()],gi.prototype,"tocId",void 0),ci([r.property()],gi.prototype,"section",void 0),ci([r.property({type:Number})],gi.prototype,"pageNumber",void 0),ci([r.property({type:Boolean})],gi.prototype,"removeStyle",void 0),i.customElement("ft-reader-internal-link")(gi),function(t){t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(vi||(vi={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(xi||(xi={})),new Map([...["abw"].map((t=>[t,xi.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,xi.AUDIO])),...["avi"].map((t=>[t,xi.AVI])),...["chm","xhs"].map((t=>[t,xi.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,xi.CODE])),...["csv"].map((t=>[t,xi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,xi.DITA])),...["epub"].map((t=>[t,xi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,xi.EXCEL])),...["flac"].map((t=>[t,xi.FLAC])),...["gif"].map((t=>[t,xi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,xi.GZIP])),...["html","htm","xhtml"].map((t=>[t,xi.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,xi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,xi.JPEG])),...["json"].map((t=>[t,xi.JSON])),...["m4a","m4p"].map((t=>[t,xi.M4A])),...["mov","qt"].map((t=>[t,xi.MOV])),...["mp3"].map((t=>[t,xi.MP3])),...["mp4","m4v"].map((t=>[t,xi.MP4])),...["ogg","oga"].map((t=>[t,xi.OGG])),...["pdf","ps"].map((t=>[t,xi.PDF])),...["png"].map((t=>[t,xi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,xi.POWERPOINT])),...["rar"].map((t=>[t,xi.RAR])),...["stp"].map((t=>[t,xi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,xi.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,xi.VIDEO])),...["wav"].map((t=>[t,xi.WAV])),...["wma"].map((t=>[t,xi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,xi.WORD])),...["xml","xsl","rdf"].map((t=>[t,xi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,xi.YAML])),...["zip"].map((t=>[t,xi.ZIP]))]);var yi,bi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(yi||(yi={}));const mi={size:i.FtCssVariableFactory.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:i.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:i.FtCssVariableFactory.extend("--ft-icon-file-format-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:i.FtCssVariableFactory.extend("--ft-icon-material-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","Material Icons")),verticalAlign:i.FtCssVariableFactory.create("--ft-icon-vertical-align","UNKNOWN","unset")};class $i extends i.FtLitElement{constructor(){super(...arguments),this.variant=yi.fluid_topics,this.resolvedIcon=e.nothing}render(){return e.html`
+            <i class="ft-icon ${"ft-icon--"+this.variant}">
+                ${a.unsafeHTML(this.resolvedIcon)}
+                <slot ?hidden=${"material"!==this.variant}></slot>
+            </i>
+        `}get textContent(){var t,i;return null!==(i=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==i?i:""}update(t){super.update(t),["value","variant"].some((i=>t.has(i)))&&this.resolveIcon()}resolveIcon(){var t,i;let o=this.value||this.textContent;switch(this.variant){case yi.file_format:this.resolvedIcon=null!==(t=xi[o.toUpperCase()])&&void 0!==t?t:o;break;case yi.fluid_topics:this.resolvedIcon=null!==(i=vi[o.toUpperCase()])&&void 0!==i?i:o;break;default:this.resolvedIcon=e.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}$i.elementDefinitions={},$i.styles=e.css`
+        :host {
+            display: inline-block;
+        }
+
+        :host, i.ft-icon {
+            width: ${mi.size};
+            height: ${mi.size};
+            text-align: center;
+        }
+
+        i.ft-icon {
+            font-size: ${mi.size};
+            line-height: 1;
+            font-weight: normal;
+            text-transform: none;
+            font-style: normal;
+            font-variant: normal;
+            speak: none;
+            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
+            text-rendering: auto;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            vertical-align: ${mi.verticalAlign};
+        }
+
+        .ft-icon--fluid-topics {
+            font-family: ${mi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
+        }
+
+        .ft-icon--file-format {
+            font-family: ${mi.fileFormatFontFamily}, ft-mime, sans-serif;
+        }
+
+        .ft-icon--material {
+            font-family: ${mi.materialFontFamily}, "Material Icons", sans-serif;
+        }
+    `,bi([r.property()],$i.prototype,"variant",void 0),bi([r.property()],$i.prototype,"value",void 0),bi([r.state()],$i.prototype,"resolvedIcon",void 0),bi([r.query("slot")],$i.prototype,"slottedContent",void 0),i.customElement("ft-icon")($i);var wi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const ki=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),zi={color:ki,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",ki),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")},Si=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),Ni=Si,Ci=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Si),Oi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),ji=Oi,Ti=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Oi);class Ei extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var i,e;let{x:o,y:n}=this.getCoordinates(t),s=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=n?n-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return e.html`
+            <style>
+                .ft-ripple .ft-ripple--effect,
+                .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
+                    width: ${this.rippleSize}px;
+                    height: ${this.rippleSize}px;
+                }
+
+                .ft-ripple .ft-ripple--effect {
+                    left: ${this.originX}px;
+                    top: ${this.originY}px;
+                }
+            </style>
+            <div class="${n.classMap(t)}">
+                <div class="ft-ripple--background"></div>
+                <div class="ft-ripple--effect"></div>
+            </div>
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var i,e;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(i=this.target)||void 0===i||i.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;i&&this.setupFor(i),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const i=(...t)=>i=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(i)},e=i("mouseup","contextmenu"),o=i("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&i("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const i=t,e=t;let o,n;return null!=i.x?({x:o,y:n}=i):null!=e.touches&&(o=e.touches[0].clientX,n=e.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let i of t.composedPath()){if(i===this.target)break;if("hasAttribute"in i&&i.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}Ei.elementDefinitions={},Ei.styles=e.css`
+        :host {
+            display: contents;
+        }
+
+        .ft-ripple {
+            position: absolute;
+            inset: 0;
+            pointer-events: none;
+        }
+
+        .ft-ripple:not(.ft-ripple--unbounded) {
+            overflow: hidden;
+        }
+
+        .ft-ripple .ft-ripple--background,
+        .ft-ripple .ft-ripple--effect {
+            position: absolute;
+            opacity: 0;
+        }
+
+        .ft-ripple .ft-ripple--background {
+            background-color: ${zi.backgroundColor};
+        }
+
+        .ft-ripple .ft-ripple--effect {
+            background-color: ${zi.color};
+        }
+
+        .ft-ripple.ft-ripple--secondary .ft-ripple--background {
+            background-color: ${Ti};
+        }
+
+        .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
+            background-color: ${ji};
+        }
+
+        .ft-ripple.ft-ripple--primary .ft-ripple--background {
+            background-color: ${Ci};
+        }
+
+        .ft-ripple.ft-ripple--primary .ft-ripple--effect {
+            background-color: ${Ni};
+        }
+
+        .ft-ripple .ft-ripple--background {
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            transition: opacity 75ms linear;
+        }
+
+        .ft-ripple .ft-ripple--effect,
+        .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
+            border-radius: 50%;
+        }
+
+        .ft-ripple .ft-ripple--effect {
+            transform: translate(-50%, -50%) scale(0.15);
+            transition: transform 300ms ease, opacity 75ms linear;
+        }
+
+        .ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
+        .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
+            left: 50%;
+            top: 50%;
+        }
+
+        .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
+            transform: translate(-50%, -50%);
+        }
+
+        .ft-ripple.ft-ripple--hovered .ft-ripple--background {
+            opacity: ${zi.opacityContentOnSurfaceHover};
+        }
+
+        .ft-ripple.ft-ripple--selected .ft-ripple--background {
+            opacity: ${zi.opacityContentOnSurfaceSelected};
+        }
+
+        .ft-ripple.ft-ripple--focused .ft-ripple--background {
+            opacity: ${zi.opacityContentOnSurfaceFocused};
+        }
+
+        .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
+            opacity: ${zi.opacityContentOnSurfacePressed};
+            transform: translate(-50%, -50%) scale(1);
+        }
+    `,wi([r.property({type:Boolean})],Ei.prototype,"primary",void 0),wi([r.property({type:Boolean})],Ei.prototype,"secondary",void 0),wi([r.property({type:Boolean})],Ei.prototype,"unbounded",void 0),wi([r.property({type:Boolean})],Ei.prototype,"activated",void 0),wi([r.property({type:Boolean})],Ei.prototype,"selected",void 0),wi([r.property({type:Boolean})],Ei.prototype,"disabled",void 0),wi([r.state()],Ei.prototype,"hovered",void 0),wi([r.state()],Ei.prototype,"focused",void 0),wi([r.state()],Ei.prototype,"pressed",void 0),wi([r.state()],Ei.prototype,"rippling",void 0),wi([r.state()],Ei.prototype,"rippleSize",void 0),wi([r.state()],Ei.prototype,"originX",void 0),wi([r.state()],Ei.prototype,"originY",void 0),wi([r.query(".ft-ripple")],Ei.prototype,"ripple",void 0),wi([r.query(".ft-ripple--effect")],Ei.prototype,"rippleEffect",void 0),i.customElement("ft-ripple")(Ei);var Ii=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const Bi=i.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),Ai=i.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),Fi=i.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),Mi=i.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),Ui=i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),_i=i.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px");class Ri extends i.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new i.Debouncer,this.revealDebouncer=new i.Debouncer}render(){return e.html`
+            <div part="container"
+                 class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
+                 @mouseenter=${this.onHover}
+                 @mouseleave=${this.onOut}
+                 @focusin=${this.onHover}
+                 @focusout=${this.onOut}
+                 @touchstart=${this.onTouch}>
+                <div part="tooltip" class="ft-tooltip ft-tooltip--${this.position}" ?hidden=${!this.visible}>
+                    <div part="tooltip-content" class="ft-tooltip--content">
+                        <slot name="text"></slot>
+                        <ft-typography variant="caption" ?hidden=${!this.text}>${this.text}</ft-typography>
+                    </div>
+                </div>
+                <slot></slot>
+            </div>
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.position){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${_i})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ri.elementDefinitions={"ft-typography":di},Ri.styles=e.css`
+        .ft-tooltip--container {
+            display: block;
+            position: relative;
+        }
+
+        .ft-tooltip--inline {
+            display: inline-block;
+            max-width: 100%;
+        }
+
+        .ft-tooltip {
+            position: absolute;
+            box-sizing: border-box;
+            overflow: hidden;
+            width: max-content;
+            max-width: ${_i};
+            text-align: center;
+            padding: ${Bi};
+            z-index: ${Mi};
+        }
+
+        .ft-tooltip--content {
+            padding: 4px 8px;
+            border-radius: ${Ui};
+            background-color: ${Fi};
+            color: ${Ai};
+            top: -500px;
+            left: -500px;
+            position: relative;
+            word-break: break-word;
+        }
+    `,Ii([r.property()],Ri.prototype,"text",void 0),Ii([r.property({type:Boolean})],Ri.prototype,"manual",void 0),Ii([r.property({type:Boolean})],Ri.prototype,"inline",void 0),Ii([r.property({type:Number})],Ri.prototype,"delay",void 0),Ii([r.property()],Ri.prototype,"position",void 0),Ii([r.queryAssignedNodes("",!0)],Ri.prototype,"slotNodes",void 0),Ii([r.query(".ft-tooltip--container")],Ri.prototype,"container",void 0),Ii([r.query("slot")],Ri.prototype,"target",void 0),Ii([r.query(".ft-tooltip")],Ri.prototype,"tooltip",void 0),Ii([r.query(".ft-tooltip--content")],Ri.prototype,"tooltipContent",void 0),Ii([r.state()],Ri.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ri);const Wi={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")};class Zi extends i.FtLitElement{static get styles(){return e.css`
+            :host {
+                line-height: 0;
+            }
+
+            .ft-loader {
+                display: inline-block;
+                position: relative;
+
+                width: ${Wi.size};
+                height: ${Wi.size};
+            }
+
+            .ft-loader div {
+                position: absolute;
+                top: 37.5%;
+                width: 25%;
+                height: 25%;
+                border-radius: 50%;
+                background: ${Wi.color};
+                animation-timing-function: cubic-bezier(0, 1, 1, 0);
+            }
+
+            .ft-loader div:nth-child(1) {
+                left: 2.5%;
+                animation: appear 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(2) {
+                left: 2.5%;
+                animation: move 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(3) {
+                left: 37.5%;
+                animation: move 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(4) {
+                left: 72.5%;
+                animation: disappear 0.6s infinite;
+            }
+
+            @keyframes appear {
+                0% {
+                    transform: scale(0);
+                }
+                100% {
+                    transform: scale(1);
+                }
+            }
+
+            @keyframes disappear {
+                0% {
+                    transform: scale(1);
+                }
+                100% {
+                    transform: scale(0);
+                }
+            }
+
+            @keyframes move {
+                0% {
+                    transform: translate(0, 0);
+                }
+                100% {
+                    transform: translate(calc(0.35 * ${Wi.size}), 0);
+                }
+            }
+        `}render(){return e.html`
+            <div class="ft-loader">
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+        `}}i.customElement("ft-loader")(Zi);var Li=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const Di=i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorPrimary),Ki={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorSurface),borderRadius:i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusL),color:Di,fontSize:i.FtCssVariableFactory.extend("--ft-button-font-size",ii.fontSize),iconSize:i.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:i.FtCssVariableFactory.extend("--ft-button-ripple-color",Di),opacityDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOpacityDisabled,"Design system")},Pi=i.FtCssVariableFactory.extend("--ft-button-primary-color",i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorOnPrimary)),Gi={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-primary-background-color",i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorPrimary)),color:Pi,rippleColor:i.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",Pi)},Hi=i.FtCssVariableFactory.extend("--ft-button-dense-border-radius",i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusM));class Xi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=yi.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[i.noTextSelect,e.css`
+                :host {
+                    display: inline-block;
+                    max-width: 100%;
+                    pointer-events: none;
+                }
+
+                button {
+                    box-shadow: 0px 0px 0px transparent;
+                    border: 0px solid transparent;
+                    text-shadow: 0px 0px 0px transparent;
+                    font-size: ${Ki.fontSize};
+                }
+
+                button:hover {
+                    box-shadow: 0px 0px 0px transparent;
+                    border: 0px solid transparent;
+                    text-shadow: 0px 0px 0px transparent;
+                }
+
+                button:active {
+                    outline: none;
+                    border: none;
+                }
+
+                button:focus {
+                    outline: 0;
+                }
+
+                .ft-button {
+                    position: relative;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    width: 100%;
+                    overflow: hidden;
+                    box-sizing: border-box;
+                    border: none;
+                    pointer-events: auto;
+
+                    --ft-button-internal-line-height: calc(${Ki.fontSize} + 2px);
+                    --ft-button-internal-color: ${Ki.color};
+                    ${i.setVariable(mi.size,Ki.iconSize)};
+                    --ft-button-internal-vertical-padding: 6px;
+                    --ft-button-internal-horizontal-padding: 8px;
+                    ${i.setVariable(zi.color,Ki.rippleColor)};
+                    --ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Ki.iconSize});
+
+                    border-radius: ${Ki.borderRadius};
+                    padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
+                    background-color: ${Ki.backgroundColor};
+                    color: var(--ft-button-internal-color);
+                    -webkit-mask-image: radial-gradient(white, black);
+                }
+
+                .ft-button:not([disabled]):hover {
+                    cursor: pointer;
+                }
+
+                .ft-button--dense {
+                    --ft-button-internal-vertical-padding: 2px;
+                    --ft-button-internal-horizontal-padding: 4px;
+                    border-radius: ${Hi};
+                }
+
+                .ft-button--round {
+                    border-radius: calc(var(--ft-button-internal-content-height) / 2 + var(--ft-button-internal-vertical-padding));
+                }
+
+                .ft-button[disabled] {
+                    filter: grayscale(1);
+                    opacity: ${Ki.opacityDisabled};
+                }
+
+                .ft-button.ft-button--primary {
+                    background-color: ${Gi.backgroundColor};
+                    --ft-button-internal-color: ${Gi.color};
+                    ${i.setVariable(zi.color,Gi.rippleColor)};
+                }
+
+                .ft-button.ft-button--outlined {
+                    border: 1px solid var(--ft-button-internal-color);
+                    padding: calc(var(--ft-button-internal-vertical-padding) - 1px) calc(var(--ft-button-internal-horizontal-padding) - 1px);
+                }
+
+                .ft-button:focus {
+                    outline: none;
+                }
+
+                .ft-button--label {
+                    position: relative;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    display: block;
+                    margin: 0 var(--ft-button-internal-horizontal-padding);
+                    ${i.setVariable(ii.fontSize,"1em")};
+                    ${i.setVariable(ii.lineHeight,"var(--ft-button-internal-content-height)")};
+                }
+
+                .ft-button--safari-fix .ft-button--label {
+                    margin-right: 0;
+                }
+
+                .ft-button--safari-fix .ft-button--label:after {
+                    content: "\\0000a0";
+                    display: inline-block;
+                    width: 0;
+                }
+
+                .ft-button--label[hidden] {
+                    display: none;
+                }
+
+                ft-icon {
+                    flex-shrink: 0;
+                    position: relative;
+                }
+
+                .ft-button--label[hidden] + ft-icon {
+                    margin: 0 calc(var(--ft-button-internal-horizontal-padding) * -1);
+                    padding: 0 var(--ft-button-internal-vertical-padding);
+                }
+
+                .ft-button:not(.ft-button--trailing-icon) ft-icon,
+                .ft-button:not(.ft-button--trailing-icon) ft-loader {
+                    order: -1;
+                }
+
+                ft-loader {
+                    ${i.setVariable(Wi.size,Ki.iconSize)};
+                    ${i.setVariable(Wi.color,"var(--ft-button-internal-color)")};
+                }
+            `]}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":i.isSafari,"ft-no-text-select":!0};return this.addTooltipIfNeeded(e.html`
+            <button part="button"
+                    class="${n.classMap(t)}"
+                    aria-label="${this.getLabel()}"
+                    ?disabled=${this.isDisabled()}>
+                <ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
+                <ft-typography part="label"
+                               variant="button"
+                               class="ft-button--label"
+                               ?hidden=${!this.hasTextContent()}>
+                    <slot @slotchange=${this.onSlotchange}></slot>
+                </ft-typography>
+                ${this.resolveIcon()}
+            </button>
+        `)}addTooltipIfNeeded(t){return this.hasTextContent()||0===this.getLabel().trim().length||this.hideTooltip?t:e.html`
+                    <ft-tooltip part="tooltip"
+                                text="${this.getLabel()}"
+                                position="${this.tooltipPosition}">
+                        ${t}
+                    </ft-tooltip>
+                `}resolveIcon(){return this.loading?e.html`
+                <ft-loader></ft-loader> `:this.icon?e.html`
+                        <ft-icon .variant=${this.iconVariant} value=${this.icon}></ft-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Xi.elementDefinitions={"ft-ripple":Ei,"ft-tooltip":Ri,"ft-typography":di,"ft-icon":$i,"ft-loader":Zi},Li([r.property({type:Boolean})],Xi.prototype,"primary",void 0),Li([r.property({type:Boolean})],Xi.prototype,"outlined",void 0),Li([r.property({type:Boolean})],Xi.prototype,"disabled",void 0),Li([r.property({type:Boolean})],Xi.prototype,"dense",void 0),Li([r.property({type:Boolean})],Xi.prototype,"round",void 0),Li([r.property({type:String})],Xi.prototype,"label",void 0),Li([r.property({type:String})],Xi.prototype,"icon",void 0),Li([r.property({type:String})],Xi.prototype,"iconVariant",void 0),Li([r.property({type:Boolean})],Xi.prototype,"trailingIcon",void 0),Li([r.property({type:Boolean})],Xi.prototype,"loading",void 0),Li([r.property({type:String})],Xi.prototype,"tooltipPosition",void 0),Li([r.property({type:Boolean})],Xi.prototype,"hideTooltip",void 0),Li([r.query(".ft-button")],Xi.prototype,"button",void 0),Li([r.query(".ft-button--label slot")],Xi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Xi);var Vi,qi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(Vi||(Vi={}));class Yi extends CustomEvent{constructor(t,i){super("change",{detail:{size:t,category:i}})}}class Ji extends i.FtLitElement{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=Vi.S,this.resizeObserver=new ResizeObserver((()=>this.updateSize())),this.debouncer=new i.Debouncer}render(){return e.html`
+            <div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
+                <div class="ft-size-watcher--watcher"></div>
+            </div>
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Vi.S:this.size<976?this.category=Vi.M:this.size<1024?this.category=Vi.L:this.size<1440?this.category=Vi.XL:this.category=Vi.XXL,this.dispatchEvent(new Yi(this.size,this.category)))}),this.debounceTimeout)}}Ji.elementDefinitions={},Ji.styles=e.css`
+        .ft-size-watcher--pixel {
+            width: 0;
+            height: 0;
+            overflow: hidden;
+        }
+
+        .ft-size-watcher--pixel.ft-size-watcher--local {
+            width: 100%;
+        }
+
+        .ft-size-watcher--watcher {
+            height: 1px;
+            width: 100vw;
+        }
+
+        .ft-size-watcher--local .ft-size-watcher--watcher {
+            width: 100%;
+        }
+    `,qi([r.property({type:Number})],Ji.prototype,"debounceTimeout",void 0),qi([r.property({type:Boolean})],Ji.prototype,"local",void 0),qi([r.property({type:Number,reflect:!0})],Ji.prototype,"size",void 0),qi([r.property({type:String,reflect:!0})],Ji.prototype,"category",void 0),qi([r.query(".ft-size-watcher--watcher")],Ji.prototype,"watcher",void 0),i.customElement("ft-size-watcher")(Ji);var Qi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const te={expand:"Expand {0}",collapse:"Collapse {0}"},ie={tabulationSize:i.FtCssVariableFactory.create("--ft-reader-toc-tabulation-size","SIZE","16px"),verticalSpacing:i.FtCssVariableFactory.create("--ft-reader-toc-vertical-spacing","SIZE","4px"),textColor:i.FtCssVariableFactory.extend("--ft-reader-toc-text-color",i.designSystemVariables.colorOnSurface),highlightedTextColor:i.FtCssVariableFactory.extend("--ft-reader-toc-highlighted-text-color",i.designSystemVariables.colorPrimary),highlightedFontWeight:i.FtCssVariableFactory.create("--ft-reader-toc-highlighted-font-weight","UNKNOWN","bold"),highlightedBackgroundColor:i.FtCssVariableFactory.create("--ft-reader-toc-highlighted-background-color","COLOR","transparent"),iconFontFamily:i.FtCssVariableFactory.create("--ft-reader-toc-icon-font-family","UNKNOWN","ft-icons"),iconFontSize:i.FtCssVariableFactory.create("--ft-reader-toc-icon-font-size","SIZE","16px")};class ee extends f{constructor(){super(...arguments),this.expanded=!1,this.collapseIcon="MINUS",this.expandIcon="PLUS",this.autoCollapse=!1,this.labels={},this.labelResolver=new i.ParametrizedLabelResolver(te,{}),this.automaticallyExpandedNodes=new Set,this.manuallyExpandedNodes=new Set,this.manuallyCollapsedNodes=new Set,this.viewportSize=Vi.M}update(t){var e,o;super.update(t),t.has("labels")&&(this.labelResolver=new i.ParametrizedLabelResolver(te,this.labels)),!this.expanded&&["splitToc","visibleTopics","currentPage","toc"].some((i=>t.has(i)))&&(this.automaticallyExpandedNodes=this.buildAutomaticallyExpandedNodes(this.splitToc?[null===(e=this.currentPage)||void 0===e?void 0:e.rootTocId]:null!==(o=this.visibleTopics)&&void 0!==o?o:[]))}render(){var t;const i={"ft-reader-toc":!0,"ft-reader-toc-mobile":this.viewportSize===Vi.S,"ft-reader-toc-desktop":this.viewportSize!==Vi.S};return e.html`
+            <div class=${n.classMap(i)}>
+                <ft-size-watcher @change=${this.onViewportSizeChange}></ft-size-watcher>
                 ${o.repeat(null!==(t=this.toc)&&void 0!==t?t:[],(t=>t.tocId),(t=>this.renderNode(t)))}
             </div>
-        `}renderNode(t){var i,r;const n=this.splitToc&&null!=t.page&&!t.page.onItsOwn,s=this.splitToc?(null===(i=this.currentPage)||void 0===i?void 0:i.rootTocId)===t.tocId:null===(r=this.visibleTopics)||void 0===r?void 0:r.includes(t.tocId);return e.html`
-            <div class="ft-reader-toc--node">
-                <ft-reader-internal-link
-                        class="${s?"ft-reader-toc--node-visible":""}"
-                        tocId=${t.tocId}>
-                    <ft-typography variant="body2">${t.title}</ft-typography>
-                </ft-reader-internal-link>
-                <div class="ft-reader-toc--node-children">
-                    ${n?e.nothing:o.repeat(t.children,(t=>t.tocId),(t=>this.renderNode(t)))}
+        `}renderNode(t){var i,n;const r=this.splitToc&&null!=t.page&&!t.page.onItsOwn,a=this.splitToc?(null===(i=this.currentPage)||void 0===i?void 0:i.rootTocId)===t.tocId:null===(n=this.visibleTopics)||void 0===n?void 0:n.includes(t.tocId),l=this.expanded||this.manuallyExpandedNodes.has(t.tocId)||this.automaticallyExpandedNodes.has(t.tocId)&&!this.manuallyCollapsedNodes.has(t.tocId),h=!r&&t.children.length>0,p={"padding-left":`calc( ${ie.tabulationSize} * ${t.depth-1} + 4px)`};return e.html`
+            <div class="ft-reader-toc--node ${a?"ft-reader-toc--node-highlighted":""}">
+                <div class="ft-reader-toc--link-container" data-depth="${t.depth}" style=${s.styleMap(p)}>
+                    <div class="ft-reader-toc--toggle-container">
+                        ${h?e.html`
+                                    <ft-button round hideTooltip
+                                               ?dense=${this.viewportSize!==Vi.S}
+                                               label="${this.labelResolver.resolve(l?"collapse":"expand",t.title)}"
+                                               iconVariant="${yi.fluid_topics}"
+                                               icon="${l?this.collapseIcon:this.expandIcon}"
+                                               @click=${()=>this.manuallyToggle(t.tocId,l)}
+                                               data-expand-node=${t.tocId}
+                                    >
+                                    </ft-button>
+                                `:e.nothing}
+                    </div>
+                    <ft-reader-internal-link
+                            tocId="${t.tocId}"
+                            removeStyle>
+                        <ft-typography variant="body2">${t.title}</ft-typography>
+                    </ft-reader-internal-link>
                 </div>
+                ${h?e.html`
+                            <div class="ft-reader-toc--node-children">
+                                ${l?o.repeat(t.children,(t=>t.tocId),(t=>this.renderNode(t))):e.nothing}
+                            </div>
+                        `:e.nothing}
             </div>
-        `}}mi.elementDefinitions={"ft-typography":ci,"ft-reader-internal-link":vi},mi.styles=e.css`
-        .ft-reader-toc--node-visible {
-            background-color: ${bi.colorPrimary};
-            color: ${bi.colorOnPrimary};
+        `}buildAutomaticallyExpandedNodes(t){var i,e;let o=new Set(this.autoCollapse?[]:this.automaticallyExpandedNodes);for(let n of t)for(;n&&!o.has(n);)o.add(n),this.manuallyCollapsedNodes.delete(n),n=null===(e=null===(i=this.service)||void 0===i?void 0:i.getTocNodeOrThrow(n))||void 0===e?void 0:e.parentTocId;return o}manuallyToggle(t,i){i?(this.manuallyCollapsedNodes.add(t),this.manuallyExpandedNodes.delete(t)):(this.manuallyExpandedNodes.add(t),this.manuallyCollapsedNodes.delete(t)),this.requestUpdate()}onViewportSizeChange(t){this.viewportSize=t.detail.category}}ee.elementDefinitions={"ft-button":Xi,"ft-reader-internal-link":gi,"ft-size-watcher":Ji,"ft-typography":di},ee.styles=e.css`
+        .ft-reader-toc {
+            color: ${ie.textColor};
+        }
+
+        .ft-reader-toc--node-highlighted > .ft-reader-toc--link-container {
+            background-color: ${ie.highlightedBackgroundColor};
+            color: ${ie.highlightedTextColor};
+            ${i.setVariable(tt.fontWeight,ie.highlightedFontWeight)}
+        }
+
+        .ft-reader-toc--link-container {
+            display: flex;
+            gap: 4px;
+            padding: ${ie.verticalSpacing} 4px; /* left padding is override on inline style */
+            align-items: center;
+        }
+
+        .ft-reader-toc-mobile .ft-reader-toc--toggle-container {
+            flex-shrink: 0;
+            width: calc(${ie.iconFontSize} + 12px); /*--ft-button-internal-horizontal-padding: 8px; in ft-button NOT dense*/
+        }
+
+        .ft-reader-toc-desktop .ft-reader-toc--toggle-container {
+            flex-shrink: 0;
+            width: calc(${ie.iconFontSize} + 4px); /*--ft-button-internal-horizontal-padding: 4px; in ft-button dense*/
         }
 
-        .ft-reader-toc--node-children {
-            padding-left: ${bi.tabulationSize};
+        ft-button {
+            ${i.setVariable(mi.fluidTopicsFontFamily,ie.iconFontFamily)};
+            ${i.setVariable(Ki.iconSize,ie.iconFontSize)};
+            ${i.setVariable(Ki.backgroundColor,"transparent")};
         }
-    `,$i([i.redux()],mi.prototype,"toc",void 0),$i([i.redux((t=>{var i;return null===(i=t.map)||void 0===i?void 0:i.shouldSplitCurrentPageToc}))],mi.prototype,"splitToc",void 0),$i([i.redux()],mi.prototype,"currentPage",void 0),$i([i.redux()],mi.prototype,"visibleTopics",void 0),i.customElement("ft-reader-toc")(mi),t.FtReaderToc=mi,t.FtReaderTocCssVariables=bi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litRepeat,ftGlobals.litDecorators,ftGlobals.litClassMap);
+    `,Qi([r.property({type:Boolean})],ee.prototype,"expanded",void 0),Qi([r.property()],ee.prototype,"collapseIcon",void 0),Qi([r.property()],ee.prototype,"expandIcon",void 0),Qi([r.property({type:Boolean})],ee.prototype,"autoCollapse",void 0),Qi([i.jsonProperty({})],ee.prototype,"labels",void 0),Qi([i.redux()],ee.prototype,"toc",void 0),Qi([i.redux((t=>{var i;return null===(i=t.map)||void 0===i?void 0:i.shouldSplitCurrentPageToc}))],ee.prototype,"splitToc",void 0),Qi([i.redux()],ee.prototype,"currentPage",void 0),Qi([i.redux()],ee.prototype,"visibleTopics",void 0),Qi([r.state({hasChanged:(t,e)=>!i.deepEqual(t,e)})],ee.prototype,"automaticallyExpandedNodes",void 0),Qi([r.state({hasChanged:(t,e)=>!i.deepEqual(t,e)})],ee.prototype,"manuallyExpandedNodes",void 0),Qi([r.state({hasChanged:(t,e)=>!i.deepEqual(t,e)})],ee.prototype,"manuallyCollapsedNodes",void 0),Qi([r.state()],ee.prototype,"viewportSize",void 0),i.customElement("ft-reader-toc")(ee),t.DEFAULT_LABELS=te,t.FtReaderToc=ee,t.FtReaderTocCssVariables=ie,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litStyleMap,ftGlobals.litDecorators,ftGlobals.litUnsafeHTML);