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

package/dist/esm/search-insights-1a7b7dc5.js

@@ -1,51 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-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-8c563093.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);
-    },
-};
-const searchInsight$1 = searchInsight;
-
-export { searchInsight$1 as s };
-
-//# sourceMappingURL=search-insights-1a7b7dc5.js.map

package/dist/esm/search-insights-1a7b7dc5.js.map

@@ -1 +0,0 @@
-{"file":"search-insights-1a7b7dc5.js","mappings":";;;AAGA,IAAI,cAAqC,CAAC;AAE1C,MAAM,aAAa,GAAG;;;;;;;IAOpB,IAAI,EAAE,OAAO,KAAa,EAAE,MAAc;QACxC,IAAI,cAAc;YAAE,OAAO;QAE3B,cAAc,GAAG,CAAC,MAAM,OAAO,6BAAiB,CAAC,EAAE,OAAO,CAAC;QAC3D,cAAc,CAAC,MAAM,EAAE;YACrB,KAAK;YACL,MAAM;SACP,CAAC,CAAC;KACJ;;;;;;IAOD,SAAS,EAAE,CAAC,MAAgC;QAC1C,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;YAC9C,OAAO;SACR;QACD,cAAc,CAAC,6BAA6B,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACnE,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAC;SAC/C,CAAC,CAAC;KACJ;;;;;IAMD,OAAO,EAAE,CAAC,SAAiB;QACzB,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;YAC9C,OAAO;SACR;QACD,cAAc,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;KAC3C;CACF,CAAC;AAEF,wBAAe,aAAa;;;;","names":[],"sources":["src/utils/search-insights.ts"],"sourcesContent":["import type SearchInsights from 'search-insights';\nimport type { InsightsSearchClickEvent } from 'search-insights/dist/click';\n\nlet searchInsights: typeof SearchInsights;\n\nconst searchInsight = {\n  /**\n   * Initialise algolia search insights.\n   * Will asynchronously import the search-insight library\n   * @param appId\n   * @param apiKey\n   */\n  init: async (appId: string, apiKey: string) => {\n    if (searchInsights) return;\n\n    searchInsights = (await import('search-insights')).default;\n    searchInsights('init', {\n      appId,\n      apiKey,\n    });\n  },\n\n  /**\n   * Sends a `clickedObjectIDsAfterSearch` event to algolia search-insights.\n   * `init(...)` Must have been called first.\n   * @param params\n   */\n  sendClick: (params: InsightsSearchClickEvent) => {\n    if (!searchInsights) {\n      console.error('You must call `init()` first');\n      return;\n    }\n    searchInsights('clickedObjectIDsAfterSearch', { ...params }).catch((e) => {\n      console.error('Error sending click event', e);\n    });\n  },\n\n  /**\n   * Associates algolia analytics with a user id\n   * @param userToken\n   */\n  setUser: (userToken: string) => {\n    if (!searchInsights) {\n      console.error('You must call `init()` first');\n      return;\n    }\n    searchInsights('setUserToken', userToken);\n  },\n};\n\nexport default searchInsight;\n"],"version":3}

package/dist/esm/slot-1cd90e53.js

@@ -1,58 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-/**
- * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated
- * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
- * @param slot
- * @returns a concatenated string from html and text nodes
- */
-/**
- * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
- * string. This is useful because we can't use slot.textContent as an alternative.
- * @param slot
- * @returns a concatenated string of text
- */
-function getTextContent(slot) {
-    const nodes = slot.assignedNodes({ flatten: true });
-    let text = '';
-    [...nodes].map((node) => {
-        text += node.textContent + ' ';
-    });
-    return text.trim();
-}
-/**
- * Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
- * slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
- * @param host a custom element host
- * @param name a slot to find
- * @returns boolean
- */
-function hasSlot(host, name) {
-    // Look for a named slot
-    if (name) {
-        return host.querySelector(`[slot="${name}"]`) !== null;
-    }
-    // Look for a default slot
-    if (this.host.shadowRoot) {
-        return [...Array.from(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 (!el.hasAttribute('slot')) {
-                    return true;
-                }
-            }
-            return false;
-        });
-    }
-    // non-shadow component...TODO - only for 'scoped' components atm
-    if (host.querySelector(`:not(.sc-${host.tagName.toLowerCase()}):not([slot])`))
-        return true;
-}
-
-export { getTextContent as g, hasSlot as h };
-
-//# sourceMappingURL=slot-1cd90e53.js.map

