@fluid-topics/ft-reader-toc 2.1.18 → 2.1.20

package/build/FtReaderTocMessages.js

@@ -1,4 +1,4 @@
-import { I18nMessageContext } from "@fluid-topics/ft-i18n";
+import { I18nMessageContext, } from "@fluid-topics/ft-i18n";
 export const readerToc = I18nMessageContext.build("designedReaderToc");
 export const readerTocDefaultMessages = {
     expand: "Expand {0}",

package/build/ft-reader-toc.js

@@ -4,23 +4,23 @@ 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, nothing } from "lit";
+import { html, nothing, } from "lit";
 import { repeat } from "lit/directives/repeat.js";
 import { classMap } from "lit/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { property, state } from "lit/decorators.js";
-import { hasChanged, redux, scrollHelper } from "@fluid-topics/ft-wc-utils";
+import { property, state, } from "lit/decorators.js";
+import { hasChanged, redux, scrollHelper, } from "@fluid-topics/ft-wc-utils";
 import { FtReaderComponent, } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtReaderInternalLink } from "@fluid-topics/ft-reader-internal-link";
-import { FtIcon, FtIconVariants } from "@fluid-topics/ft-icon";
+import { FtIcon, FtIconVariants, } from "@fluid-topics/ft-icon";
 import { FtButton } from "@fluid-topics/ft-button";
-import { FtSizeCategory, FtSizeWatcher } from "@fluid-topics/ft-size-watcher";
-import { FtReaderTocCssVariables, styles } from "./ft-reader-toc.styles";
+import { FtSizeCategory, FtSizeWatcher, } from "@fluid-topics/ft-size-watcher";
+import { FtReaderTocCssVariables, styles, } from "./ft-reader-toc.styles";
 import { FtSkeleton } from "@fluid-topics/ft-skeleton";
 import { withI18n } from "@fluid-topics/ft-i18n";
-import { readerToc, readerTocDefaultMessages } from "./FtReaderTocMessages";
+import { readerToc, readerTocDefaultMessages, } from "./FtReaderTocMessages";
 export class FtReaderToc extends withI18n(FtReaderComponent) {
     get isCurrentPageToc() {
         return this.scope === "current-page";
@@ -56,7 +56,7 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
         var _a, _b, _c;
         super.update(changedProperties);
         if (changedProperties.has("toc")) {
-            this.nodesToExpandExist = ((_a = this.toc) !== null && _a !== void 0 ? _a : []).some(n => n.children.length > 0);
+            this.nodesToExpandExist = ((_a = this.toc) !== null && _a !== void 0 ? _a : []).some((n) => n.children.length > 0);
         }
         if (changedProperties.has("highlightedTocIds") && !this.expanded) {
             this.automaticallyExpandedNodes = this.buildAutomaticallyExpandedNodes((_b = this.highlightedTocIds) !== null && _b !== void 0 ? _b : []);
@@ -69,7 +69,7 @@ export class FtReaderToc extends withI18n(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: "instant", position: .25 });
+                scrollHelper.scrollIntoViewIfPossible(target, { behavior: "instant", position: 0.25 });
             }
         }
     }
@@ -83,10 +83,10 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
             "ft-reader-toc-expanded": this.expanded,
         };
         return html `
-            <div class=${classMap(classes)}>
+            <div class="${classMap(classes)}">
                 <ft-size-watcher @change=${this.onViewportSizeChange}></ft-size-watcher>
                 ${this.renderExpandCollapseAll()}
-                ${repeat((_a = this.toc) !== null && _a !== void 0 ? _a : [], node => node.tocId, node => this.renderNode(node))}
+                ${repeat((_a = this.toc) !== null && _a !== void 0 ? _a : [], (node) => node.tocId, (node) => this.renderNode(node))}
             </div>
         `;
     }
