@nanoporetech-digital/components 8.0.0 → 8.1.1

package/dist/components/nano-tab-group.js

@@ -326,7 +326,7 @@ const NanoTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class NanoTabGroup exten
                 group: true,
                 'group--top': this.placement === 'top',
                 'group--start': this.placement === 'start',
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("nano-masked-overflow", { role: "nav", class: "group__tabs", part: "tabs__wrapper", exportparts: "items:tabs, scroll-button:tabs__scroll-button, indicator:active-tab-indicator", orientation: this.placement === 'top' ? 'horizontal' : 'vertical', isActiveHandler: (itm) => this.activeTab === itm, scrollControls: !this.noScrollControls, hideScrollbars: true }, h("slot", { name: "tabs", onSlotchange: this.handleTabSlotChange }), h("div", { class: "group__tabs-border" })), h("div", { part: "body", class: "group__body", onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("slot", { onSlotchange: this.handleContentSlotChange })))));
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("nano-masked-overflow", { role: "navigation", class: "group__tabs", part: "tabs__wrapper", exportparts: "items:tabs, scroll-button:tabs__scroll-button, indicator:active-tab-indicator", orientation: this.placement === 'top' ? 'horizontal' : 'vertical', isActiveHandler: (itm) => this.activeTab === itm, scrollControls: !this.noScrollControls, hideScrollbars: true }, h("slot", { name: "tabs", onSlotchange: this.handleTabSlotChange }), h("div", { class: "group__tabs-border" })), h("div", { part: "body", class: "group__body", onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("slot", { onSlotchange: this.handleContentSlotChange })))));
     }
     static get style() { return tabGroupCss; }
 }, [257, "nano-tab-group", {

package/dist/components/popover.js

@@ -1831,7 +1831,7 @@ class Popover {
         // this.isVisible = false;
         this.popover.hidden = true;
         this.popover.classList.remove(this.options.visibleClass);
-        this.popover.addEventListener('transitionend', this.handleTransitionEnd.bind(this));
+        this.popover.addEventListener('transitionend', this.handleTransitionEnd);
     }
     handleTransitionEnd(event) {
         const target = event.target;
@@ -1846,10 +1846,13 @@ class Popover {
                 this.popover.classList.remove(this.options.visibleClass);
                 this.options.onAfterHide.call(this);
             }
+            else {
+                this.options.onAfterShow.call(this);
+            }
         }
     }
     destroy() {
-        this.popover.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));
+        this.popover.removeEventListener('transitionend', this.handleTransitionEnd);
         if (this.popper) {
             this.popper.destroy();
             this.popper = null;
@@ -1901,7 +1904,6 @@ class Popover {
                 },
             ],
         });