package/dist/esm/slot-1cd90e53.js.map

@@ -1 +0,0 @@
-{"file":"slot-1cd90e53.js","mappings":";;;AAAA;;;;;;AAuBA;;;;;;SAMgB,cAAc,CAAC,IAAqB;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI;QAClB,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACrB,CAAC;AAED;;;;;;;SAOgB,OAAO,CAAC,IAAiB,EAAE,IAAa;;IAEtD,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;KACxD;;IAGD,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;YAChD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACtE,OAAO,IAAI,CAAC;aACb;YAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;gBACvC,MAAM,EAAE,GAAG,IAAmB,CAAC;gBAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;oBAC5B,OAAO,IAAI,CAAC;iBACb;aACF;YAED,OAAO,KAAK,CAAC;SACd,CAAC,CAAC;KACJ;;IAGD,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC;QAC3E,OAAO,IAAI,CAAC;AAChB;;;;","names":[],"sources":["src/utils/slot.ts"],"sourcesContent":["/**\n * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated\n * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.\n * @param slot\n * @returns a concatenated string from html and text nodes\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      html += (node as HTMLElement).outerHTML;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n * string. This is useful because we can't use slot.textContent as an alternative.\n * @param slot\n * @returns a concatenated string of text\n */\nexport function getTextContent(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let text = '';\n\n  [...nodes].map((node) => {\n    text += node.textContent + ' ';\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n * slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n * @param host a custom element host\n * @param name a slot to find\n * @returns boolean\n */\nexport function hasSlot(host: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return host.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  if (this.host.shadowRoot) {\n    return [...Array.from(host.childNodes)].some((node) => {\n      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n        return true;\n      }\n\n      if (node.nodeType === node.ELEMENT_NODE) {\n        const el = node as HTMLElement;\n        if (!el.hasAttribute('slot')) {\n          return true;\n        }\n      }\n\n      return false;\n    });\n  }\n\n  // non-shadow component...TODO - only for 'scoped' components atm\n  if (host.querySelector(`:not(.sc-${host.tagName.toLowerCase()}):not([slot])`))\n    return true;\n}\n"],"version":3}

package/dist/esm/tabbable-44932eb7.js

@@ -1,109 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-// Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
-function isTabbable(el) {
-    const tag = el.tagName.toLowerCase();
-    // 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;
-    }
-    // Elements that are hidden have no offsetParent and are not tabbable
-    if (!el.offsetParent) {
-        return false;
-    }
-    // Elements without visibility are not tabbable (calculated last due to performance)
-    if (window.getComputedStyle(el).visibility === 'hidden') {
-        return false;
-    }
-    // At this point, the following elements are considered tabbable
-    return [
-        'button',
-        'input',
-        'select',
-        'textarea',
-        'a',
-        'audio',
-        'video',
-        'summary',
-    ].includes(tag);
-}
-/**
- * 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 return the first tabbable element found
- * @returns an array of tabbable elements
- */
-function getTabbableElements(root, first = false) {
-    const tabbableElements = [];
-    if (root instanceof HTMLElement) {
-        // Is the root element tabbable?
-        if (isTabbable(root)) {
-            tabbableElements.push(root);
-            if (first)
-                return tabbableElements;
-        }
-        // Look for tabbable elements in the shadow root
-        if (root.shadowRoot && root.shadowRoot.mode === 'open') {
-            getTabbableElements(root.shadowRoot, first).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).map((el) => {
-                    if (!tabbableElements.includes(el))
-                        tabbableElements.push(el);
-                });
-            });
-        }
-    }
-    // Look for tabbable elements in children
-    Array.from(root.children).map((el) => {
-        getTabbableElements(el, first).map((el) => {
-            if (!tabbableElements.includes(el))
-                tabbableElements.push(el);
-        });
-    });
-    return tabbableElements;
-}
-function getNearestTabbableElement(el) {
-    const tabbableElements = getTabbableElements(el, true);
-    return tabbableElements.length ? tabbableElements[0] : null;
-}
-
-export { getNearestTabbableElement as a, getTabbableElements as g };
-
-//# sourceMappingURL=tabbable-44932eb7.js.map

