@vitrosoftware/common-ui-ts 1.1.226 → 1.1.227

package/src/controls/PdfViewer/js/pdf-viewer.js

@@ -21208,7 +21208,7 @@ const defaultOptions = {
     kind: OptionKind.WORKER
   },
   workerSrc: {
-    value: "resource/pdfViewer/js/pdf.worker.js?version=1.1.226",
+    value: "resource/pdfViewer/js/pdf.worker.js?version=1.1.227",
     kind: OptionKind.WORKER
   }
 };
@@ -35538,7 +35538,6 @@ function initZoomPageEvent() {
             if(e.pageNumber == getCurrentPage()) {
                 $(document).trigger('needZoom');
             }
-            reloadMarkupEditOutlineSettings(e.pageNumber, true);
         });
         // PDFViewerApplication.eventBus.on('pagechange', function(e) {
         //      console.log('pagechange', e);
@@ -37443,7 +37442,7 @@ function initContextMenuCanvas() {
             }
         },
         build: function ($triggerElement, e) {
-            if ($('.svgsketch-wrap').hasClass('measures') || (e?.target && $(e?.target)?.hasClass('pdf-note'))) {
+            if ($('.svgsketch-wrap').hasClass('measures')) {
                 return false;
             } else {
                 return {
@@ -38668,9 +38667,9 @@ function initItemChangedEventListener() {
     window.addEventListener(EVENT_ITEM_CHANGED, onItemChanged);
 }
 
-function onItemChanged(e) {
+function onItemChanged() {
     const width = $('.vitro-issue-detail').width();
-    if (width && $('.vitro-issue-detail').is(':visible')) {
+    if (width) {
         setContainerInset(width);
     }
     if (!$('.vitro-issue-detail').resizable('instance')) {
@@ -38776,749 +38775,6 @@ function isScaleModeRelative() {
     const currentScaleMode = PDFViewerApplication.pdfViewer._currentScaleValue;
     return currentScaleMode == 'page-width' || currentScaleMode == 'page-fit' || currentScaleMode == 'auto';
 }
-const MARKUP_RESIZER_ID_PREFIX = 'markupResizer';
-const CSS_CLASS_MARKUP_RESIZER = 'vitro-markup-resizer';
-const CSS_CLASS_PDF_NOTE = 'pdf-note';
-const CSS_CLASS_PAGE = 'page';
-const MARKUP_EDIT_OUTLINE_ID = 'markupEditOutline';
-let isMarkupEdit;
-let isMarkupMove;
-let isMarkupResize;
-let markupResizeCoordinates = {}; // {start: {mouseX, mouseY}, end: {mouseX, mouseY}, type: tl|tc|tr|...}
-let markupMoveCoordinates = {}; // {start: {mouseX, mouseY}, end: {mouseX, mouseY}}
-let markupUnderEditingSettings = {};
-let markupEditOutlineSettings = {};
-
-
-function onMarkupEditStart(e) {
-    setPdfViewerCursorToolMode();
-    if (isMarkupEdit) {
-        endMarkupEdit();
-    }
-    isMarkupEdit = true;
-    createMarkupEditOutline(e);
-    bindMouseUpEventHandler();
-    bindOnMarkupEditEndHandler();
-}
-
-function onMarkupEditOutlineMouseDown(e) {
-    e.stopPropagation();
-    e.preventDefault();
-
-    isMarkupMove = true;
-    markupMoveCoordinates.start = { x: e.clientX, y: e.clientY };
-    bindOnMouseMoveEventHandler();
-}
-
-function onMarkupEditOutlineMouseUp(e) {
-    markupMoveCoordinates.end = { x: e.clientX, y: e.clientY };
-    unbindOnMouseMoveEventHandler()
-    onMarkupMoveEnd();
-}
-
-function onMouseMove(e) {
-    if (isMarkupEdit && isMarkupMove) {
-        onMarkupMove(e.clientX, e.clientY);
-    }
-    if (isMarkupEdit && isMarkupResize) {
-        onMarkupResize(e.clientX, e.clientY);
-    }
-}
-
-function onMarkupMove(mouseX, mouseY) {
-    const x = markupEditOutlineSettings.position.x - markupMoveCoordinates.start.x + mouseX;
-    const y = markupEditOutlineSettings.position.y - markupMoveCoordinates.start.y + mouseY;
-    setMarkupOutlinePosition($('#' + MARKUP_EDIT_OUTLINE_ID), x, y);
-}
-
-function onMarkupMoveEnd() {
-    isMarkupMove = false;
-    markupMoveCoordinates = {};
-    setMarkupEditOutlinePositionNew();
-    if (markupEditOutlineSettings.isSimple) {
-        refreshMarkupSimple();
-        setMarkupSimpleUnderEditingSettingsNew();
-    } else {
-        setMarkupUnderEditingSettingsNew(false);
-        refreshMarkup();
-    }
-    updateMarkupInContextIssueList();
-}
-
-function refreshMarkupSimple() {
-    let labelPosition = { ...markupEditOutlineSettings.position };
-    const rotation = getPdfPagesRotation();
-    if (rotation == 90) {
-        labelPosition.x = labelPosition.x + $('#markupEditOutline').height() + 1;
-    }
-    if (rotation == 180) {
-        labelPosition.x = labelPosition.x + $('#markupEditOutline').width() + 1;
-        labelPosition.y = labelPosition.y + $('#markupEditOutline').height() + 1;
-    }
-    if (rotation == 270) {
-        labelPosition.y = labelPosition.y + $('#markupEditOutline').width() + 1;
-    }
-    $('.pdf-note#' + markupUnderEditingSettings.issueId).css('left', labelPosition.x)
-        .css('top', labelPosition.y);
-}
-
-function refreshMarkup() {
-    const markupSvgData = { ...markupUnderEditingSettings.markup.svg };
-    if (!$('#' + markupSvgData.id)?.length) {
-        markupSvgData.id = markupUnderEditingSettings.issueId;
-    }
-    loadSvgShape(markupSvgData);
-    refreshMarkupLabel(markupSvgData);
-}
-
-function refreshMarkupLabel(markupSvgData) {
-    const rotation = getPdfPagesRotation();
-    const scale = getPdfCanvasScale();
-    const labelPosition = getMarkupLabelPositionBySvgType(markupSvgData, markupUnderEditingSettings.markup.position);
-    const labelPositionScaled = { x: labelPosition.x * scale, y: labelPosition.y * scale };
-    let labelPositionWithRotation = { ...labelPositionScaled };
-    if (rotation > 0) {
-        const data = {
-            position: { ...labelPositionScaled },
-            pageNr: markupUnderEditingSettings.markup.pageNr
-        };
-        labelPositionWithRotation = getNoteLabelPositionWithRotation(data, rotation);
-    }
-    const markupLabelElm = $('#' + markupUnderEditingSettings.issueId);
-    markupLabelElm.css('left', labelPositionWithRotation.x).css('top', labelPositionWithRotation.y);
-}
-
-function updateMarkupInContextIssueList() {
-    const issueIndex = context.issueList.findIndex(item => item.id === markupUnderEditingSettings.issueId);
-    context.issueList[issueIndex].markup = JSON.stringify(markupUnderEditingSettings.markup);
-}
-
-function setMarkupEditOutlinePositionNew() {
-    const markupEditOutlinePosition = $('#' + MARKUP_EDIT_OUTLINE_ID).position();
-    markupEditOutlineSettings.position.x = markupEditOutlinePosition?.left;
-    markupEditOutlineSettings.position.y = markupEditOutlinePosition?.top;
-}
-
-function getMarkupEditOutlineSettingsNormalized() {
-    const svgsketchElm = $('#svgsketch-' + markupUnderEditingSettings.markup.pageNr);
-    const svgsketchWidth = svgsketchElm.width();
-    const svgsketchHeight = svgsketchElm.height();
-    const scale = getPdfCanvasScale();
-    const rotation = getPdfPagesRotation();
-
-    if (rotation === 90) {
-        return getMarkupEditOutlineSettingsNormalizedRotation90Deg(scale, svgsketchWidth);
-    } else if (rotation === 180) {
-        return getMarkupEditOutlineSettingsNormalizedRotation180Deg(scale, svgsketchWidth, svgsketchHeight);
-    } else if (rotation === 270) {
-        return getMarkupEditOutlineSettingsNormalizedRotation270Deg(scale, svgsketchHeight);
-    } else {
-        return getMarkupEditOutlineSettingsNormalizedRotation0Deg(scale);
-    }
-}
-
-function getMarkupEditOutlineSettingsNormalizedRotation0Deg(scale) {
-    const settings = {
-        position: {
-            x: markupEditOutlineSettings.position.x / scale,
-            y: markupEditOutlineSettings.position.y / scale
-        },
-        width: markupEditOutlineSettings.width / scale,
-        height: markupEditOutlineSettings.height / scale
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsNormalizedRotation90Deg(scale, svgsketchWidth) {
-    const settings = {
-        position: {
-            x: markupEditOutlineSettings.position.y / scale,
-            y: (svgsketchWidth - markupEditOutlineSettings.width - markupEditOutlineSettings.position.x) / scale
-        },
-        width: markupEditOutlineSettings.height / scale,
-        height: markupEditOutlineSettings.width / scale
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsNormalizedRotation180Deg(scale, svgsketchWidth, svgsketchHeight) {
-    const settings = {
-        position: {
-            x: (svgsketchWidth - markupEditOutlineSettings.width - markupEditOutlineSettings.position.x) / scale,
-            y: (svgsketchHeight - markupEditOutlineSettings.height - markupEditOutlineSettings.position.y) / scale
-        },
-        width: markupEditOutlineSettings.width / scale,
-        height: markupEditOutlineSettings.height / scale
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsNormalizedRotation270Deg(scale, svgsketchHeight) {
-    const settings = {
-        position: {
-            x: (svgsketchHeight - markupEditOutlineSettings.height - markupEditOutlineSettings.position.y) / scale,
-            y: markupEditOutlineSettings.position.x / scale
-        },
-        width: markupEditOutlineSettings.height / scale,
-        height: markupEditOutlineSettings.width / scale
-    };
-    return settings;
-}
-
-function getMarkupLabelPosition(svgData) {
-    var topFix = 15;
-    var leftFix = 20;
-
-    var relX = svgData.position.x - leftFix;
-    var relY = svgData.position.y - topFix;
-
-    var position = {
-        x: relX,
-        y: relY
-    };
-
-    return position;
-}
-
-function getMarkupLabelPositionBySvgType(svgData, labelPosition) {
-    let markupLabelPosition = { ...labelPosition };
-    if (svgData.type == 'ellipse' || svgData.type == 'polygon') {
-        markupLabelPosition.y = labelPosition.y + svgData.height / 2;
-    } else if (svgData.type == 'line' || svgData.type == 'arrow' || svgData.type == 'msr_line') {
-        if (svgData.direction == 'bltr') {
-            markupLabelPosition.y = labelPosition.y + svgData.height;
-        } else if (svgData.direction == 'trbl') {
-            markupLabelPosition.x = labelPosition.x + svgData.width;
-        } else if (svgData.direction == 'brtl') {
-            markupLabelPosition.x = labelPosition.x + svgData.width;
-            markupLabelPosition.y = labelPosition.y + svgData.height;
-        }
-    }
-    return markupLabelPosition;
-}
-
-function setMarkupUnderEditingSettingsNew(isSetSize) {
-    const markupEditOutlineSettingsNormalized = getMarkupEditOutlineSettingsNormalized();
-    if (isSetSize) {
-        markupUnderEditingSettings.markup.svg.width = markupEditOutlineSettingsNormalized.width;
-        markupUnderEditingSettings.markup.svg.height = markupEditOutlineSettingsNormalized.height;
-    }
-    markupUnderEditingSettings.markup.svg.position.x = markupEditOutlineSettingsNormalized.position.x;
-    markupUnderEditingSettings.markup.svg.position.y = markupEditOutlineSettingsNormalized.position.y;
-    const labelPosition = getMarkupLabelPosition(markupUnderEditingSettings.markup.svg);
-    markupUnderEditingSettings.markup.position = labelPosition;
-}
-
-function setMarkupSimpleUnderEditingSettingsNew() {
-    let position = {};
-
-    const scale = getPdfCanvasScale();
-    const rotation = getPdfPagesRotation();
-
-    const labelElm = $('#' + markupUnderEditingSettings.issueId);
-    const labelPos = labelElm.position();
-    const labelElmWidth = labelElm.outerWidth();
-    const labelElmHeight = labelElm.outerHeight();
-    const page = $('.' + CSS_CLASS_PAGE + '[data-page-number="' + markupUnderEditingSettings.markup.pageNr + '"]');
-    const pageW = page.width();
-    const pageH = page.height();
-    
-
-    if (rotation == 90) { 
-        position.x = labelPos.top / scale;
-        position.y = pageW/scale - (labelPos.left / scale + labelElmHeight);
-    } else if (rotation == 180) {
-        position.x = pageW / scale - (labelPos.left / scale + labelElmWidth);
-        position.y = pageH / scale - (labelPos.top / scale + labelElmHeight);
-    } else if (rotation == 270) {
-        position.x = pageH / scale - (labelPos.top / scale + labelElmWidth);
-        position.y = labelPos.left / scale;
-    } else {
-        position.x = labelPos.left / scale;  
-        position.y = labelPos.top / scale;  
-    } 
-
-    markupUnderEditingSettings.markup.position.x = position.x;
-    markupUnderEditingSettings.markup.position.y = position.y;
-}
-
-function onMarkupResizerMouseDown(e) {
-    isMarkupMove = false;
-    e.stopPropagation();
-    e.preventDefault();
-
-    isMarkupResize = true;
-    markupResizeCoordinates.start = { x: e.clientX, y: e.clientY };
-    markupResizeCoordinates.type = getMarkupResizeType(e);
-    bindOnMouseMoveEventHandler();
-}
-
-function getMarkupResizeType(e) {
-    return e?.target?.id?.replace(MARKUP_RESIZER_ID_PREFIX, '')?.toLowerCase();
-}
-
-function bindOnMouseMoveEventHandler() {
-    window.addEventListener('mousemove', onMouseMove);
-}
-
-function unbindOnMouseMoveEventHandler() {
-    window.removeEventListener('mousemove', onMouseMove);
-}
-
-function onMarkupResize(mouseX, mouseY) {
-    let settings;
-    const outlineElm = $('#' + MARKUP_EDIT_OUTLINE_ID);
-    const outlineHeight = markupEditOutlineSettings.height;
-    const outlineWidth = markupEditOutlineSettings.width;
-    const deltaY = mouseY - markupResizeCoordinates.start.y;
-    const deltaX = mouseX - markupResizeCoordinates.start.x;
-
-    if (markupResizeCoordinates.type === 'tl') {
-        settings = getMarkupEditOutlineSettingsOnResizeTL(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY);
-    }
-    if (markupResizeCoordinates.type === 'tc') {
-        settings = getMarkupEditOutlineSettingsOnResizeTC(outlineWidth, outlineHeight, mouseY, deltaY);
-    }
-    if (markupResizeCoordinates.type === 'tr') {
-        settings = getMarkupEditOutlineSettingsOnResizeTR(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY);
-    }
-    if (markupResizeCoordinates.type === 'cl') {
-        settings = getMarkupEditOutlineSettingsOnResizeCL(outlineWidth, outlineHeight, mouseX, deltaX);
-    }
-    if (markupResizeCoordinates.type === 'cr') {
-        settings = getMarkupEditOutlineSettingsOnResizeCR(outlineWidth, outlineHeight, mouseX, deltaX);
-    }
-    if (markupResizeCoordinates.type === 'bl') {
-        settings = getMarkupEditOutlineSettingsOnResizeBL(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY);
-    }
-    if (markupResizeCoordinates.type === 'bc') {
-        settings = getMarkupEditOutlineSettingsOnResizeBC(outlineWidth, outlineHeight, mouseY, deltaY);
-    }
-    if (markupResizeCoordinates.type === 'br') {
-        settings = getMarkupEditOutlineSettingsOnResizeBR(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY);
-    }
-
-    if (settings) {
-        setMarkupOutlinePosition(outlineElm, settings.position.x, settings.position.y);
-        setMarkupOutlineSize(outlineElm, settings.width, settings.height);
-    }
-}
-
-function getMarkupEditOutlineSettingsOnResizeTL(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY) {
-    const settings = {
-        position: {
-            x: (markupEditOutlineSettings.position.x + deltaX) <= (markupEditOutlineSettings.position.x + outlineWidth) ? (markupEditOutlineSettings.position.x + deltaX) : (markupEditOutlineSettings.position.x + outlineWidth),
-            y: (markupEditOutlineSettings.position.y + deltaY) <= (markupEditOutlineSettings.position.y + outlineHeight) ? (markupEditOutlineSettings.position.y + deltaY) : (markupEditOutlineSettings.position.y + outlineHeight)
-        },
-        width: Math.abs(outlineWidth - deltaX),
-        height: Math.abs(outlineHeight - deltaY)
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeTC(outlineWidth, outlineHeight, mouseY, deltaY) {
-    const settings = {
-        position: {
-            x: markupEditOutlineSettings.position.x,
-            y: (markupEditOutlineSettings.position.y + deltaY) <= (markupEditOutlineSettings.position.y + outlineHeight) ? (markupEditOutlineSettings.position.y + deltaY) : (markupEditOutlineSettings.position.y + outlineHeight)
-        },
-        width: outlineWidth,
-        height: Math.abs(outlineHeight - deltaY)
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeTR(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY) {
-    const settings = {
-        position: {
-            x: (deltaX < 0 && Math.abs(deltaX) > outlineWidth) ? (markupEditOutlineSettings.position.x - Math.abs(deltaX) + outlineWidth) : markupEditOutlineSettings.position.x,
-            y: (markupEditOutlineSettings.position.y + deltaY) <= (markupEditOutlineSettings.position.y + outlineHeight) ? (markupEditOutlineSettings.position.y + deltaY) : (markupEditOutlineSettings.position.y + outlineHeight)
-        },
-        width: Math.abs(outlineWidth + deltaX),
-        height: Math.abs(outlineHeight - deltaY)
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeCL(outlineWidth, outlineHeight, mouseX, deltaX) {
-    const settings = {
-        position: {
-            x: (markupEditOutlineSettings.position.x + deltaX) <= (markupEditOutlineSettings.position.x + outlineWidth) ? (markupEditOutlineSettings.position.x + deltaX) : (markupEditOutlineSettings.position.x + outlineWidth),
-            y: markupEditOutlineSettings.position.y,
-        },
-        width: Math.abs(outlineWidth - deltaX),
-        height: outlineHeight
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeCR(outlineWidth, outlineHeight, mouseX, deltaX) {
-    const settings = {
-        position: {
-            x: (deltaX < 0 && Math.abs(deltaX) > outlineWidth) ? (markupEditOutlineSettings.position.x - Math.abs(deltaX) + outlineWidth) : markupEditOutlineSettings.position.x,
-            y: markupEditOutlineSettings.position.y,
-        },
-        width: Math.abs(outlineWidth + deltaX),
-        height: outlineHeight
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeBL(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY) {
-    const settings = {
-        position: {
-            x: (markupEditOutlineSettings.position.x + deltaX) <= (markupEditOutlineSettings.position.x + outlineWidth) ? (markupEditOutlineSettings.position.x + deltaX) : (markupEditOutlineSettings.position.x + outlineWidth),
-            y: (deltaY < 0 && Math.abs(deltaY) > outlineHeight) ? (markupEditOutlineSettings.position.y - Math.abs(deltaY) + outlineHeight) : markupEditOutlineSettings.position.y
-        },
-        width: Math.abs(outlineWidth - deltaX),
-        height: Math.abs(outlineHeight + deltaY)
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeBC(outlineWidth, outlineHeight, mouseY, deltaY) {
-    const settings = {
-        position: {
-            x: markupEditOutlineSettings.position.x,
-            y: (deltaY < 0 && Math.abs(deltaY) > outlineHeight) ? (markupEditOutlineSettings.position.y - Math.abs(deltaY) + outlineHeight) : markupEditOutlineSettings.position.y
-        },
-        width: outlineWidth,
-        height: Math.abs(outlineHeight + deltaY)
-    };
-    return settings;
-}
-
-function getMarkupEditOutlineSettingsOnResizeBR(outlineWidth, outlineHeight, mouseX, mouseY, deltaX, deltaY) {
-    const settings = {
-        position: {
-            x: (deltaX < 0 && Math.abs(deltaX) > outlineWidth) ? (markupEditOutlineSettings.position.x - Math.abs(deltaX) + outlineWidth) : markupEditOutlineSettings.position.x,
-            y: (deltaY < 0 && Math.abs(deltaY) > outlineHeight) ? (markupEditOutlineSettings.position.y - Math.abs(deltaY) + outlineHeight) : markupEditOutlineSettings.position.y
-        },
-        width: Math.abs(outlineWidth + deltaX),
-        height: Math.abs(outlineHeight + deltaY)
-    };
-    return settings;
-}
-
-function onMarkupResizerMouseUp(e) {
-    markupResizeCoordinates.end = { x: e.clientX, y: e.clientY };
-    unbindOnMouseMoveEventHandler();
-    onMarkupResizeEnd();
-}
-
-function onMarkupResizeEnd() {
-    isMarkupResize = false;
-    markupResizeCoordinates = {};
-    setMarkupEditOutlineSettingsNew();
-    setMarkupUnderEditingSettingsNew(true);
-    updateMarkupInContextIssueList();
-    refreshMarkup();
-}
-
-function setMarkupEditOutlineSettingsNew() {
-    const markupEditOutlineElm = $('#' + MARKUP_EDIT_OUTLINE_ID);
-    const markupEditOutlinePosition = markupEditOutlineElm.position();
-    markupEditOutlineSettings.position.x = markupEditOutlinePosition?.left;
-    markupEditOutlineSettings.position.y = markupEditOutlinePosition?.top;
-    markupEditOutlineSettings.width = markupEditOutlineElm.width();
-    markupEditOutlineSettings.height = markupEditOutlineElm.height();
-}
-
-function bindOnMarkupEditEndHandler() {
-    window.addEventListener('keydown', onMarkupEditEnd);
-}
-
-function unbindOnMarkupEditEndHandler() {
-    window.removeEventListener('keydown', onMarkupEditEnd);
-}
-
-function onMarkupEditEnd(e) {
-    if (e.key === 'Escape' && isMarkupEdit) {
-        endMarkupEdit();
-    }
-}
-
-function endMarkupEdit() {
-    isMarkupEdit = false;
-    saveMarkup();
-    removeMarkupEditOutline();
-    unbindOnMarkupEditEndHandler();
-}
-
-function saveMarkup() {
-    if (markupUnderEditingSettings.issueId) {
-        const issueIndex = context.issueList.findIndex(item => item.id === markupUnderEditingSettings.issueId);
-        if (context.issueList[issueIndex]) {
-            const changedFieldValueMap = new Map();
-            changedFieldValueMap.set('markup', { ...markupUnderEditingSettings.markup });
-            markupEditOutlineSettings = {};
-            markupUnderEditingSettings = {};
-            context.onIssueTileChange(context.issueList[issueIndex].item, changedFieldValueMap);
-        }
-    }
-}
-
-function removeMarkupEditOutline() {
-    document.getElementById(MARKUP_EDIT_OUTLINE_ID)?.remove();
-}
-
-function createMarkupEditOutline(e) {
-    if (e?.target) {
-        removeMarkupEditOutline();
-        const page = $(e.target).closest('.' + CSS_CLASS_PAGE);
-        const markupSettings = getMarkupSettings(e.target);
-        doCreateMarkupEditOutline(page, markupSettings);
-    }
-}
-
-function reloadMarkupEditOutlineSettings(page, isEventPageRendered) {
-    if (markupUnderEditingSettings?.markup?.pageNr && page === markupUnderEditingSettings.markup.pageNr) {
-        if (markupUnderEditingSettings.isSimple) {
-            doCreateMarkupEditOutline($('.' + CSS_CLASS_PAGE + '[data-page-number="' + page + '"]'), markupUnderEditingSettings);
-        } else {
-            let svgsketch = getSvgSketchElmByPageNr(markupUnderEditingSettings.markup.pageNr);
-            if (isEventPageRendered && !(svgsketch?.length)) {
-                const interval = setInterval(() => {
-                    svgsketch = getSvgSketchElmByPageNr(markupUnderEditingSettings.markup.pageNr);
-                    if (svgsketch?.length) {
-                        clearInterval(interval);
-                        doCreateMarkupEditOutline($('.' + CSS_CLASS_PAGE + '[data-page-number="' + page + '"]'), markupUnderEditingSettings);
-                    }
-                }, 50);
-            } else {
-                doCreateMarkupEditOutline($('.' + CSS_CLASS_PAGE + '[data-page-number="' + page + '"]'), markupUnderEditingSettings);
-            }
-        }
-    }
-}
-
-function doCreateMarkupEditOutline(page, markupSettings) {
-    const outline = $('<div id="' + MARKUP_EDIT_OUTLINE_ID + '"></div>');
-    const isMarkupSipmle = markupSettings.markup.svg ? false : true;
-    if (!isMarkupSipmle) {
-        addResizerToMarkupEditOutline(outline);
-    }
-    bindMarkupEditOutlineMouseDownHandler(outline);
-    const outlineSettings = getMarkupEditOutlineSettings(markupSettings, isMarkupSipmle);
-    markupEditOutlineSettings = outlineSettings;
-    if (isMarkupSipmle) {
-        markupEditOutlineSettings.isSimple = true;
-    }
-    setMarkupOutlineEditStyles(outline, outlineSettings);
-    page.append(outline);
-}
-
-function setMarkupOutlineEditStyles(outlineElm, outlineSettings) {
-    setMarkupOutlinePosition(outlineElm, outlineSettings.position.x, outlineSettings.position.y);
-    setMarkupOutlineSize(outlineElm, outlineSettings.width, outlineSettings.height);
-    if (markupEditOutlineSettings.isSimple) {
-        const rotation = getPdfPagesRotation();
-        outlineElm.css('transform-origin', 'top left').css('transform', 'rotate(' + rotation + 'deg)');
-    }
-}
-
-function setMarkupOutlinePosition(outlineElm, x, y) {
-    outlineElm.css('top', y + 'px');
-    outlineElm.css('left', x + 'px');
-}
-
-function setMarkupOutlineSize(outlineElm, width, height) {
-    outlineElm.width(width);
-    outlineElm.height(height);
-}
-
-function getMarkupEditOutlineSettings(markupSettings, isMarkupSimple) {
-    const rotation = getPdfPagesRotation();
-    const scale = getPdfCanvasScale();
-    const size = getMarkupEditOutlineSize(markupSettings, rotation, scale, isMarkupSimple);
-
-    const settings = {
-        position: getMarkupEditOutlinePosition(markupSettings, rotation, scale, isMarkupSimple),
-        width: size.width,
-        height: size.height
-    };
-
-    return settings;
-}
-
-function getMarkupEditOutlineSize(markupSettings, rotation, scale, isMarkupSimple) {
-    if (isMarkupSimple) {
-        return getMarkupSimpleEditOutlineSize(markupSettings, scale);
-    } else {
-        if (rotation === 0 || rotation === 180) {
-            return {
-                width: markupSettings.markup.svg.width * scale,
-                height: markupSettings.markup.svg.height * scale
-            };
-        }
-        if (rotation === 90 || rotation === 270) {
-            return {
-                width: markupSettings.markup.svg.height * scale,
-                height: markupSettings.markup.svg.width * scale
-            };
-        }
-    }
-}
-
-function getMarkupSimpleEditOutlineSize(markupSettings, scale) {
-    const elm = $('.pdf-note#' + markupSettings.issueId);
-    return {
-        width: (elm.outerWidth() * scale + 1),
-        height: (elm.outerHeight() * scale + 1)
-    };
-}
-
-function getSvgSketchElmByPageNr(pageNr) {
-    return svgsketchElm = $('#svgsketch-' + pageNr);
-}
-
-function getMarkupEditOutlinePosition(markupSettings, rotation, scale, isMarkupSimple) {
-    if (isMarkupSimple) {
-        return getMarkupSimpleEditOutlinePosition(markupSettings, scale, rotation);
-    } else {
-        const svgsketchElm = getSvgSketchElmByPageNr(markupSettings.markup.pageNr);
-        const svgsketchWidth = svgsketchElm.width();
-        const svgsketchHeight = svgsketchElm.height();
-        if (rotation === 90) {
-            return getMarkupEditOutlinePositionRotation90Deg(markupSettings, scale, svgsketchWidth);
-        } else if (rotation === 180) {
-            return getMarkupEditOutlinePositionRotation180Deg(markupSettings, scale, svgsketchWidth, svgsketchHeight);
-        } else if (rotation === 270) {
-            return getMarkupEditOutlinePositionRotation270Deg(markupSettings, scale, svgsketchHeight);
-        } else {
-            return getMarkupEditOutlinePositionRotation0Deg(markupSettings, scale);
-        }
-    }
-}
-
-function getMarkupSimpleEditOutlinePosition(markupSettings, scale, rotation) {
-    const data = {
-        position: {
-            x: markupSettings.markup.position.x * scale,
-            y: markupSettings.markup.position.y * scale,
-        },
-        pageNr: markupSettings.markup.pageNr
-    };
-    const positionWithRotation = rotation > 0 ? getNoteLabelPositionWithRotation(data, rotation) : data.position;
-    return positionWithRotation;
-}
-
-function getMarkupEditOutlinePositionRotation0Deg(markupSettings, scale) {
-    const position = {
-        x: markupSettings.markup.svg.position.x * scale,
-        y: markupSettings.markup.svg.position.y * scale
-    };
-    return position;
-}
-
-function getMarkupEditOutlinePositionRotation90Deg(markupSettings, scale, svgsketchWidth) {
-    const position = {
-        x: svgsketchWidth - (markupSettings.markup.svg.position.y + markupSettings.markup.svg.height) * scale,
-        y: markupSettings.markup.svg.position.x * scale
-    };
-    return position;
-}
-
-function getMarkupEditOutlinePositionRotation180Deg(markupSettings, scale, svgsketchWidth, svgsketchHeight) {
-    const position = {
-        x: svgsketchWidth - (markupSettings.markup.svg.position.x + markupSettings.markup.svg.width) * scale,
-        y: svgsketchHeight - (markupSettings.markup.svg.position.y + markupSettings.markup.svg.height) * scale
-    };
-    return position;
-}
-
-function getMarkupEditOutlinePositionRotation270Deg(markupSettings, scale, svgsketchHeight) {
-    const position = {
-        x: markupSettings.markup.svg.position.y * scale,
-        y: svgsketchHeight - (markupSettings.markup.svg.position.x + markupSettings.markup.svg.width) * scale
-    };
-    return position;
-}
-
-function getMarkupSettings(target) {
-    const issue = context.issueList.find(item => item.id === target.id);
-    if (issue) {
-        const markup = issue?.markup ? JSON.parse(issue?.markup) : undefined;
-        markupUnderEditingSettings = { issueId: issue.id, markup: markup }
-    }
-    return markupUnderEditingSettings;
-}
-
-function bindMarkupEditOutlineMouseDownHandler(outline) {
-    outline.on('mousedown', onMarkupEditOutlineMouseDown);
-}
-
-function bindMouseUpEventHandler() {
-    window.addEventListener('mouseup', onMouseUpEventHandler);
-}
-
-function unbindMouseUpEventHandler() {
-    window.removeEventListener('mouseup', onMouseUpEventHandler);
-}
-
-function onMouseUpEventHandler(e) {
-    if (isMarkupEdit && isMarkupMove) {
-        onMarkupEditOutlineMouseUp(e);
-    }
-    if (isMarkupEdit && isMarkupResize) {
-        onMarkupResizerMouseUp(e);
-    }
-}
-
-function addResizerToMarkupEditOutline(outlineElm) {
-    const resizerIdSuffixList = ['TL', 'TC', 'TR', 'CL', 'CR', 'BL', 'BC', 'BR'];
-    resizerIdSuffixList.forEach(function (suffix) {
-        const resizer = $('<div id="' + MARKUP_RESIZER_ID_PREFIX + suffix + '" class="' + CSS_CLASS_MARKUP_RESIZER + ' ' + CSS_CLASS_MARKUP_RESIZER + '-' + suffix.toLowerCase() + '" />');
-        resizer.on('mousedown', onMarkupResizerMouseDown);
-        outlineElm.append(resizer);
-    });
-}
-
-function initMarkupEditContextMenu() {
-    const selector = '.' + CSS_CLASS_PDF_NOTE;
-    $.contextMenu({
-        selector: selector,
-        trigger: 'right',
-        build: function ($triggerElement, e) {
-            return {
-                callback: function (key, options) { },
-                items: getMarkupEditContextMenuItemList($triggerElement, e)
-            }
-        }
-    });
-}
-
-function getMarkupEditContextMenuItemList($triggerElement, e) {
-    const menuItems = {
-        "editMarkup": {
-            name: context.createLocale('app.viewer.pdf.contextMenu.edit'),
-            callback: function (key, options) {
-                onMarkupEditStart(e);
-            }
-        },
-        "sep1": "---------",
-        "quit": {
-            name: context.createLocale('app.viewer.pdf.contextMenu.cancel'),
-            icon: function () {
-                return 'context-menu-icon context-menu-icon-quit';
-            },
-        }
-    };
-    return menuItems;
-}
-
-function setPdfViewerCursorToolMode() {
-    const btnCursorTool = $('#cursorSelectTool');
-    const btnDrawAnnotation = $('#btnDrawAnnotation');
-    if (btnDrawAnnotation.hasClass('toggled')) {
-        btnDrawAnnotation.click();
-    }
-    if (!btnCursorTool.hasClass('toggled')) {
-        btnCursorTool.click();
-    }
-}
-
-initMarkupEditContextMenu();
 $(document).ready(function() {
     context.openFile();