From affe105248fbafd4948f00cdae0471f73da64a21 Mon Sep 17 00:00:00 2001
From: Wolfgang Meier <wolfgang@exist-db.org>
Date: Fri, 1 Sep 2023 09:22:08 +0000
Subject: [PATCH] encylopedia sample: fix browser history navigation

---
 modules/config.xqm           |  2 +-
 modules/custom-api.xql       |  2 +-
 package-lock.json            | 14 +++++++-------
 package.json                 |  2 +-
 templates/pages/tei-lex.html | 13 -------------
 5 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/modules/config.xqm b/modules/config.xqm
index 9fb43942..a012e0b4 100644
--- a/modules/config.xqm
+++ b/modules/config.xqm
@@ -60,7 +60,7 @@ declare variable $config:enable-proxy-caching :=
  : In this case, change $config:webcomponents-cdn to point to http://localhost:port 
  : (default: 8000, but check where your server is running).
  :)
-declare variable $config:webcomponents := "2.12.4";
+declare variable $config:webcomponents := "2.12.6";
 
 (:~
  : CDN URL to use for loading webcomponents. Could be changed if you created your
diff --git a/modules/custom-api.xql b/modules/custom-api.xql
index 74848460..ce53c1b9 100644
--- a/modules/custom-api.xql
+++ b/modules/custom-api.xql
@@ -100,7 +100,7 @@ declare %private function api:output-lemma($list, $category as xs:string, $searc
         let $lemmaField := ft:field($lemma, "lemma")
         return
             <div class="term">
-                <pb-link emit="detail" params='{{"search": "{$lemmaField}"}}'>
+                <pb-link emit="detail" subscribe="detail" params='{{"search": "{$lemmaField}"}}'>
                     {$lemmaField}
                 </pb-link>
             </div>
diff --git a/package-lock.json b/package-lock.json
index 836a9a8e..99cd3967 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "8.1.0",
       "license": "GPL-3.0",
       "dependencies": {
-        "@teipublisher/pb-components": "^2.12.4"
+        "@teipublisher/pb-components": "^2.12.6"
       },
       "devDependencies": {
         "adm-zip": "^0.5.9",
@@ -871,9 +871,9 @@
       }
     },
     "node_modules/@teipublisher/pb-components": {
-      "version": "2.12.4",
-      "resolved": "https://registry.npmjs.org/@teipublisher/pb-components/-/pb-components-2.12.4.tgz",
-      "integrity": "sha512-GQg6f8gh95xcoqAPP34JKbwYkBHRrTPuLJIODe352qzK9ziEgs2YvrEfQSdFSxzBFHo7f5vLx91mQdFk7tyK8Q==",
+      "version": "2.12.6",
+      "resolved": "https://registry.npmjs.org/@teipublisher/pb-components/-/pb-components-2.12.6.tgz",
+      "integrity": "sha512-CSm+fg+UbQUQV5CjEiPVD1LSXxXVLikdS7OJrjjshnvwiA8c4ZuDnUd3+vmHJ1wwgb9j0bgxW3+/Aiy8rNa6qw==",
       "dependencies": {
         "@babel/runtime": "7.11.2",
         "@cwmr/paper-autocomplete": "^4.0.0",
@@ -5207,9 +5207,9 @@
       "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
     },
     "@teipublisher/pb-components": {
-      "version": "2.12.4",
-      "resolved": "https://registry.npmjs.org/@teipublisher/pb-components/-/pb-components-2.12.4.tgz",
-      "integrity": "sha512-GQg6f8gh95xcoqAPP34JKbwYkBHRrTPuLJIODe352qzK9ziEgs2YvrEfQSdFSxzBFHo7f5vLx91mQdFk7tyK8Q==",
+      "version": "2.12.6",
+      "resolved": "https://registry.npmjs.org/@teipublisher/pb-components/-/pb-components-2.12.6.tgz",
+      "integrity": "sha512-CSm+fg+UbQUQV5CjEiPVD1LSXxXVLikdS7OJrjjshnvwiA8c4ZuDnUd3+vmHJ1wwgb9j0bgxW3+/Aiy8rNa6qw==",
       "requires": {
         "@babel/runtime": "7.11.2",
         "@cwmr/paper-autocomplete": "^4.0.0",
diff --git a/package.json b/package.json
index 16c97291..f7034d9d 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@teipublisher/pb-components": "^2.12.4"
+    "@teipublisher/pb-components": "^2.12.6"
   },
   "devDependencies": {
     "adm-zip": "^0.5.9",
diff --git a/templates/pages/tei-lex.html b/templates/pages/tei-lex.html
index 74b213cd..02e6d274 100644
--- a/templates/pages/tei-lex.html
+++ b/templates/pages/tei-lex.html
@@ -94,18 +94,5 @@
             </app-drawer-layout>
         </pb-page>
         <div class="splash"/>
-        <script>
-            /*document.addEventListener('DOMContentLoaded', () => {
-                pbEvents.subscribe('pb-end-update', 'transcription', () => {
-                    const terms = document.querySelectorAll('pb-split-list .term pb-link');
-                    if (terms.length === 1) {
-                        const id = terms[0].getAttribute('xml-id');
-                        pbEvents.emit('pb-update', 'detail', {
-                            id
-                        });
-                    }
-                });
-            });*/
-        </script>
     </body>
 </html>
\ No newline at end of file