123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 |
- /* 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.
- */
- import { AnnotationEditorType } from "pdfjs-lib";
- import { GrabToPan } from "./grab_to_pan.js";
- import { PresentationModeState } from "./ui_utils.js";
- const CursorTool = {
- SELECT: 0, // The default value.
- HAND: 1,
- ZOOM: 2,
- };
- /**
- * @typedef {Object} PDFCursorToolsOptions
- * @property {HTMLDivElement} container - The document container.
- * @property {EventBus} eventBus - The application event bus.
- * @property {number} [cursorToolOnLoad] - The cursor tool that will be enabled
- * on load; the constants from {CursorTool} should be used. The default value
- * is `CursorTool.SELECT`.
- */
- class PDFCursorTools {
- /**
- * @param {PDFCursorToolsOptions} options
- */
- constructor({ container, eventBus, cursorToolOnLoad = CursorTool.SELECT }) {
- this.container = container;
- this.eventBus = eventBus;
- this.active = CursorTool.SELECT;
- this.previouslyActive = null;
- this.handTool = new GrabToPan({
- element: this.container,
- });
- this.#addEventListeners();
- // Defer the initial `switchTool` call, to give other viewer components
- // time to initialize *and* register 'cursortoolchanged' event listeners.
- Promise.resolve().then(() => {
- this.switchTool(cursorToolOnLoad);
- });
- }
- /**
- * @type {number} One of the values in {CursorTool}.
- */
- get activeTool() {
- return this.active;
- }
- /**
- * @param {number} tool - The cursor mode that should be switched to,
- * must be one of the values in {CursorTool}.
- */
- switchTool(tool) {
- if (this.previouslyActive !== null) {
- // Cursor tools cannot be used in PresentationMode/AnnotationEditor.
- return;
- }
- if (tool === this.active) {
- return; // The requested tool is already active.
- }
- const disableActiveTool = () => {
- switch (this.active) {
- case CursorTool.SELECT:
- break;
- case CursorTool.HAND:
- this.handTool.deactivate();
- break;
- case CursorTool.ZOOM:
- /* falls through */
- }
- };
- // Enable the new cursor tool.
- switch (tool) {
- case CursorTool.SELECT:
- disableActiveTool();
- break;
- case CursorTool.HAND:
- disableActiveTool();
- this.handTool.activate();
- break;
- case CursorTool.ZOOM:
- /* falls through */
- default:
- console.error(`switchTool: "${tool}" is an unsupported value.`);
- return;
- }
- // Update the active tool *after* it has been validated above,
- // in order to prevent setting it to an invalid state.
- this.active = tool;
- this.#dispatchEvent();
- }
- #dispatchEvent() {
- this.eventBus.dispatch("cursortoolchanged", {
- source: this,
- tool: this.active,
- });
- }
- #addEventListeners() {
- this.eventBus._on("switchcursortool", evt => {
- this.switchTool(evt.tool);
- });
- let annotationEditorMode = AnnotationEditorType.NONE,
- presentationModeState = PresentationModeState.NORMAL;
- const disableActive = () => {
- const previouslyActive = this.active;
- this.switchTool(CursorTool.SELECT);
- this.previouslyActive ??= previouslyActive; // Keep track of the first one.
- };
- const enableActive = () => {
- const previouslyActive = this.previouslyActive;
- if (
- previouslyActive !== null &&
- annotationEditorMode === AnnotationEditorType.NONE &&
- presentationModeState === PresentationModeState.NORMAL
- ) {
- this.previouslyActive = null;
- this.switchTool(previouslyActive);
- }
- };
- this.eventBus._on("secondarytoolbarreset", evt => {
- if (this.previouslyActive !== null) {
- annotationEditorMode = AnnotationEditorType.NONE;
- presentationModeState = PresentationModeState.NORMAL;
- enableActive();
- }
- });
- this.eventBus._on("annotationeditormodechanged", ({ mode }) => {
- annotationEditorMode = mode;
- if (mode === AnnotationEditorType.NONE) {
- enableActive();
- } else {
- disableActive();
- }
- });
- this.eventBus._on("presentationmodechanged", ({ state }) => {
- presentationModeState = state;
- if (state === PresentationModeState.NORMAL) {
- enableActive();
- } else if (state === PresentationModeState.FULLSCREEN) {
- disableActive();
- }
- });
- }
- }
- export { CursorTool, PDFCursorTools };
|