npm - @nanoporetech-digital/components - Versions diffs - 7.9.2 → 8.0.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1783) hide show

package/dist/esm/renderer-LJzCFyMt.js ADDED Viewed

@@ -0,0 +1,66 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import { h as h$1 } from './index-CFYZ-ZOT.js';
+/* eslint-disable @typescript-eslint/no-namespace */
+// css only components cannot be transformed because their static css relies on the tag name
+const CSS_ONLY_COMPONENTS = [
+    'nano-avatar',
+    'nano-badge',
+    'nano-card',
+    'nano-cta',
+    'nano-icon-item',
+    'nano-tag',
+    'nano-content-links',
+];
+/**
+ * Transforms a tag name by adding a prefix if it's a custom element
+ * @param tag
+ * @returns the transformed tag
+ */
+function transformTag(tag) {
+    if (!tagPrefix)
+        return tag;
+    const isMyCustomElement = tag.startsWith('nano-') && !CSS_ONLY_COMPONENTS.includes(tag);
+    return isMyCustomElement ? `${tagPrefix}-${tag}` : tag;
+}
+/**
+ * Augment Stencil's `h()` function to add a tag prefix
+ * @param args incoming JSX arguments
+ * @returns the result of the original `h()` function
+ */
+function h(...args) {
+    const tagName = args[0];
+    if (!tagName || typeof tagName !== 'string' || !tagPrefix) {
+        return h$1(...args);
+    }
+    let newTagName = tagName;
+    if (typeof tagName === 'string') {
+        newTagName = transformTag(tagName);
+    }
+    const arr = args.slice(2);
+    const tuple = [newTagName, args[1], arr];
+    return h$1(...tuple);
+}
+let tagPrefix = '';
+/**
+ * Sets the tag prefix to be used when rendering custom elements
+ * @param prefix the prefix to use
+ * @returns the `transformTag` function
+ */
+function setTagPrefix(prefix) {
+    tagPrefix = prefix;
+    return transformTag;
+}
+/**
+ * Gets the current tag prefix
+ * @returns the current tag prefix
+ */
+function getTagPrefix() {
+    return tagPrefix;
+}
+(function (h) {
+})(h || (h = {}));
+export { getTagPrefix as g, h, setTagPrefix as s, transformTag as t };

package/dist/esm/scroll-BRRzrkAi.js ADDED Viewed

