@teipublisher/pb-components 1.36.0 → 1.36.3

package/dist/pb-elements.json

@@ -3487,6 +3487,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "type": "string",
@@ -3610,6 +3622,20 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "referenceStrip",
+          "attribute": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "referenceStripSizeRatio",
+          "attribute": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "attribute": "src",
@@ -9550,6 +9576,11 @@
           "type": "array",
           "default": "[\"D\",\"W\",\"M\",\"Y\",\"5Y\",\"10Y\"]"
         },
+        {
+          "name": "max-interval",
+          "type": "number",
+          "default": "60"
+        },
         {
           "name": "url",
           "description": "Endpoint to load timeline data from. Expects response to be an\nobject with key value pairs for (date, hits).\n\nWill be reloaded whenever 'start-date' or 'end-date' attributes change.",
@@ -9646,6 +9677,12 @@
           "type": "array",
           "default": "[\"D\",\"W\",\"M\",\"Y\",\"5Y\",\"10Y\"]"
         },
+        {
+          "name": "maxInterval",
+          "attribute": "max-interval",
+          "type": "number",
+          "default": "60"
+        },
         {
           "name": "url",
           "attribute": "url",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teipublisher/pb-components",
-  "version": "1.36.0",
+  "version": "1.36.3",
   "description": "Collection of webcomponents underlying TEI Publisher",
   "repository": "https://github.com/eeditiones/tei-publisher-components.git",
   "main": "index.html",

package/pb-elements.json

@@ -3487,6 +3487,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "type": "string",
@@ -3610,6 +3622,20 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "referenceStrip",
+          "attribute": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "referenceStripSizeRatio",
+          "attribute": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "attribute": "src",
@@ -9550,6 +9576,11 @@
           "type": "array",
           "default": "[\"D\",\"W\",\"M\",\"Y\",\"5Y\",\"10Y\"]"
         },
+        {
+          "name": "max-interval",
+          "type": "number",
+          "default": "60"
+        },
         {
           "name": "url",
           "description": "Endpoint to load timeline data from. Expects response to be an\nobject with key value pairs for (date, hits).\n\nWill be reloaded whenever 'start-date' or 'end-date' attributes change.",
@@ -9646,6 +9677,12 @@
           "type": "array",
           "default": "[\"D\",\"W\",\"M\",\"Y\",\"5Y\",\"10Y\"]"
         },
