/** * @licstart The following is the entire license notice for the * Javascript code in this page * * Copyright 2017 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.PDFOutlineViewer = undefined; var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _pdf = require('../pdf'); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } var DEFAULT_TITLE = '\u2013'; var PDFOutlineViewer = function () { function PDFOutlineViewer(_ref) { var container = _ref.container, linkService = _ref.linkService, eventBus = _ref.eventBus; _classCallCheck(this, PDFOutlineViewer); this.container = container; this.linkService = linkService; this.eventBus = eventBus; this.reset(); } _createClass(PDFOutlineViewer, [{ key: 'reset', value: function reset() { this.outline = null; this.lastToggleIsShow = true; this.container.textContent = ''; this.container.classList.remove('outlineWithDeepNesting'); } }, { key: '_dispatchEvent', value: function _dispatchEvent(outlineCount) { this.eventBus.dispatch('outlineloaded', { source: this, outlineCount: outlineCount }); } }, { key: '_bindLink', value: function _bindLink(element, _ref2) { var url = _ref2.url, newWindow = _ref2.newWindow, dest = _ref2.dest; var linkService = this.linkService; if (url) { (0, _pdf.addLinkAttributes)(element, { url: url, target: newWindow ? _pdf.LinkTarget.BLANK : linkService.externalLinkTarget, rel: linkService.externalLinkRel }); return; } element.href = linkService.getDestinationHash(dest); element.onclick = function () { if (dest) { linkService.navigateTo(dest); } return false; }; } }, { key: '_setStyles', value: function _setStyles(element, _ref3) { var bold = _ref3.bold, italic = _ref3.italic; var styleStr = ''; if (bold) { styleStr += 'font-weight: bold;'; } if (italic) { styleStr += 'font-style: italic;'; } if (styleStr) { element.setAttribute('style', styleStr); } } }, { key: '_addToggleButton', value: function _addToggleButton(div) { var _this = this; var toggler = document.createElement('div'); toggler.className = 'outlineItemToggler'; toggler.onclick = function (evt) { evt.stopPropagation(); toggler.classList.toggle('outlineItemsHidden'); if (evt.shiftKey) { var shouldShowAll = !toggler.classList.contains('outlineItemsHidden'); _this._toggleOutlineItem(div, shouldShowAll); } }; div.insertBefore(toggler, div.firstChild); } }, { key: '_toggleOutlineItem', value: function _toggleOutlineItem(root, show) { this.lastToggleIsShow = show; var togglers = root.querySelectorAll('.outlineItemToggler'); for (var i = 0, ii = togglers.length; i < ii; ++i) { togglers[i].classList[show ? 'remove' : 'add']('outlineItemsHidden'); } } }, { key: 'toggleOutlineTree', value: function toggleOutlineTree() { if (!this.outline) { return; } this._toggleOutlineItem(this.container, !this.lastToggleIsShow); } }, { key: 'render', value: function render(_ref4) { var outline = _ref4.outline; var outlineCount = 0; if (this.outline) { this.reset(); } this.outline = outline || null; if (!outline) { this._dispatchEvent(outlineCount); return; } var fragment = document.createDocumentFragment(); var queue = [{ parent: fragment, items: this.outline }]; var hasAnyNesting = false; while (queue.length > 0) { var levelData = queue.shift(); for (var i = 0, len = levelData.items.length; i < len; i++) { var item = levelData.items[i]; var div = document.createElement('div'); div.className = 'outlineItem'; var element = document.createElement('a'); this._bindLink(element, item); this._setStyles(element, item); element.textContent = (0, _pdf.removeNullCharacters)(item.title) || DEFAULT_TITLE; div.appendChild(element); if (item.items.length > 0) { hasAnyNesting = true; this._addToggleButton(div); var itemsDiv = document.createElement('div'); itemsDiv.className = 'outlineItems'; div.appendChild(itemsDiv); queue.push({ parent: itemsDiv, items: item.items }); } levelData.parent.appendChild(div); outlineCount++; } } if (hasAnyNesting) { this.container.classList.add('outlineWithDeepNesting'); } this.container.appendChild(fragment); this._dispatchEvent(outlineCount); } }]); return PDFOutlineViewer; }(); exports.PDFOutlineViewer = PDFOutlineViewer;