123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 |
- import { FindState } from "./pdf_find_controller.js";
- const MATCHES_COUNT_LIMIT = 1000;
- class PDFFindBar {
- constructor(options, eventBus, l10n) {
- this.opened = false;
- this.bar = options.bar;
- this.toggleButton = options.toggleButton;
- this.findField = options.findField;
- this.highlightAll = options.highlightAllCheckbox;
- this.caseSensitive = options.caseSensitiveCheckbox;
- this.matchDiacritics = options.matchDiacriticsCheckbox;
- this.entireWord = options.entireWordCheckbox;
- this.findMsg = options.findMsg;
- this.findResultsCount = options.findResultsCount;
- this.findPreviousButton = options.findPreviousButton;
- this.findNextButton = options.findNextButton;
- this.eventBus = eventBus;
- this.l10n = l10n;
-
- this.toggleButton.addEventListener("click", () => {
- this.toggle();
- });
- this.findField.addEventListener("input", () => {
- this.dispatchEvent("");
- });
- this.bar.addEventListener("keydown", e => {
- switch (e.keyCode) {
- case 13:
- if (e.target === this.findField) {
- this.dispatchEvent("again", e.shiftKey);
- }
- break;
- case 27:
- this.close();
- break;
- }
- });
- this.findPreviousButton.addEventListener("click", () => {
- this.dispatchEvent("again", true);
- });
- this.findNextButton.addEventListener("click", () => {
- this.dispatchEvent("again", false);
- });
- this.highlightAll.addEventListener("click", () => {
- this.dispatchEvent("highlightallchange");
- });
- this.caseSensitive.addEventListener("click", () => {
- this.dispatchEvent("casesensitivitychange");
- });
- this.entireWord.addEventListener("click", () => {
- this.dispatchEvent("entirewordchange");
- });
- this.matchDiacritics.addEventListener("click", () => {
- this.dispatchEvent("diacriticmatchingchange");
- });
- this.eventBus._on("resize", this.#adjustWidth.bind(this));
- }
- reset() {
- this.updateUIState();
- }
- dispatchEvent(type, findPrev = false) {
- this.eventBus.dispatch("find", {
- source: this,
- type,
- query: this.findField.value,
- phraseSearch: true,
- caseSensitive: this.caseSensitive.checked,
- entireWord: this.entireWord.checked,
- highlightAll: this.highlightAll.checked,
- findPrevious: findPrev,
- matchDiacritics: this.matchDiacritics.checked,
- });
- }
- updateUIState(state, previous, matchesCount) {
- let findMsg = Promise.resolve("");
- let status = "";
- switch (state) {
- case FindState.FOUND:
- break;
- case FindState.PENDING:
- status = "pending";
- break;
- case FindState.NOT_FOUND:
- findMsg = this.l10n.get("find_not_found");
- status = "notFound";
- break;
- case FindState.WRAPPED:
- findMsg = this.l10n.get(`find_reached_${previous ? "top" : "bottom"}`);
- break;
- }
- this.findField.setAttribute("data-status", status);
- this.findField.setAttribute("aria-invalid", state === FindState.NOT_FOUND);
- findMsg.then(msg => {
- this.findMsg.textContent = msg;
- this.#adjustWidth();
- });
- this.updateResultsCount(matchesCount);
- }
- updateResultsCount({ current = 0, total = 0 } = {}) {
- const limit = MATCHES_COUNT_LIMIT;
- let matchCountMsg = Promise.resolve("");
- if (total > 0) {
- if (total > limit) {
- let key = "find_match_count_limit";
- if (typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")) {
-
-
- key += "[other]";
- }
- matchCountMsg = this.l10n.get(key, { limit });
- } else {
- let key = "find_match_count";
- if (typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")) {
-
-
- key += "[other]";
- }
- matchCountMsg = this.l10n.get(key, { current, total });
- }
- }
- matchCountMsg.then(msg => {
- this.findResultsCount.textContent = msg;
-
-
- this.#adjustWidth();
- });
- }
- open() {
- if (!this.opened) {
- this.opened = true;
- this.toggleButton.classList.add("toggled");
- this.toggleButton.setAttribute("aria-expanded", "true");
- this.bar.classList.remove("hidden");
- }
- this.findField.select();
- this.findField.focus();
- this.#adjustWidth();
- }
- close() {
- if (!this.opened) {
- return;
- }
- this.opened = false;
- this.toggleButton.classList.remove("toggled");
- this.toggleButton.setAttribute("aria-expanded", "false");
- this.bar.classList.add("hidden");
- this.eventBus.dispatch("findbarclose", { source: this });
- }
- toggle() {
- if (this.opened) {
- this.close();
- } else {
- this.open();
- }
- }
- #adjustWidth() {
- if (!this.opened) {
- return;
- }
-
-
-
-
- this.bar.classList.remove("wrapContainers");
- const findbarHeight = this.bar.clientHeight;
- const inputContainerHeight = this.bar.firstElementChild.clientHeight;
- if (findbarHeight > inputContainerHeight) {
-
-
-
- this.bar.classList.add("wrapContainers");
- }
- }
- }
- export { PDFFindBar };
|