Add opened find bar demo

alekswebnet · alekswebnet · commit 20975608e0ed · 2024-03-29T00:52:13.000+02:00
diff --git a/demo/opened-findbar.html b/demo/opened-findbar.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>pdfjs-viewer-element | Opened find bar demo</title>
+    <script type="module" src="./../../dist/pdfjs-viewer-element.js"></script>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+
+  <body>
+    <pdfjs-viewer-element
+      id="viewer"
+      src="/public/sample-pdf-with-images.pdf"
+      viewer-path="/public/pdfjs-4.0.379-dist"
+      style="height: 100dvh">
+    </pdfjs-viewer-element>
+
+    <script>
+      document.addEventListener('DOMContentLoaded', async () => {
+        const viewer = document.querySelector('#viewer')
+        // Wait for the viewer initialization
+        const viewerApp = await viewer.initialize()
+        // Wait for pages loaded, open find bar and search
+        viewerApp.eventBus.on('pagesloaded', () => {
+          viewerApp.findBar.open()
+          viewerApp.findBar.findField.value = 'na' 
+          viewerApp.findBar.highlightAll.checked = true
+          viewerApp.findBar.findNextButton.click()
+        })
+      })
+    </script>
+  </body>
+</html>