package/dist/esm/tabbable-44932eb7.js.map

@@ -1 +0,0 @@
-{"file":"tabbable-44932eb7.js","mappings":"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","names":[],"sources":["src/utils/tabbable.ts"],"sourcesContent":["// Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable\nfunction isTabbable(el: HTMLElement) {\n  const tag = el.tagName.toLowerCase();\n\n  // Elements with a -1 tab index are not tabbable\n  if (el.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n\n  // Elements with a disabled attribute are not tabbable\n  if (el.hasAttribute('disabled')) {\n    return false;\n  }\n\n  // Elements with aria-disabled are not tabbable\n  if (\n    el.hasAttribute('aria-disabled') &&\n    el.getAttribute('aria-disabled') !== 'false'\n  ) {\n    return false;\n  }\n\n  // Elements with a tabindex other than -1 are tabbable\n  if (el.hasAttribute('tabindex')) {\n    return true;\n  }\n\n  // Elements with a contenteditable attribute are tabbable\n  if (\n    el.hasAttribute('contenteditable') &&\n    el.getAttribute('contenteditable') !== 'false'\n  ) {\n    return true;\n  }\n\n  // Audio and video elements with the controls attribute are tabbable\n  if ((tag === 'audio' || tag === 'video') && el.hasAttribute('controls')) {\n    return true;\n  }\n\n  // Radios without a checked attribute are not tabbable\n  if (\n    tag === 'input' &&\n    el.getAttribute('type') === 'radio' &&\n    !el.hasAttribute('checked')\n  ) {\n    return false;\n  }\n\n  // Elements that are hidden have no offsetParent and are not tabbable\n  if (!el.offsetParent) {\n    return false;\n  }\n\n  // Elements without visibility are not tabbable (calculated last due to performance)\n  if (window.getComputedStyle(el).visibility === 'hidden') {\n    return false;\n  }\n\n  // At this point, the following elements are considered tabbable\n  return [\n    'button',\n    'input',\n    'select',\n    'textarea',\n    'a',\n    'audio',\n    'video',\n    'summary',\n  ].includes(tag);\n}\n\n/**\n * Recursively locate all tabbable elements within an element.\n * If the target element is tabbable, it will be included in the\n * resulting array. This function will also look in open shadow roots.\n * @param root the root to search from\n * @param first return the first tabbable element found\n * @returns an array of tabbable elements\n */\nexport function getTabbableElements(\n  root: HTMLElement | ShadowRoot,\n  first: boolean = false\n) {\n  const tabbableElements: HTMLElement[] = [];\n\n  if (root instanceof HTMLElement) {\n    // Is the root element tabbable?\n    if (isTabbable(root)) {\n      tabbableElements.push(root);\n\n      if (first) return tabbableElements;\n    }\n\n    // Look for tabbable elements in the shadow root\n    if (root.shadowRoot && root.shadowRoot.mode === 'open') {\n      getTabbableElements(root.shadowRoot, first).map((el) => {\n        if (!tabbableElements.includes(el)) tabbableElements.push(el);\n      });\n    }\n\n    // Look at slotted elements\n    if (HTMLSlotElement && root instanceof HTMLSlotElement) {\n      root.assignedElements().map((slottedEl: HTMLElement) => {\n        getTabbableElements(slottedEl, first).map((el) => {\n          if (!tabbableElements.includes(el)) tabbableElements.push(el);\n        });\n      });\n    }\n  }\n\n  // Look for tabbable elements in children\n  Array.from(root.children).map((el: HTMLElement) => {\n    getTabbableElements(el, first).map((el) => {\n      if (!tabbableElements.includes(el)) tabbableElements.push(el);\n    });\n  });\n\n  return tabbableElements;\n}\n\nexport function getNearestTabbableElement(el: Element): HTMLElement | null {\n  const tabbableElements = getTabbableElements(el as HTMLElement, true);\n  return tabbableElements.length ? tabbableElements[0] : null;\n}\n"],"version":3}

