@fluid-topics/ft-reader-content 1.1.59 → 1.1.61

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

@@ -1,4 +1,4 @@
-!function(t,e,i,s,r,n){var o;!function(t){t.FEEDBACK="FEEDBACK",t.RATING="RATING",t.PRINT="PRINT",t.BOOKMARK="BOOKMARK",t.COLLECTIONS="COLLECTIONS",t.PERSONAL_BOOKS="PERSONAL_BOOKS"}(o||(o={}));var l=function(t,e,i,s){for(var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o};class h extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}const a=Symbol("registerInterval");class d extends(function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=0}setReaderStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),this[a]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[a]):this.dispatchEvent(new h)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return e=a,l([s.state()],i.prototype,"stateManager",void 0),i}(e.FtLitElementRedux)){}const c=e.FtCssVariableFactory.create("--ft-infinite-scroll-padding","","SIZE","0"),v=e.FtCssVariableFactory.create("--ft-infinite-scroll-items-gap","","SIZE","4px"),u=e.FtCssVariableFactory.create("--ft-infinite-scroll-item-container-min-height","","SIZE",".1px"),f=i.css`
+!function(t,i,e,s,r,n){var o;!function(t){t.FEEDBACK="FEEDBACK",t.RATING="RATING",t.PRINT="PRINT",t.BOOKMARK="BOOKMARK",t.COLLECTIONS="COLLECTIONS",t.PERSONAL_BOOKS="PERSONAL_BOOKS"}(o||(o={}));var l=function(t,i,e,s){for(var r,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(i,e,o):r(i,e))||o);return n>3&&o&&Object.defineProperty(i,e,o),o};class h extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}const a=Symbol("registerInterval");class d extends(function(t){var i;class e extends t{constructor(){super(...arguments),this[i]=0}setReaderStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),this[a]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[a]):this.dispatchEvent(new h)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return i=a,l([s.state()],e.prototype,"stateManager",void 0),e}(i.FtLitElementRedux)){}const c=i.FtCssVariableFactory.create("--ft-infinite-scroll-padding","","SIZE","0"),v=i.FtCssVariableFactory.create("--ft-infinite-scroll-items-gap","","SIZE","4px"),u=i.FtCssVariableFactory.create("--ft-infinite-scroll-item-container-min-height","","SIZE",".1px"),f=e.css`
     .items-container {
         padding: ${c};
         outline: none;
@@ -28,25 +28,25 @@
         display: flow-root;
         min-height: ${u};
     }
