@fluid-topics/ft-reader-toc 1.2.16 → 1.2.17

package/build/ft-reader-toc.d.ts

@@ -1,8 +1,11 @@
 import { PropertyValues, TemplateResult } from "lit";
-import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
-import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
+import { ElementDefinitionsMap, ParametrizedLabelResolver } from "@fluid-topics/ft-wc-utils";
+import { FtReaderComponent, FtReaderPage, FtReaderTocNode } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
+import { FtSizeCategory } from "@fluid-topics/ft-size-watcher";
 import { FtReaderTocLabels, FtReaderTocProperties } from "./ft-reader-toc.properties";
+import { FtPagesTocNode } from "@fluid-topics/ft-reader-context/build/store/model";
+type TocNode = FtReaderTocNode | FtPagesTocNode;
 export declare class FtReaderToc extends FtReaderComponent implements FtReaderTocProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
@@ -25,19 +28,19 @@ export declare class FtReaderToc extends FtReaderComponent implements FtReaderTo
     scope: FtReaderTocProperties["scope"];
     empty: boolean;
     labels: FtReaderTocLabels;
-    private labelResolver;
-    private toc?;
-    private currentPage?;
-    private highlightedTocIds?;
-    private automaticallyExpandedNodes;
-    private manuallyExpandedNodes;
-    private manuallyCollapsedNodes;
-    private expandAll;
-    private viewportSize;
-    private nodesToExpandExist;
+    labelResolver: ParametrizedLabelResolver<FtReaderTocLabels>;
+    toc?: Array<TocNode>;
+    currentPage?: FtReaderPage;
+    highlightedTocIds?: string[];
+    automaticallyExpandedNodes: Set<string>;
+    manuallyExpandedNodes: Set<string>;
+    manuallyCollapsedNodes: Set<string>;
+    expandAll: boolean;
+    viewportSize: FtSizeCategory;
+    nodesToExpandExist: boolean;
     get isCurrentPageToc(): boolean;
-    protected update(changedProperties: PropertyValues): void;
-    protected contentAvailableCallback(props: PropertyValues): void;
+    protected update(changedProperties: PropertyValues<FtReaderToc>): void;
+    protected contentAvailableCallback(props: PropertyValues<FtReaderToc>): void;
     protected render(): TemplateResult<1>;
     private renderExpandCollapseAll;
     private renderNode;
@@ -48,3 +51,4 @@ export declare class FtReaderToc extends FtReaderComponent implements FtReaderTo
     private getExpandCollapseAllTooltipPosition;
     private getLeafNodeIcon;
 }
+export {};

package/build/ft-reader-toc.js

@@ -70,7 +70,7 @@ class FtReaderToc extends FtReaderComponent {
         if (this.scrollCurrentTopicIntoView && props.has("highlightedTocIds") && this.highlightedTocIds && ((_a = this.highlightedTocIds) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             const target = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`[tocId="${this.highlightedTocIds[0]}"]`);
             if (target) {
-                scrollHelper.scrollIntoViewIfPossible(target, { behavior: "smooth", position: .25 });
+                scrollHelper.scrollIntoViewIfPossible(target, { behavior: "instant", position: .25 });
             }
         }
     }
@@ -298,7 +298,7 @@ __decorate([
         selector: (s, self) => {
             var _a, _b;
             return ((_a = s.paginationConfiguration) === null || _a === void 0 ? void 0 : _a.splitCurrentPageToc) && !self.isCurrentPageToc
-                ? [(_b = s.currentPage) === null || _b === void 0 ? void 0 : _b.rootTocId]
+                ? (((_b = s.currentPage) === null || _b === void 0 ? void 0 : _b.rootTocId) ? [s.currentPage.rootTocId] : [])
                 : s.visibleTopics;
         }
     })

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

@@ -1178,7 +1178,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     .ft-reader-toc-expand-collapse-all-justify ft-button {
         flex-grow: 1;
     }
