@nanoporetech-digital/components 7.9.1 → 8.0.0-alpha.0

package/dist/cjs/local-logged-in-C8Qr7Q7o.js

@@ -0,0 +1,223 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+'use strict';
+
+const user = {
+	uuid: 123,
+	name: "Jean-Luc Picard",
+	first_name: "Jean-Luc",
+	last_name: "Picard",
+	company: "Starfleet",
+	job_title: "Captain",
+	small_avatar_url: "https://randomuser.me/api/portraits/men/75.jpg"
+};
+const domains = [
+	{
+		origin: "cws",
+		domain: "nanoporetech.com"
+	},
+	{
+		origin: "store",
+		domain: "store.nanoporetech.com"
+	},
+	{
+		origin: "community",
+		domain: "community.nanoporetech.com"
+	}
+];
+const cart = {
+	count: 1,
+	url: "https://store.nanoporetech.com/cart"
+};
+const notifications = {
+	count: 1,
+	url: "https://myaccount.nanoporetech.com/message_centre"
+};
+const links = [
+	{
+		id: 55,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/message_centre",
+		title: "Messages",
+		order: 0,
+		target: ""
+	},
+	{
+		id: 54,
+		area: "profile-panel-list",
+		address: "https://community.nanoporetech.com",
+		title: "Community Dashboard",
+		order: 1,
+		target: ""
+	},
+	{
+		id: 56,
+		area: "profile-panel-list",
+		address: "https://community.nanoporetech.com/my-activity",
+		title: "My Activity",
+		order: 2,
+		target: ""
+	},
+	{
+		id: 57,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/home",
+		title: "My Account",
+		order: 3,
+		target: ""
+	},
+	{
+		id: 58,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/account/teams",
+		title: "Team Management",
+		order: 4,
+		target: ""
+	},
+	{
+		id: 59,
+		area: "profile-panel-list",
+		address: "https://nanoporetech.com/resource-centre/publications",
+		title: "Publications",
+		order: 5,
+		target: ""
+	},
+	{
+		id: 60,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/profile/status",
+		title: "Preferences",
+		order: 6,
+		target: ""
+	}
+];
+const urls = {
+	logout: "https://myaccount.nanoporetech.com/sso/logout",
+	login: null,
+	messages: "https://myaccount.nanoporetech.com/message_centre",
+	cart: "https://store.nanoporetech.com/cart"
+};
+const search = {
+	app_id: "N8NZI5A47F",
+	api_key: "ZDg2MjM5YTZmNjMzZjA1YTY1YmE2YmMxY2I1NmZkODc4ZTU3Mjg3NmRiMGUyMTJmZTQ5YTNhYTZhZDU1Njc4ZGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc0OTg1MzQxNw==",
+	indeces: [
+		{
+			index: "ont_prod_en_v3",
+			name: "All",
+			domain: "nanoporetech.com",
+			all_group: true,
+			filters: [
+				"tags",
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "ont_prod_en_v3"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "ont_prod_en_v3_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "ont_prod_en_v3_date_asc_published_time"
+				},
+				{
+					name: "Sort by: Recent activity",
+					index: "ont_prod_en_v3_activity_date_desc"
+				}
+			]
+		},
+		{
+			index: "cws_english_en",
+			name: "www",
+			domain: "nanoporetech.com",
+			filters: [
+				"tags",
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "cws_english_en"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "cws_english_en_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "cws_english_en_date_asc_published_time"
+				},
+				{
+					name: "Sort by: Recent activity",
+					index: "cws_english_en_activity_date_desc"
+				}
+			]
+		},
+		{
+			index: "store_prod",
+			name: "Store",
+			domain: "store.nanoporetech.com",
+			filters: [
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "store_prod"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "store_prod_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "store_prod_date_asc_published_time"
+				}
+			]
+		},
+		{
+			index: "cws_english_resources_en",
+			name: "Resources",
+			domain: "nanoporetech.com",
+			filters: [
+				"tags"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "cws_english_resources_en"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "cws_english_resources_en_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "cws_english_resources_en_date_asc_published_time"
+				}
+			]
+		}
+	]
+};
+var localLoggedIn = {
+	user: user,
+	domains: domains,
+	cart: cart,
+	notifications: notifications,
+	links: links,
+	urls: urls,
+	search: search
+};
+
+exports.cart = cart;
+exports.default = localLoggedIn;
+exports.domains = domains;
+exports.links = links;
+exports.notifications = notifications;
+exports.search = search;
+exports.urls = urls;
+exports.user = user;

package/dist/cjs/local-logged-out-fCQ614s8.js