@@ -0,0 +1,179 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import { a as getOffset } from './dom-CF0Ycs9M.js';
+/**
+ * @returns the width of the document's scrollbar
+ */
+function getScrollbarWidth() {
+    const documentWidth = document.documentElement.clientWidth;
+    return Math.abs(window.innerWidth - documentWidth);
+}
+/**
+ * Used in conjunction with `scrollbarWidth` to set proper body padding in case the user has padding already on the `<body>` element.
+ * @returns body's computed css padding
+ */
+function getExistingBodyPadding() {
+    const padding = Number(getComputedStyle(document.body).paddingRight.replace(/px/, ''));
+    if (isNaN(padding) || !padding) {
+        return 0;
+    }
+    return padding;
+}
+const locks = new Set();
+/**
+ * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible
+ * without premature unlocking.
+ */
+function lockBodyScrolling(lockingEl) {
+    locks.add(lockingEl);
+    if (document.documentElement.classList.contains('nano-scroll-lock'))
+        return;
+    // When the first lock is created,
+    // set the scroll lock size to match the scrollbar's width to prevent content from shifting.
+    const scrollbarWidth = getScrollbarWidth() + getExistingBodyPadding(); // must be measured before the `sl-scroll-lock` class is applied
+    let scrollbarGutterProperty = getComputedStyle(document.documentElement).scrollbarGutter;
+    // default is auto, unsupported browsers is "undefined"
+    if (!scrollbarGutterProperty || scrollbarGutterProperty === 'auto') {
+        scrollbarGutterProperty = 'stable';
+    }
+    if (scrollbarWidth <= 0) {
+        // if there's no scrollbar, just set it to "revert" so whatever the user has set gets used. This is useful is the page is not overflowing and showing a scrollbar, or if the user has overflow: hidden, or any other reason a scrollbar may not be showing.
+        scrollbarGutterProperty = 'revert';
+    }
+    document.documentElement.style.setProperty('--nano-scroll-lock-gutter', scrollbarGutterProperty);
+    document.documentElement.classList.add('nano-scroll-lock');
+    document.documentElement.style.setProperty('--nano-scroll-lock-size', `${scrollbarWidth}px`);
+}
+/**
+ * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.
+ */
+function unlockBodyScrolling(lockingEl) {
+    locks.delete(lockingEl);
+    if (locks.size === 0) {
+        document.documentElement.classList.remove('nano-scroll-lock');
+        document.documentElement.style.removeProperty('--nano-scroll-lock-size');
+    }
+}
+function scrollTo(element, scrollAmt, vertical = false) {
+    if (!vertical) {
+        try {
+            element.scrollTo({ left: scrollAmt, behavior: 'smooth' });
+        }
+        catch (_e) {
+            element.scrollLeft = scrollAmt;
+        }
+        return;
+    }
+    try {
+        element.scrollTo({ top: scrollAmt, behavior: 'smooth' });
+    }
+    catch (_e) {
+        element.scrollTop = scrollAmt;
+    }
+}
+/**
+ * Scrolls an element into view *of its parent container*.
+ * If the element is already in view, nothing will happen.
+ *
+ * Note to future me - cannot use native `scrollIntoView`
+ * 'cos it will move the whole window
+ * (vertically even though we only care about parent).
+ */
+function scrollIntoView(element, container, direction = 'vertical', position = 'start') {
+    if (!element)
+        return;
+    const offset = getOffset(element, container);
+    const offsetTop = offset.top + container.scrollTop;
+    const offsetLeft = offset.left + container.scrollLeft;
+    const minX = container.scrollLeft;
+    const maxX = container.scrollLeft + container.offsetWidth;
+    const minY = container.scrollTop;
+    const maxY = container.scrollTop + container.offsetHeight;
+    if (direction === 'horizontal' || direction === 'both') {
+        if (position === 'start') {
+            if (offsetLeft < minX)
+                scrollTo(container, offsetLeft);
+            else if (offsetLeft + element.clientWidth > maxX)
+                scrollTo(container, offsetLeft - container.offsetWidth + element.clientWidth);
+        }
+        else {
+            scrollTo(container, container.scrollLeft +
+                offset.left -
+                (container.offsetWidth / 2 - element.offsetWidth / 2));
+        }
+    }
+    if (direction === 'vertical' || direction === 'both') {
+        if (position === 'start') {
+            if (offsetTop < minY)
+                scrollTo(container, offsetTop, true);
+            else if (offsetTop + element.clientHeight > maxY) {
+                scrollTo(container, offsetTop - container.offsetHeight + element.clientHeight, true);
+            }
+        }
+        else {
+            scrollTo(container, container.scrollTop +
+                offset.top -
+                (container.offsetHeight / 2 - element.offsetHeight / 2), true);
+        }
+    }
+}
+/**
+ * Attempts to find the closest scrolling parental element
+ * @param element - the element from which to traverse up the DOM
+ * @returns - the closest scrolling parental element
+ */
+function findScrollParent(element) {
+    let style = getComputedStyle(element);
+    const excludeStaticParent = style.position === 'absolute';
+    const overflowRegex = /(auto|scroll)/;
+    if (style.position === 'fixed')
+        return document.documentElement;
+    for (let parent = element; (parent = parent.parentElement);) {
+        style = getComputedStyle(parent);
+        if (excludeStaticParent && style.position === 'static') {
+            continue;
+        }
+        if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) {
+            return parent;
+        }
+    }
+    return document.documentElement;
+}
+/**
+ * Checks whether an element is currently viewable within the viewport
+ * @param el - element to check
+ * @param percentVisible - the percentage of the element that should be within the viewport
+ * @returns true if the element's area percentage is visible
+ */
+function isInViewport(el, percentVisible = 100, axis = 'y') {
+    const r = el.getBoundingClientRect();
+    const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+    const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+    if (!r.bottom &&
+        !r.top &&
+        !r.left &&
+        !r.right &&
+        !r.height &&
+        !r.width &&
+        !r.x &&
+        !r.y)
+        return false;
+    let check = true;
+    if (axis === 'y' || axis === 'both') {
+        check = !(Math.floor(100 - ((r.top >= 0 ? 0 : r.top) / +-r.height) * 100) <
+            percentVisible ||
+            Math.floor(100 - ((r.bottom - windowHeight) / r.height) * 100) <
+                percentVisible);
+    }
+    if (axis === 'x' || (axis === 'both' && check)) {
+        check = !(Math.floor(100 - ((r.left >= 0 ? 0 : r.left) / +-r.width) * 100) <
+            percentVisible ||
+            Math.floor(100 - ((r.right - windowWidth) / r.width) * 100) <
+                percentVisible);
+    }
+    return check;
+}
+export { findScrollParent as f, isInViewport as i, lockBodyScrolling as l, scrollIntoView as s, unlockBodyScrolling as u };