-`;var p=function(t,e,i,s){for(var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o};class m extends CustomEvent{constructor(t,e){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:e}})}}class b extends Event{constructor(){super("scrolled-to-target")}}class g extends e.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>i.html``,this.getItemKey=(t,e)=>`${e} - ${JSON.stringify(t)}`,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.ensureScrollToTarget=!1,this.visibleItems=[],this.scrolledToTarget=!1,this.scrolling=!1,this.renderApprovalTimeouts=[],this.renderedIndexes=new Set,this.scrollDebouncer=new e.Debouncer(5),this.scrollDoneDebouncer=new e.Debouncer(10),this.onVisibilityChange=t=>{let e=new Set(this.visibleItems),i=new Set;for(let s of t){let t=+s.target.attributes.getNamedItem("data-item-index").value;s.intersectionRect.height>0?(e.add(t),i.add(t)):i.has(t)||e.delete(t)}this.visibleItems=[...e].sort(((t,e)=>t-e))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.scrollingDebouncer=new e.Debouncer(50),this.ignoreNextScrollEvent=!1,this.scrollListener=()=>{if(this.ignoreNextScrollEvent||(this.scrolling=!0,this.scrollingDebouncer.run((()=>this.scrolling=!1))),this.ignoreNextScrollEvent=!1,this.scrolledToTarget){const t=this.searchFirstVisibleItem(this.itemsContainer.children);this.scrollRestorationItem=t?+t.getAttribute("data-item-index"):void 0,this.scrollRestorationOffset=this.scrollable.scrollTop-this.getOffset(t)}},this.onItemsResize=t=>{for(const e of t)e.contentRect.height>0&&e.target.setAttribute("data-last-known-height",""+e.contentRect.height);this.restoreScroll()},this.restoreScroll=()=>{if(null!=this.scrollRestorationItem&&null!=this.scrollRestorationOffset&&this.scrolledToTarget){const t=this.getItem(this.scrollRestorationItem),i=this.getOffset(t),s=e.minmax(0===this.scrollRestorationItem?-i:0,this.scrollRestorationOffset,this.getLastKnownHeight(t)+1);this.ignoreNextScrollEvent=!0,this.scrollable.scrollTop=i+s}},this.itemsResizeObserver=new ResizeObserver(this.onItemsResize),this.scrollableResizeObserver=new ResizeObserver(this.restoreScroll),this.onMutation=()=>{[...this.itemsContainer.children].forEach((t=>{this.intersectionObserver.observe(t),this.itemsResizeObserver.observe(t)})),this.scrollableResizeObserver.observe(this.scrollable)},this.mutationObserver=new MutationObserver(this.onMutation),this.resetVisibleItemsDebouncer=new e.Debouncer(10)}get scrollable(){var t;return null!==(t=this.internalScroll?this.internalScrollable:this.firstScrollableParent)&&void 0!==t?t:document.body}render(){return i.html`
+`;var p=function(t,i,e,s){for(var r,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(i,e,o):r(i,e))||o);return n>3&&o&&Object.defineProperty(i,e,o),o};class m extends CustomEvent{constructor(t,i){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:i}})}}class b extends Event{constructor(){super("scrolled-to-target")}}class g extends i.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>e.html``,this.getItemKey=(t,i)=>`${i} - ${JSON.stringify(t)}`,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.ensureScrollToTarget=!1,this.visibleItems=[],this.scrolledToTarget=!1,this.scrolling=!1,this.renderApprovalTimeouts=[],this.renderedIndexes=new Set,this.scrollDebouncer=new i.Debouncer(5),this.scrollDoneDebouncer=new i.Debouncer(10),this.onVisibilityChange=t=>{let i=new Set(this.visibleItems),e=new Set;for(let s of t){let t=+s.target.getAttribute("data-item-index");s.intersectionRect.height>0?(i.add(t),e.add(t)):e.has(t)||i.delete(t)}this.visibleItems=[...i].sort(((t,i)=>t-i))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.scrollingDebouncer=new i.Debouncer(50),this.ignoreNextScrollEvent=!1,this.scrollListener=()=>{var t;const i=this.ignoreNextScrollEvent;this.ignoreNextScrollEvent=!1,i||(this.scrolling=!0,this.scrollingDebouncer.run((()=>this.scrolling=!1)));const e=this.scrollable.scrollTop,s=e-(null!==(t=this.lastScrollTop)&&void 0!==t?t:0);if(this.lastScrollTop=e,this.scrolledToTarget){this.restoreScrollIfNeeded(i?0:s);const t=this.searchFirstVisibleItem(e,this.itemsContainer.children);this.scrollRestorationItem=t?+t.getAttribute("data-item-index"):void 0,this.scrollRestorationOffset=e-this.getOffset(t)}},this.restoreScrollIfNeeded=(t=0)=>{var e;const s=this.scrollable.scrollHeight,r=s-(null!==(e=this.lastScrollHeight)&&void 0!==e?e:s);if(this.lastScrollHeight=s,0!==r&&null!=this.scrollRestorationItem&&null!=this.scrollRestorationOffset&&this.scrolledToTarget){const e=this.getItem(this.scrollRestorationItem),s=this.getOffset(e),n=s+i.minmax(0===this.scrollRestorationItem?-s:1,this.scrollRestorationOffset,e.clientHeight-1)+t-this.scrollable.scrollTop;(Math.abs(r-n)<4||Math.abs(n)>5)&&(this.ignoreNextScrollEvent=!0,this.scrollable.scrollTop+=n)}},this._shouldRestoreScroll=!1,this.scrollAdjustment=()=>{this.restoreScrollIfNeeded(),this.shouldRestoreScroll&&requestAnimationFrame(this.scrollAdjustment)},this.onMutation=()=>{for(let t of this.itemsContainer.children)this.intersectionObserver.observe(t)},this.mutationObserver=new MutationObserver(this.onMutation),this.resetVisibleItemsDebouncer=new i.Debouncer(10)}get scrollable(){var t;return null!==(t=this._scrollable)&&void 0!==t?t:document.body}set scrollable(t){var i,e,s,r;this._scrollable!==t&&(null===(i=this._scrollable)||void 0===i||i.removeEventListener("scroll",this.scrollListener),this._scrollable&&this.initialOverflowAnchorValue&&(this.scrollable.style.overflowAnchor=this.initialOverflowAnchorValue),this._scrollable=t,null===(e=this._scrollable)||void 0===e||e.addEventListener("scroll",this.scrollListener),this.lastScrollTop=null===(s=this._scrollable)||void 0===s?void 0:s.scrollTop,this.lastScrollHeight=null===(r=this._scrollable)||void 0===r?void 0:r.scrollHeight,this._scrollable&&(this.initialOverflowAnchorValue=getComputedStyle(this._scrollable).overflowAnchor,this._scrollable.style.overflowAnchor="none"))}render(){return e.html`
             <div class="items-container ${this.internalScroll?"scrollable":""}"
                  tabindex="-1"
                  @find-scrollable-parent=${this.findScrollableParent}>