@@ -0,0 +1,219 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+'use strict';
+
+const user = {
+	id: null,
+	uuid: null,
+	name: null
+};
+const domains = [
+	{
+		origin: "cws",
+		domain: "nanoporetech.com"
+	},
+	{
+		origin: "store",
+		domain: "store.nanoporetech.com"
+	},
+	{
+		origin: "community",
+		domain: "community.nanoporetech.com"
+	}
+];
+const cart = {
+	count: 0,
+	url: "https://store.nanoporetech.com/cart"
+};
+const notifications = {
+	count: 0
+};
+const links = [
+	{
+		id: 55,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/message_centre",
+		title: "Messages",
+		order: 0,
+		target: ""
+	},
+	{
+		id: 54,
+		area: "profile-panel-list",
+		address: "https://community.nanoporetech.com",
+		title: "Community Dashboard",
+		order: 1,
+		target: ""
+	},
+	{
+		id: 56,
+		area: "profile-panel-list",
+		address: "https://community.nanoporetech.com/my-activity",
+		title: "My Activity",
+		order: 2,
+		target: ""
+	},
+	{
+		id: 57,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/home",
+		title: "My Account",
+		order: 3,
+		target: ""
+	},
+	{
+		id: 58,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/account/teams",
+		title: "Team Management",
+		order: 4,
+		target: ""
+	},
+	{
+		id: 59,
+		area: "profile-panel-list",
+		address: "https://nanoporetech.com/resource-centre/publications",
+		title: "Publications",
+		order: 5,
+		target: ""
+	},
+	{
+		id: 60,
+		area: "profile-panel-list",
+		address: "https://myaccount.nanoporetech.com/profile/status",
+		title: "Preferences",
+		order: 6,
+		target: ""
+	}
+];
+const urls = {
+	forgot_password: null,
+	logout: null,
+	login: "https://id.customers.nanoporetech.com/app/nanoporetech-customers_myaccount_1/exk2kkmfwpBAaT3WI697/sso/saml?RelayState=",
+	messages: null,
+	cart: "https://store.nanoporetech.com/cart"
+};
+const search = {
+	app_id: "N8NZI5A47F",
+	api_key: "ZDg2MjM5YTZmNjMzZjA1YTY1YmE2YmMxY2I1NmZkODc4ZTU3Mjg3NmRiMGUyMTJmZTQ5YTNhYTZhZDU1Njc4ZGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc0OTg1MzQxNw==",
+	indeces: [
+		{
+			index: "ont_prod_en_v3",
+			name: "All",
+			domain: "nanoporetech.com",
+			all_group: true,
+			filters: [
+				"tags",
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "ont_prod_en_v3"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "ont_prod_en_v3_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "ont_prod_en_v3_date_asc_published_time"
+				},
+				{
+					name: "Sort by: Recent activity",
+					index: "ont_prod_en_v3_activity_date_desc"
+				}
+			]
+		},
+		{
+			index: "cws_english_en",
+			name: "www",
+			domain: "nanoporetech.com",
+			filters: [
+				"tags",
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "cws_english_en"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "cws_english_en_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "cws_english_en_date_asc_published_time"
+				},
+				{
+					name: "Sort by: Recent activity",
+					index: "cws_english_en_activity_date_desc"
+				}
+			]
+		},
+		{
+			index: "store_prod",
+			name: "Store",
+			domain: "store.nanoporetech.com",
+			filters: [
+				"type"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "store_prod"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "store_prod_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "store_prod_date_asc_published_time"
+				}
+			]
+		},
+		{
+			index: "cws_english_resources_en",
+			name: "Resources",
+			domain: "nanoporetech.com",
+			filters: [
+				"tags"
+			],
+			replicas: [
+				{
+					name: "Sort by: Most relevant",
+					index: "cws_english_resources_en"
+				},
+				{
+					name: "Sort by: Newest",
+					index: "cws_english_resources_en_date_desc_published_time"
+				},
+				{
+					name: "Sort by: Oldest",
+					index: "cws_english_resources_en_date_asc_published_time"
+				}
+			]
+		}
+	]
+};
+var localLoggedOut = {
+	user: user,
+	domains: domains,
+	cart: cart,
+	notifications: notifications,
+	links: links,
+	urls: urls,
+	search: search
+};
+
+exports.cart = cart;
+exports.default = localLoggedOut;
+exports.domains = domains;
+exports.links = links;
+exports.notifications = notifications;
+exports.search = search;
+exports.urls = urls;
+exports.user = user;

package/dist/cjs/math-DIjJ3V87.js

