add constraints on the annotation 'border' style

Author: lfoppiano

streamlit_pdf_viewer/frontend/src/PdfViewer.vue

@@ -29,6 +29,7 @@ import { debounce } from 'lodash';
 const CMAP_URL = "pdfjs-dist/cmaps/";
 const CMAP_PACKED = true;
 const ENABLE_XFA = true;
+const acceptedBorderStyleAttributes = ['solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset', 'outset', 'none', undefined, null];
 
 export default {
   props: ["args"],
@@ -119,7 +120,7 @@ export default {
       annotationDiv.style.width = `${annotation.width * scale}px`;
       annotationDiv.style.height = `${annotation.height * scale}px`;
       let border = annotation.border
-      if (!annotation.border) {
+      if (!annotation.border || !acceptedBorderStyleAttributes.includes(annotation.border)) {
         border = "solid"
       }
       annotationDiv.style.outline = `${props.args.annotation_outline_size * scale}px ${border} ${annotation.color}`;