@nanoporetech-digital/components 8.1.1 → 8.2.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 (143) hide show
  1. package/dist/cjs/{fade-DiBAr_-0.js → fade-Cvsqaxtn.js} +1 -1
  2. package/dist/cjs/{fullscreen-DiSrws4D.js → fullscreen-BtSF9KqT.js} +1 -1
  3. package/dist/cjs/index-Bp8uD6Gl.js +4 -0
  4. package/dist/cjs/{lazyload-CilBX2zO.js → lazyload-DxM1Zo3E.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/nano-avatar_5.cjs.entry.js +7 -7
  7. package/dist/cjs/nano-components.cjs.js +1 -1
  8. package/dist/cjs/nano-date-picker_2.cjs.entry.js +29 -26
  9. package/dist/cjs/nano-icon_3.cjs.entry.js +3 -3
  10. package/dist/cjs/nano-in-page-nav.cjs.entry.js +1 -1
  11. package/dist/cjs/nano-increment.cjs.entry.js +81 -0
  12. package/dist/cjs/nano-intersection-observe.cjs.entry.js +1 -1
  13. package/dist/cjs/nano-masked-overflow.cjs.entry.js +3 -3
  14. package/dist/cjs/nano-menu-drawer.cjs.entry.js +2 -2
  15. package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
  16. package/dist/cjs/nano-rating.cjs.entry.js +4 -4
  17. package/dist/cjs/nano-resize-observe.cjs.entry.js +2 -2
  18. package/dist/cjs/nano-slide.cjs.entry.js +1 -1
  19. package/dist/cjs/{nano-slides-CFlLOF1V.js → nano-slides-DLbZhf2H.js} +7 -7
  20. package/dist/cjs/nano-slides.cjs.entry.js +1 -1
  21. package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
  22. package/dist/cjs/nano-sticker.cjs.entry.js +2 -2
  23. package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
  24. package/dist/cjs/nano-tab.cjs.entry.js +2 -2
  25. package/dist/cjs/nano-table.cjs.entry.js +2 -2
  26. package/dist/cjs/{page-dots-B69b5Pqb.js → page-dots-DpnNe0bi.js} +1 -1
  27. package/dist/collection/collection-manifest.json +1 -0
  28. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  29. package/dist/collection/components/icon-button/icon-button.css +1 -1
  30. package/dist/collection/components/in-page-nav/in-page-nav.js +2 -2
  31. package/dist/collection/components/increment/increment.css +102 -0
  32. package/dist/collection/components/increment/increment.js +97 -0
  33. package/dist/collection/components/input/input.js +30 -27
  34. package/dist/collection/components/intersection-observe/intersection-observe.js +1 -1
  35. package/dist/collection/components/masked-overflow/masked-overflow.js +3 -3
  36. package/dist/collection/components/menu-drawer/menu-drawer.js +2 -2
  37. package/dist/collection/components/more-less/more-less.js +2 -2
  38. package/dist/collection/components/rating/rating.js +4 -4
  39. package/dist/collection/components/resize-observe/resize-observe.js +2 -2
  40. package/dist/collection/components/select/select.js +7 -7
  41. package/dist/collection/components/slides/slide.js +1 -1
  42. package/dist/collection/components/slides/slides.js +3 -3
  43. package/dist/collection/components/sortable/sortable.js +1 -1
  44. package/dist/collection/components/sticker/sticker.js +2 -2
  45. package/dist/collection/components/table/table.js +2 -2
  46. package/dist/collection/components/tabs/tab-content.js +2 -2
  47. package/dist/collection/components/tabs/tab.js +2 -2
  48. package/dist/collection/components/tooltip/tooltip.js +2 -2
  49. package/dist/components/icon-button.js +1 -1
  50. package/dist/components/input.js +39 -36
  51. package/dist/components/masked-overflow.js +3 -3
  52. package/dist/components/nano-in-page-nav.js +1 -1
  53. package/dist/components/nano-increment.d.ts +11 -0
  54. package/dist/components/nano-increment.js +119 -0
  55. package/dist/components/nano-intersection-observe.js +1 -1
  56. package/dist/components/nano-menu-drawer.js +2 -2
  57. package/dist/components/nano-more-less.js +2 -2
  58. package/dist/components/nano-rating.js +4 -4
  59. package/dist/components/nano-slide.js +1 -1
  60. package/dist/components/nano-sortable.js +1 -1
  61. package/dist/components/nano-tab-content.js +2 -2
  62. package/dist/components/nano-tab.js +2 -2
  63. package/dist/components/nano-table.js +2 -2
  64. package/dist/components/resize-observe.js +2 -2
  65. package/dist/components/select.js +7 -7
  66. package/dist/components/slides.js +3 -3
  67. package/dist/components/sticker.js +2 -2
  68. package/dist/components/tooltip.js +2 -2
  69. package/dist/esm/{fade-CJJNY8cW.js → fade-M1mjf4zm.js} +1 -1
  70. package/dist/esm/{fullscreen-kmgJDkI-.js → fullscreen-BJlrN4_5.js} +1 -1
  71. package/dist/esm/index-DgO0qeQ9.js +4 -0
  72. package/dist/esm/{lazyload-DqTFDE4y.js → lazyload-B6FI3nbb.js} +1 -1
  73. package/dist/esm/loader.js +1 -1
  74. package/dist/esm/nano-avatar_5.entry.js +7 -7
  75. package/dist/esm/nano-components.js +1 -1
  76. package/dist/esm/nano-date-picker_2.entry.js +29 -26
  77. package/dist/esm/nano-icon_3.entry.js +3 -3
  78. package/dist/esm/nano-in-page-nav.entry.js +1 -1
  79. package/dist/esm/nano-increment.entry.js +79 -0
  80. package/dist/esm/nano-intersection-observe.entry.js +1 -1
  81. package/dist/esm/nano-masked-overflow.entry.js +3 -3
  82. package/dist/esm/nano-menu-drawer.entry.js +2 -2
  83. package/dist/esm/nano-more-less.entry.js +2 -2
  84. package/dist/esm/nano-rating.entry.js +4 -4
  85. package/dist/esm/nano-resize-observe.entry.js +2 -2
  86. package/dist/esm/nano-slide.entry.js +1 -1
  87. package/dist/esm/{nano-slides-Bdq8L4lE.js → nano-slides-CI0F1FDY.js} +7 -7
  88. package/dist/esm/nano-slides.entry.js +1 -1
  89. package/dist/esm/nano-sortable.entry.js +1 -1
  90. package/dist/esm/nano-sticker.entry.js +2 -2
  91. package/dist/esm/nano-tab-content.entry.js +2 -2
  92. package/dist/esm/nano-tab.entry.js +2 -2
  93. package/dist/esm/nano-table.entry.js +2 -2
  94. package/dist/esm/{page-dots-BBtKwJtf.js → page-dots-BsFo0sLb.js} +1 -1
  95. package/dist/nano-components/{fade-CJJNY8cW.js → fade-M1mjf4zm.js} +1 -1
  96. package/dist/nano-components/{fullscreen-kmgJDkI-.js → fullscreen-BJlrN4_5.js} +1 -1
  97. package/dist/nano-components/{lazyload-DqTFDE4y.js → lazyload-B6FI3nbb.js} +1 -1
  98. package/dist/nano-components/nano-avatar_5.entry.js +1 -1
  99. package/dist/nano-components/nano-components.css +43 -0
  100. package/dist/nano-components/nano-components.esm.js +1 -1
  101. package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
  102. package/dist/nano-components/nano-icon_3.entry.js +1 -1
  103. package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
  104. package/dist/nano-components/nano-increment.entry.js +4 -0
  105. package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
  106. package/dist/nano-components/nano-masked-overflow.entry.js +1 -1
  107. package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
  108. package/dist/nano-components/nano-more-less.entry.js +1 -1
  109. package/dist/nano-components/nano-rating.entry.js +1 -1
  110. package/dist/nano-components/nano-resize-observe.entry.js +1 -1
  111. package/dist/nano-components/nano-slide.entry.js +1 -1
  112. package/dist/nano-components/{nano-slides-Bdq8L4lE.js → nano-slides-CI0F1FDY.js} +2 -2
  113. package/dist/nano-components/nano-slides.entry.js +1 -1
  114. package/dist/nano-components/nano-sortable.entry.js +1 -1
  115. package/dist/nano-components/nano-sticker.entry.js +1 -1
  116. package/dist/nano-components/nano-tab-content.entry.js +1 -1
  117. package/dist/nano-components/nano-tab.entry.js +1 -1
  118. package/dist/nano-components/nano-table.entry.js +1 -1
  119. package/dist/nano-components/{page-dots-BBtKwJtf.js → page-dots-BsFo0sLb.js} +1 -1
  120. package/dist/style/components.css +1 -1
  121. package/dist/style/components.css.map +1 -1
  122. package/dist/style/nano.css +1 -1
  123. package/dist/style/nano.css.map +1 -1
  124. package/dist/types/components/in-page-nav/in-page-nav.d.ts +1 -1
  125. package/dist/types/components/increment/increment.d.ts +19 -0
  126. package/dist/types/components/input/input.d.ts +6 -2
  127. package/dist/types/components.d.ts +33 -4
  128. package/dist/wdio.conf.js +2 -2
  129. package/docs-json.json +46 -4
  130. package/docs-vscode.json +10 -2
  131. package/hydrate/index.js +157 -65
  132. package/hydrate/index.mjs +157 -65
  133. package/package.json +2 -2
  134. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
  135. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
  136. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
  137. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
  138. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
  139. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
  140. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
  141. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
  142. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
  143. /package/dist/types/builds/{W1hp42tj → bsFinusk}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
@@ -226,13 +226,13 @@ const ResizeObserve = class {
226
226
  }
227
227
  }