-                ${r.repeat(this.items,((t,e)=>this.getItemKey(t,e)),((t,e)=>this.renderItemContainer(t,e)))}
+                ${r.repeat(this.items,((t,i)=>this.getItemKey(t,i)),((t,i)=>this.renderItemContainer(t,i)))}
             </div>
-        `}renderItemContainer(t,e){this.prepareRenderIfNeeded(e);const s=this.scrolledToTarget&&this.visibleItems.includes(e),r=this.renderedIndexes.has(e);return i.html`
-            <div id="item-${e}"
+        `}renderItemContainer(t,i){this.prepareRenderIfNeeded(i);const s=this.scrolledToTarget&&this.visibleItems.includes(i),r=this.renderedIndexes.has(i);return e.html`
+            <div id="item-${i}"
                  class="item-container ${r?"rendered":""} ${s?"visible":""}"
-                 data-item-index="${e}">
-                ${r?(()=>{const i=this.renderItem(t,e);return"string"==typeof i?n.unsafeHTML(i):i})():i.nothing}
+                 data-item-index="${i}">
+                ${r?(()=>{const e=this.renderItem(t,i);return"string"==typeof e?n.unsafeHTML(e):e})():e.nothing}
             </div>
-        `}prepareRenderIfNeeded(t){const e=null!=this.renderApprovalTimeouts[t];this.inRenderRange(t)&&!e&&(this.renderApprovalTimeouts[t]=setTimeout((()=>{this.inRenderRange(t)?this.renderedIndexes.add(t):this.renderApprovalTimeouts[t]=void 0,this.requestUpdate()}),300))}inRenderRange(t){return t>=this.visibleItems[0]-this.renderBeforeFirst&&t<=(null!=(e=this.visibleItems)?e:[])[(null!=e?e:[]).length-1]+this.renderAfterLast;var e}resetScroll(){this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.itemsResizeObserver.disconnect(),this.scrollableResizeObserver.disconnect(),this.visibleItems=[];const t=this.resolveScrollToIndex();this.renderedIndexes.add(t),this.scrolledToTarget=!1,this.scrollToTarget(t),this.onMutation(),this.scrollDoneDebouncer.run((()=>{this.ensureScrollToTarget&&t>=0&&this.scrollDebouncer.run((()=>{Math.abs(this.scrollable.scrollTop-this.getOffset(t))>5&&this.scrollToTarget(t)}),500),this.scrolledToTarget=!0}))}resolveScrollToIndex(){var t;let e=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;return e>=this.items.length?-1:e}getItem(t){var e,i,s;return null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`#item-${t}`))&&void 0!==i?i:null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector("#item-0")}scrollToTarget(t){t<=0?(this.scrollable.scrollTop=0,this.scrollRestorationOffset=-this.getOffset(t)):(this.scrollable.scrollTop=this.getOffset(t),this.scrollRestorationOffset=0),this.scrollRestorationItem=t>=0?t:void 0}getOffset(t){var e;let i=0,s="number"==typeof t?this.getItem(t):t;for(;s&&s.offsetParent!==this.scrollable.offsetParent;)i+=s.offsetTop,s=s.offsetParent;return i+(null!==(e=null==s?void 0:s.offsetTop)&&void 0!==e?e:0)-this.scrollable.offsetTop}getLastKnownHeight(t){var e;return+(null!==(e=null==t?void 0:t.getAttribute("data-last-known-height"))&&void 0!==e?e:1e3)}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.initIntersectionObserver(),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0}),this.resetScroll()}),0)}initIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]})}triggerFindScrollableParent(){var t;null===(t=this.itemsContainer)||void 0===t||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){var e;let i,s;t.stopPropagation();for(let e of t.composedPath()){const t=e,r=this.elementCanScroll(t);if(r&&t.clientHeight&&t.clientHeight<t.scrollHeight){i=t;break}r&&(s=t)}let r=i||s;r!==this.firstScrollableParent&&(null===(e=this.firstScrollableParent)||void 0===e||e.removeEventListener("scroll",this.scrollListener),null==r||r.addEventListener("scroll",this.scrollListener),this.firstScrollableParent=r,this.initIntersectionObserver(),this.resetScroll())}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}searchFirstVisibleItem(t,e,i){if(e=null!=e?e:0,(i=null!=i?i:t.length-1)<=e)return t[e];const s=Math.floor((i-e)/2)+e,r=t[s];return this.getOffset(r)>this.scrollable.scrollTop?this.searchFirstVisibleItem(t,e,s-1):this.getOffset(r)+this.getLastKnownHeight(r)<this.scrollable.scrollTop?this.searchFirstVisibleItem(t,s+1,i):r}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.itemsResizeObserver.disconnect(),this.scrollableResizeObserver.disconnect(),this.mutationObserver.disconnect()}update(t){super.update(t),t.has("items")&&(this.renderedIndexes=new Set,this.renderApprovalTimeouts=[]),!t.has("scrollToItem")&&!t.has("scrollToIndex")||null==this.scrollToItem&&null==this.scrollToIndex||this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.onVisibleItemsChange(),t.has("scrolledToTarget")&&this.scrolledToTarget&&(null!=this.scrollToItem||null!=this.scrollToIndex)&&this.dispatchEvent(new b)}onVisibleItemsChange(){this.visibleItems.every(((t,e)=>null==this.visibleItems[e+1]||t+1===this.visibleItems[e+1]))||e.deepEqual(this.visibleItems,this.lastNotOkVisibleItems)?(this.resetVisibleItemsDebouncer.cancel(),this.dispatchVisibleItemsEvent()):this.resetVisibleItemsDebouncer.run((()=>{this.lastNotOkVisibleItems=[...this.visibleItems],this.visibleItems=[],this.initIntersectionObserver(),this.onMutation()}))}dispatchVisibleItemsEvent(){var t;null===(t=this.cancelableDispatchEvent)||void 0===t||t.cancel(),this.cancelableDispatchEvent=e.cancelable(e.waitUntil((()=>!this.scrolling))),this.cancelableDispatchEvent.then((()=>this.dispatchEvent(new m(this.visibleItems,this.visibleItems.map((t=>this.items[t])))))).catch((()=>null))}}g.styles=f,p([s.property({type:Array})],g.prototype,"items",void 0),p([s.property({attribute:!1})],g.prototype,"renderItem",void 0),p([s.property({attribute:!1})],g.prototype,"getItemKey",void 0),p([s.property({type:Object})],g.prototype,"scrollToItem",void 0),p([s.property({type:Number})],g.prototype,"scrollToIndex",void 0),p([s.property({type:Boolean})],g.prototype,"internalScroll",void 0),p([s.property({type:Number})],g.prototype,"renderBeforeFirst",void 0),p([s.property({type:Number})],g.prototype,"renderAfterLast",void 0),p([s.property({type:Boolean})],g.prototype,"ensureScrollToTarget",void 0),p([s.state({hasChanged:(t,e)=>null!=t&&null==e||t.length!==e.length||t[0]!==e[0]})],g.prototype,"visibleItems",void 0),p([s.query(".scrollable")],g.prototype,"internalScrollable",void 0),p([s.query(".items-container")],g.prototype,"itemsContainer",void 0),p([s.state()],g.prototype,"scrolledToTarget",void 0),p([s.state()],g.prototype,"scrolling",void 0),p([s.state({hasChanged:(t,i)=>!e.deepEqual(t,i)})],g.prototype,"renderedIndexes",void 0),e.customElement("ft-infinite-scroll")(g);const w=i.css`
-`,x=i.css`
-`;var I=function(t,e,i,s){for(var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o};class $ extends d{constructor(){super(...arguments),this.disableContextInteractions=!1,this.registeredComponents=[]}render(){return i.html`
+        `}prepareRenderIfNeeded(t){const i=null!=this.renderApprovalTimeouts[t];this.inRenderRange(t)&&!i&&(this.renderApprovalTimeouts[t]=setTimeout((()=>{this.inRenderRange(t)?this.renderedIndexes.add(t):this.renderApprovalTimeouts[t]=void 0,this.requestUpdate()}),300))}inRenderRange(t){return t>=this.visibleItems[0]-this.renderBeforeFirst&&t<=(null!=(i=this.visibleItems)?i:[])[(null!=i?i:[]).length-1]+this.renderAfterLast;var i}resetScroll(t=!0){var i;if(this.shouldRestoreScroll=!1,this.intersectionObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.internalScroll&&this.scrollable!==this.internalScrollable)this.scrollable=this.internalScrollable;else if(!this.internalScroll&&t)return void(null===(i=this.itemsContainer)||void 0===i||i.dispatchEvent(new Event("find-scrollable-parent",{composed:!0})));const e=this.resolveScrollToIndex();this.renderedIndexes.add(e),this.scrollToTarget(e),this.scrollDoneDebouncer.run((()=>{this.ensureScrollToTarget&&e>=0&&this.scrollDebouncer.run((()=>{Math.abs(this.scrollable.scrollTop-this.getOffset(e))>5&&this.scrollToTarget(e)}),500),this.scrollToTarget(e),this.scrolledToTarget=!0,this.shouldRestoreScroll=!0,this.resetIntersectionObserver()}))}resolveScrollToIndex(){var t;let i=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;return i>=this.items.length?-1:i}getItem(t){var i,e,s;return null!==(e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#item-${t}`))&&void 0!==e?e:null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector("#item-0")}scrollToTarget(t){t<=0?(this.scrollable.scrollTop=0,this.scrollRestorationOffset=-this.getOffset(t)):(this.scrollable.scrollTop=this.getOffset(t),this.scrollRestorationOffset=0),this.scrollRestorationItem=t>=0?t:void 0}getOffset(t){var i;let e=0,s="number"==typeof t?this.getItem(t):t;for(;s&&s.offsetParent!==this.scrollable.offsetParent;)e+=s.offsetTop,s=s.offsetParent;return e+(null!==(i=null==s?void 0:s.offsetTop)&&void 0!==i?i:0)-this.scrollable.offsetTop}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0}),this.resetScroll()}),0)}disconnectedCallback(){super.disconnectedCallback(),this.scrollable=void 0,this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),this.shouldRestoreScroll=!1}findScrollableParent(t){var i;let e,s;t.stopPropagation();for(let i of t.composedPath()){const t=i,r=this.elementCanScroll(t);if(r&&t.clientHeight&&t.clientHeight<t.scrollHeight){e=t;break}r&&null==s&&(s=t)}this.scrollable=null!==(i=null!=e?e:s)&&void 0!==i?i:document.body,this.resetScroll(!1)}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}resetIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]}),this.onMutation()}searchFirstVisibleItem(t,i,e,s){if(e=null!=e?e:0,(s=null!=s?s:i.length-1)<=e)return i[e];const r=Math.floor((s-e)/2)+e,n=i[r];let o=this.getOffset(n);return o>t?this.searchFirstVisibleItem(t,i,e,r-1):o+n.clientHeight<t?this.searchFirstVisibleItem(t,i,r+1,s):n}get shouldRestoreScroll(){return this._shouldRestoreScroll}set shouldRestoreScroll(t){let i=t&&!this._shouldRestoreScroll;this._shouldRestoreScroll=t,i&&requestAnimationFrame(this.scrollAdjustment)}update(t){super.update(t),t.has("items")&&(this.renderedIndexes=new Set,this.renderApprovalTimeouts=[]),((t.has("scrollToItem")||t.has("scrollToIndex"))&&(null!=this.scrollToItem||null!=this.scrollToIndex)||t.has("internalScroll"))&&this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.onVisibleItemsChange(),t.has("scrolledToTarget")&&this.scrolledToTarget&&(null!=this.scrollToItem||null!=this.scrollToIndex)&&this.dispatchEvent(new b)}onVisibleItemsChange(){this.visibleItems.every(((t,i)=>null==this.visibleItems[i+1]||t+1===this.visibleItems[i+1]))||i.deepEqual(this.visibleItems,this.lastNotOkVisibleItems)?(this.resetVisibleItemsDebouncer.cancel(),this.dispatchVisibleItemsEvent()):this.resetVisibleItemsDebouncer.run((()=>{this.lastNotOkVisibleItems=[...this.visibleItems],this.visibleItems=[],this.resetIntersectionObserver()}))}dispatchVisibleItemsEvent(){var t;null===(t=this.cancelableDispatchEvent)||void 0===t||t.cancel(),this.cancelableDispatchEvent=i.cancelable(i.waitUntil((()=>!this.scrolling))),this.cancelableDispatchEvent.then((()=>this.dispatchEvent(new m(this.visibleItems,this.visibleItems.map((t=>this.items[t])))))).catch((()=>null))}}g.styles=f,p([s.property({type:Array})],g.prototype,"items",void 0),p([s.property({attribute:!1})],g.prototype,"renderItem",void 0),p([s.property({attribute:!1})],g.prototype,"getItemKey",void 0),p([s.property({type:Object})],g.prototype,"scrollToItem",void 0),p([s.property({type:Number})],g.prototype,"scrollToIndex",void 0),p([s.property({type:Boolean})],g.prototype,"internalScroll",void 0),p([s.property({type:Number})],g.prototype,"renderBeforeFirst",void 0),p([s.property({type:Number})],g.prototype,"renderAfterLast",void 0),p([s.property({type:Boolean})],g.prototype,"ensureScrollToTarget",void 0),p([s.state({hasChanged:(t,i)=>null!=t&&null==i||t.length!==i.length||t[0]!==i[0]})],g.prototype,"visibleItems",void 0),p([s.query(".scrollable")],g.prototype,"internalScrollable",void 0),p([s.query(".items-container")],g.prototype,"itemsContainer",void 0),p([s.state()],g.prototype,"scrolledToTarget",void 0),p([s.state()],g.prototype,"scrolling",void 0),p([s.state({hasChanged:(t,e)=>!i.deepEqual(t,e)})],g.prototype,"renderedIndexes",void 0),i.customElement("ft-infinite-scroll")(g);const w=e.css`
+`,x=e.css`
+`;var I=function(t,i,e,s){for(var r,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(i,e,o):r(i,e))||o);return n>3&&o&&Object.defineProperty(i,e,o),o};class $ extends d{constructor(){super(...arguments),this.disableContextInteractions=!1,this.registeredComponents=[]}render(){return e.html`
             <article id=${this.tocId}>
                 <slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
             </article>
-        `}registerComponent(t){t.stopPropagation();const e=t.composedPath()[0];this.register(e)}register(t){this.registeredComponents.push(t),t.tocNode=this.tocNode,t.disableContextInteractions=this.disableContextInteractions}update(t){super.update(t),["mapId","tocId","stateManager"].some((e=>t.has(e)))&&this.setTocNode(),t.has("tocNode")&&this.registeredComponents.forEach((t=>t.tocNode=this.tocNode))}async setTocNode(){var t;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await(null===(t=this.service)||void 0===t?void 0:t.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}}$.styles=x,I([e.redux({selector:t=>{var e;return null===(e=t.map)||void 0===e?void 0:e.id}})],$.prototype,"mapId",void 0),I([s.property()],$.prototype,"tocId",void 0),I([s.property({type:Boolean})],$.prototype,"disableContextInteractions",void 0),I([s.state()],$.prototype,"tocNode",void 0),e.customElement("ft-reader-topic-context")($);const y=i.css`
+        `}registerComponent(t){t.stopPropagation();const i=t.composedPath()[0];this.register(i)}register(t){this.registeredComponents.push(t),t.tocNode=this.tocNode,t.disableContextInteractions=this.disableContextInteractions}update(t){super.update(t),["mapId","tocId","stateManager"].some((i=>t.has(i)))&&this.setTocNode(),t.has("tocNode")&&this.registeredComponents.forEach((t=>t.tocNode=this.tocNode))}async setTocNode(){var t;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await(null===(t=this.service)||void 0===t?void 0:t.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}}$.styles=x,I([i.redux({selector:t=>{var i;return null===(i=t.map)||void 0===i?void 0:i.id}})],$.prototype,"mapId",void 0),I([s.property()],$.prototype,"tocId",void 0),I([s.property({type:Boolean})],$.prototype,"disableContextInteractions",void 0),I([s.state()],$.prototype,"tocNode",void 0),i.customElement("ft-reader-topic-context")($);const y=e.css`
     :host {
         position: absolute;
         top: 0;
@@ -65,7 +65,7 @@
     .ft-watermark {
         z-index: 79;
     }
-`;var T=function(t,e,i,s){for(var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o};class O extends d{constructor(){super(...arguments),this.height="0"}render(){var t,e,s;return this.watermark?i.html`
+`;var T=function(t,i,e,s){for(var r,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(i,e,o):r(i,e))||o);return n>3&&o&&Object.defineProperty(i,e,o),o};class S extends d{constructor(){super(...arguments),this.height="0"}render(){var t,i,s;return this.watermark?e.html`
             <style>
                 .ft-watermark {
                     height: ${this.height};
@@ -74,21 +74,21 @@
             <div class="ft-watermark-container">
                 <svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark">
                     <text x="0" y="0" text-anchor="middle" transform="rotate(-45)" fill="${null===(t=this.watermark)||void 0===t?void 0:t.color}"
-                          fill-opacity="${null===(e=this.watermark)||void 0===e?void 0:e.opacity}%">
-                        ${r.repeat((null===(s=this.watermark)||void 0===s?void 0:s.text)||[],(t=>i.svg`<tspan x="0" dy="1.2em">${t}</tspan>`))}
+                          fill-opacity="${null===(i=this.watermark)||void 0===i?void 0:i.opacity}%">
+                        ${r.repeat((null===(s=this.watermark)||void 0===s?void 0:s.text)||[],(t=>e.svg`<tspan x="0" dy="1.2em">${t}</tspan>`))}
                     </text>
                 </svg>
             </div>
-        `:i.nothing}updated(t){if(super.updated(t),t.has("watermark")&&this.watermark){const t=this.svg.getBBox();this.svg.setAttribute("viewBox",t.x+" "+t.y+" "+t.width+" "+t.height)}}}O.styles=y,T([e.redux({selector:t=>{var e;return null===(e=t.map)||void 0===e?void 0:e.watermark}})],O.prototype,"watermark",void 0),T([s.query(".ft-watermark")],O.prototype,"svg",void 0),T([s.property()],O.prototype,"height",void 0);var S=function(t,e,i,s){for(var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o};class C extends d{constructor(){super(...arguments),this.renderTopic=()=>i.html`
+        `:e.nothing}updated(t){if(super.updated(t),t.has("watermark")&&this.watermark){const t=this.svg.getBBox();this.svg.setAttribute("viewBox",t.x+" "+t.y+" "+t.width+" "+t.height)}}}S.styles=y,T([i.redux({selector:t=>{var i;return null===(i=t.map)||void 0===i?void 0:i.watermark}})],S.prototype,"watermark",void 0),T([s.query(".ft-watermark")],S.prototype,"svg",void 0),T([s.property()],S.prototype,"height",void 0);var C=function(t,i,e,s){for(var r,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,l=t.length-1;l>=0;l--)(r=t[l])&&(o=(n<3?r(o):n>3?r(i,e,o):r(i,e))||o);return n>3&&o&&Object.defineProperty(i,e,o),o};class O extends d{constructor(){super(...arguments),this.renderTopic=()=>e.html`
         <ft-reader-topic-title></ft-reader-topic-title>
         <ft-reader-topic-content></ft-reader-topic-content>
-    `,this.disableContextInteractions=!1,this.renderBeforeFirst=5,this.renderAfterLast=10,this.visibleTopicsDebouncer=new e.Debouncer(50)}render(){var t,e,s;const r=(null===(t=this.currentPage)||void 0===t?void 0:t.topics)||[];return i.html`
+    `,this.disableContextInteractions=!1,this.renderBeforeFirst=5,this.renderAfterLast=10,this.visibleTopicsDebouncer=new i.Debouncer(50)}render(){var t,i,s;const r=(null===(t=this.currentPage)||void 0===t?void 0:t.topics)||[];return e.html`
             <ft-infinite-scroll class="ft-reader-content"
                                 .items=${r}
-                                .renderItem=${(t,e)=>this.renderTopicInContext(t,e)}
+                                .renderItem=${(t,i)=>this.renderTopicInContext(t,i)}
                                 .getItemKey=${t=>this.mapId+t}
                                 .scrollToItem=${this.getScrollTarget()}
-                                ?ensureScrollToTarget=${null==(null===(e=this.scrollTarget)||void 0===e?void 0:e.section)&&!window.location.hash}
+                                ?ensureScrollToTarget=${null==(null===(i=this.scrollTarget)||void 0===i?void 0:i.section)&&!window.location.hash}
                                 .renderBeforeFirst=${this.renderBeforeFirst}
                                 .renderAfterLast=${this.renderAfterLast}
                                 exportpartsPrefix="scroller"
@@ -96,8 +96,8 @@
                                 @scrolled-to-target=${this.onScrollDone}>
             </ft-infinite-scroll>
             <ft-reader-watermark height="${null===(s=this.container)||void 0===s?void 0:s.scrollable.clientHeight}px"></ft-reader-watermark>
-        `}renderTopicInContext(t,e){return i.html`
+        `}renderTopicInContext(t,i){return e.html`
             <ft-reader-topic-context tocId="${t}" ?disableContextInteractions=${this.disableContextInteractions}>
-                ${this.renderTopic(t,e)}
+                ${this.renderTopic(t,i)}
             </ft-reader-topic-context>
-        `}getScrollTarget(){var t,e,i,s,r;if(this.disableContextInteractions)return null;const n=null!==(s=null===(t=this.visibleTopics)||void 0===t?void 0:t.includes(null!==(i=null===(e=this.scrollTarget)||void 0===e?void 0:e.tocId)&&void 0!==i?i:""))&&void 0!==s&&s;return!(null===(r=this.scrollTarget)||void 0===r?void 0:r.tocId)||n&&null!=this.scrollTarget.section?null:this.scrollTarget.tocId}visibleTopicChange(t){this.disableContextInteractions||this.visibleTopicsDebouncer.run((()=>{var e;return null===(e=this.stateManager)||void 0===e?void 0:e.setVisibleTopics(t.detail.visibleItems)}))}onScrollDone(){var t,e;this.disableContextInteractions||(null===(t=this.scrollTarget)||void 0===t?void 0:t.section)||null===(e=this.stateManager)||void 0===e||e.scrollDone()}}C.elementDefinitions={"ft-infinite-scroll":g,"ft-reader-watermark":O},C.styles=w,S([s.property()],C.prototype,"renderTopic",void 0),S([s.property({type:Boolean})],C.prototype,"disableContextInteractions",void 0),S([e.redux()],C.prototype,"currentPage",void 0),S([e.redux()],C.prototype,"scrollTarget",void 0),S([e.redux()],C.prototype,"visibleTopics",void 0),S([e.redux({selector:t=>{var e,i;return null!==(i=null===(e=t.configuration)||void 0===e?void 0:e.loadBeforeFirstVisibleTopic)&&void 0!==i?i:5}})],C.prototype,"renderBeforeFirst",void 0),S([e.redux({selector:t=>{var e,i;return null!==(i=null===(e=t.configuration)||void 0===e?void 0:e.loadAfterLastVisibleTopic)&&void 0!==i?i:5}})],C.prototype,"renderAfterLast",void 0),S([e.redux()],C.prototype,"mapId",void 0),S([s.query(".ft-reader-content")],C.prototype,"container",void 0),e.customElement("ft-reader-content")(C),t.FtReaderContent=C,t.FtReaderContentCssVariables={},t.styles=w}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML);
+        `}getScrollTarget(){var t,i,e,s,r;if(this.disableContextInteractions)return null;const n=null!==(s=null===(t=this.visibleTopics)||void 0===t?void 0:t.includes(null!==(e=null===(i=this.scrollTarget)||void 0===i?void 0:i.tocId)&&void 0!==e?e:""))&&void 0!==s&&s;return!(null===(r=this.scrollTarget)||void 0===r?void 0:r.tocId)||n&&null!=this.scrollTarget.section?null:this.scrollTarget.tocId}visibleTopicChange(t){this.disableContextInteractions||this.visibleTopicsDebouncer.run((()=>{var i;return null===(i=this.stateManager)||void 0===i?void 0:i.setVisibleTopics(t.detail.visibleItems)}))}onScrollDone(){var t,i;this.disableContextInteractions||(null===(t=this.scrollTarget)||void 0===t?void 0:t.section)||null===(i=this.stateManager)||void 0===i||i.scrollDone()}}O.elementDefinitions={"ft-infinite-scroll":g,"ft-reader-watermark":S},O.styles=w,C([s.property()],O.prototype,"renderTopic",void 0),C([s.property({type:Boolean})],O.prototype,"disableContextInteractions",void 0),C([i.redux()],O.prototype,"currentPage",void 0),C([i.redux()],O.prototype,"scrollTarget",void 0),C([i.redux()],O.prototype,"visibleTopics",void 0),C([i.redux({selector:t=>{var i,e;return null!==(e=null===(i=t.configuration)||void 0===i?void 0:i.loadBeforeFirstVisibleTopic)&&void 0!==e?e:5}})],O.prototype,"renderBeforeFirst",void 0),C([i.redux({selector:t=>{var i,e;return null!==(e=null===(i=t.configuration)||void 0===i?void 0:i.loadAfterLastVisibleTopic)&&void 0!==e?e:5}})],O.prototype,"renderAfterLast",void 0),C([i.redux()],O.prototype,"mapId",void 0),C([s.query(".ft-reader-content")],O.prototype,"container",void 0),i.customElement("ft-reader-content")(O),t.FtReaderContent=O,t.FtReaderContentCssVariables={},t.styles=w}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML);