@fluid-topics/ft-reader-topic-context 0.3.51 → 0.3.52
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.
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ yarn add @fluid-topics/ft-reader-topic-context
|
|
|
9
9
|
|
|
10
10
|
## Usage
|
|
11
11
|
|
|
12
|
-
See [@fluid-topics/ft-reader-context](https://www.npmjs.com/package/@fluid-topics/ft-reader-context) for more information integrated readers for Fluid Topics.
|
|
12
|
+
See [@fluid-topics/ft-reader-context](https://www.npmjs.com/package/@fluid-topics/ft-reader-context) for more information about integrated readers for Fluid Topics.
|
|
13
13
|
|
|
14
14
|
```typescript
|
|
15
15
|
import { html } from "lit"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
!function(t,e,o
|
|
1
|
+
!function(t,e,s,o){const r={textColor:e.FtCssVariableFactory.create("--ft-reader-topic-context-text-color","COLOR","#000000"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},i=s.css`
|
|
2
2
|
.ft-reader-topic-context {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
color: ${r.textColor};
|
|
5
5
|
background-color: ${r.colorSurface};
|
|
6
6
|
}
|
|
7
|
-
`;var n=function(t,e,o
|
|
7
|
+
`;var n=function(t,e,s,o){for(var r,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o,c=t.length-1;c>=0;c--)(r=t[c])&&(n=(i<3?r(n):i>3?r(e,s,n):r(e,s))||n);return i>3&&n&&Object.defineProperty(e,s,n),n};class c extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class a extends(function(t){class e extends t{constructor(){super(...arguments),this.registerIntervalReader=0}setReaderStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store)}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),this.registerIntervalReader=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this.registerIntervalReader):this.dispatchEvent(new c)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return n([o.state()],e.prototype,"stateManager",void 0),e}(e.FtLitElementRedux)){}var d=function(t,e,s,o){for(var r,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o,c=t.length-1;c>=0;c--)(r=t[c])&&(n=(i<3?r(n):i>3?r(e,s,n):r(e,s))||n);return i>3&&n&&Object.defineProperty(e,s,n),n};class l extends a{constructor(){super(...arguments),this.disableContextInteractions=!1,this.registeredComponents=[]}render(){return s.html`
|
|
8
8
|
<article id=${this.tocId}>
|
|
9
9
|
<slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
|
|
10
10
|
</article>
|
|
11
|
-
`}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}updated(t){super.updated(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=[]}}l.styles=i,d([e.redux((t=>{var e;return null===(e=t.map)||void 0===e?void 0:e.id}))],l.prototype,"mapId",void 0),d([
|
|
11
|
+
`}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}updated(t){super.updated(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=[]}}l.styles=i,d([e.redux((t=>{var e;return null===(e=t.map)||void 0===e?void 0:e.id}))],l.prototype,"mapId",void 0),d([o.property()],l.prototype,"tocId",void 0),d([o.property({type:Boolean})],l.prototype,"disableContextInteractions",void 0),d([o.state()],l.prototype,"tocNode",void 0),e.customElement("ft-reader-topic-context")(l),t.FtReaderTopicContext=l,t.FtReaderTopicContextCssVariables=r,t.styles=i,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators);
|
|
@@ -61,7 +61,7 @@ var nt,at;class ct extends C{constructor(){super(...arguments),this.renderOption
|
|
|
61
61
|
<style>${t}</style>
|
|
62
62
|
`))}
|
|
63
63
|
${this.getTemplate()}
|
|
64
|
-
`}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,s,o,r,n;const a=t=>null!=t&&t.trim().length>0,c=t.filter(a).map((t=>t.trim()));if(0===c.length)return void this.removeAttribute("exportparts");const l=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(o=null===(s=t.getAttribute("part"))||void 0===s?void 0:s.split(" "))&&void 0!==o?o:[],i=null!==(n=null===(r=t.getAttribute("exportparts"))||void 0===r?void 0:r.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...e,...i).filter(a).map((t=>t.trim())).forEach((t=>l.add(t)))}if(0===l.size)return void this.removeAttribute("exportparts");const h=[...l.values()].flatMap((t=>c.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}}dt([s()],pt.prototype,"exportpartsPrefix",void 0),dt([function(t,e){const i=()=>JSON.parse(JSON.stringify(t));return s({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],pt.prototype,"exportpartsPrefixes",void 0),p`
|
|
64
|
+
`}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var e,i;if((null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==i?i:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,s,o,r,n;const a=t=>null!=t&&t.trim().length>0,c=t.filter(a).map((t=>t.trim()));if(0===c.length)return void this.removeAttribute("exportparts");const l=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(o=null===(s=t.getAttribute("part"))||void 0===s?void 0:s.split(" "))&&void 0!==o?o:[],i=null!==(n=null===(r=t.getAttribute("exportparts"))||void 0===r?void 0:r.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...e,...i).filter(a).map((t=>t.trim())).forEach((t=>l.add(t)))}if(0===l.size)return void this.removeAttribute("exportparts");const h=[...l.values()].flatMap((t=>c.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}}dt([s()],pt.prototype,"exportpartsPrefix",void 0),dt([function(t,e){const i=()=>JSON.parse(JSON.stringify(t));return s({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],pt.prototype,"exportpartsPrefixes",void 0),dt([s()],pt.prototype,"customStylesheet",void 0),p`
|
|
65
65
|
.ft-no-text-select {
|
|
66
66
|
-webkit-touch-callout: none;
|
|
67
67
|
-webkit-user-select: none;
|
|
@@ -82,14 +82,14 @@ var nt,at;class ct extends C{constructor(){super(...arguments),this.renderOption
|
|
|
82
82
|
-webkit-hyphens: auto;
|
|
83
83
|
hyphens: auto
|
|
84
84
|
}
|
|
85
|
-
`;class ft extends pt{get store(){return this.
|
|
85
|
+
`;class ft extends pt{constructor(){super(...arguments),this.internalStoresUnsubscribers=new Map,this.internalStores=new Map}getUnnamedStore(){if(this.internalStores.size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this.internalStores.values()][0]}get store(){return this.getUnnamedStore()}set store(t){this.unsubscribeFromStores(),this.internalStores.clear(),t&&this.addStore(t)}getStore(t){var e;return null==t?null!==(e=this.getUnnamedStore())&&void 0!==e?e:this.store:this.internalStores.get(t)}addStore(t,e){e=null!=e?e:vt(t)?t.name:"ft-lit-element-redux-default-store",this.unsubscribeFromStore(e),this.setupStore(e,t)}removeStore(t){const e="string"==typeof t?t:vt(t)?t.name:"ft-lit-element-redux-default-store";this.unsubscribeFromStore(e),this.internalStores.delete(e)}setupStore(t,e){this.internalStores.set(t,e),this.updateFromStores(),this.subscribeToStore(t,e)}setupStores(){this.unsubscribeFromStores(),this.updateFromStores(),this.internalStores.forEach(((t,e)=>this.subscribeToStore(e,t)))}updateFromStores(){this.reduxProperties&&this.reduxProperties.forEach(((t,e)=>{const i=this.getStore(t.store);i&&(this[e]=t.selector(i.getState(),this))}))}subscribeToStore(t,e){this.internalStoresUnsubscribers.set(t,e.subscribe((()=>this.updateFromStores()))),this.onStoreAvailable(t)}unsubscribeFromStores(){Object.keys(this.internalStoresUnsubscribers).forEach((t=>this.unsubscribeFromStore(t)))}unsubscribeFromStore(t){this.internalStoresUnsubscribers.has(t)&&this.internalStoresUnsubscribers.get(t)(),this.internalStoresUnsubscribers.delete(t)}onStoreAvailable(t){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){this.unsubscribeFromStores(),super.disconnectedCallback()}}function vt(t){var e;return null===(e=t)||void 0===e?void 0:e.isFtReduxStore}var bt,yt;navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(yt=null===(bt=window.safari)||void 0===bt?void 0:bt.pushNotification)||void 0===yt||yt.toString());const mt={textColor:ht.create("--ft-reader-topic-context-text-color","COLOR","#000000"),colorSurface:ht.external(ut.colorSurface,"Design system")},xt=p`
|
|
86
86
|
.ft-reader-topic-context {
|
|
87
87
|
box-sizing: border-box;
|
|
88
|
-
color: ${
|
|
89
|
-
background-color: ${
|
|
88
|
+
color: ${mt.textColor};
|
|
89
|
+
background-color: ${mt.colorSurface};
|
|
90
90
|
}
|
|
91
|
-
`;var
|
|
91
|
+
`;var gt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class wt extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class Ot extends(function(t){class e extends t{constructor(){super(...arguments),this.registerIntervalReader=0}setReaderStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store)}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),this.registerIntervalReader=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this.registerIntervalReader):this.dispatchEvent(new wt)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return gt([o()],e.prototype,"stateManager",void 0),e}(ft)){}var St,Ct=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Nt extends Ot{constructor(){super(...arguments),this.disableContextInteractions=!1,this.registeredComponents=[]}render(){return I`
|
|
92
92
|
<article id=${this.tocId}>
|
|
93
93
|
<slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
|
|
94
94
|
</article>
|
|
95
|
-
`}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}updated(t){super.updated(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=[]}}
|
|
95
|
+
`}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}updated(t){super.updated(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=[]}}Nt.styles=xt,Ct([((t,e)=>{var i;const s="function"==typeof t?{}:null!=t?t:{};return e=null!==(i=null!=e?e:s.hasChanged)&&void 0!==i?i:(t,e)=>!n(t,e),(i,o)=>{var r;i.constructor.createProperty(o,{attribute:!1,hasChanged:e});const n=i;n.reduxProperties=n.reduxProperties||new Map;const a=null!==(r="function"==typeof t?t:s.selector)&&void 0!==r?r:t=>t[o];n.reduxProperties.set(o,{selector:a,store:s.store})}})((t=>{var e;return null===(e=t.map)||void 0===e?void 0:e.id}))],Nt.prototype,"mapId",void 0),Ct([s()],Nt.prototype,"tocId",void 0),Ct([s({type:Boolean})],Nt.prototype,"disableContextInteractions",void 0),Ct([o()],Nt.prototype,"tocNode",void 0),(St="ft-reader-topic-context",t=>{window.customElements.get(St)||window.customElements.define(St,t)})(Nt),t.FtReaderTopicContext=Nt,t.FtReaderTopicContextCssVariables=mt,t.styles=xt,Object.defineProperty(t,"i",{value:!0})}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-reader-topic-context",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.52",
|
|
4
4
|
"description": "Context block for integrated reader topic components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-wc-utils": "0.3.52",
|
|
23
23
|
"lit": "2.2.8"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "746cdd6b34c2fa25220ed735914fb1dff9c0fde7"
|
|
26
26
|
}
|