-        this.popover.addEventListener('transitionend', () => this.options.onAfterShow.call(this), { once: true });
         // Reposition the menu after it appears in case a modifier kicked in
         requestAnimationFrame(() => {
             this.popper?.update().catch((e) => {

package/dist/esm/nano-algolia-results.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, e as readTask, a as Host } from './index-DgO0qeQ9.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
 import { h } from './renderer-T8etwwhk.js';
 import { W as Wormhole, S as SearchChangeEvent } from './algolia-data-D9ZAstcC.js';
 
@@ -160,30 +160,28 @@ const AlgoliaResults = class {
         this.nanoTplUpdated.emit(this.el);
     }
     connectedCallback() {
-        readTask(() => {
-            this.startTplSlot = this.el.querySelector('[slot="start-template"]');
-            this.startOutputSlot = this.el.querySelector('[slot="start-output"]');
-            if (this.startTplSlot) {
-                this.startTpl = this.startTplSlot.innerHTML;
-                this.startTpl = this.startTpl.replace(/=>/gm, '=>');
-            }
-            this.resultTplSlot = this.el.querySelector('[slot="result-template"]');
-            this.outputSlot = this.el.querySelector('[slot="result-output"]');
-            if (this.resultTplSlot) {
-                this.resultTpl = this.resultTplSlot.innerHTML;
-                this.resultTpl = this.resultTpl.replace(/=>/gm, '=>');
-            }
-            this.endTplSlot = this.el.querySelector('[slot="end-template"]');
-            this.endOutputSlot = this.el.querySelector('[slot="end-output"]');
-            if (this.endTplSlot) {
-                this.endTpl = this.endTplSlot.innerHTML;
-                this.endTpl = this.endTpl.replace(/=>/gm, '=>');
-            }
-            if (this.indexResults) {
-                this.addContentIndex();
-                this.updateResultContent();
-            }
-        });
+        this.startTplSlot = this.el.querySelector('[slot="start-template"]');
+        this.startOutputSlot = this.el.querySelector('[slot="start-output"]');
+        if (this.startTplSlot) {
+            this.startTpl = this.startTplSlot.innerHTML;
+            this.startTpl = this.startTpl.replace(/=>/gm, '=>');
+        }
+        this.resultTplSlot = this.el.querySelector('[slot="result-template"]');
+        this.outputSlot = this.el.querySelector('[slot="result-output"]');
+        if (this.resultTplSlot) {
+            this.resultTpl = this.resultTplSlot.innerHTML;
+            this.resultTpl = this.resultTpl.replace(/=>/gm, '=>');
+        }
+        this.endTplSlot = this.el.querySelector('[slot="end-template"]');
+        this.endOutputSlot = this.el.querySelector('[slot="end-output"]');
+        if (this.endTplSlot) {
+            this.endTpl = this.endTplSlot.innerHTML;
+            this.endTpl = this.endTpl.replace(/=>/gm, '=>');
+        }
+        if (this.indexResults) {
+            this.addContentIndex();
+            this.updateResultContent();
+        }
     }
     componentDidLoad() {
         this.updateStartEndContent();
@@ -195,10 +193,10 @@ const AlgoliaResults = class {
         }
     }
     render() {
-        return (h(Host, { key: '14939adaa742d13214faf5375692737010467a7c', class: {
+        return (h(Host, { key: '857784ead2b9536559ef2220bff26d508061781c', class: {
                 'show-results': this.showResults,
                 'nano-results': true,
-            } }, h("div", { key: '8153995d81af56df593694ca7902e93f6efb0565', class: "default" }, h("slot", { key: '60e2c4a10cdf5f6fbd609972114be5d04ccfe3f0' })), h("div", { key: 'cf589b852a52ffc84b8d9dd48c193603e733f02e', ref: (div) => (this.outputEle = div) }, h("slot", { key: 'aad8bfb81edca4af57503bc80b4eac5cbe69a97e', name: "start-output" }), h("slot", { key: '30e848bcf8b1d0f03d57b65cb805abcca87aefd5', name: "result-output" }), h("div", { key: '8663b935facbe62a5b30d4e6446cc978083369d7', ref: (div) => (this.infiniteScrollBar = div) }), h("slot", { key: 'b8652a198cd7fefe5a127b8bc9387305971be922', name: "end-output" }))));
+            } }, h("div", { key: 'be165b02c4ec5d2358e15dadfd4695fd5901f0b0', class: "default" }, h("slot", { key: '1ab64bb71c75531e8f6b0c65833de7d2dc1ee0ca' })), h("div", { key: 'cee981cead8b921e29fd4223e4985c3615e0e063', ref: (div) => (this.outputEle = div) }, h("slot", { key: 'cff96070ca2acf18f7b8165444b28f433ca3601d', name: "start-output" }), h("slot", { key: '76833dd55d415baf083527ed5580049f90c36b40', name: "result-output" }), h("div", { key: 'dac7a9081d1a65b4e17dec60044467e17575568e', ref: (div) => (this.infiniteScrollBar = div) }), h("slot", { key: '07c82d60a58c11bcc50807ab95d63cf3fd59d768', name: "end-output" }))));
     }
     static get watchers() { return {
         "results": ["addContentIndex", "resultsChange"],

package/dist/esm/nano-algolia.entry.js

@@ -1165,6 +1165,10 @@ filters.define('remove_spaces', (str) => str.replace(/ /g, '_'));
 filters.define('add_spaces', (str) => (str = str.replace(/[_\-]/g, ' ')));
 filters.define('capitalise', (str) => (str = str.charAt(0).toUpperCase() + str.slice(1)));
 filters.define('lowercase', (str) => (str = str.toLowerCase()));
+filters.define('tag_tidy', (str) => {
+    const arr = str.split('>');
+    return arr.map((s) => s.trim())[arr.length - 1];
+});
 const Squirrel = squirrel;
 
 const algoliaCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{position:relative;display:block}:host ::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;block-size:100%;inline-size:100%;min-block-size:100%;max-block-size:100vh !important;max-inline-size:100vw !important;inset-inline-start:0;inset-block-start:0;z-index:-10;font-size:60px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{block-size:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:0;display:none}.results-container{position:relative}.results.show{transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, overflow 0.01s ease 0.31s;transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{block-size:auto !important;inline-size:auto !important;display:block;position:static;transform:none;z-index:auto;visibility:inherit;opacity:initial;overflow:visible}";