@fluid-topics/ft-reader-topic-context 2.1.10 → 2.1.12

package/build/ft-reader-topic-context.d.ts

@@ -13,6 +13,7 @@ export declare class FtReaderTopicContext extends FtReaderComponent implements F
     tocId?: string;
     disableContextInteractions: boolean;
     headingLevelsShift: number;
+    headingStartLevel?: number;
     tocNode?: FtReaderTocNode;
     private registeredComponents;
     protected render(): import("lit-html").TemplateResult<1>;

package/build/ft-reader-topic-context.js

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
+import { html, } from "lit";
+import { property, state, } from "lit/decorators.js";
 import { styles } from "./ft-reader-topic-context.styles";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
-import { redux } from "@fluid-topics/ft-wc-utils";
+import { numberProperty, redux, } from "@fluid-topics/ft-wc-utils";
 export class FtReaderTopicContext extends FtReaderComponent {
     constructor() {
         // Uncomment to use scoped web components
@@ -22,7 +22,7 @@ export class FtReaderTopicContext extends FtReaderComponent {
     }
     render() {
         return html `
-            <article id=${this.tocId}>
+            <article id="${this.tocId}">
                 <slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
             </article>
         `;
@@ -37,14 +37,15 @@ export class FtReaderTopicContext extends FtReaderComponent {
         component.tocNode = this.tocNode;
         component.disableContextInteractions = this.disableContextInteractions;
         component.headingLevelsShift = this.headingLevelsShift;
+        component.headingStartLevel = this.headingStartLevel;
     }
     update(changedProperties) {
         super.update(changedProperties);
-        if (["mapId", "tocId", "stateManager", "translationDestinationLanguage", "translationProfileId"].some(p => changedProperties.has(p))) {
+        if (["mapId", "tocId", "stateManager", "translationDestinationLanguage", "translationProfileId"].some((p) => changedProperties.has(p))) {
             this.setTocNode();
         }
         if (changedProperties.has("tocNode")) {
-            this.registeredComponents.forEach(c => c.tocNode = this.tocNode);
+            this.registeredComponents.forEach((c) => c.tocNode = this.tocNode);
         }
     }
     async setTocNode() {
@@ -76,6 +77,9 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], FtReaderTopicContext.prototype, "headingLevelsShift", void 0);
+__decorate([
+    numberProperty()
+], FtReaderTopicContext.prototype, "headingStartLevel", void 0);
 __decorate([
     state()
 ], FtReaderTopicContext.prototype, "tocNode", void 0);

package/build/ft-reader-topic-context.light.js

@@ -1,6 +1,6 @@
-"use strict";(()=>{var w=Object.create;var I=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var g=(e,t)=>()=>{try{return t||e((t={exports:{}}).exports,t),t.exports}catch(o){throw t=0,o}};var j=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of K(t))!D.call(e,r)&&r!==o&&I(e,r,{get:()=>t[r],enumerable:!(i=A(t,r))||i.enumerable});return e};var l=(e,t,o)=>(o=e!=null?w(B(e)):{},j(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e));var f=g(($,N)=>{N.exports=ftGlobals.wcUtils});var v=g((H,O)=>{O.exports=ftGlobals.lit});var C=g((V,y)=>{y.exports=ftGlobals.litDecorators});var P=l(f());var _=l(v()),p=l(C());var S=l(v());var T=S.css`
-`;var m=l(f()),R=l(C());var L;(function(e){e.clusteringHelperCreated="clustering-helper-created",e.mapAttachmentsUpdate="map-attachments-update",e.visibleTopicChange="visible-topic-change",e.requestedTopicNotFound="requested-topic-not-found"})(L||(L={}));var M;(function(e){e.FEEDBACK="FEEDBACK",e.RATING="RATING",e.PRINT="PRINT",e.BOOKMARK="BOOKMARK",e.COLLECTIONS="COLLECTIONS",e.PERSONAL_BOOKS="PERSONAL_BOOKS"})(M||(M={}));var G=function(e,t,o,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,o,i);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(s=(r<3?a(s):r>3?a(t,o,s):a(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},x=class extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}},b=Symbol("registerInterval"),q=(0,m.applyMixinOnce)(Symbol("toFtReaderComponent"),function(e){var t;class o extends e{constructor(){super(...arguments),this[t]=0}setReaderStateManager(r){this.clearStateManager(),this.stateManager=r,this.addStore(r.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var r;return(r=this.stateManager)===null||r===void 0?void 0:r.service}connectedCallback(){super.connectedCallback(),this[b]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[b]):this.dispatchEvent(new x)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=b,G([(0,R.state)()],o.prototype,"stateManager",void 0),o}),h=class extends q(m.FtLitElementRedux){};var u=l(f()),d=function(e,t,o,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,o,i);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(s=(r<3?a(s):r>3?a(t,o,s):a(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},n=class extends h{constructor(){super(...arguments),this.disableContextInteractions=!1,this.headingLevelsShift=0,this.registeredComponents=[]}render(){return _.html`
-            <article id=${this.tocId}>
+"use strict";(()=>{var w=Object.create;var I=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var g=(e,t)=>()=>{try{return t||e((t={exports:{}}).exports,t),t.exports}catch(o){throw t=0,o}};var j=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of K(t))!D.call(e,r)&&r!==o&&I(e,r,{get:()=>t[r],enumerable:!(s=A(t,r))||s.enumerable});return e};var d=(e,t,o)=>(o=e!=null?w(B(e)):{},j(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e));var f=g(($,y)=>{y.exports=ftGlobals.wcUtils});var v=g((H,N)=>{N.exports=ftGlobals.lit});var C=g((V,O)=>{O.exports=ftGlobals.litDecorators});var E=d(f());var _=d(v()),p=d(C());var S=d(v());var L=S.css`
+`;var u=d(f()),R=d(C());var T;(function(e){e.clusteringHelperCreated="clustering-helper-created",e.mapAttachmentsUpdate="map-attachments-update",e.visibleTopicChange="visible-topic-change",e.requestedTopicNotFound="requested-topic-not-found"})(T||(T={}));var M;(function(e){e.FEEDBACK="FEEDBACK",e.RATING="RATING",e.PRINT="PRINT",e.BOOKMARK="BOOKMARK",e.COLLECTIONS="COLLECTIONS",e.PERSONAL_BOOKS="PERSONAL_BOOKS"})(M||(M={}));var G=function(e,t,o,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(r<3?a(i):r>3?a(t,o,i):a(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i},x=class extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}},b=Symbol("registerInterval"),q=(0,u.applyMixinOnce)(Symbol("toFtReaderComponent"),function(e){var t;class o extends e{constructor(){super(...arguments),this[t]=0}setReaderStateManager(r){this.clearStateManager(),this.stateManager=r,this.addStore(r.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var r;return(r=this.stateManager)===null||r===void 0?void 0:r.service}connectedCallback(){super.connectedCallback(),this[b]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[b]):this.dispatchEvent(new x)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=b,G([(0,R.state)()],o.prototype,"stateManager",void 0),o}),m=class extends q(u.FtLitElementRedux){};var h=d(f()),c=function(e,t,o,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(r<3?a(i):r>3?a(t,o,i):a(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i},n=class extends m{constructor(){super(...arguments),this.disableContextInteractions=!1,this.headingLevelsShift=0,this.registeredComponents=[]}render(){return _.html`
+            <article id="${this.tocId}">
                 <slot @register-ft-reader-topic-component=${this.registerComponent}></slot>
             </article>
-        `}registerComponent(t){t.stopPropagation();let o=t.composedPath()[0];this.register(o)}register(t){this.registeredComponents.push(t),t.tocNode=this.tocNode,t.disableContextInteractions=this.disableContextInteractions,t.headingLevelsShift=this.headingLevelsShift}update(t){super.update(t),["mapId","tocId","stateManager","translationDestinationLanguage","translationProfileId"].some(o=>t.has(o))&&this.setTocNode(),t.has("tocNode")&&this.registeredComponents.forEach(o=>o.tocNode=this.tocNode)}async setTocNode(){var t;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await((t=this.stateManager)===null||t===void 0?void 0:t.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}};n.styles=T;d([(0,u.redux)({selector:e=>{var t;return(t=e.map)===null||t===void 0?void 0:t.id}})],n.prototype,"mapId",void 0);d([(0,u.redux)({selector:e=>e.translation.profileId})],n.prototype,"translationProfileId",void 0);d([(0,u.redux)({selector:e=>e.translation.destinationLanguage})],n.prototype,"translationDestinationLanguage",void 0);d([(0,p.property)()],n.prototype,"tocId",void 0);d([(0,p.property)({type:Boolean})],n.prototype,"disableContextInteractions",void 0);d([(0,p.property)({type:Number})],n.prototype,"headingLevelsShift",void 0);d([(0,p.state)()],n.prototype,"tocNode",void 0);var E={"ft-reader-topic-context":n};(0,P.customElements)(E);})();
+        `}registerComponent(t){t.stopPropagation();let o=t.composedPath()[0];this.register(o)}register(t){this.registeredComponents.push(t),t.tocNode=this.tocNode,t.disableContextInteractions=this.disableContextInteractions,t.headingLevelsShift=this.headingLevelsShift,t.headingStartLevel=this.headingStartLevel}update(t){super.update(t),["mapId","tocId","stateManager","translationDestinationLanguage","translationProfileId"].some(o=>t.has(o))&&this.setTocNode(),t.has("tocNode")&&this.registeredComponents.forEach(o=>o.tocNode=this.tocNode)}async setTocNode(){var t;this.tocNode=void 0,this.tocNode=this.mapId&&this.tocId?await((t=this.stateManager)===null||t===void 0?void 0:t.getTocNode(this.tocId)):void 0}disconnectedCallback(){super.disconnectedCallback(),this.registeredComponents=[]}};n.styles=L;c([(0,h.redux)({selector:e=>{var t;return(t=e.map)===null||t===void 0?void 0:t.id}})],n.prototype,"mapId",void 0);c([(0,h.redux)({selector:e=>e.translation.profileId})],n.prototype,"translationProfileId",void 0);c([(0,h.redux)({selector:e=>e.translation.destinationLanguage})],n.prototype,"translationDestinationLanguage",void 0);c([(0,p.property)()],n.prototype,"tocId",void 0);c([(0,p.property)({type:Boolean})],n.prototype,"disableContextInteractions",void 0);c([(0,p.property)({type:Number})],n.prototype,"headingLevelsShift",void 0);c([(0,h.numberProperty)()],n.prototype,"headingStartLevel",void 0);c([(0,p.state)()],n.prototype,"tocNode",void 0);var P={"ft-reader-topic-context":n};(0,E.customElements)(P);})();