@teipublisher/pb-components 1.33.0 → 1.34.2

package/dist/pb-elements.json

@@ -1328,6 +1328,12 @@
           "type": "string",
           "default": "\"title\""
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "url",
           "description": "The URL for the AJAX request. If a relative URL is passed, it will be resolved\nagainst the current API endpoint.",
@@ -1497,6 +1503,13 @@
           "type": "string",
           "default": "\"title\""
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "url",
           "attribute": "url",
@@ -10209,6 +10222,11 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -10404,6 +10422,12 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",
@@ -10660,6 +10684,11 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -10838,6 +10867,12 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",

package/package.json

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

package/pb-elements.json

@@ -1328,6 +1328,12 @@
           "type": "string",
           "default": "\"title\""
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "url",
           "description": "The URL for the AJAX request. If a relative URL is passed, it will be resolved\nagainst the current API endpoint.",
@@ -1497,6 +1503,13 @@
           "type": "string",
           "default": "\"title\""
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "url",
           "attribute": "url",
@@ -10209,6 +10222,11 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -10404,6 +10422,12 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",
@@ -10660,6 +10684,11 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -10838,6 +10867,12 @@
           "description": "If set to the name of an event, the content of the pb-view will not be replaced\nimmediately upon updates. Instead, an event is emitted, which contains the new content\nin property `root`. An event handler intercepting the event can thus modify the content.\nOnce it is done, it should pass the modified content to the callback function provided\nin the event detail under the name `render`. See the demo for an example.",
           "type": "string"
         },
