1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- import { AnnotationEditorParamsType } from "pdfjs-lib";
- class AnnotationEditorParams {
-
- constructor(options, eventBus) {
- this.eventBus = eventBus;
- this.#bindListeners(options);
- }
- #bindListeners({
- editorFreeTextFontSize,
- editorFreeTextColor,
- editorInkColor,
- editorInkThickness,
- editorInkOpacity,
- }) {
- editorFreeTextFontSize.addEventListener("input", evt => {
- this.eventBus.dispatch("switchannotationeditorparams", {
- source: this,
- type: AnnotationEditorParamsType.FREETEXT_SIZE,
- value: editorFreeTextFontSize.valueAsNumber,
- });
- });
- editorFreeTextColor.addEventListener("input", evt => {
- this.eventBus.dispatch("switchannotationeditorparams", {
- source: this,
- type: AnnotationEditorParamsType.FREETEXT_COLOR,
- value: editorFreeTextColor.value,
- });
- });
- editorInkColor.addEventListener("input", evt => {
- this.eventBus.dispatch("switchannotationeditorparams", {
- source: this,
- type: AnnotationEditorParamsType.INK_COLOR,
- value: editorInkColor.value,
- });
- });
- editorInkThickness.addEventListener("input", evt => {
- this.eventBus.dispatch("switchannotationeditorparams", {
- source: this,
- type: AnnotationEditorParamsType.INK_THICKNESS,
- value: editorInkThickness.valueAsNumber,
- });
- });
- editorInkOpacity.addEventListener("input", evt => {
- this.eventBus.dispatch("switchannotationeditorparams", {
- source: this,
- type: AnnotationEditorParamsType.INK_OPACITY,
- value: editorInkOpacity.valueAsNumber,
- });
- });
- this.eventBus._on("annotationeditorparamschanged", evt => {
- for (const [type, value] of evt.details) {
- switch (type) {
- case AnnotationEditorParamsType.FREETEXT_SIZE:
- editorFreeTextFontSize.value = value;
- break;
- case AnnotationEditorParamsType.FREETEXT_COLOR:
- editorFreeTextColor.value = value;
- break;
- case AnnotationEditorParamsType.INK_COLOR:
- editorInkColor.value = value;
- break;
- case AnnotationEditorParamsType.INK_THICKNESS:
- editorInkThickness.value = value;
- break;
- case AnnotationEditorParamsType.INK_OPACITY:
- editorInkOpacity.value = value;
- break;
- }
- }
- });
- }
- }
- export { AnnotationEditorParams };
|