You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1361 lines
45 KiB
JavaScript
1361 lines
45 KiB
JavaScript
/**
|
|
* @licstart The following is the entire license notice for the
|
|
* Javascript code in this page
|
|
*
|
|
* Copyright 2019 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.AnnotationLayer = void 0;
|
|
|
|
var _display_utils = require("./display_utils");
|
|
|
|
var _util = require("../shared/util");
|
|
|
|
function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
|
|
|
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
var AnnotationElementFactory =
|
|
/*#__PURE__*/
|
|
function () {
|
|
function AnnotationElementFactory() {
|
|
_classCallCheck(this, AnnotationElementFactory);
|
|
}
|
|
|
|
_createClass(AnnotationElementFactory, null, [{
|
|
key: "create",
|
|
value: function create(parameters) {
|
|
var subtype = parameters.data.annotationType;
|
|
|
|
switch (subtype) {
|
|
case _util.AnnotationType.LINK:
|
|
return new LinkAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.TEXT:
|
|
return new TextAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.WIDGET:
|
|
var fieldType = parameters.data.fieldType;
|
|
|
|
switch (fieldType) {
|
|
case 'Tx':
|
|
return new TextWidgetAnnotationElement(parameters);
|
|
|
|
case 'Btn':
|
|
if (parameters.data.radioButton) {
|
|
return new RadioButtonWidgetAnnotationElement(parameters);
|
|
} else if (parameters.data.checkBox) {
|
|
return new CheckboxWidgetAnnotationElement(parameters);
|
|
}
|
|
|
|
return new PushButtonWidgetAnnotationElement(parameters);
|
|
|
|
case 'Ch':
|
|
return new ChoiceWidgetAnnotationElement(parameters);
|
|
}
|
|
|
|
return new WidgetAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.POPUP:
|
|
return new PopupAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.FREETEXT:
|
|
return new FreeTextAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.LINE:
|
|
return new LineAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.SQUARE:
|
|
return new SquareAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.CIRCLE:
|
|
return new CircleAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.POLYLINE:
|
|
return new PolylineAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.CARET:
|
|
return new CaretAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.INK:
|
|
return new InkAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.POLYGON:
|
|
return new PolygonAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.HIGHLIGHT:
|
|
return new HighlightAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.UNDERLINE:
|
|
return new UnderlineAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.SQUIGGLY:
|
|
return new SquigglyAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.STRIKEOUT:
|
|
return new StrikeOutAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.STAMP:
|
|
return new StampAnnotationElement(parameters);
|
|
|
|
case _util.AnnotationType.FILEATTACHMENT:
|
|
return new FileAttachmentAnnotationElement(parameters);
|
|
|
|
default:
|
|
return new AnnotationElement(parameters);
|
|
}
|
|
}
|
|
}]);
|
|
|
|
return AnnotationElementFactory;
|
|
}();
|
|
|
|
var AnnotationElement =
|
|
/*#__PURE__*/
|
|
function () {
|
|
function AnnotationElement(parameters) {
|
|
var isRenderable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var ignoreBorder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
_classCallCheck(this, AnnotationElement);
|
|
|
|
this.isRenderable = isRenderable;
|
|
this.data = parameters.data;
|
|
this.layer = parameters.layer;
|
|
this.page = parameters.page;
|
|
this.viewport = parameters.viewport;
|
|
this.linkService = parameters.linkService;
|
|
this.downloadManager = parameters.downloadManager;
|
|
this.imageResourcesPath = parameters.imageResourcesPath;
|
|
this.renderInteractiveForms = parameters.renderInteractiveForms;
|
|
this.svgFactory = parameters.svgFactory;
|
|
|
|
if (isRenderable) {
|
|
this.container = this._createContainer(ignoreBorder);
|
|
}
|
|
}
|
|
|
|
_createClass(AnnotationElement, [{
|
|
key: "_createContainer",
|
|
value: function _createContainer() {
|
|
var ignoreBorder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
var data = this.data,
|
|
page = this.page,
|
|
viewport = this.viewport;
|
|
var container = document.createElement('section');
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
container.setAttribute('data-annotation-id', data.id);
|
|
|
|
var rect = _util.Util.normalizeRect([data.rect[0], page.view[3] - data.rect[1] + page.view[1], data.rect[2], page.view[3] - data.rect[3] + page.view[1]]);
|
|
|
|
container.style.transform = 'matrix(' + viewport.transform.join(',') + ')';
|
|
container.style.transformOrigin = -rect[0] + 'px ' + -rect[1] + 'px';
|
|
|
|
if (!ignoreBorder && data.borderStyle.width > 0) {
|
|
container.style.borderWidth = data.borderStyle.width + 'px';
|
|
|
|
if (data.borderStyle.style !== _util.AnnotationBorderStyleType.UNDERLINE) {
|
|
width = width - 2 * data.borderStyle.width;
|
|
height = height - 2 * data.borderStyle.width;
|
|
}
|
|
|
|
var horizontalRadius = data.borderStyle.horizontalCornerRadius;
|
|
var verticalRadius = data.borderStyle.verticalCornerRadius;
|
|
|
|
if (horizontalRadius > 0 || verticalRadius > 0) {
|
|
var radius = horizontalRadius + 'px / ' + verticalRadius + 'px';
|
|
container.style.borderRadius = radius;
|
|
}
|
|
|
|
switch (data.borderStyle.style) {
|
|
case _util.AnnotationBorderStyleType.SOLID:
|
|
container.style.borderStyle = 'solid';
|
|
break;
|
|
|
|
case _util.AnnotationBorderStyleType.DASHED:
|
|
container.style.borderStyle = 'dashed';
|
|
break;
|
|
|
|
case _util.AnnotationBorderStyleType.BEVELED:
|
|
(0, _util.warn)('Unimplemented border style: beveled');
|
|
break;
|
|
|
|
case _util.AnnotationBorderStyleType.INSET:
|
|
(0, _util.warn)('Unimplemented border style: inset');
|
|
break;
|
|
|
|
case _util.AnnotationBorderStyleType.UNDERLINE:
|
|
container.style.borderBottomStyle = 'solid';
|
|
break;
|
|
|
|
default:
|
|
break;
|
|
}
|
|
|
|
if (data.color) {
|
|
container.style.borderColor = _util.Util.makeCssRgb(data.color[0] | 0, data.color[1] | 0, data.color[2] | 0);
|
|
} else {
|
|
container.style.borderWidth = 0;
|
|
}
|
|
}
|
|
|
|
container.style.left = rect[0] + 'px';
|
|
container.style.top = rect[1] + 'px';
|
|
container.style.width = width + 'px';
|
|
container.style.height = height + 'px';
|
|
return container;
|
|
}
|
|
}, {
|
|
key: "_createPopup",
|
|
value: function _createPopup(container, trigger, data) {
|
|
if (!trigger) {
|
|
trigger = document.createElement('div');
|
|
trigger.style.height = container.style.height;
|
|
trigger.style.width = container.style.width;
|
|
container.appendChild(trigger);
|
|
}
|
|
|
|
var popupElement = new PopupElement({
|
|
container: container,
|
|
trigger: trigger,
|
|
color: data.color,
|
|
title: data.title,
|
|
modificationDate: data.modificationDate,
|
|
contents: data.contents,
|
|
hideWrapper: true
|
|
});
|
|
var popup = popupElement.render();
|
|
popup.style.left = container.style.width;
|
|
container.appendChild(popup);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
(0, _util.unreachable)('Abstract method `AnnotationElement.render` called');
|
|
}
|
|
}]);
|
|
|
|
return AnnotationElement;
|
|
}();
|
|
|
|
var LinkAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement) {
|
|
_inherits(LinkAnnotationElement, _AnnotationElement);
|
|
|
|
function LinkAnnotationElement(parameters) {
|
|
_classCallCheck(this, LinkAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.url || parameters.data.dest || parameters.data.action);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(LinkAnnotationElement).call(this, parameters, isRenderable));
|
|
}
|
|
|
|
_createClass(LinkAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'linkAnnotation';
|
|
var data = this.data,
|
|
linkService = this.linkService;
|
|
var link = document.createElement('a');
|
|
(0, _display_utils.addLinkAttributes)(link, {
|
|
url: data.url,
|
|
target: data.newWindow ? _display_utils.LinkTarget.BLANK : linkService.externalLinkTarget,
|
|
rel: linkService.externalLinkRel
|
|
});
|
|
|
|
if (!data.url) {
|
|
if (data.action) {
|
|
this._bindNamedAction(link, data.action);
|
|
} else {
|
|
this._bindLink(link, data.dest);
|
|
}
|
|
}
|
|
|
|
this.container.appendChild(link);
|
|
return this.container;
|
|
}
|
|
}, {
|
|
key: "_bindLink",
|
|
value: function _bindLink(link, destination) {
|
|
var _this = this;
|
|
|
|
link.href = this.linkService.getDestinationHash(destination);
|
|
|
|
link.onclick = function () {
|
|
if (destination) {
|
|
_this.linkService.navigateTo(destination);
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
if (destination) {
|
|
link.className = 'internalLink';
|
|
}
|
|
}
|
|
}, {
|
|
key: "_bindNamedAction",
|
|
value: function _bindNamedAction(link, action) {
|
|
var _this2 = this;
|
|
|
|
link.href = this.linkService.getAnchorUrl('');
|
|
|
|
link.onclick = function () {
|
|
_this2.linkService.executeNamedAction(action);
|
|
|
|
return false;
|
|
};
|
|
|
|
link.className = 'internalLink';
|
|
}
|
|
}]);
|
|
|
|
return LinkAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var TextAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement2) {
|
|
_inherits(TextAnnotationElement, _AnnotationElement2);
|
|
|
|
function TextAnnotationElement(parameters) {
|
|
_classCallCheck(this, TextAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(TextAnnotationElement).call(this, parameters, isRenderable));
|
|
}
|
|
|
|
_createClass(TextAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'textAnnotation';
|
|
var image = document.createElement('img');
|
|
image.style.height = this.container.style.height;
|
|
image.style.width = this.container.style.width;
|
|
image.src = this.imageResourcesPath + 'annotation-' + this.data.name.toLowerCase() + '.svg';
|
|
image.alt = '[{{type}} Annotation]';
|
|
image.dataset.l10nId = 'text_annotation_type';
|
|
image.dataset.l10nArgs = JSON.stringify({
|
|
type: this.data.name
|
|
});
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, image, this.data);
|
|
}
|
|
|
|
this.container.appendChild(image);
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return TextAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var WidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement3) {
|
|
_inherits(WidgetAnnotationElement, _AnnotationElement3);
|
|
|
|
function WidgetAnnotationElement() {
|
|
_classCallCheck(this, WidgetAnnotationElement);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(WidgetAnnotationElement).apply(this, arguments));
|
|
}
|
|
|
|
_createClass(WidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return WidgetAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var TextWidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_WidgetAnnotationElem) {
|
|
_inherits(TextWidgetAnnotationElement, _WidgetAnnotationElem);
|
|
|
|
function TextWidgetAnnotationElement(parameters) {
|
|
_classCallCheck(this, TextWidgetAnnotationElement);
|
|
|
|
var isRenderable = parameters.renderInteractiveForms || !parameters.data.hasAppearance && !!parameters.data.fieldValue;
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(TextWidgetAnnotationElement).call(this, parameters, isRenderable));
|
|
}
|
|
|
|
_createClass(TextWidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var TEXT_ALIGNMENT = ['left', 'center', 'right'];
|
|
this.container.className = 'textWidgetAnnotation';
|
|
var element = null;
|
|
|
|
if (this.renderInteractiveForms) {
|
|
if (this.data.multiLine) {
|
|
element = document.createElement('textarea');
|
|
element.textContent = this.data.fieldValue;
|
|
} else {
|
|
element = document.createElement('input');
|
|
element.type = 'text';
|
|
element.setAttribute('value', this.data.fieldValue);
|
|
}
|
|
|
|
element.disabled = this.data.readOnly;
|
|
|
|
if (this.data.maxLen !== null) {
|
|
element.maxLength = this.data.maxLen;
|
|
}
|
|
|
|
if (this.data.comb) {
|
|
var fieldWidth = this.data.rect[2] - this.data.rect[0];
|
|
var combWidth = fieldWidth / this.data.maxLen;
|
|
element.classList.add('comb');
|
|
element.style.letterSpacing = 'calc(' + combWidth + 'px - 1ch)';
|
|
}
|
|
} else {
|
|
element = document.createElement('div');
|
|
element.textContent = this.data.fieldValue;
|
|
element.style.verticalAlign = 'middle';
|
|
element.style.display = 'table-cell';
|
|
var font = null;
|
|
|
|
if (this.data.fontRefName && this.page.commonObjs.has(this.data.fontRefName)) {
|
|
font = this.page.commonObjs.get(this.data.fontRefName);
|
|
}
|
|
|
|
this._setTextStyle(element, font);
|
|
}
|
|
|
|
if (this.data.textAlignment !== null) {
|
|
element.style.textAlign = TEXT_ALIGNMENT[this.data.textAlignment];
|
|
}
|
|
|
|
this.container.appendChild(element);
|
|
return this.container;
|
|
}
|
|
}, {
|
|
key: "_setTextStyle",
|
|
value: function _setTextStyle(element, font) {
|
|
var style = element.style;
|
|
style.fontSize = this.data.fontSize + 'px';
|
|
style.direction = this.data.fontDirection < 0 ? 'rtl' : 'ltr';
|
|
|
|
if (!font) {
|
|
return;
|
|
}
|
|
|
|
style.fontWeight = font.black ? font.bold ? '900' : 'bold' : font.bold ? 'bold' : 'normal';
|
|
style.fontStyle = font.italic ? 'italic' : 'normal';
|
|
var fontFamily = font.loadedName ? '"' + font.loadedName + '", ' : '';
|
|
var fallbackName = font.fallbackName || 'Helvetica, sans-serif';
|
|
style.fontFamily = fontFamily + fallbackName;
|
|
}
|
|
}]);
|
|
|
|
return TextWidgetAnnotationElement;
|
|
}(WidgetAnnotationElement);
|
|
|
|
var CheckboxWidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_WidgetAnnotationElem2) {
|
|
_inherits(CheckboxWidgetAnnotationElement, _WidgetAnnotationElem2);
|
|
|
|
function CheckboxWidgetAnnotationElement(parameters) {
|
|
_classCallCheck(this, CheckboxWidgetAnnotationElement);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(CheckboxWidgetAnnotationElement).call(this, parameters, parameters.renderInteractiveForms));
|
|
}
|
|
|
|
_createClass(CheckboxWidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'buttonWidgetAnnotation checkBox';
|
|
var element = document.createElement('input');
|
|
element.disabled = this.data.readOnly;
|
|
element.type = 'checkbox';
|
|
|
|
if (this.data.fieldValue && this.data.fieldValue !== 'Off') {
|
|
element.setAttribute('checked', true);
|
|
}
|
|
|
|
this.container.appendChild(element);
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return CheckboxWidgetAnnotationElement;
|
|
}(WidgetAnnotationElement);
|
|
|
|
var RadioButtonWidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_WidgetAnnotationElem3) {
|
|
_inherits(RadioButtonWidgetAnnotationElement, _WidgetAnnotationElem3);
|
|
|
|
function RadioButtonWidgetAnnotationElement(parameters) {
|
|
_classCallCheck(this, RadioButtonWidgetAnnotationElement);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(RadioButtonWidgetAnnotationElement).call(this, parameters, parameters.renderInteractiveForms));
|
|
}
|
|
|
|
_createClass(RadioButtonWidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'buttonWidgetAnnotation radioButton';
|
|
var element = document.createElement('input');
|
|
element.disabled = this.data.readOnly;
|
|
element.type = 'radio';
|
|
element.name = this.data.fieldName;
|
|
|
|
if (this.data.fieldValue === this.data.buttonValue) {
|
|
element.setAttribute('checked', true);
|
|
}
|
|
|
|
this.container.appendChild(element);
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return RadioButtonWidgetAnnotationElement;
|
|
}(WidgetAnnotationElement);
|
|
|
|
var PushButtonWidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_LinkAnnotationElemen) {
|
|
_inherits(PushButtonWidgetAnnotationElement, _LinkAnnotationElemen);
|
|
|
|
function PushButtonWidgetAnnotationElement() {
|
|
_classCallCheck(this, PushButtonWidgetAnnotationElement);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(PushButtonWidgetAnnotationElement).apply(this, arguments));
|
|
}
|
|
|
|
_createClass(PushButtonWidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var container = _get(_getPrototypeOf(PushButtonWidgetAnnotationElement.prototype), "render", this).call(this);
|
|
|
|
container.className = 'buttonWidgetAnnotation pushButton';
|
|
return container;
|
|
}
|
|
}]);
|
|
|
|
return PushButtonWidgetAnnotationElement;
|
|
}(LinkAnnotationElement);
|
|
|
|
var ChoiceWidgetAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_WidgetAnnotationElem4) {
|
|
_inherits(ChoiceWidgetAnnotationElement, _WidgetAnnotationElem4);
|
|
|
|
function ChoiceWidgetAnnotationElement(parameters) {
|
|
_classCallCheck(this, ChoiceWidgetAnnotationElement);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(ChoiceWidgetAnnotationElement).call(this, parameters, parameters.renderInteractiveForms));
|
|
}
|
|
|
|
_createClass(ChoiceWidgetAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'choiceWidgetAnnotation';
|
|
var selectElement = document.createElement('select');
|
|
selectElement.disabled = this.data.readOnly;
|
|
|
|
if (!this.data.combo) {
|
|
selectElement.size = this.data.options.length;
|
|
|
|
if (this.data.multiSelect) {
|
|
selectElement.multiple = true;
|
|
}
|
|
}
|
|
|
|
for (var i = 0, ii = this.data.options.length; i < ii; i++) {
|
|
var option = this.data.options[i];
|
|
var optionElement = document.createElement('option');
|
|
optionElement.textContent = option.displayValue;
|
|
optionElement.value = option.exportValue;
|
|
|
|
if (this.data.fieldValue.includes(option.displayValue)) {
|
|
optionElement.setAttribute('selected', true);
|
|
}
|
|
|
|
selectElement.appendChild(optionElement);
|
|
}
|
|
|
|
this.container.appendChild(selectElement);
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return ChoiceWidgetAnnotationElement;
|
|
}(WidgetAnnotationElement);
|
|
|
|
var PopupAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement4) {
|
|
_inherits(PopupAnnotationElement, _AnnotationElement4);
|
|
|
|
function PopupAnnotationElement(parameters) {
|
|
_classCallCheck(this, PopupAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(PopupAnnotationElement).call(this, parameters, isRenderable));
|
|
}
|
|
|
|
_createClass(PopupAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var IGNORE_TYPES = ['Line', 'Square', 'Circle', 'PolyLine', 'Polygon', 'Ink'];
|
|
this.container.className = 'popupAnnotation';
|
|
|
|
if (IGNORE_TYPES.includes(this.data.parentType)) {
|
|
return this.container;
|
|
}
|
|
|
|
var selector = '[data-annotation-id="' + this.data.parentId + '"]';
|
|
var parentElement = this.layer.querySelector(selector);
|
|
|
|
if (!parentElement) {
|
|
return this.container;
|
|
}
|
|
|
|
var popup = new PopupElement({
|
|
container: this.container,
|
|
trigger: parentElement,
|
|
color: this.data.color,
|
|
title: this.data.title,
|
|
modificationDate: this.data.modificationDate,
|
|
contents: this.data.contents
|
|
});
|
|
var parentLeft = parseFloat(parentElement.style.left);
|
|
var parentWidth = parseFloat(parentElement.style.width);
|
|
this.container.style.transformOrigin = -(parentLeft + parentWidth) + 'px -' + parentElement.style.top;
|
|
this.container.style.left = parentLeft + parentWidth + 'px';
|
|
this.container.appendChild(popup.render());
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return PopupAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var PopupElement =
|
|
/*#__PURE__*/
|
|
function () {
|
|
function PopupElement(parameters) {
|
|
_classCallCheck(this, PopupElement);
|
|
|
|
this.container = parameters.container;
|
|
this.trigger = parameters.trigger;
|
|
this.color = parameters.color;
|
|
this.title = parameters.title;
|
|
this.modificationDate = parameters.modificationDate;
|
|
this.contents = parameters.contents;
|
|
this.hideWrapper = parameters.hideWrapper || false;
|
|
this.pinned = false;
|
|
}
|
|
|
|
_createClass(PopupElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var BACKGROUND_ENLIGHT = 0.7;
|
|
var wrapper = document.createElement('div');
|
|
wrapper.className = 'popupWrapper';
|
|
this.hideElement = this.hideWrapper ? wrapper : this.container;
|
|
this.hideElement.setAttribute('hidden', true);
|
|
var popup = document.createElement('div');
|
|
popup.className = 'popup';
|
|
var color = this.color;
|
|
|
|
if (color) {
|
|
var r = BACKGROUND_ENLIGHT * (255 - color[0]) + color[0];
|
|
var g = BACKGROUND_ENLIGHT * (255 - color[1]) + color[1];
|
|
var b = BACKGROUND_ENLIGHT * (255 - color[2]) + color[2];
|
|
popup.style.backgroundColor = _util.Util.makeCssRgb(r | 0, g | 0, b | 0);
|
|
}
|
|
|
|
var title = document.createElement('h1');
|
|
title.textContent = this.title;
|
|
popup.appendChild(title);
|
|
|
|
var dateObject = _display_utils.PDFDateString.toDateObject(this.modificationDate);
|
|
|
|
if (dateObject) {
|
|
var modificationDate = document.createElement('span');
|
|
modificationDate.textContent = '{{date}}, {{time}}';
|
|
modificationDate.dataset.l10nId = 'annotation_date_string';
|
|
modificationDate.dataset.l10nArgs = JSON.stringify({
|
|
date: dateObject.toLocaleDateString(),
|
|
time: dateObject.toLocaleTimeString()
|
|
});
|
|
popup.appendChild(modificationDate);
|
|
}
|
|
|
|
var contents = this._formatContents(this.contents);
|
|
|
|
popup.appendChild(contents);
|
|
this.trigger.addEventListener('click', this._toggle.bind(this));
|
|
this.trigger.addEventListener('mouseover', this._show.bind(this, false));
|
|
this.trigger.addEventListener('mouseout', this._hide.bind(this, false));
|
|
popup.addEventListener('click', this._hide.bind(this, true));
|
|
wrapper.appendChild(popup);
|
|
return wrapper;
|
|
}
|
|
}, {
|
|
key: "_formatContents",
|
|
value: function _formatContents(contents) {
|
|
var p = document.createElement('p');
|
|
var lines = contents.split(/(?:\r\n?|\n)/);
|
|
|
|
for (var i = 0, ii = lines.length; i < ii; ++i) {
|
|
var line = lines[i];
|
|
p.appendChild(document.createTextNode(line));
|
|
|
|
if (i < ii - 1) {
|
|
p.appendChild(document.createElement('br'));
|
|
}
|
|
}
|
|
|
|
return p;
|
|
}
|
|
}, {
|
|
key: "_toggle",
|
|
value: function _toggle() {
|
|
if (this.pinned) {
|
|
this._hide(true);
|
|
} else {
|
|
this._show(true);
|
|
}
|
|
}
|
|
}, {
|
|
key: "_show",
|
|
value: function _show() {
|
|
var pin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
|
|
if (pin) {
|
|
this.pinned = true;
|
|
}
|
|
|
|
if (this.hideElement.hasAttribute('hidden')) {
|
|
this.hideElement.removeAttribute('hidden');
|
|
this.container.style.zIndex += 1;
|
|
}
|
|
}
|
|
}, {
|
|
key: "_hide",
|
|
value: function _hide() {
|
|
var unpin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
|
|
if (unpin) {
|
|
this.pinned = false;
|
|
}
|
|
|
|
if (!this.hideElement.hasAttribute('hidden') && !this.pinned) {
|
|
this.hideElement.setAttribute('hidden', true);
|
|
this.container.style.zIndex -= 1;
|
|
}
|
|
}
|
|
}]);
|
|
|
|
return PopupElement;
|
|
}();
|
|
|
|
var FreeTextAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement5) {
|
|
_inherits(FreeTextAnnotationElement, _AnnotationElement5);
|
|
|
|
function FreeTextAnnotationElement(parameters) {
|
|
_classCallCheck(this, FreeTextAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(FreeTextAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(FreeTextAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'freeTextAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return FreeTextAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var LineAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement6) {
|
|
_inherits(LineAnnotationElement, _AnnotationElement6);
|
|
|
|
function LineAnnotationElement(parameters) {
|
|
_classCallCheck(this, LineAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(LineAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(LineAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'lineAnnotation';
|
|
var data = this.data;
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
var svg = this.svgFactory.create(width, height);
|
|
var line = this.svgFactory.createElement('svg:line');
|
|
line.setAttribute('x1', data.rect[2] - data.lineCoordinates[0]);
|
|
line.setAttribute('y1', data.rect[3] - data.lineCoordinates[1]);
|
|
line.setAttribute('x2', data.rect[2] - data.lineCoordinates[2]);
|
|
line.setAttribute('y2', data.rect[3] - data.lineCoordinates[3]);
|
|
line.setAttribute('stroke-width', data.borderStyle.width);
|
|
line.setAttribute('stroke', 'transparent');
|
|
svg.appendChild(line);
|
|
this.container.append(svg);
|
|
|
|
this._createPopup(this.container, line, data);
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return LineAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var SquareAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement7) {
|
|
_inherits(SquareAnnotationElement, _AnnotationElement7);
|
|
|
|
function SquareAnnotationElement(parameters) {
|
|
_classCallCheck(this, SquareAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(SquareAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(SquareAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'squareAnnotation';
|
|
var data = this.data;
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
var svg = this.svgFactory.create(width, height);
|
|
var borderWidth = data.borderStyle.width;
|
|
var square = this.svgFactory.createElement('svg:rect');
|
|
square.setAttribute('x', borderWidth / 2);
|
|
square.setAttribute('y', borderWidth / 2);
|
|
square.setAttribute('width', width - borderWidth);
|
|
square.setAttribute('height', height - borderWidth);
|
|
square.setAttribute('stroke-width', borderWidth);
|
|
square.setAttribute('stroke', 'transparent');
|
|
square.setAttribute('fill', 'none');
|
|
svg.appendChild(square);
|
|
this.container.append(svg);
|
|
|
|
this._createPopup(this.container, square, data);
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return SquareAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var CircleAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement8) {
|
|
_inherits(CircleAnnotationElement, _AnnotationElement8);
|
|
|
|
function CircleAnnotationElement(parameters) {
|
|
_classCallCheck(this, CircleAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(CircleAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(CircleAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'circleAnnotation';
|
|
var data = this.data;
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
var svg = this.svgFactory.create(width, height);
|
|
var borderWidth = data.borderStyle.width;
|
|
var circle = this.svgFactory.createElement('svg:ellipse');
|
|
circle.setAttribute('cx', width / 2);
|
|
circle.setAttribute('cy', height / 2);
|
|
circle.setAttribute('rx', width / 2 - borderWidth / 2);
|
|
circle.setAttribute('ry', height / 2 - borderWidth / 2);
|
|
circle.setAttribute('stroke-width', borderWidth);
|
|
circle.setAttribute('stroke', 'transparent');
|
|
circle.setAttribute('fill', 'none');
|
|
svg.appendChild(circle);
|
|
this.container.append(svg);
|
|
|
|
this._createPopup(this.container, circle, data);
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return CircleAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var PolylineAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement9) {
|
|
_inherits(PolylineAnnotationElement, _AnnotationElement9);
|
|
|
|
function PolylineAnnotationElement(parameters) {
|
|
var _this3;
|
|
|
|
_classCallCheck(this, PolylineAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
_this3 = _possibleConstructorReturn(this, _getPrototypeOf(PolylineAnnotationElement).call(this, parameters, isRenderable, true));
|
|
_this3.containerClassName = 'polylineAnnotation';
|
|
_this3.svgElementName = 'svg:polyline';
|
|
return _this3;
|
|
}
|
|
|
|
_createClass(PolylineAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = this.containerClassName;
|
|
var data = this.data;
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
var svg = this.svgFactory.create(width, height);
|
|
var vertices = data.vertices;
|
|
var points = [];
|
|
|
|
for (var i = 0, ii = vertices.length; i < ii; i++) {
|
|
var x = vertices[i].x - data.rect[0];
|
|
var y = data.rect[3] - vertices[i].y;
|
|
points.push(x + ',' + y);
|
|
}
|
|
|
|
points = points.join(' ');
|
|
var borderWidth = data.borderStyle.width;
|
|
var polyline = this.svgFactory.createElement(this.svgElementName);
|
|
polyline.setAttribute('points', points);
|
|
polyline.setAttribute('stroke-width', borderWidth);
|
|
polyline.setAttribute('stroke', 'transparent');
|
|
polyline.setAttribute('fill', 'none');
|
|
svg.appendChild(polyline);
|
|
this.container.append(svg);
|
|
|
|
this._createPopup(this.container, polyline, data);
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return PolylineAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var PolygonAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_PolylineAnnotationEl) {
|
|
_inherits(PolygonAnnotationElement, _PolylineAnnotationEl);
|
|
|
|
function PolygonAnnotationElement(parameters) {
|
|
var _this4;
|
|
|
|
_classCallCheck(this, PolygonAnnotationElement);
|
|
|
|
_this4 = _possibleConstructorReturn(this, _getPrototypeOf(PolygonAnnotationElement).call(this, parameters));
|
|
_this4.containerClassName = 'polygonAnnotation';
|
|
_this4.svgElementName = 'svg:polygon';
|
|
return _this4;
|
|
}
|
|
|
|
return PolygonAnnotationElement;
|
|
}(PolylineAnnotationElement);
|
|
|
|
var CaretAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement10) {
|
|
_inherits(CaretAnnotationElement, _AnnotationElement10);
|
|
|
|
function CaretAnnotationElement(parameters) {
|
|
_classCallCheck(this, CaretAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(CaretAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(CaretAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'caretAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return CaretAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var InkAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement11) {
|
|
_inherits(InkAnnotationElement, _AnnotationElement11);
|
|
|
|
function InkAnnotationElement(parameters) {
|
|
var _this5;
|
|
|
|
_classCallCheck(this, InkAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
_this5 = _possibleConstructorReturn(this, _getPrototypeOf(InkAnnotationElement).call(this, parameters, isRenderable, true));
|
|
_this5.containerClassName = 'inkAnnotation';
|
|
_this5.svgElementName = 'svg:polyline';
|
|
return _this5;
|
|
}
|
|
|
|
_createClass(InkAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = this.containerClassName;
|
|
var data = this.data;
|
|
var width = data.rect[2] - data.rect[0];
|
|
var height = data.rect[3] - data.rect[1];
|
|
var svg = this.svgFactory.create(width, height);
|
|
var inkLists = data.inkLists;
|
|
|
|
for (var i = 0, ii = inkLists.length; i < ii; i++) {
|
|
var inkList = inkLists[i];
|
|
var points = [];
|
|
|
|
for (var j = 0, jj = inkList.length; j < jj; j++) {
|
|
var x = inkList[j].x - data.rect[0];
|
|
var y = data.rect[3] - inkList[j].y;
|
|
points.push(x + ',' + y);
|
|
}
|
|
|
|
points = points.join(' ');
|
|
var borderWidth = data.borderStyle.width;
|
|
var polyline = this.svgFactory.createElement(this.svgElementName);
|
|
polyline.setAttribute('points', points);
|
|
polyline.setAttribute('stroke-width', borderWidth);
|
|
polyline.setAttribute('stroke', 'transparent');
|
|
polyline.setAttribute('fill', 'none');
|
|
|
|
this._createPopup(this.container, polyline, data);
|
|
|
|
svg.appendChild(polyline);
|
|
}
|
|
|
|
this.container.append(svg);
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return InkAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var HighlightAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement12) {
|
|
_inherits(HighlightAnnotationElement, _AnnotationElement12);
|
|
|
|
function HighlightAnnotationElement(parameters) {
|
|
_classCallCheck(this, HighlightAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(HighlightAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(HighlightAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'highlightAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return HighlightAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var UnderlineAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement13) {
|
|
_inherits(UnderlineAnnotationElement, _AnnotationElement13);
|
|
|
|
function UnderlineAnnotationElement(parameters) {
|
|
_classCallCheck(this, UnderlineAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(UnderlineAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(UnderlineAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'underlineAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return UnderlineAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var SquigglyAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement14) {
|
|
_inherits(SquigglyAnnotationElement, _AnnotationElement14);
|
|
|
|
function SquigglyAnnotationElement(parameters) {
|
|
_classCallCheck(this, SquigglyAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(SquigglyAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(SquigglyAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'squigglyAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return SquigglyAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var StrikeOutAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement15) {
|
|
_inherits(StrikeOutAnnotationElement, _AnnotationElement15);
|
|
|
|
function StrikeOutAnnotationElement(parameters) {
|
|
_classCallCheck(this, StrikeOutAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(StrikeOutAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(StrikeOutAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'strikeoutAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return StrikeOutAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var StampAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement16) {
|
|
_inherits(StampAnnotationElement, _AnnotationElement16);
|
|
|
|
function StampAnnotationElement(parameters) {
|
|
_classCallCheck(this, StampAnnotationElement);
|
|
|
|
var isRenderable = !!(parameters.data.hasPopup || parameters.data.title || parameters.data.contents);
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(StampAnnotationElement).call(this, parameters, isRenderable, true));
|
|
}
|
|
|
|
_createClass(StampAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'stampAnnotation';
|
|
|
|
if (!this.data.hasPopup) {
|
|
this._createPopup(this.container, null, this.data);
|
|
}
|
|
|
|
return this.container;
|
|
}
|
|
}]);
|
|
|
|
return StampAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var FileAttachmentAnnotationElement =
|
|
/*#__PURE__*/
|
|
function (_AnnotationElement17) {
|
|
_inherits(FileAttachmentAnnotationElement, _AnnotationElement17);
|
|
|
|
function FileAttachmentAnnotationElement(parameters) {
|
|
var _this6;
|
|
|
|
_classCallCheck(this, FileAttachmentAnnotationElement);
|
|
|
|
_this6 = _possibleConstructorReturn(this, _getPrototypeOf(FileAttachmentAnnotationElement).call(this, parameters, true));
|
|
var _this6$data$file = _this6.data.file,
|
|
filename = _this6$data$file.filename,
|
|
content = _this6$data$file.content;
|
|
_this6.filename = (0, _display_utils.getFilenameFromUrl)(filename);
|
|
_this6.content = content;
|
|
|
|
if (_this6.linkService.eventBus) {
|
|
_this6.linkService.eventBus.dispatch('fileattachmentannotation', {
|
|
source: _assertThisInitialized(_this6),
|
|
id: (0, _util.stringToPDFString)(filename),
|
|
filename: filename,
|
|
content: content
|
|
});
|
|
}
|
|
|
|
return _this6;
|
|
}
|
|
|
|
_createClass(FileAttachmentAnnotationElement, [{
|
|
key: "render",
|
|
value: function render() {
|
|
this.container.className = 'fileAttachmentAnnotation';
|
|
var trigger = document.createElement('div');
|
|
trigger.style.height = this.container.style.height;
|
|
trigger.style.width = this.container.style.width;
|
|
trigger.addEventListener('dblclick', this._download.bind(this));
|
|
|
|
if (!this.data.hasPopup && (this.data.title || this.data.contents)) {
|
|
this._createPopup(this.container, trigger, this.data);
|
|
}
|
|
|
|
this.container.appendChild(trigger);
|
|
return this.container;
|
|
}
|
|
}, {
|
|
key: "_download",
|
|
value: function _download() {
|
|
if (!this.downloadManager) {
|
|
(0, _util.warn)('Download cannot be started due to unavailable download manager');
|
|
return;
|
|
}
|
|
|
|
this.downloadManager.downloadData(this.content, this.filename, '');
|
|
}
|
|
}]);
|
|
|
|
return FileAttachmentAnnotationElement;
|
|
}(AnnotationElement);
|
|
|
|
var AnnotationLayer =
|
|
/*#__PURE__*/
|
|
function () {
|
|
function AnnotationLayer() {
|
|
_classCallCheck(this, AnnotationLayer);
|
|
}
|
|
|
|
_createClass(AnnotationLayer, null, [{
|
|
key: "render",
|
|
value: function render(parameters) {
|
|
for (var i = 0, ii = parameters.annotations.length; i < ii; i++) {
|
|
var data = parameters.annotations[i];
|
|
|
|
if (!data) {
|
|
continue;
|
|
}
|
|
|
|
var element = AnnotationElementFactory.create({
|
|
data: data,
|
|
layer: parameters.div,
|
|
page: parameters.page,
|
|
viewport: parameters.viewport,
|
|
linkService: parameters.linkService,
|
|
downloadManager: parameters.downloadManager,
|
|
imageResourcesPath: parameters.imageResourcesPath || '',
|
|
renderInteractiveForms: parameters.renderInteractiveForms || false,
|
|
svgFactory: new _display_utils.DOMSVGFactory()
|
|
});
|
|
|
|
if (element.isRenderable) {
|
|
parameters.div.appendChild(element.render());
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "update",
|
|
value: function update(parameters) {
|
|
for (var i = 0, ii = parameters.annotations.length; i < ii; i++) {
|
|
var data = parameters.annotations[i];
|
|
var element = parameters.div.querySelector('[data-annotation-id="' + data.id + '"]');
|
|
|
|
if (element) {
|
|
element.style.transform = 'matrix(' + parameters.viewport.transform.join(',') + ')';
|
|
}
|
|
}
|
|
|
|
parameters.div.removeAttribute('hidden');
|
|
}
|
|
}]);
|
|
|
|
return AnnotationLayer;
|
|
}();
|
|
|
|
exports.AnnotationLayer = AnnotationLayer; |