@nanoporetech-digital/components 8.0.0 → 8.1.0

package/dist/cjs/nano-dropdown_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 var index = require('./index-Bp8uD6Gl.js');
 var activeElement = require('./active-element-Vtuxns0n.js');
-var popover = require('./popover-D_uJstEp.js');
+var popover = require('./popover-BxNxwqMv.js');
 var tabbable = require('./tabbable-Dey_UhZv.js');
 var renderer = require('./renderer-BiFPhR1V.js');
 var dom = require('./dom-B-9iU7CY.js');
@@ -319,8 +319,12 @@ const Dropdown = class {
             distance: this.distance,
             skidding: this.skidding,
             transitionElement: this.panel,
-            onAfterHide: () => this.nanoAfterHide.emit(),
-            onAfterShow: () => this.nanoAfterShow.emit(),
+            onAfterHide: () => {
+                this.nanoAfterHide.emit();
+            },
+            onAfterShow: () => {
+                this.nanoAfterShow.emit();
+            },
             onTransitionEnd: () => {
                 if (!this.open) {
                     this.afterHide();
@@ -361,12 +365,12 @@ const Dropdown = class {
             this.popover.destroy();
     }
     render() {
-        return (renderer.h(index.Host, { key: '65a552c8b9235472ab57ac3c301f3e1b151c40bd', class: "nano-dropdown" }, renderer.h("div", { key: '0fee8bd6137f883c1b12ccf95d0aaec4203341bb', part: "base", id: this.dropdownId, class: {
+        return (renderer.h(index.Host, { key: 'c0ed4b8b03d27f7437c148c8df305886c6cf29d9', class: "nano-dropdown" }, renderer.h("div", { key: '27165586e2caa99ba746e7db3aa1574f0e9d1576', part: "base", id: this.dropdownId, class: {
                 dropdown: true,
                 'dropdown--open': this.open,
-            } }, renderer.h("span", { key: '0fcfda39e8a7c4f8cabbab8110f8b57124e28a7c', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onKeyDown: this.handleTriggerKeyDown, onClick: this.togglePanel }, renderer.h("slot", { key: '62e560215a97580dfc3bdc192ab5ec486c2df8b1', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), renderer.h("div", { key: '441e9f915d51db0284ca6af4fd612a26d2900ea8', ref: (el) => (this.positioner = el), class: "dropdown__positioner", popover: "manual", id: this.dropdownId + '-positioner' }, renderer.h("div", { key: 'd97a50c5657c7869fd3eacc947002d0437795f72', ref: (el) => (this.panel = el), part: "panel", class: `dropdown__panel ${this.placement.split('-').join(' ')}`, "aria-hidden": !this.open, role: this.host.getAttribute('role') === 'group' ? 'group' : 'dialog', "aria-modal": this.host.getAttribute('role') === 'group' ? undefined : 'true', "aria-labelledby": this.dialogTitle ? this.labelId : undefined, tabIndex: this.isOverflowing() ? 0 : undefined }, this.dialogTitle && (renderer.h("span", { key: '298b63fffe6355973013a9724a6c35b1d5e0a74a', id: this.labelId, class: "dropdown__accessible-title", "aria-live": this.host.getAttribute('role') === 'group'
+            } }, renderer.h("span", { key: 'b401a4d341e786ae4fe8c54adf06f8da1be4f531', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onKeyDown: this.handleTriggerKeyDown, onClick: this.togglePanel }, renderer.h("slot", { key: 'bd61e0f2d5e164b21d3ecba81c63ec72b0b7cc6f', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), renderer.h("div", { key: 'e0cb2a8823490b70f6aa01073d3873fa785fd763', ref: (el) => (this.positioner = el), class: "dropdown__positioner", popover: "manual", id: this.dropdownId + '-positioner' }, renderer.h("div", { key: '3f1b7e3911cd7616ff85d042fc0d1e3e358f36c2', ref: (el) => (this.panel = el), part: "panel", class: `dropdown__panel ${this.placement.split('-').join(' ')}`, "aria-hidden": !this.open, role: this.host.getAttribute('role') === 'group' ? 'group' : 'dialog', "aria-modal": this.host.getAttribute('role') === 'group' ? undefined : 'true', "aria-labelledby": this.dialogTitle ? this.labelId : undefined, tabIndex: this.isOverflowing() ? 0 : undefined }, this.dialogTitle && (renderer.h("span", { key: '19cc4dd331a4c2cbdc73a05687681cb2830fff0c', id: this.labelId, class: "dropdown__accessible-title", "aria-live": this.host.getAttribute('role') === 'group'
                 ? undefined
-                : 'polite' }, this.dialogTitle)), renderer.h("slot", { key: '98dc1760621b62556092636fda1ac74065dc999a' }))))));
+                : 'polite' }, this.dialogTitle)), renderer.h("slot", { key: '5da1881086c31481463b3b7244552e17ee66d997' }))))));
     }
     static get watchers() { return {
         "open": ["handleOpenChange"],

package/dist/cjs/nano-icon_3.cjs.entry.js

@@ -5,7 +5,7 @@
 
 var index = require('./index-Bp8uD6Gl.js');
 var renderer = require('./renderer-BiFPhR1V.js');
-var popover = require('./popover-D_uJstEp.js');
+var popover = require('./popover-BxNxwqMv.js');
 
 let CACHED_MAP;
 const getIconMap = () => {

package/dist/cjs/{popover-D_uJstEp.js → popover-BxNxwqMv.js}

@@ -1833,7 +1833,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;
@@ -1848,10 +1848,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;
@@ -1903,7 +1906,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/collection/components/algolia/algolia-results.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { Host, Build, readTask, } from "@stencil/core";
+import { Host, Build, } from "@stencil/core";
 import { h } from "../../utils/renderer";
 import { Wormhole, SearchChangeEvent } from "./algolia-data";
 /**
@@ -164,30 +164,28 @@ export class AlgoliaResults {
         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();
@@ -199,10 +197,10 @@ export class AlgoliaResults {
         }
     }
     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 is() { return "nano-algolia-results"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/algolia/lib/template.js

@@ -68,4 +68,8 @@ squirrel.filters.define('remove_spaces', (str) => str.replace(/ /g, '_'));
 squirrel.filters.define('add_spaces', (str) => (str = str.replace(/[_\-]/g, ' ')));
 squirrel.filters.define('capitalise', (str) => (str = str.charAt(0).toUpperCase() + str.slice(1)));
 squirrel.filters.define('lowercase', (str) => (str = str.toLowerCase()));
+squirrel.filters.define('tag_tidy', (str) => {
+    const arr = str.split('>');
+    return arr.map((s) => s.trim())[arr.length - 1];
+});
 export const Squirrel = squirrel;

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
                     "references": {
                         "Breadcrumb": {
                             "location": "local",
-                            "path": "/Users/John.Jenkins/projects/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                            "path": "/builds/FKs_t1C_/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                             "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
                         }
                     }

package/dist/collection/components/dropdown/dropdown.js

@@ -318,8 +318,12 @@ export class Dropdown {
             distance: this.distance,
             skidding: this.skidding,
             transitionElement: this.panel,
-            onAfterHide: () => this.nanoAfterHide.emit(),
-            onAfterShow: () => this.nanoAfterShow.emit(),
+            onAfterHide: () => {
+                this.nanoAfterHide.emit();
+            },
+            onAfterShow: () => {
+                this.nanoAfterShow.emit();
+            },
             onTransitionEnd: () => {
                 if (!this.open) {
                     this.afterHide();
@@ -363,12 +367,12 @@ export class Dropdown {
             this.popover.destroy();
     }
     render() {
-        return (h(Host, { key: '65a552c8b9235472ab57ac3c301f3e1b151c40bd', class: "nano-dropdown" }, h("div", { key: '0fee8bd6137f883c1b12ccf95d0aaec4203341bb', part: "base", id: this.dropdownId, class: {
+        return (h(Host, { key: 'c0ed4b8b03d27f7437c148c8df305886c6cf29d9', class: "nano-dropdown" }, h("div", { key: '27165586e2caa99ba746e7db3aa1574f0e9d1576', part: "base", id: this.dropdownId, class: {
                 dropdown: true,
                 'dropdown--open': this.open,
-            } }, h("span", { key: '0fcfda39e8a7c4f8cabbab8110f8b57124e28a7c', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onKeyDown: this.handleTriggerKeyDown, onClick: this.togglePanel }, h("slot", { key: '62e560215a97580dfc3bdc192ab5ec486c2df8b1', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("div", { key: '441e9f915d51db0284ca6af4fd612a26d2900ea8', ref: (el) => (this.positioner = el), class: "dropdown__positioner", popover: "manual", id: this.dropdownId + '-positioner' }, h("div", { key: 'd97a50c5657c7869fd3eacc947002d0437795f72', ref: (el) => (this.panel = el), part: "panel", class: `dropdown__panel ${this.placement.split('-').join(' ')}`, "aria-hidden": !this.open, role: this.host.getAttribute('role') === 'group' ? 'group' : 'dialog', "aria-modal": this.host.getAttribute('role') === 'group' ? undefined : 'true', "aria-labelledby": this.dialogTitle ? this.labelId : undefined, tabIndex: this.isOverflowing() ? 0 : undefined }, this.dialogTitle && (h("span", { key: '298b63fffe6355973013a9724a6c35b1d5e0a74a', id: this.labelId, class: "dropdown__accessible-title", "aria-live": this.host.getAttribute('role') === 'group'
+            } }, h("span", { key: 'b401a4d341e786ae4fe8c54adf06f8da1be4f531', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onKeyDown: this.handleTriggerKeyDown, onClick: this.togglePanel }, h("slot", { key: 'bd61e0f2d5e164b21d3ecba81c63ec72b0b7cc6f', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("div", { key: 'e0cb2a8823490b70f6aa01073d3873fa785fd763', ref: (el) => (this.positioner = el), class: "dropdown__positioner", popover: "manual", id: this.dropdownId + '-positioner' }, h("div", { key: '3f1b7e3911cd7616ff85d042fc0d1e3e358f36c2', ref: (el) => (this.panel = el), part: "panel", class: `dropdown__panel ${this.placement.split('-').join(' ')}`, "aria-hidden": !this.open, role: this.host.getAttribute('role') === 'group' ? 'group' : 'dialog', "aria-modal": this.host.getAttribute('role') === 'group' ? undefined : 'true', "aria-labelledby": this.dialogTitle ? this.labelId : undefined, tabIndex: this.isOverflowing() ? 0 : undefined }, this.dialogTitle && (h("span", { key: '19cc4dd331a4c2cbdc73a05687681cb2830fff0c', id: this.labelId, class: "dropdown__accessible-title", "aria-live": this.host.getAttribute('role') === 'group'
                 ? undefined
-                : 'polite' }, this.dialogTitle)), h("slot", { key: '98dc1760621b62556092636fda1ac74065dc999a' }))))));
+                : 'polite' }, this.dialogTitle)), h("slot", { key: '5da1881086c31481463b3b7244552e17ee66d997' }))))));
     }
     static get is() { return "nano-dropdown"; }
     static get encapsulation() { return "shadow"; }