+        {
+          "name": "static",
+          "attribute": "static",
+          "description": "If set, rewrite URLs to load pages as static HTML files,\nso no TEI Publisher instance is required. Use this in combination with\n[tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).\nThe value should point to the HTTP root path under which the static version\nwill be hosted. This is used to resolve CSS stylesheets.",
+          "type": "string"
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",

package/src/parse-date-service.js

@@ -30,12 +30,12 @@ export class ParseDateService {
     const resultWeekMatch = this.input.match(this._weekMatchRegex());
     const resultYearAndMonthMatch = this.input.match(this._yearAndMonthRegex());
     if (resultIsoMatch) {
-      const split = resultIsoMatch[0].split(/-|\/|\s/);
+      const split = resultIsoMatch[1].split(/-|\/|\s/);
       this.year  = split[0];
       this.month = this._setWithLeadingZero(split[1]);
       this.day   = this._setWithLeadingZero(split[2]);
     } else if (resultYearAndMonthMatch) {
-      const split = resultYearAndMonthMatch[0].split("-");
+      const split = resultYearAndMonthMatch[1].split("-");
       this.year = split[0];
       this.month = this._setWithLeadingZero(split[1]);
       this.day = "01";
@@ -73,7 +73,7 @@ export class ParseDateService {
   * | 2012/1/31  | 2012 1 31 | 2012 01 31 |
   */
   _isoMatchRegex() {
-    return /(?<=\s|^)\d{4}(-|\s|\/)([0][1-9]|[1-9]|10|11|12)(-|\s|\/)([0][1-9]|[1-2][0-9]|3[01]|[1-9])(?=\s|$|\.)/;
+    return /(?:\s|^)(\d{4}(-|\s|\/)([0][1-9]|[1-9]|10|11|12)(-|\s|\/)([0][1-9]|[1-2][0-9]|3[01]|[1-9]))(?=\s|$|\.)/;
     /*      |        | year         | 01-09 | 1-9 | 10-12   |         |01-09  |10-29     |30,31| 1-9  |
     *       |             | dash or slash                   | dash or slash                           |
     *       |preceding with space or start of string                 end with space endofstr or dot <-|*/
@@ -111,7 +111,7 @@ export class ParseDateService {
   * | 2020-01 | 2020-12 | 2012-1 |
   */
   _yearAndMonthRegex() {
-    return /(?<=\s|^)\d{4}-([0][1-9]|[1-9]|10|11|12)(?=\s|$)/;
+    return /(?:\s|^)(\d{4}-([0][1-9]|[1-9]|10|11|12))(?=\s|$)/;
   }
 
   _findYear() {
@@ -126,14 +126,14 @@ export class ParseDateService {
   _findMonth() {
     const months = this._monthDictionaryValues();
     months.forEach(month => {
-      let re = new RegExp(`(?<=\\s|^)(${month})(?=\\s|$|\\.)`, "i")
+      const re = new RegExp(`(?:\\s|^)(${month})(?=\\s|$|\\.)`, "i")
       const result = this.input.match(re);
       if (result) { // yes => get dict and value + return
-        this.month = this._monthDictionary()[result[0].toLowerCase()];
+        this.month = this._monthDictionary()[result[1].toLowerCase()];
         this._removeMatchFromInput(result);
         return this.month;
       }
-    })
+    });
     return undefined;
   }
 
@@ -141,14 +141,14 @@ export class ParseDateService {
   * find single numbers from 1-31
   */
   _findDay() {
-    let regex = /(?<=\s|^)([0][1-9]|[1-2][0-9]|3[01]|[1-9])(?=\s|$|\.|st|nd|rd|th)/;
+    const regex = /(?:\s|^)([0][1-9]|[1-2][0-9]|3[01]|[1-9])(?=\s|$|\.|st|nd|rd|th)/;
     /*           |         | 01-09 | 10-29    |30,31|1-9    | ends with whitespace, endofstr or dot.
     *            | starts with whitepace or startoftr       | won't be included in match (lookbehind operator)
     *            | look behind operator (not included)
     *            | https://stackoverflow.com/a/6713378/6272061 */
     const result = this.input.match(regex)
     if (result) {
-      this.day = this._setWithLeadingZero(result[0]);
+      this.day = this._setWithLeadingZero(result[1]);
     }
   }
 

package/src/pb-browse-docs.js

@@ -87,6 +87,13 @@ export class PbBrowseDocs extends PbLoad {
             subforms: {
                 type: String
             },
+            /**
+             * If set, rewrite URLs to load pages as static HTML files,
+             * so no TEI Publisher instance is required
+             */
+            static: {
+                type: Boolean
+            },
             _file: {
                 type: String
             },
@@ -120,6 +127,8 @@ export class PbBrowseDocs extends PbLoad {
         this.filterBy = 'title';
         this._allowModification = false;
         this._suggestions = [];
+
+        this.static = false;
     }
 
     connectedCallback() {
@@ -177,14 +186,16 @@ export class PbBrowseDocs extends PbLoad {
         });
         this.shadowRoot.getElementById('autocomplete').addEventListener('autocomplete-change', this._autocomplete.bind(this));
 
-        const login = document.getElementById(this.login);
-        if (!login) {
-            console.error('<pb-browse-docs> connected pb-login element not found!');
-        } else {
-            this.subscribeTo('pb-login', (ev) => {
-                this._allowModification = this._loggedIn(ev.detail.user, ev.detail.group);
-            }, []);
-            this._allowModification = login.loggedIn && this._loggedIn(login.user, login.groups);
+        if (this.login) {
+            const login = document.getElementById(this.login);
+            if (!login) {
+                console.error('<pb-browse-docs> connected pb-login element not found!');
+            } else {
+                this.subscribeTo('pb-login', (ev) => {
+                    this._allowModification = this._loggedIn(ev.detail.user, ev.detail.group);
+                }, []);
+                this._allowModification = login.loggedIn && this._loggedIn(login.user, login.groups);
+            }
         }
 
         this.shadowRoot.getElementById('sort-list').addEventListener('selected-item-changed', this._sort.bind(this));
@@ -313,6 +324,10 @@ export class PbBrowseDocs extends PbLoad {
     }
 
     getURL(params) {
+        if (this.static) {
+            // use a static URL
+            return `collections/${this.collection ? this.collection + '/' : ''}${params.start || '1'}.html`;
+        }
         const url = super.getURL(params);
         return this.collection ? `${url}/${this.collection}` : url;
     }
@@ -425,6 +440,7 @@ export class PbBrowseDocs extends PbLoad {
             link.addEventListener('click', (ev) => {
                 ev.preventDefault();
                 this.collection = link.getAttribute('data-collection');
+                this.start = 1;
                 this.setParameter('collection', this.collection);
                 this.pushHistory('browse collection');
                 console.log('<pb-browse-docs> loading collection %s', this.collection);

package/src/pb-load.js

@@ -288,13 +288,12 @@ export class PbLoad extends pbMixin(LitElement) {
     }
 
     _handleContent(ev) {
-        this._parseHeaders(ev.detail.xhr);
-
         const resp = this.shadowRoot.getElementById('loadContent').lastResponse;
         if (this.container) {
             this.style.display = 'none';
             document.querySelectorAll(this.container).forEach((elem) => {
-                elem.innerHTML = resp
+                elem.innerHTML = resp;
+                this._parseHeaders(ev.detail.xhr, elem);
                 this._fixLinks(elem);
                 this._onLoad(elem);
             });
@@ -304,6 +303,7 @@ export class PbLoad extends pbMixin(LitElement) {
 
             const div = document.createElement('div');
             div.innerHTML = resp;
+            this._parseHeaders(ev.detail.xhr, div);
             div.slot = '';
             this.appendChild(div);
             this._fixLinks(div);
@@ -338,9 +338,20 @@ export class PbLoad extends pbMixin(LitElement) {
         dialog.open();
     }
 
-    _parseHeaders(xhr) {
-        const total = xhr.getResponseHeader('pb-total');
-        const start = xhr.getResponseHeader('pb-start');
+    _parseHeaders(xhr, content) {
+        // Try to determine number of pages and current position
+        // Search for data-pagination-* attributes first and if they
+        // can't be found, check HTTP headers
+        function getPaginationParam(type) {
+            const elem = content.querySelector(`[data-pagination-${type}]`);
+            if (elem) {
+                return elem.getAttribute(`data-pagination-${type}`);
+            }
+            return xhr.getResponseHeader(`pb-${type}`);
+        }
+
+        const total = getPaginationParam('total');
+        const start = getPaginationParam('start');
 
         if (this.start !== start) {
             this.start = parseInt(start);

package/src/pb-timeline.js

@@ -177,8 +177,9 @@ export class PbTimeline extends pbMixin(LitElement) {
         text-align: left;
         border-radius: 6px;
         padding: 5px 10px;
-        top: calc(var(--pb-timeline-height, 80px) - 5px);
+        top: var(--pb-timeline-height, 80px);
         left: 0;
+        z-index: 1000;
       }
       #tooltip ul {
         list-style: none;
@@ -194,12 +195,16 @@ export class PbTimeline extends pbMixin(LitElement) {
         content: "";
         position: absolute;
         bottom: 100%;
-        left: 50%;
+        left: 10px;
         margin-left: -5px;
         border-width: 5px;
         border-style: solid;
         border-color: transparent transparent black transparent;
       }
+      #tooltip.right::after {
+        right: 10px;
+        left: auto;
+      }
       /* pure css close button for tooltip */
       .close{
         position: relative;
@@ -294,6 +299,9 @@ export class PbTimeline extends pbMixin(LitElement) {
             },
             resettable: {
               type: Boolean
+            },
+            _language: {
+              type: String
             }
         };
     }
@@ -310,6 +318,7 @@ export class PbTimeline extends pbMixin(LitElement) {
     this.url = '';
     this.auto = false;
     this.resettable = false;
+    this._language = 'en';
     this._resetSelectionProperty();
   }
 
@@ -322,6 +331,9 @@ export class PbTimeline extends pbMixin(LitElement) {
       loader.url = url;
       loader.generateRequest();
     });
+    this.subscribeTo('pb-i18n-update', (ev) => {
+      this._language = ev.detail.language;
+    });
   }
 
   firstUpdated() {
@@ -526,7 +538,14 @@ export class PbTimeline extends pbMixin(LitElement) {
 
   _showtooltip(event) {
     const interval = this._getElementInterval(event.currentTarget);
-    const offset = Math.round((((interval[0] + interval[1]) / 2) - this.tooltip.offsetWidth / 2));
+    let offset;
+    if (interval[0] < interval[2]) {
+      offset = Math.round((((interval[0] + interval[1]) / 2)) - 10);
+      this.tooltip.classList.remove('right');
+    } else {
+      offset = Math.round((((interval[0] + interval[1]) / 2) - this.tooltip.offsetWidth)) + 10;
+      this.tooltip.classList.add('right');
+    }
     this.tooltip.style.left = offset + "px";
     const datestr = event.currentTarget.dataset.tooltip;
     const value = this._numberWithCommas(event.currentTarget.dataset.value);
@@ -574,7 +593,7 @@ export class PbTimeline extends pbMixin(LitElement) {
     let interval = [bin.getBoundingClientRect().x, bin.getBoundingClientRect().x + bin.getBoundingClientRect().width]
     let x1 = interval[0] - rect.left + 1; //x position within the element.
     let x2 = interval[1] - rect.left + 1; //x position within the element.
-    return [x1, x2];
+    return [x1, x2, rect.width / 2];
   }
 
   _getSelectionInterval() {
@@ -608,7 +627,7 @@ export class PbTimeline extends pbMixin(LitElement) {
   }
 
   _numberWithCommas(input) {
-    return input.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, "'");
+    return new Intl.NumberFormat(this._language, {style: 'decimal'}).format(input);
   }
 
   _areOverlapping(A, B) { // check if 2 intervals are overlapping
@@ -690,7 +709,7 @@ export class PbTimeline extends pbMixin(LitElement) {
   }
 
   renderInfo(binObj) {
-    if (binObj.info && binObj.info.length > 0 && binObj.info.length < 6) {
+    if (binObj.info && binObj.info.length > 0 && binObj.info.length <= 10) {
       return html`
         <ul class="info">
         ${ binObj.info.map(info => html`<li>${unsafeHTML(info)}</li>`) }

package/src/pb-view.js

@@ -161,6 +161,16 @@ export class PbView extends pbMixin(LitElement) {
             url: {
                 type: String
             },
+            /**
+             * If set, rewrite URLs to load pages as static HTML files,
+             * so no TEI Publisher instance is required. Use this in combination with
+             * [tei-publisher-static](https://github.com/eeditiones/tei-publisher-static).
+             * The value should point to the HTTP root path under which the static version
+             * will be hosted. This is used to resolve CSS stylesheets.
+             */
+            static: {
+                type: String
+            },
             /**
             * The server returns footnotes separately. Set this property
             * if you wish to append them to the main text.
@@ -328,6 +338,7 @@ export class PbView extends pbMixin(LitElement) {
         this._selector = new Map();
         this._chunks = [];
         this._scrollTarget = null;
+        this.static = null;
     }
 
     attributeChangedCallback(name, oldVal, newVal) {
@@ -584,20 +595,56 @@ export class PbView extends pbMixin(LitElement) {
 
         const loadContent = this.shadowRoot.getElementById('loadContent');
         
-        if (!this.url) {
+        if (this.static) {
+            this._staticUrl(params).then((url) => {
+                loadContent.url = url;
+                loadContent.generateRequest();
+            });
+        } else {
+            if (!this.url) {
+                if (this.minApiVersion('1.0.0')) {
+                    this.url = "api/parts";
+                } else {
+                    this.url = "modules/lib/components.xql";
+                }
+            }
             if (this.minApiVersion('1.0.0')) {
-                this.url = "api/parts";
+                loadContent.url = `${this.getEndpoint()}/${this.url}/${encodeURIComponent(this.getDocument().path)}/json`;
             } else {
-                this.url = "modules/lib/components.xql";
+                loadContent.url = `${this.getEndpoint()}/${this.url}`;
             }
+            loadContent.params = params;
+            loadContent.generateRequest();
         }
-        if (this.minApiVersion('1.0.0')) {
-            loadContent.url = `${this.getEndpoint()}/${this.url}/${encodeURIComponent(this.getDocument().path)}/json`;
-        } else {
-            loadContent.url = `${this.getEndpoint()}/${this.url}`;
+    }
+
+    /**
+     * Use a static URL to load pre-generated content.
+     */
+    async _staticUrl(params) {
+        function createKey(paramNames) {
+            const urlComponents = [];
+            paramNames.sort().forEach(key => {
+                if (params.hasOwnProperty(key)) {
+                    urlComponents.push(`${key}=${params[key]}`);
+                }
+            });
+            return urlComponents.join('&');
         }
-        loadContent.params = params;
-        loadContent.generateRequest();
+        
+        const index = await fetch(`index.json`)
+            .then((response) => response.json());
+        const paramNames = ['odd', 'view', 'xpath', 'map'];
+        this.querySelectorAll('pb-param').forEach((param) => paramNames.push(`user.${param.getAttribute('name')}`));
+        let url = params.id ? createKey([...paramNames, 'id']) : createKey([...paramNames, 'root']);
+        let file = index[url];
+        if (!file) {
+            url = createKey(paramNames);
+            file = index[url];
+        }
+
+        console.log('<pb-view> Static lookup %s: %s', url, file);
+        return `${file}`;
     }
 
     _clear() {
@@ -838,14 +885,18 @@ export class PbView extends pbMixin(LitElement) {
         let link = document.createElement('link');
         link.setAttribute('rel', 'stylesheet');
         link.setAttribute('type', 'text/css');
-        link.setAttribute('href', `${this.getEndpoint()}/transform/${this.getOdd()}.css`);
+        if (this.static) {
+            link.setAttribute('href', `${this.static}/css/${this.getOdd()}.css`);
+        } else {
+            link.setAttribute('href', `${this.getEndpoint()}/transform/${this.getOdd()}.css`);
+        }
         links.push(link);
 
         if (this.loadCss) {
             link = document.createElement('link');
             link.setAttribute('rel', 'stylesheet');
             link.setAttribute('type', 'text/css');
-            link.setAttribute('href', `${this.getEndpoint()}/${this.loadCss}`);
+            link.setAttribute('href', this.toAbsoluteURL(this.loadCss));
             links.push(link);
         }
 

package/src/search-result-service.js

@@ -109,7 +109,15 @@ export class SearchResultService {
     });
     if (this.data.invalid) {
       let invalid = 0;
-      Object.values(this.data.invalid).forEach((count) => { invalid += count });
+      let info = [];
+      Object.values(this.data.invalid).forEach((value) => {
+        if (typeof value === 'object') {
+          invalid += value.count || 0;
+          info = info.concat(value.info);
+        } else {
+          invalid += value;
+        }
+      });
       if (invalid > 0) {
         exportData.data.push({
           tooltip: i18n('timeline.unknown'),
@@ -117,7 +125,8 @@ export class SearchResultService {
           // binTitle: i18n('timeline.unknown'),
           category: '?',
           separator: true,
-          value: invalid
+          value: invalid,
+          info
         });
       }
     }