package/dist/esm/table.worker-8e04f768.js

@@ -1,29 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import { c as createWorker } from './nano-table-3965ddd0.js';
-import './index-6cc72cd9.js';
-import './renderer-4bc3e2dc.js';
-import './math-d160f8a6.js';
-import './throttle-df960210.js';
-import './scroll-parent-be39fbd0.js';
-import './index-f5f7b950.js';
-
-const workerName = 'table.worker';
-const workerMsgId = 'stencil.table.worker';
-const workerPath = new URL('table.worker-da5412ed.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 };
-
-//# sourceMappingURL=table.worker-8e04f768.js.map

package/dist/esm/table.worker-8e04f768.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-8e04f768.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/table.worker-da5412ed.js

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

package/dist/esm/theme-d553c17a.js

@@ -1,46 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-/**
- * 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
-        ? {
-            'nano-color': true,
-            [`nano-color-${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 };
-
-//# sourceMappingURL=theme-d553c17a.js.map

package/dist/esm/theme-d553c17a.js.map

@@ -1 +0,0 @@
-{"file":"theme-d553c17a.js","mappings":";;;AAMA;;;;;;MAMa,kBAAkB,GAAG,CAChC,KAA+B,EAC/B,WAAyB;IAEzB,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;UAChD;YACE,YAAY,EAAE,IAAI;YAClB,CAAC,cAAc,KAAK,EAAE,GAAG,IAAI;YAC7B,GAAG,WAAW;SACf;UACD,WAAW,CAAC;AAClB,EAAE;AAEF;;;;AAIA,MAAM,YAAY,GAAG,CACnB,OAA2D;IAE3D,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpE,OAAO,KAAK;aACT,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;aACxB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;aACpB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;KAC5B;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF;;;;;MAKa,WAAW,GAAG,CACzB,OAAsC;IAEtC,MAAM,GAAG,GAAgB,EAAE,CAAC;IAC5B,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD,OAAO,GAAG,CAAC;AACb;;;;","names":[],"sources":["src/utils/theme.ts"],"sourcesContent":["import type { Color, CssClassMap } from '../types/shared';\n\nexport const hostContext = (selector: string, el: HTMLElement): boolean => {\n  return el.closest(selector) !== null;\n};\n\n/**\n * Create the mode and color classes for the component based on the classes passed in\n * @param color\n * @param cssClassMap\n * @returns an jsx class map\n */\nexport const createColorClasses = (\n  color: Color | undefined | null,\n  cssClassMap?: CssClassMap\n): CssClassMap | undefined => {\n  return typeof color === 'string' && color.length > 0\n    ? {\n        'nano-color': true,\n        [`nano-color-${color}`]: true,\n        ...cssClassMap,\n      }\n    : cssClassMap;\n};\n\n/**\n * @param classes\n * @returns an array of trimmed class names\n */\nconst getClassList = (\n  classes: string | (string | null | undefined)[] | undefined\n): string[] => {\n  if (classes !== undefined) {\n    const array = Array.isArray(classes) ? classes : classes.split(' ');\n    return array\n      .filter((c) => c != null)\n      .map((c) => c.trim())\n      .filter((c) => c !== '');\n  }\n  return [];\n};\n\n/**\n * turns a string, or array of strings into a jsx class map\n * @param classes\n * @returns a jsx class map\n */\nexport const getClassMap = (\n  classes: string | string[] | undefined\n): CssClassMap => {\n  const map: CssClassMap = {};\n  getClassList(classes).forEach((c) => (map[c] = true));\n  return map;\n};\n"],"version":3}

package/dist/esm/throttle-df960210.js

@@ -1,50 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-const debounceEvent = (event, wait) => {
-    const original = event._original || event;
-    return {
-        _original: event,
-        emit: debounce(original.emit.bind(original), wait),
-    };
-};
-/**
- * debounce ensures that one function call is made for an event that fires multiple times.
- * @param callback to perform after waiting
- * @param wait how to long to wait before calling the function
- * @returns a debounced function to call as often as required
- */
-const debounce = (callback, wait = 0) => {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(callback, wait, ...args);
-    };
-};
-/**
- * throttle delays executing a function - reducing the function calls of an event that fires multiple times.
- * @param callback to perform after a delay
- * @param delay how long to delay before calling the function
- * @returns a throttled function to call as often as required
- */
-const throttle = (callback, delay) => {
-    // Previously called time of the function
-    let prev = 0;
-    return (...args) => {
-        // Current called time of the function
-        const now = new Date().getTime();
-        // If difference is greater than delay call
-        // the function again.
-        if (now - prev > delay) {
-            prev = now;
-            // "..." is the spread operator here
-            // returning the function with the
-            // array of arguments
-            return callback(...args);
-        }
-    };
-};
-
-export { debounceEvent as a, debounce as d, throttle as t };
-
-//# sourceMappingURL=throttle-df960210.js.map