228
228
  render() {
229
- return (h(Host, { key: '3d3afb6885d3e2bdee26996015b6e4408d6a931d', class: {
229
+ return (h(Host, { key: 'e5019ccd47c55fddcffd4fa5ff151b0d1db5465f', class: {
230
230
  'nano-resize-observe': true,
231
231
  'content-fit-x': this.contentFitX,
232
232
  'content-fit-y': this.contentFitY,
233
233
  'content-nofit-x': this.contentFitX === false,
234
234
  'content-nofit-y': this.contentFitY === false,
235
- } }, h("slot", { key: 'd533dbc3a6430c448cda437e9915d4f3f5f52e04' }), !!this.notifyContentFit &&
235
+ } }, h("slot", { key: '6117c97943bf1ca7368946dd17e356e2d866bbf3' }), !!this.notifyContentFit &&
236
236
  (this.contentFitX !== null || this.contentFitY !== null) && [
237
237
  this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
238
238
  this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
@@ -37,7 +37,7 @@ const Slide = class {
37
37
  });
38
38
  }
39
39
  render() {
40
- return (h(Host, { key: '54fe9d796bb457a050087ad602879c6116ce225a', class: "nano-slide" }, h("slot", { key: '7bc3202fff0b3efc75d4adf701e1f363130dd971' })));
40
+ return (h(Host, { key: 'a426e75ad5b607ac12e53db8183e08f89a10057a', class: "nano-slide" }, h("slot", { key: '792f06fe463ae49d981d7beceb68e4b7b49beff3' })));
41
41
  }
42
42
  static get watchers() { return {
43
43
  "ready": ["readyChange"]
@@ -2811,19 +2811,19 @@ const Slides = class {
2811
2811
  }
2812
2812
  async loadFlickityModules(opts) {
2813
2813
  if (!this.hasFullScreenModule && opts.fullscreen) {
2814
- await import('./fullscreen-kmgJDkI-.js');
2814
+ await import('./fullscreen-BJlrN4_5.js');
2815
2815
  this.hasFullScreenModule = true;
2816
2816
  }
2817
2817
  if (!this.hasLazyLoadModule && opts.lazyLoad) {
2818
- await import('./lazyload-DqTFDE4y.js');
2818
+ await import('./lazyload-B6FI3nbb.js');
2819
2819
  this.hasLazyLoadModule = true;
2820
2820
  }
2821
2821
  if (!this.hasDotsModule && opts.pageDots) {
2822
- await import('./page-dots-BBtKwJtf.js');
2822
+ await import('./page-dots-BsFo0sLb.js');
2823
2823
  this.hasDotsModule = true;
2824
2824
  }
2825
2825
  if (!this.hasFadeModule && opts.fade) {
2826
- await import('./fade-CJJNY8cW.js');
2826
+ await import('./fade-M1mjf4zm.js');
2827
2827
  this.hasFadeModule = true;
2828
2828
  }
2829
2829
  }
@@ -2958,15 +2958,15 @@ const Slides = class {
2958
2958
  this.destroyflickity();
2959
2959
  }
2960
2960
  render() {
2961
- return (h(Host, { key: '0297815f676db2dda4a5b34503b8c9e03f15bd0f', class: "nano-slides" }, h("div", { key: '4114c7d5a26842d16bacd796b0de70d140714fd3', class: {
2961
+ return (h(Host, { key: '25fe656149129885383046b7f2cb81ecc965db13', class: "nano-slides" }, h("div", { key: '84d9f878b91454a12311ffc5203d49a243fb9c66', class: {
2962
2962
  slideshow: true,
2963
2963
  ready: this.ready,
2964
2964
  'not-ready': !this.ready,
2965
- }, part: "base" }, h("div", { key: '95096cfa135af378b5f4c31fd9ec8cbe5e7aede0', ref: (div) => (this.flickityEl = div), class: {
2965
+ }, part: "base" }, h("div", { key: 'b975dcadc6d7b7b5b7e915980527eba3bf740165', ref: (div) => (this.flickityEl = div), class: {
2966
2966
  'flickity-container': true,
2967
2967
  'slides-ready': this.slidesReady,
2968
2968
  'slides-not-ready': !this.slidesReady,
2969
- }, part: "slide-container" }, h("slot", { key: '181c12844448bf759247f57efebf87b86a771cfc' })), h("div", { key: '7b74a7a2c10e848f9aadf8d392ebe6ec7a408d63', class: "ui-extras" }, h("slot", { key: '3eaec1388b57df6609891e4e1817b93e44747ed3', name: "ui" })))));
2969
+ }, part: "slide-container" }, h("slot", { key: 'a9b13e8e0c8808617c694953e3fef74a57d719a8' })), h("div", { key: '9caacd27973cc67740145365ab7a10c75ab44219', class: "ui-extras" }, h("slot", { key: 'ad80afb5ddbcc54b10310a4e115403fee8dda215', name: "ui" })))));
2970
2970
  }
2971
2971
  static get watchers() { return {
2972
2972
  "options": ["optionsChanged"],
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- export { S as nano_slides } from './nano-slides-Bdq8L4lE.js';
4
+ export { S as nano_slides } from './nano-slides-CI0F1FDY.js';
5
5
  import './index-DgO0qeQ9.js';
6
6
  import './renderer-T8etwwhk.js';
@@ -726,7 +726,7 @@ const Sortable = class {
726
726
  }
727
727
  }
728
728
  render() {
729
- return (h(Host, { key: 'afd9f0d80c702f205fcf981c0f5ecd0006ff36f6', class: "nano-sortable" }, h("div", { key: '99b144761c9d9b566fa8968057b34d288729118d', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: 'f1921453fbb7744eebcb74dbd652e4e62da17aba' })));
729
+ return (h(Host, { key: 'd6d4f0ad6adf2a3f5e1d36b757e116b58e5b55b4', class: "nano-sortable" }, h("div", { key: 'd2cfcad28acfb052acbc6093dddfc247f5369bcf', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '079bc29ba8c2f26163b7e3a23f0107f78db7b3fb' })));
730
730
  }
731
731
  static get watchers() { return {
732
732
  "itemSelector": ["handleItemSelectorChange"],
@@ -605,12 +605,12 @@ const Sticker = class {
605
605
  this.hasBootstrapped = false;
606
606
  }
607
607
  render() {
608
- return (h(Host, { key: '2cc2e4ad16ecefda7d16772d763597864dabc908', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '842f2d7b6d92e787e4d45410f558b4c796ed7b33', class: {
608
+ return (h(Host, { key: 'f087d54cf3135fa7ba3d089f112157797efedaf2', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'db32b41390349cec6975dfad25b6b99ddadf5758', class: {
609
609
  sticker: true,
610
610
  sticky: this.isRootSticker && this.isSticky,
611
611
  stuck: this.isStuck && this.isRootSticker && this.isSticky,
612
612
  hide: this.isRootSticker && this.hide && this.isStuck,
613
- }, ref: (div) => (this.sticker = div) }, h("div", { key: '6c49c84e46b3fdd4de9d543057c3ff4e1f8182f4', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: 'd0c2d4c9bbc58084c2f4783fcc1bbae44da62c7e' })))));
613
+ }, ref: (div) => (this.sticker = div) }, h("div", { key: 'b1e54c375552b7460fb6991f1c476bf9f73c997f', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: 'a2ee69ba9e39d796d832340777f61deb21c2f5d1' })))));
614
614
  }
615
615
  static get watchers() { return {
616
616
  "trigger": ["updateTriggerOffset"],
@@ -22,10 +22,10 @@ const NanoTabContent = class {
22
22
  requestAnimationFrame(() => (this.ready = true));
23
23
  }
24
24
  render() {
25
- return (h(Host, { key: 'f253c45230dccc1f8c1cd05e300db935380b0845', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
25
+ return (h(Host, { key: 'f182a99dab031220a40b2c5125d3229b8bacca1c', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
26
26
  ready: this.ready,
27
27
  'nano-tab-content': true,
28
- } }, h("div", { key: 'f01e7dc01e79d835af3414ee157dfa1b41675070', part: "base", class: "nano-tab-content" }, h("slot", { key: '3a9ab065ab08e5495f09bae2769f8fba7b0d02e8' }))));
28
+ } }, h("div", { key: '47b383859162b6a64518273a9057464de1d37479', part: "base", class: "nano-tab-content" }, h("slot", { key: '3f908fec081c956f9ffd8d7de5e0f45b5e193a8c' }))));
29
29
  }
30
30
  };
31
31
  NanoTabContent.style = tabContentCss;
@@ -44,12 +44,12 @@ const NanoTab = class {
44
44
  }
45
45
  };
46
46
  render() {
47
- return (h(Host, { key: 'e273e4e931adea13f67b9975d6947e65cf0b2aa8', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h("div", { key: '981d0646a81af06bddfca0c752ef0c29e364b89a', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
47
+ return (h(Host, { key: '7eca94a330509cbd3c6d232444fbcde422b755a6', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h("div", { key: 'fca6ace8b5fc9c0142fcd04d70cb475323d8ef9d', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
48
48
  tab: true,
49
49
  'tab--active': this.active,
50
50
  'tab--disabled': this.disabled,
51
51
  'tab--closable': this.closable,
52
- } }, h("slot", { key: '53d519d25cfe15597d3ad05fb8bad68dc78bd663', name: "start" }), h("div", { key: '7cdf3e37c1631812cabe958eacc4ac70b2d70bcf', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, h("slot", { key: '842a77bb982f418238128d228b822907f69d14e6' })), h("slot", { key: 'c596993b46b6a8b6380608556bf05099ae12c183', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '80149bb54834963ef542f185f3519ef1a8cd0382', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
52
+ } }, h("slot", { key: '3693ff8719b24c34db9018941daab7c840434502', name: "start" }), h("div", { key: 'c792fce22a28175e32f7e0b23a1a62f799016c76', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, h("slot", { key: '76b725cd050993d377bf5c7208ce5b7fdf224136' })), h("slot", { key: 'f7bd50a43bb64b67b2ce181bf9215ada4c0ccd12', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '96f6bddd3dee12d2e8adeb7a59f98d0cfe8b9c82', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
53
53
  }
54
54
  };
55
55
  NanoTab.style = tabCss;
@@ -222,10 +222,10 @@ const NanoTable = class {
222
222
  this.cleanUpObservers();
223
223
  }
224
224
  render() {
225
- return (h(Host, { key: '29c35d81fa4432d251f86195a7dd8940661e5abc', class: {
225
+ return (h(Host, { key: '61967ae8d9228be1374d9a4ee4e08b286cd4dd57', class: {
226
226
  'nano-table': true,
227
227
  'nano-table--props-ready': this.propsReady,
228
- } }, this.scrollable && (h("nano-masked-overflow", { key: '4984ff894c8b8799917de26a0a4f8355f5cb4c2c', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '5aef0beda315f82d6e361b2607e95d4b9828cfbb', class: "nano-table__overflow" }))), h("slot", { key: '549e9de13a1b333787fe48c77c5a3be89734c0c4' })));
228
+ } }, this.scrollable && (h("nano-masked-overflow", { key: 'eca1991383ebca49f6032066078f02b62c839d6c', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'f3bcb6830439858393c1eda96d68c2c5ccadd15a', class: "nano-table__overflow" }))), h("slot", { key: '7662741dcb672f75bae03c16b5745ff4946f12f7' })));
229
229
  }
230
230
  static get watchers() { return {
231
231
  "compact": ["handleCompactChange"],
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-Bdq8L4lE.js';
4
+ import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-CI0F1FDY.js';
5
5
  import './index-DgO0qeQ9.js';
6
6
  import './renderer-T8etwwhk.js';
7
7
 
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{F as t,u as i}from"./nano-slides-Bdq8L4lE.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const e=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),e.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const u=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||u.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}
4
+ import{F as t,u as i}from"./nano-slides-CI0F1FDY.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const e=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),e.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const u=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||u.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{F as t}from"./nano-slides-Bdq8L4lE.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";t.createMethods.push("_createFullscreen");const i=t.prototype;i._createFullscreen=function(){this.isFullscreen=!1,this.options.fullscreen&&(this.viewFullscreenButton=new n("view",this),this.exitFullscreenButton=new n("exit",this),this.on("activate",this._changeFullscreenActive),this.on("deactivate",this._changeFullscreenActive))},i._changeFullscreenActive=function(){const t=this.isActive?"appendChild":"removeChild";this.element[t](this.viewFullscreenButton.element),this.element[t](this.exitFullscreenButton.element);const i=this.isActive?"activate":"deactivate";this.viewFullscreenButton[i](),this.exitFullscreenButton[i]()},i.viewFullscreen=function(){this._changeFullscreen(!0),this.focus()},i.exitFullscreen=function(){this._changeFullscreen(!1)},i._changeFullscreen=function(t){if(this.isFullscreen==t)return;this.isFullscreen=t;const i=t?"add":"remove";document.documentElement.classList[i]("is-flickity-fullscreen"),this.element.classList[i]("is-fullscreen"),this.resize(),this.isFullscreen&&this.reposition(),this.dispatchEvent("fullscreenChange",null,[t])},i.toggleFullscreen=function(){this._changeFullscreen(!this.isFullscreen)};const s=i.setGallerySize;function n(t,i){this.name=t,this.createButton(),this.createIcon(),this.onClick=function(){i[t+"Fullscreen"]()},this.clickHandler=this.onClick.bind(this)}i.setGallerySize=function(){this.options.setGallerySize&&(this.isFullscreen?this.viewport.style.height="":s.call(this))},t.keyboardHandlers[27]=function(){this.exitFullscreen()},n.prototype.createButton=function(){const t=this.element=document.createElement("button");t.className="flickity-button flickity-fullscreen-button flickity-fullscreen-button-"+this.name,t.setAttribute("type","button");const i=(s=this.name+" full-screen")[0].toUpperCase()+s.slice(1);var s;t.setAttribute("aria-label",i),t.title=i};const h="http://www.w3.org/2000/svg",c={view:"M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z",exit:"M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z"};n.prototype.createIcon=function(){const t=document.createElementNS(h,"svg");t.setAttribute("class","flickity-button-icon"),t.setAttribute("viewBox","0 0 32 32");const i=document.createElementNS(h,"path");i.setAttribute("d",c[this.name]),t.appendChild(i),this.element.appendChild(t)},n.prototype.activate=function(){this.element.addEventListener("click",this.clickHandler)},n.prototype.deactivate=function(){this.element.removeEventListener("click",this.clickHandler)},t.FullscreenButton=n;
4
+ import{F as t}from"./nano-slides-CI0F1FDY.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";t.createMethods.push("_createFullscreen");const i=t.prototype;i._createFullscreen=function(){this.isFullscreen=!1,this.options.fullscreen&&(this.viewFullscreenButton=new n("view",this),this.exitFullscreenButton=new n("exit",this),this.on("activate",this._changeFullscreenActive),this.on("deactivate",this._changeFullscreenActive))},i._changeFullscreenActive=function(){const t=this.isActive?"appendChild":"removeChild";this.element[t](this.viewFullscreenButton.element),this.element[t](this.exitFullscreenButton.element);const i=this.isActive?"activate":"deactivate";this.viewFullscreenButton[i](),this.exitFullscreenButton[i]()},i.viewFullscreen=function(){this._changeFullscreen(!0),this.focus()},i.exitFullscreen=function(){this._changeFullscreen(!1)},i._changeFullscreen=function(t){if(this.isFullscreen==t)return;this.isFullscreen=t;const i=t?"add":"remove";document.documentElement.classList[i]("is-flickity-fullscreen"),this.element.classList[i]("is-fullscreen"),this.resize(),this.isFullscreen&&this.reposition(),this.dispatchEvent("fullscreenChange",null,[t])},i.toggleFullscreen=function(){this._changeFullscreen(!this.isFullscreen)};const s=i.setGallerySize;function n(t,i){this.name=t,this.createButton(),this.createIcon(),this.onClick=function(){i[t+"Fullscreen"]()},this.clickHandler=this.onClick.bind(this)}i.setGallerySize=function(){this.options.setGallerySize&&(this.isFullscreen?this.viewport.style.height="":s.call(this))},t.keyboardHandlers[27]=function(){this.exitFullscreen()},n.prototype.createButton=function(){const t=this.element=document.createElement("button");t.className="flickity-button flickity-fullscreen-button flickity-fullscreen-button-"+this.name,t.setAttribute("type","button");const i=(s=this.name+" full-screen")[0].toUpperCase()+s.slice(1);var s;t.setAttribute("aria-label",i),t.title=i};const h="http://www.w3.org/2000/svg",c={view:"M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z",exit:"M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z"};n.prototype.createIcon=function(){const t=document.createElementNS(h,"svg");t.setAttribute("class","flickity-button-icon"),t.setAttribute("viewBox","0 0 32 32");const i=document.createElementNS(h,"path");i.setAttribute("d",c[this.name]),t.appendChild(i),this.element.appendChild(t)},n.prototype.activate=function(){this.element.addEventListener("click",this.clickHandler)},n.prototype.deactivate=function(){this.element.removeEventListener("click",this.clickHandler)},t.FullscreenButton=n;
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{F as t,u as i}from"./nano-slides-Bdq8L4lE.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;
4
+ import{F as t,u as i}from"./nano-slides-CI0F1FDY.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;