@fluid-topics/ft-reader-toc 0.3.71 → 1.0.0-alpha.1

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

@@ -9,4 +9,3 @@ export declare const FtReaderTocCssVariables: {
     iconFontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=ft-reader-toc.css.d.ts.map

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

@@ -72,4 +72,3 @@ export const styles = css `
         flex-grow: 1;
     }
 `;
-//# sourceMappingURL=ft-reader-toc.css.js.map

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

@@ -15,7 +15,7 @@ export declare class FtReaderToc extends FtReaderComponent implements FtReaderTo
     expandCollapseAllTrailingIcon: boolean;
     expandCollapseAllAlignment: "left" | "right" | "center" | "justify";
     expandCollapseAllHideIcon: boolean;
-    expandCollapseAllIconVariant: FtIconVariants;
+    expandCollapseAllIconVariant?: FtIconVariants;
     collapseAllIcon: string;
     expandAllIcon: string;
     autoCollapse: boolean;
@@ -45,4 +45,3 @@ export declare class FtReaderToc extends FtReaderComponent implements FtReaderTo
     private toggleExpandCollapseAll;
     private getExpandCollapseAllTooltipPosition;
 }
-//# sourceMappingURL=ft-reader-toc.d.ts.map

package/build/ft-reader-toc.js

@@ -18,7 +18,7 @@ import { FtButton } from "@fluid-topics/ft-button";
 import { FtSizeCategory, FtSizeWatcher } from "@fluid-topics/ft-size-watcher";
 import { DEFAULT_LABELS } from "./ft-reader-toc.properties";
 import { FtReaderTocCssVariables, styles } from "./ft-reader-toc.css";
-export class FtReaderToc extends FtReaderComponent {
+class FtReaderToc extends FtReaderComponent {
     constructor() {
         super(...arguments);
         this.expanded = false;
@@ -30,7 +30,6 @@ export class FtReaderToc extends FtReaderComponent {
         this.expandCollapseAllTrailingIcon = false;
         this.expandCollapseAllAlignment = "left";
         this.expandCollapseAllHideIcon = false;
-        this.expandCollapseAllIconVariant = FtIconVariants.fluid_topics;
         this.collapseAllIcon = "ICON_COLLAPSE";
         this.expandAllIcon = "ICON_EXPAND";
         this.autoCollapse = false;
@@ -126,7 +125,7 @@ export class FtReaderToc extends FtReaderComponent {
                                                         round hideTooltip
                                                         ?dense=${this.viewportSize !== FtSizeCategory.S}
                                                         label="${this.labelResolver.resolve(isExpanded ? "collapse" : "expand", node.title)}"
-                                                        iconVariant="${this.iconVariant}"
+                                                        .iconVariant="${this.iconVariant}"
                                                         icon="${isExpanded ? (this.collapseIcon || "MINUS") : (this.expandIcon || "PLUS")}"
                                                         @click=${() => this.manuallyToggle(node.tocId, isExpanded)}
                                                         data-expand-node="${node.tocId}"
@@ -260,22 +259,24 @@ __decorate([
     jsonProperty({})
 ], FtReaderToc.prototype, "labels", void 0);
 __decorate([
-    redux((s, self) => {
-        var _a, _b, _c;
-        if (self.isCurrentPageToc) {
-            return ((_a = s.paginationConfiguration) === null || _a === void 0 ? void 0 : _a.splitCurrentPageToc) ? (_b = s.currentPage) === null || _b === void 0 ? void 0 : _b.toc : undefined;
+    redux({
+        selector: (s, self) => {
+            var _a, _b, _c;
+            if (self.isCurrentPageToc) {
+                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;
         }
-        return ((_c = s.paginationConfiguration) === null || _c === void 0 ? void 0 : _c.splitCurrentPageToc) ? s.pagesToc : s.toc;
     })
 ], FtReaderToc.prototype, "toc", void 0);
 __decorate([
-    redux((s) => { var _a; return (_a = s.paginationConfiguration) === null || _a === void 0 ? void 0 : _a.splitCurrentPageToc; })
+    redux({ selector: (s) => { var _a; return (_a = s.paginationConfiguration) === null || _a === void 0 ? void 0 : _a.splitCurrentPageToc; } })
 ], FtReaderToc.prototype, "splitToc", void 0);
 __decorate([
     redux()
 ], FtReaderToc.prototype, "currentPage", void 0);
 __decorate([
-    redux((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] : s.visibleTopics; })
+    redux({ 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] : s.visibleTopics; } })
 ], FtReaderToc.prototype, "highlightedTocIds", void 0);
 __decorate([
     state({ hasChanged: (value, oldValue) => !deepEqual(value, oldValue) })
@@ -292,4 +293,4 @@ __decorate([
 __decorate([
     state()
 ], FtReaderToc.prototype, "viewportSize", void 0);
-//# sourceMappingURL=ft-reader-toc.js.map
+export { FtReaderToc };