package/dist/esm/throttle-df960210.js.map

@@ -1 +0,0 @@
-{"file":"throttle-df960210.js","mappings":";;;MAMa,aAAa,GAAG,CAC3B,KAAmB,EACnB,IAAY;IAEZ,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;IACnD,OAAO;QACL,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;KACnC,CAAC;AACpB,EAAE;AAEF;;;;;;MAMa,QAAQ,GAAG,CAAC,QAAkC,EAAE,IAAI,GAAG,CAAC;IACnE,IAAI,KAAU,CAAC;IACf,OAAO,CAAC,GAAG,IAAW;QACpB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;KAC7C,CAAC;AACJ,EAAE;AAEF;;;;;;MAMa,QAAQ,GAAG,CAAC,QAAQ,EAAE,KAAK;;IAEtC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,OAAO,CAAC,GAAG,IAAI;;QAEb,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;;;QAIjC,IAAI,GAAG,GAAG,IAAI,GAAG,KAAK,EAAE;YACtB,IAAI,GAAG,GAAG,CAAC;;;;YAKX,OAAO,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;SAC1B;KACF,CAAC;AACJ;;;;","names":[],"sources":["src/utils/throttle.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const deferEvent = (event: EventEmitter): EventEmitter => {\n  return debounceEvent(event, 0);\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\n/**\n * debounce ensures that one function call is made for an event that fires multiple times.\n * @param callback to perform after waiting\n * @param wait how to long to wait before calling the function\n * @returns a debounced function to call as often as required\n */\nexport const debounce = (callback: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(callback, wait, ...args);\n  };\n};\n\n/**\n * throttle delays executing a function - reducing the function calls of an event that fires multiple times.\n * @param callback to perform after a delay\n * @param delay how long to delay before calling the function\n * @returns a throttled function to call as often as required\n */\nexport const throttle = (callback, delay) => {\n  // Previously called time of the function\n  let prev = 0;\n  return (...args) => {\n    // Current called time of the function\n    const now = new Date().getTime();\n\n    // If difference is greater than delay call\n    // the function again.\n    if (now - prev > delay) {\n      prev = now;\n\n      // \"...\" is the spread operator here\n      // returning the function with the\n      // array of arguments\n      return callback(...args);\n    }\n  };\n};\n"],"version":3}

package/dist/esm/transitions-c09bd7f6.js