package/dist/esm/search-insights-8OL2oeQN.js ADDED Viewed

@@ -0,0 +1,48 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+let searchInsights;
+const searchInsight = {
+    /**
+     * Initialise algolia search insights.
+     * Will asynchronously import the search-insight library
+     * @param appId
+     * @param apiKey
+     */
+    init: async (appId, apiKey) => {
+        if (searchInsights)
+            return;
+        searchInsights = (await import('./index-browser-BvSm1vXe.js')).default;
+        searchInsights('init', {
+            appId,
+            apiKey,
+        });
+    },
+    /**
+     * Sends a `clickedObjectIDsAfterSearch` event to algolia search-insights.
+     * `init(...)` Must have been called first.
+     * @param params
+     */
+    sendClick: (params) => {
+        if (!searchInsights) {
+            console.error('You must call `init()` first');
+            return;
+        }
+        searchInsights('clickedObjectIDsAfterSearch', { ...params }).catch((e) => {
+            console.error('Error sending click event', e);
+        });
+    },
+    /**
+     * Associates algolia analytics with a user id
+     * @param userToken
+     */
+    setUser: (userToken) => {
+        if (!searchInsights) {
+            console.error('You must call `init()` first');
+            return;
+        }
+        searchInsights('setUserToken', userToken);
+    },
+};
+export { searchInsight as s };

package/dist/esm/slot-DBzVpliZ.js ADDED Viewed