-`;var A=function(e,o,a,n){var l=arguments.length,c=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(l<3?s(c):l>3?s(o,a,c):s(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},N=class extends Gt{constructor(){super(...arguments),this.expanded=!1,this.iconVariant=at.fluid_topics,this.collapseIcon="MINUS",this.expandIcon="PLUS",this.leafNodeIconVariant=at.fluid_topics,this.leafNodeIcon="DOT",this.expandCollapseAll=!1,this.expandCollapseAllHideLabel=!1,this.expandCollapseAllTrailingIcon=!1,this.expandCollapseAllAlignment="left",this.expandCollapseAllHideIcon=!1,this.collapseAllIcon="ICON_COLLAPSE",this.expandAllIcon="ICON_EXPAND",this.autoCollapse=!1,this.scrollCurrentTopicIntoView=!1,this.scope="pages",this.empty=!0,this.labels={},this.labelResolver=new q.ParametrizedLabelResolver(mo,{}),this.automaticallyExpandedNodes=new Set,this.manuallyExpandedNodes=new Set,this.manuallyCollapsedNodes=new Set,this.expandAll=!1,this.viewportSize=ot.M,this.nodesToExpandExist=!1}get isCurrentPageToc(){return this.scope==="current-page"}update(o){var a,n,l;super.update(o),o.has("toc")&&(this.nodesToExpandExist=((a=this.toc)!==null&&a!==void 0?a:[]).some(c=>c.children.length>0)),o.has("labels")&&(this.labelResolver=new q.ParametrizedLabelResolver(mo,this.labels)),o.has("highlightedTocIds")&&!this.expanded&&(this.automaticallyExpandedNodes=this.buildAutomaticallyExpandedNodes((n=this.highlightedTocIds)!==null&&n!==void 0?n:[])),this.empty=((l=this.toc)!==null&&l!==void 0?l:[]).length===0}contentAvailableCallback(o){var a,n;if(super.contentAvailableCallback(o),this.scrollCurrentTopicIntoView&&o.has("highlightedTocIds")&&this.highlightedTocIds&&((a=this.highlightedTocIds)===null||a===void 0?void 0:a.length)>0){let l=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(`[tocId="${this.highlightedTocIds[0]}"]`);l&&q.scrollHelper.scrollIntoViewIfPossible(l,{behavior:"smooth",position:.25})}}render(){var o;let a={"ft-reader-toc":!0,"ft-reader-toc-mobile":this.viewportSize===ot.S,"ft-reader-toc-desktop":this.viewportSize!==ot.S,"ft-reader-toc-loaded":this.currentPage!=null,"ft-reader-toc-expanded":this.expanded};return st.html`
+`;var A=function(e,o,a,n){var l=arguments.length,c=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(l<3?s(c):l>3?s(o,a,c):s(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},N=class extends Gt{constructor(){super(...arguments),this.expanded=!1,this.iconVariant=at.fluid_topics,this.collapseIcon="MINUS",this.expandIcon="PLUS",this.leafNodeIconVariant=at.fluid_topics,this.leafNodeIcon="DOT",this.expandCollapseAll=!1,this.expandCollapseAllHideLabel=!1,this.expandCollapseAllTrailingIcon=!1,this.expandCollapseAllAlignment="left",this.expandCollapseAllHideIcon=!1,this.collapseAllIcon="ICON_COLLAPSE",this.expandAllIcon="ICON_EXPAND",this.autoCollapse=!1,this.scrollCurrentTopicIntoView=!1,this.scope="pages",this.empty=!0,this.labels={},this.labelResolver=new q.ParametrizedLabelResolver(mo,{}),this.automaticallyExpandedNodes=new Set,this.manuallyExpandedNodes=new Set,this.manuallyCollapsedNodes=new Set,this.expandAll=!1,this.viewportSize=ot.M,this.nodesToExpandExist=!1}get isCurrentPageToc(){return this.scope==="current-page"}update(o){var a,n,l;super.update(o),o.has("toc")&&(this.nodesToExpandExist=((a=this.toc)!==null&&a!==void 0?a:[]).some(c=>c.children.length>0)),o.has("labels")&&(this.labelResolver=new q.ParametrizedLabelResolver(mo,this.labels)),o.has("highlightedTocIds")&&!this.expanded&&(this.automaticallyExpandedNodes=this.buildAutomaticallyExpandedNodes((n=this.highlightedTocIds)!==null&&n!==void 0?n:[])),this.empty=((l=this.toc)!==null&&l!==void 0?l:[]).length===0}contentAvailableCallback(o){var a,n;if(super.contentAvailableCallback(o),this.scrollCurrentTopicIntoView&&o.has("highlightedTocIds")&&this.highlightedTocIds&&((a=this.highlightedTocIds)===null||a===void 0?void 0:a.length)>0){let l=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(`[tocId="${this.highlightedTocIds[0]}"]`);l&&q.scrollHelper.scrollIntoViewIfPossible(l,{behavior:"instant",position:.25})}}render(){var o;let a={"ft-reader-toc":!0,"ft-reader-toc-mobile":this.viewportSize===ot.S,"ft-reader-toc-desktop":this.viewportSize!==ot.S,"ft-reader-toc-loaded":this.currentPage!=null,"ft-reader-toc-expanded":this.expanded};return st.html`
             <div class=${(0,Qa.classMap)(a)}>
                 <ft-size-watcher @change=${this.onViewportSizeChange}></ft-size-watcher>
                 ${this.renderExpandCollapseAll()}
@@ -1238,7 +1238,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                      part="leaf-node-icon"
                      .variant="${this.leafNodeIconVariant}"
                      .value="${this.leafNodeIcon}"></ft-icon>