@@ -1,60 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-/**
- * Quality of life for transition handling.
- * Adds / removes transitionend events. Resolves on complete
-
- * @param el element
- * @returns a promise that resolves when the transition is done
- */
-/**
- * handles hiding and showing elements properly (with display),
- * along with transitions, so they are no longer viewable in the dom.
- * - OnHide remove show class, listen for transition end, then display: none on finish
- * - OnShow, display block on start then add a show class
- *
- * @param el
- * @param options
- * @returns a promise of resolving as either 'show' or 'hidden'
- */
-const displayTransition = (el, options) => {
-    const opts = {
-        className: '',
-        show: true,
-        showDisplay: 'block',
-        ...options,
-    };
-    return new Promise((resolve) => {
-        const showCb = (e) => {
-            if ((e.target === el || e.composedPath().some((el) => el === e.target)) &&
-                (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))) {
-                resolve('shown');
-                el.removeEventListener('transitionend', showCb);
-            }
-        };
-        const hideCb = (e) => {
-            if ((e.target === el || e.composedPath().some((el) => el === e.target)) &&
-                (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))) {
-                el.style.display = 'none';
-                el.dataset.displayTransition = 'false';
-                resolve('hidden');
-                el.removeEventListener('transitionend', hideCb);
-            }
-        };
-        if (opts.show) {
-            el.addEventListener('transitionend', showCb);
-            el.style.display = opts.showDisplay;
-            el.dataset.displayTransition = 'true';
-            setTimeout(() => el.classList.add(opts.className), 50);
-        }
-        else {
-            el.addEventListener('transitionend', hideCb);
-            el.classList.remove(opts.className);
-        }
-    });
-};
-
-export { displayTransition as d };
-
-//# sourceMappingURL=transitions-c09bd7f6.js.map

package/dist/esm/transitions-c09bd7f6.js.map

@@ -1 +0,0 @@
-{"file":"transitions-c09bd7f6.js","mappings":";;;AAAA;;;;;;;AAiBA;;;;;;;;;;MAUa,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC;IAED,MAAM,IAAI,GAAG;QACX,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,OAAO;QACpB,GAAG,OAAO;KACX,CAAC;IAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO;QACzB,MAAM,MAAM,GAAG,CAAC,CAAkB;YAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;iBACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;gBACA,OAAO,CAAC,OAAO,CAAC,CAAC;gBACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;aACjD;SACF,CAAC;QAEF,MAAM,MAAM,GAAG,CAAC,CAAkB;YAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;iBACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;gBACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;gBACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;aACjD;SACF,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;YACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;YAGtC,UAAU,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;SACxD;aAAM;YACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACrC;KACF,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/utils/transitions.ts"],"sourcesContent":["/**\n * Quality of life for transition handling.\n * Adds / removes transitionend events. Resolves on complete\n\n * @param el element\n * @returns a promise that resolves when the transition is done\n */\nexport const transitionDone = (el: HTMLElement): Promise<void> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve(void 0);\n    };\n    el.addEventListener('transitionend', callback);\n  });\n};\n\n/**\n * handles hiding and showing elements properly (with display),\n * along with transitions, so they are no longer viewable in the dom.\n * - OnHide remove show class, listen for transition end, then display: none on finish\n * - OnShow, display block on start then add a show class\n *\n * @param el\n * @param options\n * @returns a promise of resolving as either 'show' or 'hidden'\n */\nexport const displayTransition = (\n  el: HTMLElement,\n  options?: {\n    className?: string;\n    show?: boolean;\n    showDisplay?: string;\n    transitionProp?: string[];\n  }\n): Promise<'shown' | 'hidden'> => {\n  const opts = {\n    className: '',\n    show: true,\n    showDisplay: 'block',\n    ...options,\n  };\n\n  return new Promise((resolve) => {\n    const showCb = (e: TransitionEvent) => {\n      if (\n        (e.target === el || e.composedPath().some((el) => el === e.target)) &&\n        (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))\n      ) {\n        resolve('shown');\n        el.removeEventListener('transitionend', showCb);\n      }\n    };\n\n    const hideCb = (e: TransitionEvent) => {\n      if (\n        (e.target === el || e.composedPath().some((el) => el === e.target)) &&\n        (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))\n      ) {\n        el.style.display = 'none';\n        el.dataset.displayTransition = 'false';\n        resolve('hidden');\n        el.removeEventListener('transitionend', hideCb);\n      }\n    };\n\n    if (opts.show) {\n      el.addEventListener('transitionend', showCb);\n      el.style.display = opts.showDisplay;\n      el.dataset.displayTransition = 'true';\n      // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n      el.clientWidth; // force reflow\n      setTimeout(() => el.classList.add(opts.className), 50);\n    } else {\n      el.addEventListener('transitionend', hideCb);\n      el.classList.remove(opts.className);\n    }\n  });\n};\n"],"version":3}