+        {
+          "name": "maxInterval",
+          "attribute": "max-interval",
+          "type": "number",
+          "default": "60"
+        },
         {
           "name": "url",
           "attribute": "url",

package/src/authority/kbga.js

@@ -14,7 +14,6 @@ export class KBGA extends Registry {
         const searchParam = register === 'bibls' ? 'biblsearch' : 'search';
         const url = `https://meta.karl-barth.ch/api/${register}?${searchParam}=${encodeURIComponent(key)}`;
         const label = this.getLabelField();
-        console.log(label);
         return new Promise((resolve) => {
             fetch(url)
               .then(response => response.json())
@@ -63,7 +62,7 @@ export class KBGA extends Registry {
           container.innerHTML = output;
           resolve({
             id: json.data['full-id'],
-            strings: [json.data[label]]
+            strings: [typeof label === 'string' ? json.data[label] : label(json.data)]
           });
         });
       });
@@ -115,7 +114,7 @@ export class KBGA extends Registry {
               label = 'label';
               break;
           case 'bibl':
-              label = (data) => data.title.m || data.title.s;
+              label = 'asHtml';
               break;
           default:
               label = 'persName_full';

package/src/pb-authority-lookup.js

@@ -1,4 +1,5 @@
 import { LitElement, html, css } from 'lit-element';
+import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { pbMixin } from './pb-mixin.js';
 import { translate } from "./pb-i18n.js";
 import { createConnectors } from "./authority/connectors.js";
@@ -121,8 +122,9 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
         <td>
           <div>
             ${item.link
-              ? html`<a target="_blank" href="${item.link}">${item.label}</a>`
-              : item.label}
+              ? html`<a target="_blank" href="${item.link}">${unsafeHTML(item.label)}</a>`
+              : html`${unsafeHTML(item.label)}`
+            }
           </div>
           ${item.details ? html`<div class="details" part="details">${item.details}</div>` : null}
         </td>

package/src/pb-facsimile.js

@@ -85,6 +85,21 @@ export class PbFacsimile extends pbMixin(LitElement) {
                 type: Number,
                 attribute: 'visibility-ratio'
             },
+            /**
+             * If set, thumbnails of all images are shown in a reference strip at the
+             * bottom of the viewer.
+             */
+            referenceStrip: {
+                type: Boolean,
+                attribute: 'reference-strip'
+            },
+            /**
+             * Size ratio for the reference strip thumbnails. 0.2 by default.
+             */
+            referenceStripSizeRatio: {
+                type: Number,
+                attribute: 'reference-strip-size-ratio'
+            },
             /**
              * Type of the source of the image to display: either 'iiif' or 'image'
              * (for simple image links not served via IIIF).
@@ -134,6 +149,8 @@ export class PbFacsimile extends pbMixin(LitElement) {
         this.showFullPageControl = false;
         this.showRotationControl = false;
         this.constrainDuringPan = false;
+        this.referenceStrip = false;
+        this.referenceStripSizeRatio = 0.2;
         this.src = '';
         this.prefixUrl = '../images/openseadragon/';
         this.loaded = false;
@@ -197,7 +214,7 @@ export class PbFacsimile extends pbMixin(LitElement) {
     // Init openseadragon
     _initOpenSeadragon() {
         const prefixUrl = resolveURL(this.prefixUrl + (this.prefixUrl.endsWith("/") ? "" : "/"));
-        this.viewer = OpenSeadragon({
+        const options = {
             element: this.shadowRoot.getElementById('viewer'),
             prefixUrl,
             preserveViewport: true,
@@ -213,7 +230,12 @@ export class PbFacsimile extends pbMixin(LitElement) {
             minZoomLevel: 1,
             defaultZoomLevel: this.defaultZoomLevel,
             constrainDuringPan: true
-        });
+        };
+        if (this.referenceStrip) {
+            options.showReferenceStrip = true;
+            options.referenceStripSizeRatio = this.referenceStripSizeRatio;
+        }
+        this.viewer = OpenSeadragon(options);
 
         this.viewer.addHandler('open', () => {
             this.resetZoom();

package/src/pb-timeline.js

@@ -282,6 +282,10 @@ export class PbTimeline extends pbMixin(LitElement) {
             scopes: {
               type: Array
             },
+            maxInterval: {
+              type: Number,
+              attribute: 'max-interval'
+            },
             /**
              * Endpoint to load timeline data from. Expects response to be an
              * object with key value pairs for (date, hits).
@@ -315,6 +319,7 @@ export class PbTimeline extends pbMixin(LitElement) {
     this.endDate = '';
     this.scope = '';
     this.scopes = ["D", "W", "M", "Y", "5Y", "10Y"];
+    this.maxInterval = 60;
     this.url = '';
     this.auto = false;
     this.resettable = false;
@@ -516,10 +521,18 @@ export class PbTimeline extends pbMixin(LitElement) {
           endDateStr: this.searchResult.getEndOfRangeDate(this.dataObj.scope, endDateStr),
           scope: this.dataObj.scope,
           categories,
-          count: itemCount
+          count: itemCount,
+          label: this.label
         });
       } else {
-        this.emitTo('pb-timeline-date-changed', { startDateStr, endDateStr: null, scope: this.dataObj.scope, categories, count: itemCount });
+        this.emitTo('pb-timeline-date-changed', { 
+          startDateStr, 
+          endDateStr: null, 
+          scope: this.dataObj.scope, 
+          categories, 
+          count: itemCount,
+          label: this.label
+        });
       }
     } else {
       this.emitTo('pb-timeline-daterange-changed', {
@@ -527,7 +540,8 @@ export class PbTimeline extends pbMixin(LitElement) {
         endDateStr,
         categories,
         scope: this.dataObj.scope,
-        count: itemCount
+        count: itemCount,
+        label: this.label
       });
     }
   }
@@ -732,15 +746,12 @@ export class PbTimeline extends pbMixin(LitElement) {
         } else {
           newJsonData = data;
         }
-        this.searchResult = new SearchResultService(newJsonData, 60, this.scopes);
+        this.searchResult = new SearchResultService(newJsonData, this.maxInterval, this.scopes);
         this.setData(this.searchResult.export(this.scope));
-        this.dispatchEvent(new CustomEvent('pb-timeline-loaded', {
-            detail: {
-                value: true
-            },
-            composed: true,
-            bubbles: true
-        }));
+        this.emitTo('pb-timeline-loaded', {
+          value: true,
+          label: this.label
+        });
     }
 
 }