-        `}};N.elementDefinitions={"ft-button":ft,"ft-icon":Q,"ft-reader-internal-link":dt,"ft-size-watcher":it,"ft-typography":rt};N.styles=qa;A([(0,I.property)({type:Boolean})],N.prototype,"expanded",void 0);A([(0,I.property)()],N.prototype,"iconVariant",void 0);A([(0,I.property)()],N.prototype,"collapseIcon",void 0);A([(0,I.property)()],N.prototype,"expandIcon",void 0);A([(0,I.property)()],N.prototype,"leafNodeIconVariant",void 0);A([(0,I.property)()],N.prototype,"leafNodeIcon",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAll",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllHideLabel",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllTrailingIcon",void 0);A([(0,I.property)()],N.prototype,"expandCollapseAllAlignment",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllHideIcon",void 0);A([(0,I.property)()],N.prototype,"expandCollapseAllIconVariant",void 0);A([(0,I.property)()],N.prototype,"collapseAllIcon",void 0);A([(0,I.property)()],N.prototype,"expandAllIcon",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"autoCollapse",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"scrollCurrentTopicIntoView",void 0);A([(0,I.property)()],N.prototype,"scope",void 0);A([(0,I.property)({type:Boolean,reflect:!0})],N.prototype,"empty",void 0);A([(0,q.jsonProperty)({})],N.prototype,"labels",void 0);A([(0,q.redux)({selector:(e,o)=>{var a,n,l;return o.isCurrentPageToc?!((a=e.paginationConfiguration)===null||a===void 0)&&a.splitCurrentPageToc?(n=e.currentPage)===null||n===void 0?void 0:n.toc:void 0:!((l=e.paginationConfiguration)===null||l===void 0)&&l.splitCurrentPageToc?e.pagesToc:e.toc}})],N.prototype,"toc",void 0);A([(0,q.redux)()],N.prototype,"currentPage",void 0);A([(0,q.redux)({selector:(e,o)=>{var a,n;return!((a=e.paginationConfiguration)===null||a===void 0)&&a.splitCurrentPageToc&&!o.isCurrentPageToc?[(n=e.currentPage)===null||n===void 0?void 0:n.rootTocId]:e.visibleTopics}})],N.prototype,"highlightedTocIds",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"automaticallyExpandedNodes",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"manuallyExpandedNodes",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"manuallyCollapsedNodes",void 0);A([(0,I.state)()],N.prototype,"expandAll",void 0);A([(0,I.state)()],N.prototype,"viewportSize",void 0);(0,tn.customElement)("ft-reader-toc")(N);})();
+        `}};N.elementDefinitions={"ft-button":ft,"ft-icon":Q,"ft-reader-internal-link":dt,"ft-size-watcher":it,"ft-typography":rt};N.styles=qa;A([(0,I.property)({type:Boolean})],N.prototype,"expanded",void 0);A([(0,I.property)()],N.prototype,"iconVariant",void 0);A([(0,I.property)()],N.prototype,"collapseIcon",void 0);A([(0,I.property)()],N.prototype,"expandIcon",void 0);A([(0,I.property)()],N.prototype,"leafNodeIconVariant",void 0);A([(0,I.property)()],N.prototype,"leafNodeIcon",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAll",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllHideLabel",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllTrailingIcon",void 0);A([(0,I.property)()],N.prototype,"expandCollapseAllAlignment",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"expandCollapseAllHideIcon",void 0);A([(0,I.property)()],N.prototype,"expandCollapseAllIconVariant",void 0);A([(0,I.property)()],N.prototype,"collapseAllIcon",void 0);A([(0,I.property)()],N.prototype,"expandAllIcon",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"autoCollapse",void 0);A([(0,I.property)({type:Boolean})],N.prototype,"scrollCurrentTopicIntoView",void 0);A([(0,I.property)()],N.prototype,"scope",void 0);A([(0,I.property)({type:Boolean,reflect:!0})],N.prototype,"empty",void 0);A([(0,q.jsonProperty)({})],N.prototype,"labels",void 0);A([(0,q.redux)({selector:(e,o)=>{var a,n,l;return o.isCurrentPageToc?!((a=e.paginationConfiguration)===null||a===void 0)&&a.splitCurrentPageToc?(n=e.currentPage)===null||n===void 0?void 0:n.toc:void 0:!((l=e.paginationConfiguration)===null||l===void 0)&&l.splitCurrentPageToc?e.pagesToc:e.toc}})],N.prototype,"toc",void 0);A([(0,q.redux)()],N.prototype,"currentPage",void 0);A([(0,q.redux)({selector:(e,o)=>{var a,n;return!((a=e.paginationConfiguration)===null||a===void 0)&&a.splitCurrentPageToc&&!o.isCurrentPageToc?!((n=e.currentPage)===null||n===void 0)&&n.rootTocId?[e.currentPage.rootTocId]:[]:e.visibleTopics}})],N.prototype,"highlightedTocIds",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"automaticallyExpandedNodes",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"manuallyExpandedNodes",void 0);A([(0,I.state)({hasChanged:q.hasChanged})],N.prototype,"manuallyCollapsedNodes",void 0);A([(0,I.state)()],N.prototype,"expandAll",void 0);A([(0,I.state)()],N.prototype,"viewportSize",void 0);(0,tn.customElement)("ft-reader-toc")(N);})();
 /*! Bundled license information:
 
 lit-html/lit-html.js: