@fluid-topics/ft-reader-content 1.1.98 → 1.1.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -40,7 +40,8 @@ class FtReaderContent extends FtReaderComponent {
|
|
|
40
40
|
@visible-items-change=${this.visibleTopicChange}
|
|
41
41
|
@scrolled-to-target=${this.onScrollDone}>
|
|
42
42
|
</ft-infinite-scroll>
|
|
43
|
-
<ft-reader-watermark
|
|
43
|
+
<ft-reader-watermark part="watermark" .exportpartsPrefixes=${["watermark"]}
|
|
44
|
+
height="${(_c = this.container) === null || _c === void 0 ? void 0 : _c.scrollable.clientHeight}px"></ft-reader-watermark>
|
|
44
45
|
`;
|
|
45
46
|
}
|
|
46
47
|
renderTopicInContext(tocId, index) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var pe=Object.create;var F=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var
|
|
1
|
+
"use strict";(()=>{var pe=Object.create;var F=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var w=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var be=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of me(e))!ve.call(i,o)&&o!==t&&F(i,o,{get:()=>e[o],enumerable:!(r=fe(e,o))||r.enumerable});return i};var a=(i,e,t)=>(t=i!=null?pe(ue(i)):{},be(e||!i||!i.__esModule?F(t,"default",{value:i,enumerable:!0}):t,i));var m=w((xe,j)=>{j.exports=ftGlobals.wcUtils});var u=w((Se,k)=>{k.exports=ftGlobals.lit});var y=w((we,H)=>{H.exports=ftGlobals.litDecorators});var V=w((Re,U)=>{U.exports=ftGlobals.litRepeat});var Z=w((Ae,W)=>{W.exports=ftGlobals.litUnsafeHTML});var de=a(m());var $=a(u()),C=a(y()),g=a(m());var q=a(m()),G=a(y());var K;(function(i){i.FEEDBACK="FEEDBACK",i.RATING="RATING",i.PRINT="PRINT",i.BOOKMARK="BOOKMARK",i.COLLECTIONS="COLLECTIONS",i.PERSONAL_BOOKS="PERSONAL_BOOKS"})(K||(K={}));var ge=function(i,e,t,r){var o=arguments.length,s=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(i,e,t,r);else for(var n=i.length-1;n>=0;n--)(l=i[n])&&(s=(o<3?l(s):o>3?l(e,t,s):l(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s},D=class extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}},N=Symbol("registerInterval");function Ie(i){var e;class t extends i{constructor(){super(...arguments),this[e]=0}setReaderStateManager(o){this.clearStateManager(),this.stateManager=o,this.addStore(o.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var o;return(o=this.stateManager)===null||o===void 0?void 0:o.service}connectedCallback(){super.connectedCallback(),this[N]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[N]):this.dispatchEvent(new D)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return e=N,ge([(0,G.state)()],t.prototype,"stateManager",void 0),t}var I=class extends Ie(q.FtLitElementRedux){};var X=a(m());var x=a(u()),h=a(y()),Y=a(V()),d=a(m()),Q=a(Z());var z=a(u()),R=a(m()),M={padding:R.FtCssVariableFactory.create("--ft-infinite-scroll-padding","","SIZE","0"),itemsGap:R.FtCssVariableFactory.create("--ft-infinite-scroll-items-gap","","SIZE","4px"),itemContainerMinHeight:R.FtCssVariableFactory.create("--ft-infinite-scroll-item-container-min-height","","SIZE",".1px")},J=z.css`
|
|
2
2
|
.items-container {
|
|
3
3
|
padding: ${M.padding};
|
|
4
4
|
outline: none;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
display: flow-root;
|
|
29
29
|
min-height: ${M.itemContainerMinHeight};
|
|
30
30
|
}
|
|
31
|
-
`;var p=function(
|
|
31
|
+
`;var p=function(i,e,t,r){var o=arguments.length,s=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(i,e,t,r);else for(var n=i.length-1;n>=0;n--)(l=i[n])&&(s=(o<3?l(s):o>3?l(e,t,s):l(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s},P=class extends CustomEvent{constructor(e,t){super("visible-items-change",{detail:{visibleIndexes:e,visibleItems:t}})}},L=class extends Event{constructor(){super("scrolled-to-target")}},Te=i=>(i??[])[(i??[]).length-1],c=class extends d.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>x.html``,this.getItemKey=(e,t)=>`${t} - ${JSON.stringify(e)}`,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 d.Debouncer(5),this.scrollDoneDebouncer=new d.Debouncer(10),this.onVisibilityChange=e=>{let t=new Set(this.visibleItems),r=new Set;for(let o of e){let s=+o.target.getAttribute("data-item-index");o.intersectionRect.height>0?(t.add(s),r.add(s)):r.has(s)||t.delete(s)}this.visibleItems=[...t].sort((o,s)=>o-s)},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.scrollingDebouncer=new d.Debouncer(50),this.ignoreNextScrollEvent=!1,this.scrollListener=()=>{var e;let t=this.ignoreNextScrollEvent;this.ignoreNextScrollEvent=!1,t||(this.scrolling=!0,this.scrollingDebouncer.run(()=>this.scrolling=!1));let r=this.scrollable.scrollTop,o=r-((e=this.lastScrollTop)!==null&&e!==void 0?e:0);if(this.lastScrollTop=r,this.scrolledToTarget&&(this.restoreScrollIfNeeded(t?0:o),!t||this.scrollRestorationItem==null)){let s=this.searchFirstVisibleItem(r,this.itemsContainer.children);this.scrollRestorationItem=s?+s.getAttribute("data-item-index"):void 0,this.scrollRestorationOffset=r-this.getOffset(s)}},this.restoreScrollIfNeeded=(e=0)=>{var t;let r=this.scrollable.scrollHeight,o=r-((t=this.lastScrollHeight)!==null&&t!==void 0?t:r);if(this.lastScrollHeight=r,o!==0&&this.scrollRestorationItem!=null&&this.scrollRestorationOffset!=null&&this.scrolledToTarget){let s=this.getItem(this.scrollRestorationItem),l=this.getOffset(s),n=(0,d.minmax)(this.scrollRestorationItem===0?-l:1,this.scrollRestorationOffset,s.clientHeight-1),O=l+n+e-this.scrollable.scrollTop;(Math.abs(o-O)<4||Math.abs(O)>5)&&(this.ignoreNextScrollEvent=!0,this.scrollable.scrollTop+=O)}},this._shouldRestoreScroll=!1,this.scrollAdjustment=()=>{this.restoreScrollIfNeeded(),this.shouldRestoreScroll&&requestAnimationFrame(this.scrollAdjustment)},this.onMutation=()=>{for(let e of this.itemsContainer.children)this.intersectionObserver.observe(e)},this.mutationObserver=new MutationObserver(this.onMutation),this.resetVisibleItemsDebouncer=new d.Debouncer(10)}get scrollable(){var e;return(e=this._scrollable)!==null&&e!==void 0?e:document.body}set scrollable(e){var t,r,o,s;this._scrollable!==e&&((t=this._scrollable)===null||t===void 0||t.removeEventListener("scroll",this.scrollListener),this._scrollable&&this.initialOverflowAnchorValue&&(this.scrollable.style.overflowAnchor=this.initialOverflowAnchorValue),this._scrollable=e,(r=this._scrollable)===null||r===void 0||r.addEventListener("scroll",this.scrollListener),this.lastScrollTop=(o=this._scrollable)===null||o===void 0?void 0:o.scrollTop,this.lastScrollHeight=(s=this._scrollable)===null||s===void 0?void 0:s.scrollHeight,this._scrollable&&(this.initialOverflowAnchorValue=getComputedStyle(this._scrollable).overflowAnchor,this._scrollable.style.overflowAnchor="none"))}render(){return x.html`
|
|
32
32
|
<div class="items-container ${this.internalScroll?"scrollable":""}"
|
|
33
33
|
tabindex="-1"
|
|
34
34
|
@find-scrollable-parent=${this.findScrollableParent}>
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
data-item-index="${t}">
|
|
41
41
|
${o?(()=>{let l=this.renderItem(e,t);return typeof l=="string"?(0,Q.unsafeHTML)(l):l})():x.nothing}
|
|
42
42
|
</div>
|
|
43
|
-
`}prepareRenderIfNeeded(e){let t=this.renderApprovalTimeouts[e]!=null;this.inRenderRange(e)&&!t&&(this.renderApprovalTimeouts[e]=setTimeout(()=>{this.inRenderRange(e)?this.renderedIndexes.add(e):this.renderApprovalTimeouts[e]=void 0,this.requestUpdate()},300))}inRenderRange(e){return e>=this.visibleItems[0]-this.renderBeforeFirst&&e<=Te(this.visibleItems)+this.renderAfterLast}resetScroll(e=!0){var t;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&&e){(t=this.itemsContainer)===null||t===void 0||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}));return}let r=this.resolveScrollToIndex();this.renderedIndexes.add(r),this.scrollToTarget(r),this.scrollDoneDebouncer.run(()=>{this.ensureScrollToTarget&&r>=0&&this.scrollDebouncer.run(()=>{Math.abs(this.scrollable.scrollTop-this.getOffset(r))>5&&this.scrollToTarget(r)},500),this.scrollToTarget(r),this.scrolledToTarget=!0,this.shouldRestoreScroll=!0,this.resetIntersectionObserver()})}resolveScrollToIndex(){var e;let t=(e=this.scrollToIndex)!==null&&e!==void 0?e:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;return t>=this.items.length?-1:t}getItem(e){var t,r,o;return(r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(`#item-${e}`))!==null&&r!==void 0?r:(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#item-0")}scrollToTarget(e){e<=0?(this.scrollable.scrollTop=0,this.scrollRestorationOffset=-this.getOffset(e)):(this.scrollable.scrollTop=this.getOffset(e),this.scrollRestorationOffset=0),this.scrollRestorationItem=e>=0?e:void 0}getOffset(e){var t;let r=0,o=typeof e=="number"?this.getItem(e):e;for(;o&&o.offsetParent!==this.scrollable.offsetParent;)r+=o.offsetTop,o=o.offsetParent;return r+((t=o?.offsetTop)!==null&&t!==void 0?t:0)-this.scrollable.offsetTop}appendItems(...e){this.items=[...this.items,...e]}prependItems(...e){this.items=[...e,...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(e){var t;e.stopPropagation();let r,o;for(let
|
|
44
|
-
`;var le=a(m());var
|
|
45
|
-
`;var
|
|
43
|
+
`}prepareRenderIfNeeded(e){let t=this.renderApprovalTimeouts[e]!=null;this.inRenderRange(e)&&!t&&(this.renderApprovalTimeouts[e]=setTimeout(()=>{this.inRenderRange(e)?this.renderedIndexes.add(e):this.renderApprovalTimeouts[e]=void 0,this.requestUpdate()},300))}inRenderRange(e){return e>=this.visibleItems[0]-this.renderBeforeFirst&&e<=Te(this.visibleItems)+this.renderAfterLast}resetScroll(e=!0){var t;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&&e){(t=this.itemsContainer)===null||t===void 0||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}));return}let r=this.resolveScrollToIndex();this.renderedIndexes.add(r),this.scrollToTarget(r),this.scrollDoneDebouncer.run(()=>{this.ensureScrollToTarget&&r>=0&&this.scrollDebouncer.run(()=>{Math.abs(this.scrollable.scrollTop-this.getOffset(r))>5&&this.scrollToTarget(r)},500),this.scrollToTarget(r),this.scrolledToTarget=!0,this.shouldRestoreScroll=!0,this.resetIntersectionObserver()})}resolveScrollToIndex(){var e;let t=(e=this.scrollToIndex)!==null&&e!==void 0?e:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;return t>=this.items.length?-1:t}getItem(e){var t,r,o;return(r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(`#item-${e}`))!==null&&r!==void 0?r:(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#item-0")}scrollToTarget(e){e<=0?(this.scrollable.scrollTop=0,this.scrollRestorationOffset=-this.getOffset(e)):(this.scrollable.scrollTop=this.getOffset(e),this.scrollRestorationOffset=0),this.scrollRestorationItem=e>=0?e:void 0}getOffset(e){var t;let r=0,o=typeof e=="number"?this.getItem(e):e;for(;o&&o.offsetParent!==this.scrollable.offsetParent;)r+=o.offsetTop,o=o.offsetParent;return r+((t=o?.offsetTop)!==null&&t!==void 0?t:0)-this.scrollable.offsetTop}appendItems(...e){this.items=[...this.items,...e]}prependItems(...e){this.items=[...e,...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(e){var t;e.stopPropagation();let r,o;for(let s of e.composedPath()){let l=s,n=this.elementCanScroll(l);if(n&&l.clientHeight&&l.clientHeight<l.scrollHeight){r=l;break}else n&&o==null&&(o=l)}this.scrollable=(t=r??o)!==null&&t!==void 0?t:document.body,this.resetScroll(!1)}elementCanScroll(e){try{return["auto","scroll"].includes(getComputedStyle(e).overflowY)}catch{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(e,t,r,o){if(r=r??0,o=o??t.length-1,o<=r)return t[r];let s=Math.floor((o-r)/2)+r,l=t[s],n=this.getOffset(l);return n>e?this.searchFirstVisibleItem(e,t,r,s-1):n+l.clientHeight<e?this.searchFirstVisibleItem(e,t,s+1,o):l}get shouldRestoreScroll(){return this._shouldRestoreScroll}set shouldRestoreScroll(e){let t=e&&!this._shouldRestoreScroll;this._shouldRestoreScroll=e,t&&requestAnimationFrame(this.scrollAdjustment)}update(e){super.update(e),e.has("items")&&(this.renderedIndexes=new Set,this.renderApprovalTimeouts=[]),((e.has("scrollToItem")||e.has("scrollToIndex"))&&(this.scrollToItem!=null||this.scrollToIndex!=null)||e.has("internalScroll"))&&this.resetScroll()}updated(e){super.updated(e),(e.has("visibleItems")||e.has("items"))&&this.onVisibleItemsChange(),e.has("scrolledToTarget")&&this.scrolledToTarget&&(this.scrollToItem!=null||this.scrollToIndex!=null)&&this.dispatchEvent(new L)}onVisibleItemsChange(){this.visibleItems.every((t,r)=>this.visibleItems[r+1]==null||t+1===this.visibleItems[r+1])||(0,d.deepEqual)(this.visibleItems,this.lastNotOkVisibleItems)?(this.resetVisibleItemsDebouncer.cancel(),this.dispatchVisibleItemsEvent()):this.resetVisibleItemsDebouncer.run(()=>{this.lastNotOkVisibleItems=[...this.visibleItems],this.visibleItems=[],this.resetIntersectionObserver()})}dispatchVisibleItemsEvent(){var e;(e=this.cancelableDispatchEvent)===null||e===void 0||e.cancel(),this.cancelableDispatchEvent=(0,d.cancelable)((0,d.waitUntil)(()=>!this.scrolling)),this.cancelableDispatchEvent.then(()=>this.dispatchEvent(new P(this.visibleItems,this.visibleItems.map(t=>this.items[t])))).catch(()=>null)}};c.styles=J;p([(0,h.property)({type:Array})],c.prototype,"items",void 0);p([(0,h.property)({attribute:!1})],c.prototype,"renderItem",void 0);p([(0,h.property)({attribute:!1})],c.prototype,"getItemKey",void 0);p([(0,h.property)({type:Object})],c.prototype,"scrollToItem",void 0);p([(0,h.property)({type:Number})],c.prototype,"scrollToIndex",void 0);p([(0,h.property)({type:Boolean})],c.prototype,"internalScroll",void 0);p([(0,h.property)({type:Number})],c.prototype,"renderBeforeFirst",void 0);p([(0,h.property)({type:Number})],c.prototype,"renderAfterLast",void 0);p([(0,h.property)({type:Boolean})],c.prototype,"ensureScrollToTarget",void 0);p([(0,h.state)({hasChanged(i,e){return i!=null&&e==null||i.length!==e.length||i[0]!==e[0]}})],c.prototype,"visibleItems",void 0);p([(0,h.query)(".scrollable")],c.prototype,"internalScrollable",void 0);p([(0,h.query)(".items-container")],c.prototype,"itemsContainer",void 0);p([(0,h.state)()],c.prototype,"scrolledToTarget",void 0);p([(0,h.state)()],c.prototype,"scrolling",void 0);p([(0,h.state)({hasChanged:d.hasChanged})],c.prototype,"renderedIndexes",void 0);(0,X.customElement)("ft-infinite-scroll")(c);var ee=a(u()),Be={},te=ee.css`
|
|
44
|
+
`;var le=a(m());var se=a(u()),_=a(y());var re=a(u());var oe=re.css`
|
|
45
|
+
`;var ie=a(m()),A=function(i,e,t,r){var o=arguments.length,s=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(i,e,t,r);else for(var n=i.length-1;n>=0;n--)(l=i[n])&&(s=(o<3?l(s):o>3?l(e,t,s):l(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s},v=class extends I{constructor(){super(...arguments),this.disableContextInteractions=!1,this.registeredComponents=[]}render(){return se.html`
|
|
46
46
|
<article id=${this.tocId}>
|
|
47
47
|
<slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
|
|
48
48
|
</article>
|
|
49
|
-
`}registerComponent(e){e.stopPropagation();let t=e.composedPath()[0];this.register(t)}register(e){this.registeredComponents.push(e),e.tocNode=this.tocNode,e.disableContextInteractions=this.disableContextInteractions}update(e){super.update(e),["mapId","tocId","stateManager"].some(t=>e.has(t))&&this.setTocNode(),e.has("tocNode")&&this.registeredComponents.forEach(t=>t.tocNode=this.tocNode)}async setTocNode(){var e;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await((e=this.service)===null||e===void 0?void 0:e.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}};v.styles=oe;A([(0,
|
|
49
|
+
`}registerComponent(e){e.stopPropagation();let t=e.composedPath()[0];this.register(t)}register(e){this.registeredComponents.push(e),e.tocNode=this.tocNode,e.disableContextInteractions=this.disableContextInteractions}update(e){super.update(e),["mapId","tocId","stateManager"].some(t=>e.has(t))&&this.setTocNode(),e.has("tocNode")&&this.registeredComponents.forEach(t=>t.tocNode=this.tocNode)}async setTocNode(){var e;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await((e=this.service)===null||e===void 0?void 0:e.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}};v.styles=oe;A([(0,ie.redux)({selector:i=>{var e;return(e=i.map)===null||e===void 0?void 0:e.id}})],v.prototype,"mapId",void 0);A([(0,_.property)()],v.prototype,"tocId",void 0);A([(0,_.property)({type:Boolean})],v.prototype,"disableContextInteractions",void 0);A([(0,_.state)()],v.prototype,"tocNode",void 0);(0,le.customElement)("ft-reader-topic-context")(v);var ce=a(m()),S=a(u()),E=a(y());var ne=a(u());var ae=ne.css`
|
|
50
50
|
:host {
|
|
51
51
|
position: absolute;
|
|
52
52
|
top: 0;
|
|
@@ -65,28 +65,28 @@
|
|
|
65
65
|
.ft-watermark {
|
|
66
66
|
z-index: 79;
|
|
67
67
|
}
|
|
68
|
-
`;var he=a(V()),B=function(
|
|
68
|
+
`;var he=a(V()),B=function(i,e,t,r){var o=arguments.length,s=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(i,e,t,r);else for(var n=i.length-1;n>=0;n--)(l=i[n])&&(s=(o<3?l(s):o>3?l(e,t,s):l(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s},T=class extends I{constructor(){super(...arguments),this.height="0"}render(){var e,t,r;return this.watermark?S.html`
|
|
69
69
|
<style>
|
|
70
70
|
.ft-watermark {
|
|
71
71
|
height: ${this.height};
|
|
72
72
|
}
|
|
73
73
|
</style>
|
|
74
74
|
<div class="ft-watermark-container">
|
|
75
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark">
|
|
75
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark" part="svg">
|
|
76
76
|
<text x="0" y="0" text-anchor="middle" transform="rotate(-45)" fill="${(e=this.watermark)===null||e===void 0?void 0:e.color}"
|
|
77
77
|
fill-opacity="${(t=this.watermark)===null||t===void 0?void 0:t.opacity}%">
|
|
78
78
|
${(0,he.repeat)(((r=this.watermark)===null||r===void 0?void 0:r.text)||[],o=>S.svg`<tspan x="0" dy="1.2em">${o}</tspan>`)}
|
|
79
79
|
</text>
|
|
80
80
|
</svg>
|
|
81
81
|
</div>
|
|
82
|
-
`:S.nothing}updated(e){if(super.updated(e),e.has("watermark")&&this.watermark){let t=this.svg.getBBox();this.svg.setAttribute("viewBox",t.x+" "+t.y+" "+t.width+" "+t.height)}}};T.styles=ae;B([(0,ce.redux)({selector:
|
|
82
|
+
`:S.nothing}updated(e){if(super.updated(e),e.has("watermark")&&this.watermark){let t=this.svg.getBBox();this.svg.setAttribute("viewBox",t.x+" "+t.y+" "+t.width+" "+t.height)}}};T.styles=ae;B([(0,ce.redux)({selector:i=>{var e;return(e=i.map)===null||e===void 0?void 0:e.watermark}})],T.prototype,"watermark",void 0);B([(0,E.query)(".ft-watermark")],T.prototype,"svg",void 0);B([(0,E.property)()],T.prototype,"height",void 0);var b=function(i,e,t,r){var o=arguments.length,s=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(i,e,t,r);else for(var n=i.length-1;n>=0;n--)(l=i[n])&&(s=(o<3?l(s):o>3?l(e,t,s):l(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s},f=class extends I{constructor(){super(...arguments),this.renderTopic=()=>$.html`
|
|
83
83
|
<ft-reader-topic-title></ft-reader-topic-title>
|
|
84
84
|
<ft-reader-topic-content></ft-reader-topic-content>
|
|
85
|
-
`,this.disableContextInteractions=!1,this.renderBeforeFirst=5,this.renderAfterLast=10,this.visibleTopicsDebouncer=new g.Debouncer(50)}render(){var e,t,r;let o=((e=this.currentPage)===null||e===void 0?void 0:e.topics)||[];return
|
|
85
|
+
`,this.disableContextInteractions=!1,this.renderBeforeFirst=5,this.renderAfterLast=10,this.visibleTopicsDebouncer=new g.Debouncer(50)}render(){var e,t,r;let o=((e=this.currentPage)===null||e===void 0?void 0:e.topics)||[];return $.html`
|
|
86
86
|
<ft-infinite-scroll class="ft-reader-content"
|
|
87
87
|
.items=${o}
|
|
88
|
-
.renderItem=${(
|
|
89
|
-
.getItemKey=${
|
|
88
|
+
.renderItem=${(s,l)=>this.renderTopicInContext(s,l)}
|
|
89
|
+
.getItemKey=${s=>this.mapId+s}
|
|
90
90
|
.scrollToItem=${this.getScrollTarget()}
|
|
91
91
|
?ensureScrollToTarget=${((t=this.scrollTarget)===null||t===void 0?void 0:t.section)==null&&!window.location.hash}
|
|
92
92
|
.renderBeforeFirst=${this.renderBeforeFirst}
|
|
@@ -95,9 +95,10 @@
|
|
|
95
95
|
@visible-items-change=${this.visibleTopicChange}
|
|
96
96
|
@scrolled-to-target=${this.onScrollDone}>
|
|
97
97
|
</ft-infinite-scroll>
|
|
98
|
-
<ft-reader-watermark
|
|
99
|
-
|
|
98
|
+
<ft-reader-watermark part="watermark" .exportpartsPrefixes=${["watermark"]}
|
|
99
|
+
height="${(r=this.container)===null||r===void 0?void 0:r.scrollable.clientHeight}px"></ft-reader-watermark>
|
|
100
|
+
`}renderTopicInContext(e,t){return $.html`
|
|
100
101
|
<ft-reader-topic-context tocId="${e}" ?disableContextInteractions=${this.disableContextInteractions}>
|
|
101
102
|
${this.renderTopic(e,t)}
|
|
102
103
|
</ft-reader-topic-context>
|
|
103
|
-
`}getScrollTarget(){var e,t,r,o,
|
|
104
|
+
`}getScrollTarget(){var e,t,r,o,s;if(this.disableContextInteractions)return null;let l=(o=(e=this.visibleTopics)===null||e===void 0?void 0:e.includes((r=(t=this.scrollTarget)===null||t===void 0?void 0:t.tocId)!==null&&r!==void 0?r:""))!==null&&o!==void 0?o:!1;return!((s=this.scrollTarget)===null||s===void 0)&&s.tocId&&(!l||this.scrollTarget.section==null)?this.scrollTarget.tocId:null}visibleTopicChange(e){this.disableContextInteractions||this.visibleTopicsDebouncer.run(()=>{var t;return(t=this.stateManager)===null||t===void 0?void 0:t.setVisibleTopics(e.detail.visibleItems)})}onScrollDone(){var e,t;!this.disableContextInteractions&&!(!((e=this.scrollTarget)===null||e===void 0)&&e.section)&&((t=this.stateManager)===null||t===void 0||t.scrollDone())}};f.elementDefinitions={"ft-infinite-scroll":c,"ft-reader-watermark":T};f.styles=te;b([(0,C.property)()],f.prototype,"renderTopic",void 0);b([(0,C.property)({type:Boolean})],f.prototype,"disableContextInteractions",void 0);b([(0,g.redux)()],f.prototype,"currentPage",void 0);b([(0,g.redux)()],f.prototype,"scrollTarget",void 0);b([(0,g.redux)()],f.prototype,"visibleTopics",void 0);b([(0,g.redux)({selector:i=>{var e,t;return(t=(e=i.configuration)===null||e===void 0?void 0:e.loadBeforeFirstVisibleTopic)!==null&&t!==void 0?t:5}})],f.prototype,"renderBeforeFirst",void 0);b([(0,g.redux)({selector:i=>{var e,t;return(t=(e=i.configuration)===null||e===void 0?void 0:e.loadAfterLastVisibleTopic)!==null&&t!==void 0?t:5}})],f.prototype,"renderAfterLast",void 0);b([(0,g.redux)()],f.prototype,"mapId",void 0);b([(0,C.query)(".ft-reader-content")],f.prototype,"container",void 0);(0,de.customElement)("ft-reader-content")(f);})();
|
|
@@ -120,7 +120,7 @@ Also for action icons.`,d.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
120
120
|
}
|
|
121
121
|
</style>
|
|
122
122
|
<div class="ft-watermark-container">
|
|
123
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark">
|
|
123
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark" part="svg">
|
|
124
124
|
<text x="0" y="0" text-anchor="middle" transform="rotate(-45)" fill="${(e=this.watermark)===null||e===void 0?void 0:e.color}"
|
|
125
125
|
fill-opacity="${(t=this.watermark)===null||t===void 0?void 0:t.opacity}%">
|
|
126
126
|
${Et(((n=this.watermark)===null||n===void 0?void 0:n.text)||[],i=>Br`<tspan x="0" dy="1.2em">${i}</tspan>`)}
|
|
@@ -143,7 +143,8 @@ Also for action icons.`,d.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
143
143
|
@visible-items-change=${this.visibleTopicChange}
|
|
144
144
|
@scrolled-to-target=${this.onScrollDone}>
|
|
145
145
|
</ft-infinite-scroll>
|
|
146
|
-
<ft-reader-watermark
|
|
146
|
+
<ft-reader-watermark part="watermark" .exportpartsPrefixes=${["watermark"]}
|
|
147
|
+
height="${(n=this.container)===null||n===void 0?void 0:n.scrollable.clientHeight}px"></ft-reader-watermark>
|
|
147
148
|
`}renderTopicInContext(e,t){return K`
|
|
148
149
|
<ft-reader-topic-context tocId="${e}" ?disableContextInteractions=${this.disableContextInteractions}>
|
|
149
150
|
${this.renderTopic(e,t)}
|
|
@@ -24,7 +24,7 @@ class FtReaderWatermark extends FtReaderComponent {
|
|
|
24
24
|
}
|
|
25
25
|
</style>
|
|
26
26
|
<div class="ft-watermark-container">
|
|
27
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark">
|
|
27
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="ft-watermark" part="svg">
|
|
28
28
|
<text x="0" y="0" text-anchor="middle" transform="rotate(-45)" fill="${(_a = this.watermark) === null || _a === void 0 ? void 0 : _a.color}"
|
|
29
29
|
fill-opacity="${(_b = this.watermark) === null || _b === void 0 ? void 0 : _b.opacity}%">
|
|
30
30
|
${repeat(((_c = this.watermark) === null || _c === void 0 ? void 0 : _c.text) || [], item => svg `<tspan x="0" dy="1.2em">${item}</tspan>`)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-reader-content",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.100",
|
|
4
4
|
"description": "Main content for integrated reader",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-infinite-scroll": "1.1.
|
|
23
|
-
"@fluid-topics/ft-reader-topic-content": "1.1.
|
|
24
|
-
"@fluid-topics/ft-reader-topic-context": "1.1.
|
|
25
|
-
"@fluid-topics/ft-reader-topic-title": "1.1.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
22
|
+
"@fluid-topics/ft-infinite-scroll": "1.1.100",
|
|
23
|
+
"@fluid-topics/ft-reader-topic-content": "1.1.100",
|
|
24
|
+
"@fluid-topics/ft-reader-topic-context": "1.1.100",
|
|
25
|
+
"@fluid-topics/ft-reader-topic-title": "1.1.100",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "1.1.100",
|
|
27
27
|
"lit": "3.1.0"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "1a88e4b0ddcb8947f3b0f82a2d9e893044199b22"
|
|
30
30
|
}
|