123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- /**
- * @licstart The following is the entire license notice for the
- * JavaScript code in this page
- *
- * Copyright 2022 Mozilla Foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * @licend The above is the entire license notice for the
- * JavaScript code in this page
- */
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.BaseTreeViewer = void 0;
- var _ui_utils = require("./ui_utils.js");
- const TREEITEM_OFFSET_TOP = -100;
- const TREEITEM_SELECTED_CLASS = "selected";
- class BaseTreeViewer {
- constructor(options) {
- if (this.constructor === BaseTreeViewer) {
- throw new Error("Cannot initialize BaseTreeViewer.");
- }
- this.container = options.container;
- this.eventBus = options.eventBus;
- this.reset();
- }
- reset() {
- this._pdfDocument = null;
- this._lastToggleIsShow = true;
- this._currentTreeItem = null;
- this.container.textContent = "";
- this.container.classList.remove("treeWithDeepNesting");
- }
- _dispatchEvent(count) {
- throw new Error("Not implemented: _dispatchEvent");
- }
- _bindLink(element, params) {
- throw new Error("Not implemented: _bindLink");
- }
- _normalizeTextContent(str) {
- return (0, _ui_utils.removeNullCharacters)(str, true) || "\u2013";
- }
- _addToggleButton(div, hidden = false) {
- const toggler = document.createElement("div");
- toggler.className = "treeItemToggler";
- if (hidden) {
- toggler.classList.add("treeItemsHidden");
- }
- toggler.onclick = evt => {
- evt.stopPropagation();
- toggler.classList.toggle("treeItemsHidden");
- if (evt.shiftKey) {
- const shouldShowAll = !toggler.classList.contains("treeItemsHidden");
- this._toggleTreeItem(div, shouldShowAll);
- }
- };
- div.prepend(toggler);
- }
- _toggleTreeItem(root, show = false) {
- this._lastToggleIsShow = show;
- for (const toggler of root.querySelectorAll(".treeItemToggler")) {
- toggler.classList.toggle("treeItemsHidden", !show);
- }
- }
- _toggleAllTreeItems() {
- this._toggleTreeItem(this.container, !this._lastToggleIsShow);
- }
- _finishRendering(fragment, count, hasAnyNesting = false) {
- if (hasAnyNesting) {
- this.container.classList.add("treeWithDeepNesting");
- this._lastToggleIsShow = !fragment.querySelector(".treeItemsHidden");
- }
- this.container.append(fragment);
- this._dispatchEvent(count);
- }
- render(params) {
- throw new Error("Not implemented: render");
- }
- _updateCurrentTreeItem(treeItem = null) {
- if (this._currentTreeItem) {
- this._currentTreeItem.classList.remove(TREEITEM_SELECTED_CLASS);
- this._currentTreeItem = null;
- }
- if (treeItem) {
- treeItem.classList.add(TREEITEM_SELECTED_CLASS);
- this._currentTreeItem = treeItem;
- }
- }
- _scrollToCurrentTreeItem(treeItem) {
- if (!treeItem) {
- return;
- }
- let currentNode = treeItem.parentNode;
- while (currentNode && currentNode !== this.container) {
- if (currentNode.classList.contains("treeItem")) {
- const toggler = currentNode.firstElementChild;
- toggler?.classList.remove("treeItemsHidden");
- }
- currentNode = currentNode.parentNode;
- }
- this._updateCurrentTreeItem(treeItem);
- this.container.scrollTo(treeItem.offsetLeft, treeItem.offsetTop + TREEITEM_OFFSET_TOP);
- }
- }
- exports.BaseTreeViewer = BaseTreeViewer;
|