@@ -117,12 +117,12 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
         const currentPageDepth = this.isCurrentPageToc ? ((_c = (_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.breadcrumb.length) !== null && _c !== void 0 ? _c : 0) + 1 : 0;
         const tabNumber = node.depth - 1 - currentPageDepth;
         const styles = {
-            "padding-left": `calc( ${FtReaderTocCssVariables.tabulationSize} * ${tabNumber} + 4px)` // +4px for padding before button
+            "padding-left": `calc( ${FtReaderTocCssVariables.tabulationSize} * ${tabNumber} + 4px)`, // +4px for padding before button
         };
         return html `
             <div class="ft-reader-toc--node ${isHighlighted ? "ft-reader-toc--node-highlighted" : ""}"
                  aria-current="${ifDefined(isHighlighted ? "true" : undefined)}">
-                <div class="ft-reader-toc--link-container" data-depth="${node.depth}" style=${styleMap(styles)}>
+                <div class="ft-reader-toc--link-container" data-depth="${node.depth}" style="${styleMap(styles)}">
                     ${this.nodesToExpandExist && !this.expanded ? html `
                             <div class="ft-reader-toc--toggle-container">
                                 ${canDisplayChildren ? html `
@@ -131,7 +131,7 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
                                                    round hideTooltip
                                                    ?dense=${this.viewportSize !== FtSizeCategory.S}
                                                    label="${isExpanded ? readerToc.messages.collapse(node.title) : readerToc.messages.expand(node.title)}"
-                                                   .iconVariant="${this.iconVariant}"
+                                                   .iconVariant=${this.iconVariant}
                                                    icon="${isExpanded
             ? (this.collapseIcon || "MINUS")
             : (this.expandIcon || "PLUS")}"
@@ -158,7 +158,7 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
                         <div id="${node.tocId}-children"
                              class="ft-reader-toc--node-children"
                              ?hidden=${!isExpanded}>
-                            ${repeat(isExpanded ? node.children : [], (child) => child.tocId, child => this.renderNode(child))}
+                            ${repeat(isExpanded ? node.children : [], (child) => child.tocId, (child) => this.renderNode(child))}
                         </div>
                     ` : nothing}
             </div>
@@ -166,8 +166,8 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
     }
     buildAutomaticallyExpandedNodes(tocIdsToShow) {
         var _a, _b;
-        let topicsToExpand = new Set(this.autoCollapse ? [] : this.automaticallyExpandedNodes);
-        for (let tocIdToShow of tocIdsToShow) {
+        const topicsToExpand = new Set(this.autoCollapse ? [] : this.automaticallyExpandedNodes);
+        for (const tocIdToShow of tocIdsToShow) {
             let tocIdToExpand = tocIdToShow;
             while (tocIdToExpand && !topicsToExpand.has(tocIdToExpand)) {
                 topicsToExpand.add(tocIdToExpand);
@@ -211,8 +211,8 @@ export class FtReaderToc extends withI18n(FtReaderComponent) {
         return html `
             <ft-icon class="ft-reader-toc--leaf-node-icon"
                      part="leaf-node-icon"
-                     .variant="${this.leafNodeIconVariant}"
-                     .value="${this.leafNodeIcon}"></ft-icon>
+                     .variant=${this.leafNodeIconVariant}
+                     .value=${this.leafNodeIcon}></ft-icon>
         `;
     }
 }
@@ -222,7 +222,7 @@ FtReaderToc.elementDefinitions = {
     "ft-reader-internal-link": FtReaderInternalLink,
     "ft-size-watcher": FtSizeWatcher,
     "ft-typography": FtTypography,
-    "ft-skeleton": FtSkeleton
+    "ft-skeleton": FtSkeleton,
 };
 // language=CSS
 FtReaderToc.styles = styles;
@@ -288,7 +288,7 @@ __decorate([
                 return ((_a = s.paginationConfiguration) === null || _a === void 0 ? void 0 : _a.splitCurrentPageToc) ? (_b = s.currentPage) === null || _b === void 0 ? void 0 : _b.toc : undefined;
             }
             return ((_c = s.paginationConfiguration) === null || _c === void 0 ? void 0 : _c.splitCurrentPageToc) ? s.pagesToc : s.toc;
-        }
+        },
     })
 ], FtReaderToc.prototype, "toc", void 0);
 __decorate([
@@ -301,7 +301,7 @@ __decorate([
             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) ? [s.currentPage.rootTocId] : [])
                 : s.visibleTopics;
-        }
+        },
     })
 ], FtReaderToc.prototype, "highlightedTocIds", void 0);
 __decorate([