@nanoporetech-digital/components 6.3.0 → 6.3.1

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const nanoTable_entry = require('./nano-table-9f615d5c.js');
+const nanoTable_entry = require('./nano-table-1bbc9f78.js');
 require('./index-14451c95.js');
 require('./math-a8123703.js');
 require('./throttle-dfa64b9e.js');

package/dist/cjs/{table.worker-6b65a9ea.js → table.worker-f931e341.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const nanoTable_entry = require('./nano-table-9f615d5c.js');
+const nanoTable_entry = require('./nano-table-1bbc9f78.js');
 require('./index-14451c95.js');
 require('./math-a8123703.js');
 require('./throttle-dfa64b9e.js');
@@ -23,4 +23,4 @@ exports.workerMsgId = workerMsgId;
 exports.workerName = workerName;
 exports.workerPath = workerPath;
 
-//# sourceMappingURL=table.worker-6b65a9ea.js.map
+//# sourceMappingURL=table.worker-f931e341.js.map

package/dist/cjs/table.worker-f931e341.js.map

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

package/dist/cjs/{transitions-20fce787.js → transitions-e0a36c1a.js}

@@ -44,7 +44,7 @@ const displayTransition = (el, options) => {
       el.addEventListener('transitionend', showCb);
       el.style.display = opts.showDisplay;
       el.dataset.displayTransition = 'true';
-      requestAnimationFrame(() => el.classList.add(opts.className));
+      setTimeout(() => el.classList.add(opts.className), 50);
     }
     else {
       el.addEventListener('transitionend', hideCb);
@@ -55,4 +55,4 @@ const displayTransition = (el, options) => {
 
 exports.displayTransition = displayTransition;
 
-//# sourceMappingURL=transitions-20fce787.js.map
+//# sourceMappingURL=transitions-e0a36c1a.js.map

package/dist/{nano-components/transitions-bd15e312.js.map → cjs/transitions-e0a36c1a.js.map}

@@ -1 +1 @@
-{"version":3,"names":["displayTransition","el","options","opts","className","show","showDisplay","Promise","resolve","showCb","e","target","composedPath","some","transitionProp","includes","propertyName","removeEventListener","hideCb","style","display","dataset","addEventListener","requestAnimationFrame","classList","add","remove"],"sources":["./src/utils/transitions.ts"],"sourcesContent":["/**\n * Quality of life for transition handling.\n * Adds / removes transitionend events. Resolves on complete\n */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      el.clientWidth; // force reflow\n      requestAnimationFrame(() => el.classList.add(opts.className));\n    } else {\n      el.addEventListener('transitionend', hideCb);\n      el.classList.remove(opts.className);\n    }\n  });\n};\n"],"mappings":";;;MA0BaA,EAAoB,CAC/BC,EACAC,KAOA,MAAMC,EAAO,CACXC,UAAW,GACXC,KAAM,KACNC,YAAa,WACVJ,GAGL,OAAO,IAAIK,SAASC,IAClB,MAAMC,EAAUC,IACd,IACGA,EAAEC,SAAWV,GAAMS,EAAEE,eAAeC,MAAMZ,GAAOA,IAAOS,EAAEC,aACzDR,EAAKW,gBAAkBX,EAAKW,eAAeC,SAASL,EAAEM,eACxD,CACAR,EAAQ,SACRP,EAAGgB,oBAAoB,gBAAiBR,E,GAI5C,MAAMS,EAAUR,IACd,IACGA,EAAEC,SAAWV,GAAMS,EAAEE,eAAeC,MAAMZ,GAAOA,IAAOS,EAAEC,aACzDR,EAAKW,gBAAkBX,EAAKW,eAAeC,SAASL,EAAEM,eACxD,CACAf,EAAGkB,MAAMC,QAAU,OACnBnB,EAAGoB,QAAQrB,kBAAoB,QAC/BQ,EAAQ,UACRP,EAAGgB,oBAAoB,gBAAiBC,E,GAI5C,GAAIf,EAAKE,KAAM,CACbJ,EAAGqB,iBAAiB,gBAAiBb,GACrCR,EAAGkB,MAAMC,QAAUjB,EAAKG,YACxBL,EAAGoB,QAAQrB,kBAAoB,OAE/BuB,uBAAsB,IAAMtB,EAAGuB,UAAUC,IAAItB,EAAKC,Y,KAC7C,CACLH,EAAGqB,iBAAiB,gBAAiBJ,GACrCjB,EAAGuB,UAAUE,OAAOvB,EAAKC,U,IAE3B,S"}
+{"file":"transitions-e0a36c1a.js","mappings":";;;;;AAAA;;;;AAiBA;;;;;;;;;MASa,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC;EAED,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,OAAO;IACpB,GAAG,OAAO;GACX,CAAC;EAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO;IACzB,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;MACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;MAEtC,UAAU,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;KACxD;SAAM;MACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACrC;GACF,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 */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      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/collection/utils/transitions.js

@@ -53,7 +53,7 @@ export const displayTransition = (el, options) => {
       el.style.display = opts.showDisplay;
       el.dataset.displayTransition = 'true';
       el.clientWidth; // force reflow
-      requestAnimationFrame(() => el.classList.add(opts.className));
+      setTimeout(() => el.classList.add(opts.className), 50);
     }
     else {
       el.addEventListener('transitionend', hideCb);

package/dist/collection/utils/transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../src/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,EAAe,EACc,EAAE;EAC/B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE;MACpB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;MAClD,OAAO,CAAC;IACV,CAAC,CAAC;IACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC/C,KAAK;EACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC,EAC4B,EAAE;EAC/B,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,OAAO;IACpB,GAAG,OAAO;GACX,CAAC;EAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC7B,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAE,EAAE;MACpC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAE,EAAE;MACpC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;IACH,CAAC,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;MACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;MACtC,EAAE,CAAC,WAAW,CAAC,CAAC,eAAe;MAC/B,qBAAqB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;KAC/D;SAAM;MACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACrC;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/**\n * Quality of life for transition handling.\n * Adds / removes transitionend events. Resolves on complete\n */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      el.clientWidth; // force reflow\n      requestAnimationFrame(() => el.classList.add(opts.className));\n    } else {\n      el.addEventListener('transitionend', hideCb);\n      el.classList.remove(opts.className);\n    }\n  });\n};\n"]}
+{"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../src/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,EAAe,EACc,EAAE;EAC/B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE;MACpB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;MAClD,OAAO,CAAC;IACV,CAAC,CAAC;IACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC/C,KAAK;EACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC,EAC4B,EAAE;EAC/B,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,OAAO;IACpB,GAAG,OAAO;GACX,CAAC;EAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC7B,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAE,EAAE;MACpC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAE,EAAE;MACpC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;IACH,CAAC,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;MACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;MACtC,EAAE,CAAC,WAAW,CAAC,CAAC,eAAe;MAC/B,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;KACxD;SAAM;MACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACrC;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/**\n * Quality of life for transition handling.\n * Adds / removes transitionend events. Resolves on complete\n */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      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"]}

package/dist/components/transitions.js

@@ -42,7 +42,7 @@ const displayTransition = (el, options) => {
       el.addEventListener('transitionend', showCb);
       el.style.display = opts.showDisplay;
       el.dataset.displayTransition = 'true';
-      requestAnimationFrame(() => el.classList.add(opts.className));
+      setTimeout(() => el.classList.add(opts.className), 50);
     }
     else {
       el.addEventListener('transitionend', hideCb);

package/dist/components/transitions.js.map

@@ -1 +1 @@
-{"file":"transitions.js","mappings":";;;AAAA;;;;AAiBA;;;;;;;;;MASa,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC;EAED,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,OAAO;IACpB,GAAG,OAAO;GACX,CAAC;EAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO;IACzB,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;MACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;MAEtC,qBAAqB,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;KAC/D;SAAM;MACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACrC;GACF,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 */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      el.clientWidth; // force reflow\n      requestAnimationFrame(() => el.classList.add(opts.className));\n    } else {\n      el.addEventListener('transitionend', hideCb);\n      el.classList.remove(opts.className);\n    }\n  });\n};\n"],"version":3}
+{"file":"transitions.js","mappings":";;;AAAA;;;;AAiBA;;;;;;;;;MASa,iBAAiB,GAAG,CAC/B,EAAe,EACf,OAKC;EAED,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,OAAO;IACpB,GAAG,OAAO;GACX,CAAC;EAEF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO;IACzB,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB;MAChC,IACE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC;SACjE,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EACtE;QACA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,OAAO,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;OACjD;KACF,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;MACpC,EAAE,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;MAEtC,UAAU,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;KACxD;SAAM;MACL,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAC7C,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACrC;GACF,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 */\nexport const transitionDone = (\n  el: HTMLElement\n): Promise<'shown' | 'hidden'> => {\n  return new Promise((resolve) => {\n    const callback = () => {\n      el.removeEventListener('transitionend', callback);\n      resolve;\n    };\n    el.addEventListener('transitionend', callback);\n    // ??\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 * @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      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/esm/nano-details.entry.js

@@ -2,7 +2,7 @@
  * Web Components for Nanopore digital Web Apps
  */
 import { r as registerInstance, c as createEvent, B as Build, h, g as getElement } from './index-9695db0a.js';
-import { d as displayTransition } from './transitions-bd15e312.js';
+import { d as displayTransition } from './transitions-5aecdeeb.js';
 
 const detailsCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;--padding:1em;--btn-padding:var(--padding);--content-padding:var(--padding);--btn-bg-color:var(--nano-color-contrast, #dad6d3);--btn-bg-color--open:var(--nano-color-base, #dad6d3);--btn-bg-color--hover:var(--nano-color-tint, #f9f9fb);--btn-text-color:var(--nano-color-base, #455556);--btn-text-color--open:var(--nano-color-contrast, var(--btn-text-color));--btn-text-color--hover:var(--nano-color-contrast, var(--btn-text-color));--transition-duration:0.2s;--border-width:none;--border-color:none;--border-style:none;--border-radius:none;--box-shadow:none;--focus-style:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:block;border-style:var(--border-style);border-width:var(--border-width-dims);border-color:var(--border-color);border-radius:var(--border-radius-dims);box-shadow:var(--box-shadow)}:host([disabled]){opacity:0.5}:host(:last-of-type){--border-width-dims:0 var(--border-width) var(--border-width);--border-radius-dims:0 0 var(--border-radius) var(--border-radius)}:host(:last-of-type) .open .content{border-radius:0 0 var(--border-radius) var(--border-radius)}:host(:first-of-type){--border-radius-dims:var(--border-radius) var(--border-radius) 0 0;--border-width-dims:var(--border-width)}:host(:first-of-type:last-of-type){--border-radius-dims:var(--border-radius);--border-width-dims:var(--border-width)}:host(:not(:last-of-type):not(:first-of-type)){--border-width-dims:0 var(--border-width) var(--border-width)}.header{block-size:auto;padding:var(--btn-padding);text-align:inherit;position:relative;font-size:1em;line-height:1;margin:0;transition:0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;display:flex;align-items:center;background:var(--btn-bg-color);color:var(--btn-text-color);border-radius:var(--border-radius-dims);cursor:pointer}.header::-webkit-details-marker{display:none}.header:focus{outline:none}.header:focus-visible{box-shadow:var(--focus-style);outline:none;position:relative;z-index:1}.header:hover{background:var(--btn-bg-color--hover);color:var(--btn-text-color--hover)}.open .header{background:var(--btn-bg-color--open);color:var(--btn-text-color--open);border-end-end-radius:0;border-end-start-radius:0}.disabled .header{cursor:not-allowed}.header .label{inline-size:100%;max-inline-size:100%;max-block-size:100%;flex:1;display:inline-block}.header .icon{line-height:0;flex-direction:column;justify-content:center;display:inline-block;color:currentcolor;transition:0.3s ease transform;transform-origin:center}.header .icon--start{margin-inline:0 var(--btn-padding);margin-block:0}.header .icon--end{margin-inline:var(--btn-padding) 0;margin-block:0}.header .icon ::slotted(nano-icon){--color:currentcolor}.body{overflow:hidden;transition:height var(--transition-duration, 0.3s) ease-out, 0.2s ease border-radius;outline:none}.is-hidden .body>*{animation:fade 0.1s ease reverse}.open .body>*{animation:fade var(--transition-duration, 0.3s) ease forwards}.content{padding:var(--content-padding)}@keyframes fade{from{opacity:0}to{opacity:1}}";
 

package/dist/esm/nano-global-nav-user-profile_3.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, h, i as getAssetPath, c as createEvent, a as Host, g as getElement } from './index-9695db0a.js';
 import { b as getSiblings, g as getDirectChildren, c as closestElement } from './dom-8599fac1.js';
-import { d as displayTransition } from './transitions-bd15e312.js';
+import { d as displayTransition } from './transitions-5aecdeeb.js';
 import { g as getTabbableElements } from './tabbable-26a66a22.js';
 import { g as getActiveElement } from './active-element-75b7c8a0.js';
 import { c as createColorClasses } from './theme-931bd452.js';

package/dist/esm/nano-global-nav.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, d as readTask, w as writeTask,
 import { a as algoliasearch } from './algoliasearch-lite.esm.browser-d71a28dc.js';
 import { C as ComponentStore } from './component-store-486d9d7a.js';
 import { d as debounce } from './throttle-ac4fcefa.js';
-import { d as displayTransition } from './transitions-bd15e312.js';
+import { d as displayTransition } from './transitions-5aecdeeb.js';
 import { s as searchInsight } from './search-insights-f64a6b4c.js';
 
 async function clientFetch(url, { body, ...customConfig } = {}) {

package/dist/esm/nano-tab-group.entry.js

@@ -6,7 +6,7 @@ import { g as getDirectChildren, a as getOffset } from './dom-8599fac1.js';
 import { s as scrollIntoView } from './scroll-762b3e1a.js';
 import { C as ComponentStore } from './component-store-486d9d7a.js';
 import { c as createColorClasses } from './theme-931bd452.js';
-import { d as displayTransition } from './transitions-bd15e312.js';
+import { d as displayTransition } from './transitions-5aecdeeb.js';
 import './throttle-ac4fcefa.js';
 
 const tabGroupCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--indicator-transition:var(--nano-transition-fast, 0.3s);--indicator-color:#90c6e7;--indicator-track-color:#e4e6e8;--indicator-size:0;--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--background-rgb:var(--nano-layer-bg-rgb, 255 255 255);--scroll-btn-color:\"currentColor\";--content-padding:2rem 2.5rem;--content-bg:rgb(var(--background-rgb));--content-border-radius:var(--border-radius);--tabs-padding-start:2.5rem;--tabs-padding-end:2.5rem;--tabs-padding-top:0;--tabs-padding-bottom:0;--tabs-container-bg:\"transparent\";--tabs-bg-rgb:var(--background-rgb);--tab-border-radius:var(--border-radius) var(--border-radius) 0 0;--tab-text-color:#007495;--shadow-opacity:0.1;--fade-transparency:0;display:block;position:relative;z-index:var(--nano-layer-index-raised, 5)}@media only screen and (max-width: 768px){:host{--tabs-padding-start:1.5rem;--tabs-padding-end:1.5rem}}:host ::slotted(nano-tab){--tab-indicator-color:var(--indicator-color);--bg-rgb:var(--tabs-bg-rgb);--border-radius:var(--tab-border-radius);--grab-offset-x:var(--tabs-padding-start)}:host([placement=start]){--content-border-radius:0 var(--border-radius) var(--border-radius) 0;--content-padding:1rem;--tab-border-radius:0;--tabs-padding-start:0;--tabs-padding-end:0;--tabs-padding-top:0;--tabs-padding-bottom:0;--tab-text-color:#455556;--indicator-color:#007495;--indicator-size:2px}:host(.nano-color){--indicator-color:var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--tab-text-color:rgb(var(--nano-color-base-rgb) / 70%)}:host(.nano-color) ::slotted(nano-tab){--active-text-color:var(--nano-color-shade, var(--nano-color-primary-shade, #00637f))}.nano-tab-group{display:flex;border-radius:0;inline-size:100%;flex:inherit}.nano-tab-group__tabs{display:flex;position:relative;inline-size:100%}.nano-tab-group__active-tab-indicator{position:absolute;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease}.nano-tab-group__body{background:var(--content-bg)}.nano-tab-group .nano-tab-group__nav-container{position:relative;display:flex;background:var(--tabs-container-bg)}.nano-tab-group button{-webkit-appearance:none;appearance:none;background-color:transparent}.nano-tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;border:unset;z-index:2;transition:var(--nano-transition-fast, 0.3s) ease opacity;opacity:0;color:var(--scroll-btn-color)}.nano-tab-group__scroll-button:focus{outline:none}.nano-tab-group__scroll-button.is-shown{opacity:1}.nano-tab-group__scroll-button:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))) inset}.nano-tab-group__scroll-button--left{inset-inline-start:0}.nano-tab-group__scroll-button--right{inset-inline-end:0}.nano-tab-group__scroll-button nano-icon{font-size:16px}.nano-tab-group--top{flex-direction:column}.nano-tab-group--top .nano-tab-group__nav-container::after{content:\"\";inline-size:86%;box-shadow:0 10px 40px 10px rgb(0 0 0/var(--shadow-opacity));block-size:10px;position:absolute;inset-inline-start:7%;inset-block-end:-10px;border-radius:10px;z-index:-1}.nano-tab-group--top .nano-tab-group__nav{scrollbar-width:none;-ms-overflow-style:none;padding-inline:var(--tabs-padding-start) var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);display:flex;overflow:auto hidden;transition:var(--nano-transition-medium, 0.5s) ease;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 4);mask-size:calc(100% + var(--tabs-padding-end) * 4);-webkit-mask-position:calc(var(--tabs-padding-end) * -2);mask-position:calc(var(--tabs-padding-end) * -2)}.nano-tab-group--top .nano-tab-group__nav::-webkit-scrollbar{inline-size:0;block-size:0}.nano-tab-group--top .nano-tab-group__nav::after{content:\" \";padding-inline:0 var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);line-height:1;flex:0 0 auto}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left .nano-tab-group__nav{-webkit-mask-position:0;mask-position:0;-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 2);mask-size:calc(100% + var(--tabs-padding-end) * 2)}.nano-tab-group--top.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-position:calc(var(--tabs-padding-end) * -1);mask-position:calc(var(--tabs-padding-end) * -1);-webkit-mask-size:calc(100% + var(--tabs-padding-end));mask-size:calc(100% + var(--tabs-padding-end))}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:0;mask-position:0}.nano-tab-group--top .nano-tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;text-align:center;color:var(--tab-text-color);inline-size:auto}.nano-tab-group--top .nano-tab-group__active-tab-indicator{inset-block-end:-2px;border-block-end:solid var(--indicator-size) var(--indicator-color)}.nano-tab-group--top .nano-tab-group__body{order:2;background:var(--content-bg);position:relative;overflow:hidden;inline-size:auto;display:flex;justify-content:center;padding:var(--content-padding);border-radius:var(--content-border-radius);flex:1 1 auto}.nano-tab-group--start{flex-direction:row}.nano-tab-group--start .nano-tab-group__tabs{flex:0 0 auto;flex-direction:column;color:var(--tab-text-color);background:rgb(var(--tabs-bg-rgb));border-inline-start:solid var(--indicator-size) var(--indicator-track-color);text-align:start}.nano-tab-group--start .nano-tab-group__active-tab-indicator{inset-inline-start:-2px;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.nano-tab-group--start .nano-tab-group__body{flex:1 1 auto;order:2;padding:var(--content-padding);overflow:hidden;border-radius:var(--content-border-radius)}";

package/dist/esm/{nano-table-66bee831.js → nano-table-b77e6c16.js}

@@ -111,7 +111,7 @@ const createWorkerProxy = (worker, workerMsgId, exportedMethod) => (
   })
 );
 
-const workerPromise = import('./table.worker-936e6d51.js').then(m => m.worker);
+const workerPromise = import('./table.worker-d3029079.js').then(m => m.worker);
 const createWorkerStore = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'createWorkerStore');
 const syncConfigToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncConfigToWorker');
 const syncDataToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncDataToWorker');
@@ -1781,4 +1781,4 @@ Table.style = tableCss;
 
 export { Table as T, createWorker as c };
 
-//# sourceMappingURL=nano-table-66bee831.js.map
+//# sourceMappingURL=nano-table-b77e6c16.js.map