| 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 };
 |