package/dist/generators/custom-element-doc-generator.js

@@ -1,75 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-/**
- * Stencil Doc Outputs don't seem to support custom-elements.json as suggested
- * here: https://github.com/w3c/webcomponents/issues/776#issuecomment-536749457.
- * This generator implements this standard, which is used by Storybook to display
- * documentation.
- */
-export async function generateJsonDocs(config, compilerCtx, _buildCtx, docsData) {
-    const jsonOutputTargets = config.outputTargets.filter(isOutputTargetCustomElementDocsJson);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { components, ...docsDataWithoutComponents } = docsData;
-    const json = {
-        ...docsDataWithoutComponents,
-        tags: docsData.components.map((component) => ({
-            name: component.tag,
-            path: component.filePath,
-            description: component.docs,
-            attributes: component.props
-                .filter((prop) => prop.attr)
-                .map((prop) => ({
-                name: prop.attr,
-                type: prop.type,
-                description: prop.docs,
-                default: prop.default,
-                required: prop.required
-            })),
-            properties: component.props
-                .filter((prop) => !prop.attr)
-                .map((prop) => ({
-                name: prop.name,
-                type: prop.type,
-                description: prop.docs,
-                defaultValue: prop.default,
-                required: prop.required,
-            })),
-            events: component.events.map((event) => ({
-                name: event.event,
-                description: event.docs,
-            })),
-            methods: component.methods.map((method) => ({
-                name: method.name,
-                description: method.docs + ' \
-        `' + method.signature + '`',
-                signature: method.signature,
-            })),
-            slots: component.slots.map((slot) => ({
-                name: slot.name,
-                description: slot.docs,
-            })),
-            cssProperties: component.styles
-                .filter((style) => style.annotation === 'prop')
-                .map((style) => ({
-                name: style.name,
-                description: style.docs,
-            })),
-            cssParts: component.parts.map((part) => ({
-                name: part.name,
-                description: part.docs,
-            }))
-        }))
-    };
-    const jsonContent = JSON.stringify(json, null, 2);
-    await Promise.all(jsonOutputTargets.map(() => {
-        return writeDocsOutput(compilerCtx, jsonContent, config.rootDir);
-    }));
-}
-function isOutputTargetCustomElementDocsJson(o) {
-    return o.name === 'custom-element-docs';
-}
-export async function writeDocsOutput(compilerCtx, jsonContent, root) {
-    return compilerCtx.fs.writeFile(`${root}/custom-elements.json`, jsonContent);
-}
-//# sourceMappingURL=custom-element-doc-generator.js.map