@@ -0,0 +1,39 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+'use strict';
+
+/**
+ * Returns a given number between a min and max
+ * @param min - the minimum number
+ * @param n - the number to clamp
+ * @param max - the maximum number
+ * @returns the clamped number
+ */
+const clamp = (min, n, max) => {
+    return Math.max(min, Math.min(n, max));
+};
+/**
+ * Generates a 53-bit hash from any given string
+ * @param str - the string to hash
+ * @param seed - optionally supply a seed (unsigned integer, 32-bit max) for alternate streams of the same input
+ * @returns a 53-bit hash integer
+ */
+function cyrb53(str, seed = 0) {
+    let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
+    for (let i = 0, ch; i < str.length; i++) {
+        ch = str.charCodeAt(i);
+        h1 = Math.imul(h1 ^ ch, 2654435761);
+        h2 = Math.imul(h2 ^ ch, 1597334677);
+    }
+    h1 =
+        Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^
+            Math.imul(h2 ^ (h2 >>> 13), 3266489909);
+    h2 =
+        Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^
+            Math.imul(h1 ^ (h1 >>> 13), 3266489909);
+    return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}
+
+exports.clamp = clamp;
+exports.cyrb53 = cyrb53;

package/dist/cjs/modal-lJ_KdrUQ.js

@@ -0,0 +1,49 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+'use strict';
+
+var tabbable = require('./tabbable-M9OUrhLE.js');
+
+let activeModals = [];
+class Modal {
+    element;
+    tabDirection = 'forward';
+    constructor(element) {
+        this.element = element;
+        this.handleFocusIn = this.handleFocusIn.bind(this);
+        this.handleKeyDown = this.handleKeyDown.bind(this);
+    }
+    activate() {
+        activeModals.push(this.element);
+        document.addEventListener('focusin', this.handleFocusIn);
+        document.addEventListener('keydown', this.handleKeyDown);
+    }
+    deactivate() {
+        activeModals = activeModals.filter((modal) => modal !== this.element);
+        document.removeEventListener('focusin', this.handleFocusIn);
+        document.removeEventListener('keydown', this.handleKeyDown);
+    }
+    isActive() {
+        // The "active" modal is always the most recent one shown
+        return activeModals[activeModals.length - 1] === this.element;
+    }
+    handleFocusIn(event) {
+        const path = event.composedPath();
+        // Trap focus so it doesn't go out of the modal's boundary
+        if (this.isActive() && !path.includes(this.element)) {
+            const tabbableElements = tabbable.getTabbableElements(this.element);
+            const index = this.tabDirection === 'backward' ? tabbableElements.length - 1 : 0;
+            tabbableElements[index]?.focus({ preventScroll: true });
+        }
+    }
+    handleKeyDown(event) {
+        // Quick hack to determine tab direction
+        if (event.key === 'Tab' && event.shiftKey) {
+            this.tabDirection = 'backward';
+            setTimeout(() => (this.tabDirection = 'forward'));
+        }
+    }
+}
+
+exports.Modal = Modal;

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

@@ -1,34 +1,26 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DYD4xvxr.js');
+var renderer = require('./renderer-SkVn69pT.js');
+var dom = require('./dom-a3wgHxbn.js');
 
-const index = require('./index-615cdb64.js');
-const renderer = require('./renderer-cd8b6098.js');
-const dom = require('./dom-b99a1aec.js');
-const theme = require('./theme-a2f7ddf8.js');
+const accordionCss = ":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{display:contents}";
 
-const accordionCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:block}";
-const NanoAccordionStyle0 = accordionCss;
-
-const Accordion = class {
+const NanoAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.nanoToggle = index.createEvent(this, "nanoToggle", 7);
     }
     itemOpened;
     get el() { return index.getElement(this); }
-    /**
-     * Fires when accordion elements toggle
-     */
+    /** Fires when accordion elements toggle */
     nanoToggle;
-    /**
-     * Color to use from the color palette.
-     */
-    color;
     onToggleHandler(event) {
+        if (event.target?.tagName !== 'NANO-DETAILS')
+            return;
         event.stopPropagation();
         const items = dom.getDirectChildren(this.el, renderer.transformTag('nano-details')) ||
             this.el.querySelectorAll(renderer.transformTag('nano-details'));
@@ -38,7 +30,7 @@ const Accordion = class {
             else
                 this.itemOpened = i;
         });
-        this.nanoToggle.emit();
+        this.nanoToggle.emit(event.target);
     }
     onClosedHandler(event) {
         event.stopPropagation();
@@ -46,15 +38,9 @@ const Accordion = class {
         this.nanoToggle.emit();
     }
     render() {
-        return (renderer.h(index.Host, { key: '60b444ced7959370455b575616c5e0cfe45ae85d', class: {
-                ...theme.createColorClasses(this.color),
-                [`nano-color-${this.itemOpened}`]: typeof this.itemOpened === 'number',
-                'nano-accordion': true,
-            } }, renderer.h("slot", { key: '53cb7e62571e9bc8e88a958a4b1a62550c4d797c' })));
+        return renderer.h("slot", { key: 'ec9331ce0686c1234021e58af9a456aa267e9247' });
     }
 };
-Accordion.style = NanoAccordionStyle0;
-
-exports.nano_accordion = Accordion;
+NanoAccordion.style = accordionCss;
 
-//# sourceMappingURL=nano-accordion.cjs.entry.js.map
+exports.nano_accordion = NanoAccordion;