@@ -0,0 +1,104 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import { a as getElement, k as forceUpdate } from './index-CFYZ-ZOT.js';
+/**
+ * Given an element (which can either be within a shadowRoot or not) find it's innerText
+ * @param slot
+ * @returns a concatenated string of text
+ */
+function getTextContent(element) {
+    const root = element.getRootNode();
+    if (root.host)
+        return root.host.innerText;
+    return element.innerText;
+}
+/**
+ * Decides if slots are being used and re-renders when slot content changes.
+ *
+ * @param instance The component instance
+ * @param slotNames The names of the slots to watch for changes
+ *
+ * @example
+ * // in your component
+ * private slotController = new HasSlotController(this, [default], 'header', 'footer');
+ * ...
+ * // in your render method
+ * {slotController.has('header') && <div class="header"><slot name="header /></div>}
+ *
+ */
+class HasSlotController {
+    host;
+    slotNames = [];
+    constructor(instance, ...slotNames) {
+        this.slotNames = slotNames;
+        const ogComponentWillLoad = instance.componentWillLoad;
+        instance.componentWillLoad = () => {
+            this.host = getElement(instance);
+            if (ogComponentWillLoad) {
+                ogComponentWillLoad.call(instance);
+            }
+        };
+        const ogConnectedCallback = instance.connectedCallback;
+        instance.connectedCallback = () => {
+            this.host = getElement(instance);
+            this.hostConnected();
+            if (ogConnectedCallback) {
+                ogConnectedCallback.call(instance);
+            }
+        };
+        const ogDisconnectedCallback = instance.disconnectedCallback;
+        instance.disconnectedCallback = () => {
+            this.hostDisconnected();
+            this.host = undefined;
+            if (ogDisconnectedCallback) {
+                ogDisconnectedCallback.call(instance);
+            }
+        };
+    }
+    hasDefaultSlot() {
+        if (!this.host || !this.host.isConnected)
+            return;
+        return [...this.host.childNodes].some((node) => {
+            if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '') {
+                return true;
+            }
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                const el = node;
+                // If it doesn't have a slot attribute, it's part of the default slot
+                if (!el.hasAttribute('slot')) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }
+    hasNamedSlot(name) {
+        if (!this.host || !this.host.isConnected)
+            return;
+        return !!Array.from(this.host.children).find(ele => ele.getAttribute('slot') && ele.getAttribute('slot') === name);
+    }
+    has(slotName) {
+        return slotName === '[default]'
+            ? this.hasDefaultSlot()
+            : this.hasNamedSlot(slotName);
+    }
+    hostConnected() {
+        this.host.shadowRoot.addEventListener('slotchange', this.handleSlotChange);
+    }
+    hostDisconnected() {
+        if (!this.host)
+            return;
+        this.host.shadowRoot.removeEventListener('slotchange', this.handleSlotChange);
+    }
+    handleSlotChange = (event) => {
+        const slot = event.target;
+        if ((this.slotNames.includes('[default]') && !slot.name) ||
+            (slot.name && this.slotNames.includes(slot.name))) {
+            forceUpdate(this.host);
+        }
+    };
+}
+export { HasSlotController as H, getTextContent as g };

package/dist/esm/style-BrRDhFfF.js ADDED Viewed

@@ -0,0 +1,56 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+let cachedCSStylesheet;
+/**
+ * Adds the global nano-components stylesheets as a constructable stylesheet to a shadow root.
+ * This is useful when shadow DOM enabled components:
+ * - use css-only components
+ * - use themed sections within their markup (i.e. `<div class="nano-theme-darK">Always dark themed section</div>`)
+ *
+ * @param shadowRoot - The shadow root to add the stylesheet to
+ */
+function addGlobalStylesheetToShadow(shadowRoot) {
+    if (!shadowRoot)
+        return;
+    if (cachedCSStylesheet) {
+        // we've already constructed the stylesheet
+        shadowRoot.adoptedStyleSheets.push(cachedCSStylesheet);
+        return;
+    }
+    const globalStylesheets = document.styleSheets;
+    let stylesheet = null;
+    let rule = null;
+    let globalStylesheet = [];
+    for (stylesheet of globalStylesheets) {
+        if (!(stylesheet instanceof CSSStyleSheet))
+            continue;
+        for (rule of stylesheet.cssRules) {
+            // arbitrary piece of text to check for that appears early in the `nano-components` stylesheet
+            // this is a bit fragile but does the job
+            if (rule instanceof CSSLayerBlockRule &&
+                rule.cssText.indexOf('.nano-toast-stack') > -1) {
+                globalStylesheet.push(stylesheet);
+            }
+            if (rule instanceof CSSLayerBlockRule &&
+                rule.cssText.indexOf('.nano-theme') > -1) {
+                globalStylesheet.push(stylesheet);
+            }
+        }
+    }
+    if (globalStylesheet.length) {
+        // if we found the global stylesheet, add it to the shadow root
+        const sheet = new CSSStyleSheet();
+        for (const globalSheet of globalStylesheet) {
+            for (const rule of globalSheet.cssRules) {
+                sheet.insertRule(rule.cssText);
+            }
+        }
+        cachedCSStylesheet = sheet;
+        shadowRoot.adoptedStyleSheets.push(sheet);
+        return;
+    }
+    console.warn('No global stylesheet found');
+}
+export { addGlobalStylesheetToShadow as a };

package/dist/esm/tabbable-BpHwrUYt.js ADDED Viewed

@@ -0,0 +1,121 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import './index-CFYZ-ZOT.js';
+// Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
+function isTabbable(el, skipVisible = false) {
+    const tag = el.tagName.toLowerCase();
+    if (![
+        'button',
+        'input',
+        'select',
+        'textarea',
+        'a',
+        'audio',
+        'video',
+        'summary',
+    ].includes(tag)) {
+        return false;
+    }
+    // Elements with a -1 tab index are not tabbable
+    if (el.getAttribute('tabindex') === '-1') {
+        return false;
+    }
+    // Elements with a disabled attribute are not tabbable
+    if (el.hasAttribute('disabled')) {
+        return false;
+    }
+    // Elements with aria-disabled are not tabbable
+    if (el.hasAttribute('aria-disabled') &&
+        el.getAttribute('aria-disabled') !== 'false') {
+        return false;
+    }
+    // Elements with a tabindex other than -1 are tabbable
+    if (el.hasAttribute('tabindex')) {
+        return true;
+    }
+    // Elements with a contenteditable attribute are tabbable
+    if (el.hasAttribute('contenteditable') &&
+        el.getAttribute('contenteditable') !== 'false') {
+        return true;
+    }
+    // Audio and video elements with the controls attribute are tabbable
+    if ((tag === 'audio' || tag === 'video') && el.hasAttribute('controls')) {
+        return true;
+    }
+    // Radios without a checked attribute are not tabbable
+    if (tag === 'input' &&
+        el.getAttribute('type') === 'radio' &&
+        !el.hasAttribute('checked')) {
+        return false;
+    }
+    // Anchors without href are not tabbable
+    if (tag === 'a' && !el.hasAttribute('href')) {
+        return false;
+    }
+    if (!skipVisible) {
+        // Elements that are hidden have no offsetParent and are not tabbable
+        if (!(el.offsetWidth || el.offsetHeight || el.getClientRects().length)) {
+            return false;
+        }
+        if (typeof el.checkVisibility === 'function' &&
+            !el.checkVisibility({ opacityProperty: true, visibilityProperty: true })) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * Recursively locate all tabbable elements within an element.
+ * If the target element is tabbable, it will be included in the
+ * resulting array. This function will also look in open shadow roots.
+ *
+ * @param root the root to search from
+ * @param first stop drilling after finding the first tabbable elements
+ * @param skipVisible if true, will skip visibility checks
+ * @returns an array of tabbable elements
+ */
+function getTabbableElements(root, first = false, skipVisible = false, skipShadow = false) {
+    const tabbableElements = [];
+    if (root instanceof HTMLElement) {
+        // Is the root element tabbable?
+        if (isTabbable(root, skipVisible)) {
+            tabbableElements.push(root);
+            if (first)
+                return tabbableElements;
+        }
+        // Look for tabbable elements in the shadow root
+        if (!skipShadow && root.shadowRoot && root.shadowRoot.mode === 'open') {
+            getTabbableElements(root.shadowRoot, first, skipVisible).map((el) => {
+                if (!tabbableElements.includes(el))
+                    tabbableElements.push(el);
+            });
+        }
+        // Look at slotted elements
+        if (HTMLSlotElement && root instanceof HTMLSlotElement) {
+            root.assignedElements().map((slottedEl) => {
+                getTabbableElements(slottedEl, first, skipVisible).map((el) => {
+                    if (!tabbableElements.includes(el))
+                        tabbableElements.push(el);
+                });
+            });
+        }
+    }
+    // Look for tabbable elements in children
+    Array.from(root.children).map((el) => {
+        getTabbableElements(el, first, skipVisible).map((el) => {
+            if (!tabbableElements.includes(el))
+                tabbableElements.push(el);
+        });
+    });
+    return tabbableElements;
+}
+function getNearestTabbableElement(el) {
+    // @ts-ignore
+    window.getTabbableElements = getTabbableElements;
+    const tabbableElements = getTabbableElements(el, true, true);
+    return tabbableElements.length ? tabbableElements[0] : null;
+}
+export { getNearestTabbableElement as a, getTabbableElements as g };

package/dist/esm/table.worker-BTF0UXAd.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+(()=>{const n=(n,t)=>{const r=globalThis[t];return null!=r&&n instanceof r},t=r=>{if(null!=r){if(n(r,"ArrayBuffer")||n(r,"MessagePort")||n(r,"ImageBitmap")||n(r,"OffscreenCanvas"))return[r];if("object"==typeof r)return r.constructor===Object&&(r=Object.values(r)),Array.isArray(r)?r.flatMap(t):t(r.buffer)}return[]},r={},e="stencil.table.worker",o=e+".cb";addEventListener("message",(async({data:n})=>{if(n&&n[0]===e){let i,u,s=n[1],c=n[2],f=n[3],a=0,l=f.length;try{for(;a<l;a++)if(Array.isArray(f[a])&&f[a][0]===o){const n=f[a][1];f[a]=(...t)=>{postMessage([o,n,t])}}i=await r[c](...f)}catch(n){i=null,u=n instanceof Error?{isError:!0,value:{message:n.message,name:n.name,stack:n.stack}}:{isError:!1,value:n},i=void 0}const p=t(i);postMessage([e,s,i,u],p)}}));var i,u,s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function c(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var f=c(function(){if(u)return i;u=1;var n=/[\\^$.*+?()[\]{}|]/g,t=RegExp(n.source),r="object"==typeof self&&self&&self.Object===Object&&self,e="object"==typeof s&&s&&s.Object===Object&&s||r||Function("return this")(),o=Object.prototype.toString,c=e.Symbol,f=c?c.prototype:void 0,a=f?f.toString:void 0;return i=function(r){var e;return(r=null==(e=r)?"":function(n){if("string"==typeof n)return n;if(function(n){return"symbol"==typeof n||function(n){return!!n&&"object"==typeof n}(n)&&"[object Symbol]"==o.call(n)}(n))return a?a.call(n):"";var t=n+"";return"0"==t&&1/n==-1/0?"-0":t}(e))&&t.test(r)?r.replace(n,"\\$&"):r}}());function a(n,t,r,e){if("object"!=typeof n){if("exists"===t.type)return!!t.key.test(r.join("."))&&!!n;{const o=r.join(".");for(const n of e.ignorePaths)if(n.test(o))return!1;if(e.includePaths){let n=!1;for(const t of e.includePaths)if(t.test(o)){n=!0;break}if(!n)return!1}return!(t.key&&!t.key.test(o))&&function(n,t){return"string"==typeof n?t.checkString(n):"number"==typeof n&&t.checkNumber(n)}(n,t)}}if(Array.isArray(n)){for(const o of n)if(a(o,t,r,e))return!0}else for(const o in n){r.push(o);const i=a(n[o],t,r,e);if(r.pop(),i)return!0}return!1}function l(n,t,r,e){if(t.length){let o=!1;for(const i of t)if(a(n,i,[],e)?!i.negate:i.negate){if("OR"===r)return!0;o=!0}else if("AND"===r)return!1;return o}return!0}function p(n,t){const r=[];let e=!1,o=0,i="";for(let u=0;u<n.length;u++){const s=n[u];e?s===i&&(e=!1,i=""):'"'===s||"'"===s?(e=!0,i=s):s.match(t)&&!e&&(r.push(n.slice(o,u).trim()),o=u+1),u===n.length-1&&r.push(n.slice(o).trim())}return r.map((n=>n.startsWith('"')&&n.endsWith('"')||n.startsWith("'")&&n.endsWith("'")?n.slice(1,-1):n)).filter((n=>n))}const d={"<":function(n){const t=Number(n[0]);return n=>n<t},"<=":function(n){const t=Number(n[0]);return n=>n<=t},"=":function(n){const t=n[0].split(",").filter((n=>n)).map(Number);return n=>{for(let r=0;r<t.length;r++)if(n===t[r])return!0;return!1}},">=":function(n){const t=Number(n[0]);return n=>n>=t},">":function(n){const t=Number(n[0]);return n=>n>t},"..":function(n){const t=Number(n[0]),r=Number(n[1]);return n=>n>=t&&n<=r}};function w(n){const{values:t,operator:r}=function(n){const t=/^\s*\(?\s*(?<startOperator><=|>=|<|=|>|\.\.\s*)?\s*(?<firstValue>-?\d*\.?\d+)\s*(?:(?<afterDots>\.\.)\s*(?<secondValue>-?\d*\.?\d*))?\s*\)?\s*$/.exec(n);if(!t)return{operator:"=",values:[n]};if(!t.groups)throw new Error("unreachable");const{startOperator:r,firstValue:e,afterDots:o,secondValue:i}=t.groups;let u=r,s=e?[e]:[];return".."===r?u="<=":r||!o||i?o&&(u=".."):u=">=",i&&s.push(i),{values:s,operator:u||"="}}(n),e=d[r];if(!e)throw new Error(`unknown operator ${r}`);return e(t)}const h={"<":function(n){return t=>t<n[0]},"<=":function(n){return t=>t<=n[0]},"=":function(n,t){const r=p(n[0],",").filter((n=>n)).map((n=>new RegExp(`^${f(n)}$`,t)));return n=>{for(const t of r)if(t.test(n))return!0;return!1}},"~":function(n,t){const r=p(n[0],",").filter((n=>n)).map((n=>new RegExp(f(n),t)));return n=>{for(const t of r)if(t.test(n))return!0;return!1}},">=":function(n){return t=>t>=n[0]},">":function(n){return t=>t>n[0]},"..":function(n){return t=>t>=n[0]&&t<=n[1]}};function y(n,t){const{values:r,operator:e}=function(n){const t=n.split(".."),r=/^\s*\(?(?<operator><=|<|=|>=|>)?\s*(?<value>\S*)\s*\)?$/.exec(t[0]);if(!r)return{operator:"~",values:[n]};if(!r.groups)throw new Error("unreachable");let{operator:e,value:o}=r.groups,i=t[1]?.trim(),u=[o];return t.length>1&&(e="..",i?o?u.push(i):(u=[i],e="<="):e=">="),{operator:e||"~",values:u}}(n),o=h[e];if(!o)throw new Error(`unreachable unknown operator ${e}`);return o(r,t)}function g(n,t={}){let{index:r=!1,predicate:e="AND",ignorePaths:o=[],includePaths:i,pathAlias:u={}}=t;const s=t.limit?t.limit:1/0,c=t.caseSensitive?"":"i";let a=t.keywords||[];const d=function(n,t){const{insensitive:r}=t,e={};for(const[t,o]of Object.entries(n))e[t]=o instanceof RegExp?o:new RegExp(`(^|\\.)${f(o)}(\\.|$)`,r);return e}(u,{insensitive:c}),h=o.map((n=>"string"==typeof n?new RegExp(`(^|\\.)${f(n)}(\\.|$)`,c):n)),g=i?i.map((n=>"string"==typeof n?new RegExp(`(^|\\.)${f(n)}(\\.|$)`,c):n)):void 0;"string"==typeof a&&(a=p(a,/[ \t\r\n]/));const b=function(n,t={pathAlias:{}}){return n.map((n=>function(n,t={pathAlias:{}}){const{caseSensitive:r,pathAlias:e}=t,o=r?"":"i";let i=!1;n.startsWith("-")&&(i=!0,n=n.substring(1));const u=n.indexOf(":");if(u>-1){const t=n.substring(u+1);if(u>0){const r=n.substring(0,u);return"is"===r?{type:"exists",negate:i,key:new RegExp(`(^|\\.)${f(t)}(\\.|$)`,o)}:{type:"matches",negate:i,key:e[r]?e[r]:new RegExp(`(^|\\.)${f(r)}(\\.|$)`,o),checkNumber:w(t),checkString:y(t,o)}}}return{type:"matches",negate:i,checkNumber:w(n),checkString:y(n,o)}}(n,t)))}(a,{caseSensitive:t.caseSensitive,pathAlias:d});let v=0;if(r){const t=[];for(let r=0;r<n.length&&v<s;r++)l(n[r],b,e,{ignorePaths:h,includePaths:g})&&(v=t.push(r));return t}{const t=[];for(let r=0;r<n.length&&v<s;r++)l(n[r],b,e,{ignorePaths:h,includePaths:g})&&(v=t.push(n[r]));return t}}const b=new Map;async function v(n,t){const r=b.get(n);if(!r)throw new Error("cannot find worker with ID "+n);if(r.searchTerm=t,!t||!t.length)return r.filterRows=r.rows,k(r,r.rows);const e=r.columns.filter((n=>!1!==n.searchable));return r.filterRows=g(r.rows,{keywords:t,predicate:"OR",includePaths:[...e.map((n=>n.prop))],ignorePaths:["__uuid","__index"]}),k(r,r.filterRows)}function E(n,t,r=[],e=!1){return r&&r.length||e||(r=function(n){return n.columns.filter((n=>null!=n.filter)).reduce(((n,t)=>{const{prop:r,filter:e}=t;return n.push({prop:r,filter:e}),n}),[])}(n)),r&&r.length?(r.forEach((n=>{t="boolean"==typeof n.filter?t.filter((t=>t[n.prop]===n.filter)):g(t,{predicate:"string"==typeof n.filter?"AND":"OR",keywords:n.filter,includePaths:[n.prop],ignorePaths:["__uuid","__index"]})})),t):t}function m(n,t,r,e){if(!r&&!e){const t=function(n){const t=n.columns.find((n=>!!n.order));if(t){const{prop:n,order:r}=t;return{prop:n,order:r}}return null}(n);t&&({prop:r,order:e}=t)}if(!r||!e||!t.length)return t;const o=n.columns.find((n=>n.prop===r));return o?.sortCompareFn&&"function"==typeof o.sortCompareFn?t.slice().sort(o.sortCompareFn(r,e)):"text"===o?.type&&"string"==typeof t[0][r]?t.slice().sort(((n,t)=>n[r]?t[r]?"asc"===e?n[r].localeCompare(t[r]):t[r].localeCompare(n[r]):-1:1)):t.slice().sort(((n,t)=>[void 0,null].includes(n[r])?1:[void 0,null].includes(t[r])?-1:n[r]<t[r]?"asc"===e?-1:1:n[r]>t[r]?"asc"===e?1:-1:0))}function k(n,t){return m(n,t=E(n,t))}function $(n){return n.map((n=>(n?.sortCompareFn&&"string"==typeof n.sortCompareFn&&(n.sortCompareFn=new Function("return "+n.sortCompareFn)()),n)))}async function x(n){b.delete(n)}r.createWorkerStore=async function(n,t){const r=Date.now().toString(36)+Math.random().toString(36).substring(2);return b.set(r,{rows:n,columns:$(t)}),r},r.destroyWorkerStore=x,r.syncConfigToWorker=async function(n,t){const r=b.get(n);if(!r)throw new Error("cannot find worker with ID "+n);return r.columns=$(t),r.rows||r.columns||x(n),!0},r.syncDataToWorker=async function(n,t){const r=b.get(n);if(!r)throw new Error("cannot find worker with ID "+n);return r.rows=t,r.rows||r.columns||x(n),!0},r.workerFilter=async function(n,t){const r=b.get(n);if(!r)throw new Error("cannot find worker with ID "+n);const e=t&&t.length||!r.searchTerm?r.searchTerm?r.filterRows:r.rows:await v(n,r.searchTerm);return r.filterRows=E(r,e,t,!0),m(r,r.filterRows)},r.workerSearch=v,r.workerSort=async function(n,t,r){const e=b.get(n);if(!e)throw new Error("cannot find worker with ID "+n);return m(e,e.filterRows||e.rows,t,r)}})();

package/dist/esm/table.worker-BoX4CUXT.js ADDED Viewed

@@ -0,0 +1,28 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import { c as createWorker } from './nano-data-table-DsTG4mqR.js';
+import './index-CFYZ-ZOT.js';
+import './renderer-LJzCFyMt.js';
+import './math-BEqsTfVK.js';
+import './throttle-C93FMm2Z.js';
+import './scroll-BRRzrkAi.js';
+import './dom-CF0Ycs9M.js';
+import './index-DxKBolVo.js';
+const workerName = 'table.worker';
+const workerMsgId = 'stencil.table.worker';
+const workerPath = new URL('table.worker-BTF0UXAd.js', import.meta.url).href;
+let worker;
+try {
+  // first try directly starting the worker with the URL
+  worker = /*@__PURE__*/createWorker(workerPath, workerName, workerMsgId);
+} catch(e) {
+  // probably a cross-origin issue, try using a Blob instead
+  const blob = new Blob(['importScripts("' + workerPath + '")'], { type: 'text/javascript' });
+  const url = URL.createObjectURL(blob);
+  worker = /*@__PURE__*/createWorker(url, workerName, workerMsgId);
+  URL.revokeObjectURL(url);
+}
+export { worker, workerMsgId, workerName, workerPath };

package/dist/esm/theme-aiuyr36I.js ADDED Viewed

@@ -0,0 +1,43 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+/**
+ * Create the mode and color classes for the component based on the classes passed in
+ * @param color
+ * @param cssClassMap
+ * @returns an jsx class map
+ */
+const createColorClasses = (color, cssClassMap) => {
+    return typeof color === 'string' && color.length > 0
+        ? {
+            [color]: true,
+            ...cssClassMap,
+        }
+        : cssClassMap;
+};
+/**
+ * @param classes
+ * @returns an array of trimmed class names
+ */
+const getClassList = (classes) => {
+    if (classes !== undefined) {
+        const array = Array.isArray(classes) ? classes : classes.split(' ');
+        return array
+            .filter((c) => c != null)
+            .map((c) => c.trim())
+            .filter((c) => c !== '');
+    }
+    return [];
+};
+/**
+ * turns a string, or array of strings into a jsx class map
+ * @param classes
+ * @returns a jsx class map
+ */
+const getClassMap = (classes) => {
+    const map = {};
+    getClassList(classes).forEach((c) => (map[c] = true));
+    return map;
+};
+export { createColorClasses as c, getClassMap as g };