package/dist/generators/custom-element-doc-generator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-element-doc-generator.js","sourceRoot":"","sources":["../../generators/custom-element-doc-generator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,MAAM,EACN,WAAW,EACX,SAAS,EACT,QAAQ;IAER,MAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CACnD,mCAAmC,CACpC,CAAC;IACF,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,yBAAyB,EAAE,GAAG,QAAQ,CAAC;IAC9D,MAAM,IAAI,GAAG;QACX,GAAG,yBAAyB;QAC5B,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YAC5C,IAAI,EAAE,SAAS,CAAC,GAAG;YACnB,IAAI,EAAE,SAAS,CAAC,QAAQ;YACxB,WAAW,EAAE,SAAS,CAAC,IAAI;YAE3B,UAAU,EAAE,SAAS,CAAC,KAAK;iBACxB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;iBAC3B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACd,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,IAAI;gBACtB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CACH;YAED,UAAU,EAAE,SAAS,CAAC,KAAK;iBACxB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;iBAC5B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACd,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,IAAI;gBACtB,YAAY,EAAE,IAAI,CAAC,OAAO;gBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CACH;YAED,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,EAAE,KAAK,CAAC,KAAK;gBACjB,WAAW,EAAE,KAAK,CAAC,IAAI;aACxB,CAAC,CAAC;YAEH,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBAC1C,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,WAAW,EAAE,MAAM,CAAC,IAAI,GAAG;UACzB,GAAE,MAAM,CAAC,SAAS,GAAE,GAAG;gBACzB,SAAS,EAAE,MAAM,CAAC,SAAS;aAC5B,CAAC,CAAC;YAEH,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACpC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,IAAI;aACvB,CAAC,CAAC;YAEH,aAAa,EAAE,SAAS,CAAC,MAAM;iBAC5B,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;iBAC9C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACf,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,WAAW,EAAE,KAAK,CAAC,IAAI;aACxB,CAAC,CAAC;YAEL,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,IAAI;aACvB,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClD,MAAM,OAAO,CAAC,GAAG,CACf,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,OAAO,eAAe,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mCAAmC,CAAC,CAAC;IAC5C,OAAO,CAAC,CAAC,IAAI,KAAK,qBAAqB,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,WAAW,EACX,WAAmB,EACnB,IAAY;IAEZ,OAAO,WAAW,CAAC,EAAE,CAAC,SAAS,CAC7B,GAAG,IAAI,uBAAuB,EAC9B,WAAW,CACZ,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Stencil Doc Outputs don't seem to support custom-elements.json as suggested\n * here: https://github.com/w3c/webcomponents/issues/776#issuecomment-536749457.\n * This generator implements this standard, which is used by Storybook to display\n * documentation.\n */\nexport async function generateJsonDocs(\n  config,\n  compilerCtx,\n  _buildCtx,\n  docsData\n) {\n  const jsonOutputTargets = config.outputTargets.filter(\n    isOutputTargetCustomElementDocsJson\n  );\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { components, ...docsDataWithoutComponents } = docsData;\n  const json = {\n    ...docsDataWithoutComponents,\n    tags: docsData.components.map((component) => ({\n      name: component.tag,\n      path: component.filePath,\n      description: component.docs,\n\n      attributes: component.props\n        .filter((prop) => prop.attr)\n        .map((prop) => ({\n          name: prop.attr,\n          type: prop.type,\n          description: prop.docs,\n          default: prop.default,\n          required: prop.required\n        })\n      ),\n\n      properties: component.props\n        .filter((prop) => !prop.attr)\n        .map((prop) => ({\n          name: prop.name,\n          type: prop.type,\n          description: prop.docs,\n          defaultValue: prop.default,\n          required: prop.required,\n        })\n      ),\n\n      events: component.events.map((event) => ({\n        name: event.event,\n        description: event.docs,\n      })),\n\n      methods: component.methods.map((method) => ({\n        name: method.name,\n        description: method.docs + ' \\\n        `'+ method.signature +'`',\n        signature: method.signature,\n      })),\n\n      slots: component.slots.map((slot) => ({\n        name: slot.name,\n        description: slot.docs,\n      })),\n\n      cssProperties: component.styles\n        .filter((style) => style.annotation === 'prop')\n        .map((style) => ({\n          name: style.name,\n          description: style.docs,\n        })),\n\n      cssParts: component.parts.map((part) => ({\n        name: part.name,\n        description: part.docs,\n      }))\n    }))\n  };\n  const jsonContent = JSON.stringify(json, null, 2);\n  await Promise.all(\n    jsonOutputTargets.map(() => {\n      return writeDocsOutput(compilerCtx, jsonContent, config.rootDir);\n    })\n  );\n}\n\nfunction isOutputTargetCustomElementDocsJson(o) {\n  return o.name === 'custom-element-docs';\n}\n\nexport async function writeDocsOutput(\n  compilerCtx,\n  jsonContent: string,\n  root: string\n) {\n  return compilerCtx.fs.writeFile(\n    `${root}/custom-elements.json`,\n    jsonContent\n  );\n}\n"]}