1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 | "use strict";
|
23 |
|
24 | Object.defineProperty(exports, "__esModule", {
|
25 | value: true
|
26 | });
|
27 | exports.BaseTreeViewer = void 0;
|
28 |
|
29 | var _ui_utils = require("./ui_utils.js");
|
30 |
|
31 | const TREEITEM_OFFSET_TOP = -100;
|
32 | const TREEITEM_SELECTED_CLASS = "selected";
|
33 |
|
34 | class BaseTreeViewer {
|
35 | constructor(options) {
|
36 | if (this.constructor === BaseTreeViewer) {
|
37 | throw new Error("Cannot initialize BaseTreeViewer.");
|
38 | }
|
39 |
|
40 | this.container = options.container;
|
41 | this.eventBus = options.eventBus;
|
42 | this.reset();
|
43 | }
|
44 |
|
45 | reset() {
|
46 | this._pdfDocument = null;
|
47 | this._lastToggleIsShow = true;
|
48 | this._currentTreeItem = null;
|
49 | this.container.textContent = "";
|
50 | this.container.classList.remove("treeWithDeepNesting");
|
51 | }
|
52 |
|
53 | _dispatchEvent(count) {
|
54 | throw new Error("Not implemented: _dispatchEvent");
|
55 | }
|
56 |
|
57 | _bindLink(element, params) {
|
58 | throw new Error("Not implemented: _bindLink");
|
59 | }
|
60 |
|
61 | _normalizeTextContent(str) {
|
62 | return (0, _ui_utils.removeNullCharacters)(str, true) || "\u2013";
|
63 | }
|
64 |
|
65 | _addToggleButton(div, hidden = false) {
|
66 | const toggler = document.createElement("div");
|
67 | toggler.className = "treeItemToggler";
|
68 |
|
69 | if (hidden) {
|
70 | toggler.classList.add("treeItemsHidden");
|
71 | }
|
72 |
|
73 | toggler.onclick = evt => {
|
74 | evt.stopPropagation();
|
75 | toggler.classList.toggle("treeItemsHidden");
|
76 |
|
77 | if (evt.shiftKey) {
|
78 | const shouldShowAll = !toggler.classList.contains("treeItemsHidden");
|
79 |
|
80 | this._toggleTreeItem(div, shouldShowAll);
|
81 | }
|
82 | };
|
83 |
|
84 | div.prepend(toggler);
|
85 | }
|
86 |
|
87 | _toggleTreeItem(root, show = false) {
|
88 | this._lastToggleIsShow = show;
|
89 |
|
90 | for (const toggler of root.querySelectorAll(".treeItemToggler")) {
|
91 | toggler.classList.toggle("treeItemsHidden", !show);
|
92 | }
|
93 | }
|
94 |
|
95 | _toggleAllTreeItems() {
|
96 | this._toggleTreeItem(this.container, !this._lastToggleIsShow);
|
97 | }
|
98 |
|
99 | _finishRendering(fragment, count, hasAnyNesting = false) {
|
100 | if (hasAnyNesting) {
|
101 | this.container.classList.add("treeWithDeepNesting");
|
102 | this._lastToggleIsShow = !fragment.querySelector(".treeItemsHidden");
|
103 | }
|
104 |
|
105 | this.container.append(fragment);
|
106 |
|
107 | this._dispatchEvent(count);
|
108 | }
|
109 |
|
110 | render(params) {
|
111 | throw new Error("Not implemented: render");
|
112 | }
|
113 |
|
114 | _updateCurrentTreeItem(treeItem = null) {
|
115 | if (this._currentTreeItem) {
|
116 | this._currentTreeItem.classList.remove(TREEITEM_SELECTED_CLASS);
|
117 |
|
118 | this._currentTreeItem = null;
|
119 | }
|
120 |
|
121 | if (treeItem) {
|
122 | treeItem.classList.add(TREEITEM_SELECTED_CLASS);
|
123 | this._currentTreeItem = treeItem;
|
124 | }
|
125 | }
|
126 |
|
127 | _scrollToCurrentTreeItem(treeItem) {
|
128 | if (!treeItem) {
|
129 | return;
|
130 | }
|
131 |
|
132 | let currentNode = treeItem.parentNode;
|
133 |
|
134 | while (currentNode && currentNode !== this.container) {
|
135 | if (currentNode.classList.contains("treeItem")) {
|
136 | const toggler = currentNode.firstElementChild;
|
137 | toggler?.classList.remove("treeItemsHidden");
|
138 | }
|
139 |
|
140 | currentNode = currentNode.parentNode;
|
141 | }
|
142 |
|
143 | this._updateCurrentTreeItem(treeItem);
|
144 |
|
145 | this.container.scrollTo(treeItem.offsetLeft, treeItem.offsetTop + TREEITEM_OFFSET_TOP);
|
146 | }
|
147 |
|
148 | }
|
149 |
|
150 | exports.BaseTreeViewer = BaseTreeViewer; |
\ | No newline at end of file |