@nanoporetech-digital/components 2.1.3 → 2.2.1

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 (199) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +1 -1
  3. package/dist/cjs/index-cb62df44.js +5 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/nano-alert.cjs.entry.js.map +1 -1
  6. package/dist/cjs/nano-checkbox.cjs.entry.js.map +1 -1
  7. package/dist/cjs/nano-components.cjs.js +1 -1
  8. package/dist/cjs/nano-datalist_3.cjs.entry.js.map +1 -1
  9. package/dist/cjs/nano-date-input.cjs.entry.js.map +1 -1
  10. package/dist/cjs/nano-details.cjs.entry.js.map +1 -1
  11. package/dist/cjs/nano-dialog.cjs.entry.js.map +1 -1
  12. package/dist/cjs/nano-file-upload.cjs.entry.js.map +1 -1
  13. package/dist/cjs/nano-global-nav.cjs.entry.js.map +1 -1
  14. package/dist/cjs/nano-global-search-results.cjs.entry.js +36 -26
  15. package/dist/cjs/nano-global-search-results.cjs.entry.js.map +1 -1
  16. package/dist/cjs/nano-hero.cjs.entry.js.map +1 -1
  17. package/dist/cjs/nano-icon-button.cjs.entry.js.map +1 -1
  18. package/dist/cjs/nano-menu-drawer.cjs.entry.js.map +1 -1
  19. package/dist/cjs/nano-rating.cjs.entry.js.map +1 -1
  20. package/dist/cjs/nano-split-pane.cjs.entry.js +278 -0
  21. package/dist/cjs/nano-split-pane.cjs.entry.js.map +1 -0
  22. package/dist/cjs/nano-tab-group.cjs.entry.js +1 -0
  23. package/dist/cjs/nano-tab-group.cjs.entry.js.map +1 -1
  24. package/dist/cjs/nano-tab.cjs.entry.js +1 -1
  25. package/dist/cjs/nano-tab.cjs.entry.js.map +1 -1
  26. package/dist/collection/collection-manifest.json +1 -0
  27. package/dist/collection/components/accordion/accordion.js +1 -1
  28. package/dist/collection/components/alert/alert.js +1 -1
  29. package/dist/collection/components/algolia/algolia-filter.js +2 -2
  30. package/dist/collection/components/algolia/algolia-input.js +5 -5
  31. package/dist/collection/components/algolia/algolia-results.js +1 -1
  32. package/dist/collection/components/algolia/algolia.js +6 -6
  33. package/dist/collection/components/checkbox/checkbox-group.js +2 -2
  34. package/dist/collection/components/checkbox/checkbox.js +3 -3
  35. package/dist/collection/components/datalist/datalist.css +1 -1
  36. package/dist/collection/components/datalist/datalist.js +1 -1
  37. package/dist/collection/components/date-input/date-input.js +7 -7
  38. package/dist/collection/components/date-picker/date-picker.js +5 -5
  39. package/dist/collection/components/details/details.js +1 -1
  40. package/dist/collection/components/dialog/dialog.js +1 -1
  41. package/dist/collection/components/file-upload/file-upload.js +4 -4
  42. package/dist/collection/components/global-nav/global-nav.js +4 -4
  43. package/dist/collection/components/global-search-results/global-search-results.css +21 -0
  44. package/dist/collection/components/global-search-results/global-search-results.js +35 -25
  45. package/dist/collection/components/global-search-results/global-search-results.js.map +1 -1
  46. package/dist/collection/components/grid/grid-item.js +1 -1
  47. package/dist/collection/components/icon/icon.js +1 -1
  48. package/dist/collection/components/input/input.js +5 -5
  49. package/dist/collection/components/nav-item/nav-item.js +4 -4
  50. package/dist/collection/components/range/range.js +4 -4
  51. package/dist/collection/components/resize-observe/resize-observe.js +1 -1
  52. package/dist/collection/components/select/select.js +7 -7
  53. package/dist/collection/components/slides/slides.js +7 -7
  54. package/dist/collection/components/split-pane/split-pane.css +104 -0
  55. package/dist/collection/components/split-pane/split-pane.js +464 -0
  56. package/dist/collection/components/split-pane/split-pane.js.map +1 -0
  57. package/dist/collection/components/tabs/tab-group.js +3 -2
  58. package/dist/collection/components/tabs/tab-group.js.map +1 -1
  59. package/dist/collection/components/tabs/tab.js +1 -1
  60. package/dist/collection/components/tabs/tab.js.map +1 -1
  61. package/dist/collection/utils/drag.js +21 -0
  62. package/dist/collection/utils/drag.js.map +1 -0
  63. package/dist/components/datalist.js.map +1 -1
  64. package/dist/components/icon-button.js.map +1 -1
  65. package/dist/components/menu.js.map +1 -1
  66. package/dist/components/nano-alert.js.map +1 -1
  67. package/dist/components/nano-checkbox.js.map +1 -1
  68. package/dist/components/nano-date-input.js.map +1 -1
  69. package/dist/components/nano-details.js.map +1 -1
  70. package/dist/components/nano-dialog.js.map +1 -1
  71. package/dist/components/nano-file-upload.js.map +1 -1
  72. package/dist/components/nano-global-nav.js.map +1 -1
  73. package/dist/components/nano-global-search-results.js +36 -26
  74. package/dist/components/nano-global-search-results.js.map +1 -1
  75. package/dist/components/nano-hero.js.map +1 -1
  76. package/dist/components/nano-menu-drawer.js.map +1 -1
  77. package/dist/components/nano-rating.js.map +1 -1
  78. package/dist/components/nano-split-pane.d.ts +11 -0
  79. package/dist/components/nano-split-pane.js +308 -0
  80. package/dist/components/nano-split-pane.js.map +1 -0
  81. package/dist/components/nano-tab-group.js +1 -0
  82. package/dist/components/nano-tab-group.js.map +1 -1
  83. package/dist/components/nano-tab.js +1 -1
  84. package/dist/components/nano-tab.js.map +1 -1
  85. package/dist/components/option.js.map +1 -1
  86. package/dist/custom-elements/index.d.ts +6 -0
  87. package/dist/custom-elements/index.js +310 -31
  88. package/dist/custom-elements/index.js.map +1 -1
  89. package/dist/esm/index-5f8d16e7.js +5 -0
  90. package/dist/esm/loader.js +1 -1
  91. package/dist/esm/nano-alert.entry.js.map +1 -1
  92. package/dist/esm/nano-checkbox.entry.js.map +1 -1
  93. package/dist/esm/nano-components.js +1 -1
  94. package/dist/esm/nano-datalist_3.entry.js.map +1 -1
  95. package/dist/esm/nano-date-input.entry.js.map +1 -1
  96. package/dist/esm/nano-details.entry.js.map +1 -1
  97. package/dist/esm/nano-dialog.entry.js.map +1 -1
  98. package/dist/esm/nano-file-upload.entry.js.map +1 -1
  99. package/dist/esm/nano-global-nav.entry.js.map +1 -1
  100. package/dist/esm/nano-global-search-results.entry.js +36 -26
  101. package/dist/esm/nano-global-search-results.entry.js.map +1 -1
  102. package/dist/esm/nano-hero.entry.js.map +1 -1
  103. package/dist/esm/nano-icon-button.entry.js.map +1 -1
  104. package/dist/esm/nano-menu-drawer.entry.js.map +1 -1
  105. package/dist/esm/nano-rating.entry.js.map +1 -1
  106. package/dist/esm/nano-split-pane.entry.js +274 -0
  107. package/dist/esm/nano-split-pane.entry.js.map +1 -0
  108. package/dist/esm/nano-tab-group.entry.js +1 -0
  109. package/dist/esm/nano-tab-group.entry.js.map +1 -1
  110. package/dist/esm/nano-tab.entry.js +1 -1
  111. package/dist/esm/nano-tab.entry.js.map +1 -1
  112. package/dist/esm-es5/index-5f8d16e7.js +1 -1
  113. package/dist/esm-es5/loader.js +1 -1
  114. package/dist/esm-es5/loader.js.map +1 -1
  115. package/dist/esm-es5/nano-alert.entry.js.map +1 -1
  116. package/dist/esm-es5/nano-checkbox.entry.js.map +1 -1
  117. package/dist/esm-es5/nano-components.js +1 -1
  118. package/dist/esm-es5/nano-components.js.map +1 -1
  119. package/dist/esm-es5/nano-datalist_3.entry.js.map +1 -1
  120. package/dist/esm-es5/nano-date-input.entry.js.map +1 -1
  121. package/dist/esm-es5/nano-details.entry.js.map +1 -1
  122. package/dist/esm-es5/nano-dialog.entry.js.map +1 -1
  123. package/dist/esm-es5/nano-file-upload.entry.js.map +1 -1
  124. package/dist/esm-es5/nano-global-nav.entry.js.map +1 -1
  125. package/dist/esm-es5/nano-global-search-results.entry.js +1 -1
  126. package/dist/esm-es5/nano-global-search-results.entry.js.map +1 -1
  127. package/dist/esm-es5/nano-hero.entry.js.map +1 -1
  128. package/dist/esm-es5/nano-icon-button.entry.js.map +1 -1
  129. package/dist/esm-es5/nano-menu-drawer.entry.js.map +1 -1
  130. package/dist/esm-es5/nano-rating.entry.js.map +1 -1
  131. package/dist/esm-es5/nano-split-pane.entry.js +5 -0
  132. package/dist/esm-es5/nano-split-pane.entry.js.map +1 -0
  133. package/dist/esm-es5/nano-tab-group.entry.js +1 -1
  134. package/dist/esm-es5/nano-tab-group.entry.js.map +1 -1
  135. package/dist/esm-es5/nano-tab.entry.js +2 -2
  136. package/dist/esm-es5/nano-tab.entry.js.map +1 -1
  137. package/dist/nano-components/nano-components.css +1 -1
  138. package/dist/nano-components/nano-components.esm.js +1 -1
  139. package/dist/nano-components/nano-components.esm.js.map +1 -1
  140. package/dist/nano-components/{p-e35eac75.entry.js → p-08b43111.entry.js} +2 -2
  141. package/dist/nano-components/p-08b43111.entry.js.map +1 -0
  142. package/dist/nano-components/p-090f22a9.system.entry.js.map +1 -1
  143. package/dist/nano-components/p-096682d9.system.js +1 -1
  144. package/dist/nano-components/p-096682d9.system.js.map +1 -1
  145. package/dist/nano-components/{p-e6f8f9f7.system.entry.js → p-1238f0fc.system.entry.js} +2 -2
  146. package/dist/nano-components/p-1238f0fc.system.entry.js.map +1 -0
  147. package/dist/nano-components/p-1e974cad.entry.js.map +1 -1
  148. package/dist/nano-components/p-1ec44caf.entry.js.map +1 -1
  149. package/dist/nano-components/p-1f99d776.entry.js +5 -0
  150. package/dist/nano-components/p-1f99d776.entry.js.map +1 -0
  151. package/dist/nano-components/p-20db18f3.entry.js.map +1 -1
  152. package/dist/nano-components/p-3456db01.entry.js.map +1 -1
  153. package/dist/nano-components/p-3ad1d5aa.system.entry.js.map +1 -1
  154. package/dist/nano-components/{p-3cf35ac4.system.entry.js → p-3f736fa2.system.entry.js} +2 -2
  155. package/dist/nano-components/p-3f736fa2.system.entry.js.map +1 -0
  156. package/dist/nano-components/p-4429caac.system.entry.js.map +1 -1
  157. package/dist/nano-components/p-531d5275.system.entry.js.map +1 -1
  158. package/dist/nano-components/p-56ba0d63.entry.js.map +1 -1
  159. package/dist/nano-components/p-58419bed.system.entry.js.map +1 -1
  160. package/dist/nano-components/p-5a476bba.system.entry.js.map +1 -1
  161. package/dist/nano-components/p-6afdb510.system.entry.js +5 -0
  162. package/dist/nano-components/p-6afdb510.system.entry.js.map +1 -0
  163. package/dist/nano-components/p-71c26ace.entry.js.map +1 -1
  164. package/dist/nano-components/p-730f60ea.entry.js.map +1 -1
  165. package/dist/nano-components/p-7d2e2685.entry.js.map +1 -1
  166. package/dist/nano-components/p-8a8f893b.system.entry.js.map +1 -1
  167. package/dist/nano-components/p-93448bcd.system.entry.js.map +1 -1
  168. package/dist/nano-components/p-94593617.system.entry.js.map +1 -1
  169. package/dist/nano-components/p-9ca5e023.system.entry.js +5 -0
  170. package/dist/nano-components/p-9ca5e023.system.entry.js.map +1 -0
  171. package/dist/nano-components/{p-bbe6b7af.entry.js → p-ad0715d1.entry.js} +2 -2
  172. package/dist/nano-components/p-ad0715d1.entry.js.map +1 -0
  173. package/dist/nano-components/p-b59d2bd5.entry.js.map +1 -1
  174. package/dist/nano-components/p-c0ddb4c3.entry.js.map +1 -1
  175. package/dist/nano-components/p-d6569144.entry.js.map +1 -1
  176. package/dist/nano-components/p-d9f2dda5.entry.js +5 -0
  177. package/dist/nano-components/p-d9f2dda5.entry.js.map +1 -0
  178. package/dist/nano-components/p-e11bd40d.entry.js.map +1 -1
  179. package/dist/nano-components/p-e15be516.system.entry.js.map +1 -1
  180. package/dist/nano-components/p-ef4e0912.system.entry.js.map +1 -1
  181. package/dist/nano-components/p-f2e7d2f9.system.entry.js.map +1 -1
  182. package/dist/themes/london-calling.css +1 -1
  183. package/dist/themes/london-calling.css.map +1 -1
  184. package/dist/themes/nanopore.css +1 -1
  185. package/dist/themes/nanopore.css.map +1 -1
  186. package/dist/types/components/split-pane/split-pane.d.ts +74 -0
  187. package/dist/types/components.d.ts +85 -0
  188. package/dist/types/utils/drag.d.ts +1 -0
  189. package/docs-json.json +294 -2
  190. package/docs-vscode.json +49 -0
  191. package/package.json +8 -6
  192. package/dist/nano-components/p-05844b46.system.entry.js +0 -5
  193. package/dist/nano-components/p-05844b46.system.entry.js.map +0 -1
  194. package/dist/nano-components/p-3cf35ac4.system.entry.js.map +0 -1
  195. package/dist/nano-components/p-bbe6b7af.entry.js.map +0 -1
  196. package/dist/nano-components/p-e35eac75.entry.js.map +0 -1
  197. package/dist/nano-components/p-e6f8f9f7.system.entry.js.map +0 -1
  198. package/dist/nano-components/p-fea32549.entry.js +0 -5
  199. package/dist/nano-components/p-fea32549.entry.js.map +0 -1
@@ -9921,7 +9921,7 @@ var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
9921
9921
  * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
9922
9922
  * exposing only those methods and properties that are defined in the spec.
9923
9923
  */
9924
- var ResizeObserver = /** @class */ (function () {
9924
+ var ResizeObserver$1 = /** @class */ (function () {
9925
9925
  /**
9926
9926
  * Creates a new instance of ResizeObserver.
9927
9927
  *
@@ -9947,7 +9947,7 @@ var ResizeObserver = /** @class */ (function () {
9947
9947
  'unobserve',
9948
9948
  'disconnect'
9949
9949
  ].forEach(function (method) {
9950
- ResizeObserver.prototype[method] = function () {
9950
+ ResizeObserver$1.prototype[method] = function () {
9951
9951
  var _a;
9952
9952
  return (_a = observers.get(this))[method].apply(_a, arguments);
9953
9953
  };
@@ -9958,7 +9958,7 @@ var index$2 = (function () {
9958
9958
  if (typeof global$1.ResizeObserver !== 'undefined') {
9959
9959
  return global$1.ResizeObserver;
9960
9960
  }
9961
- return ResizeObserver;
9961
+ return ResizeObserver$1;
9962
9962
  })();
9963
9963
 
9964
9964
  const detailsCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{font-family:inherit;font-size: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);--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));--content-bg-color:transparent;--content-text-color:#455556;--content-transition:height 0.2s ease-out;--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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}: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)}:host(.nano-color){--btn-bg-color:var(--nano-color-contrast, var(--nano-color-primary-contrast, #fff));--btn-bg-color--open:var(--nano-color-base, var(--nano-color-primary, #007495));--btn-bg-color--hover:var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--btn-text-color:var(--nano-color-base, var(--nano-color-primary, #007495));--btn-text-color--open:var(\n --nano-color-contrast,\n var(--nano-color-primary-contrast, #fff)\n );--btn-text-color--hover:var(\n --nano-color-contrast,\n var(--nano-color-primary-contrast, #fff)\n )}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:var(--btn-padding);text-align:inherit;position:relative;font-size:1em;margin:0;-webkit-transition:0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;transition:0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--btn-bg-color);color:var(--btn-text-color);border-radius:var(--border-radius-dims)}button[dir=rtl]{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}button:focus{-webkit-box-shadow:var(--focus-style);box-shadow:var(--focus-style);outline:none;position:relative;z-index:1}:hover button{background:var(--btn-bg-color--hover);color:var(--btn-text-color--hover)}.open button{background:var(--btn-bg-color--open);color:var(--btn-text-color--open);border-bottom-right-radius:0;border-bottom-left-radius:0}button .label{width:100%;max-width:100%;max-height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block}button .icon{line-height:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:inline-block;color:currentColor;-webkit-transition:0.3s ease transform;transition:0.3s ease transform;-webkit-transform-origin:center;transform-origin:center}button .icon--start{margin-left:0;margin-right:var(--padding);margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){button .icon--start{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--padding);margin-inline-end:var(--padding)}}button .icon--end{margin-left:var(--padding);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){button .icon--end{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding);margin-inline-start:var(--padding);-webkit-margin-end:0;margin-inline-end:0}}button .icon ::slotted(nano-icon){--color:\"currentColor\"}.content{color:var(--content-text-color);background:var(--content-bg-color);height:0;overflow:hidden;-webkit-transition:0.2s ease border-radius;transition:0.2s ease border-radius;outline:none}.loaded .content{-webkit-transition:var(--content-transition), 0.2s ease border-radius;transition:var(--content-transition), 0.2s ease border-radius}.content>*{opacity:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.open .content>*{opacity:1}.content__area{padding:var(--padding)}";
@@ -14061,7 +14061,7 @@ let GlobalNav = class extends H {
14061
14061
  static get style() { return globalNavCss; }
14062
14062
  };
14063
14063
 
14064
- const globalSearchResultsCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.main-search{display:-webkit-box;display:-ms-flexbox;display:flex;background:white;font-size:14px;min-height:calc(100vh - 63px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-search__wrap{display:contents;height:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;position:relative;top:-2px}.main-search .icon-button{color:inherit;-ms-flex-item-align:normal;-ms-grid-row-align:normal;align-self:normal;padding:9px 7px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-search__topbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1em}.main-search__topbar::after{content:\"\";width:calc(100% - 30px);left:30px;position:relative;border-bottom:1px solid #e5eef1;padding-top:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0.9;padding:5px 5px 0 5px;letter-spacing:2px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0.5rem}.main-search__applied-filters span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-left:0;margin-right:5px;margin-top:0;margin-bottom:3px;padding-left:7px;padding-right:7px;padding-top:10px;padding-bottom:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-nofilter{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-nofilter{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}.main-search__applied-filter{padding-left:8px;padding-right:2px;padding-top:5px;padding-bottom:3px;margin-left:0;margin-right:5px;margin-top:0;margin-bottom:5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:2px;padding-inline-end:2px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}.main-search__applied-filter .icon-button{padding-left:10px;padding-right:4px;padding-top:2px;padding-bottom:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter .icon-button{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:4px;padding-inline-end:4px}}.main-search__applied-filter .icon-button nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;left:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:1em;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__filtering{margin-left:unset;margin-right:unset;-webkit-margin-start:1em;margin-inline-start:1em;-webkit-margin-end:0;margin-inline-end:0}}.main-search .topbar__order{min-width:175px;max-width:200px;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__order{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .main-search .topbar__order{max-width:300px}.main-search .topbar nano-select{opacity:1;-webkit-transition:0.1s ease opacity;transition:0.1s ease opacity}.main-search .topbar nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-left:0.5em;margin-right:0;margin-top:0;margin-bottom:0;text-transform:uppercase;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__show-filters{margin-left:unset;margin-right:unset;-webkit-margin-start:0.5em;margin-inline-start:0.5em;-webkit-margin-end:0;margin-inline-end:0}}.main-search .topbar__show-filters nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:-webkit-box;display:-ms-flexbox;display:flex}.main-search .topbar__filter-count{width:12px;height:12px;-webkit-box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin-bottom:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);width:70%;height:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{width:100%}.main-search__filters{outline:none;padding-left:0;padding-right:40px;padding-top:1.8em;padding-bottom:1em;-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__filters{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:40px;padding-inline-end:40px}}@media (max-width: 576px){.main-search__filters{padding-right:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__filters{padding-right:unset;-webkit-padding-end:20px;padding-inline-end:20px}}}:host(:not(.small)) .main-search__filters{max-width:350px;min-width:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;width:0;height:0;z-index:10;top:0;right:0;-webkit-transition:all 0s ease 0.5s;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{height:100vh;width:100vw;-webkit-transition:all 0s ease 0s;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:\"\";background:rgba(0, 0, 0, 0.5);position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:0;-webkit-transition:0.1s ease opacity;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.small) .filters__close-filters{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .filters-wrap{position:absolute;top:0;right:0;background:#f7f6f6;-webkit-transform:translateX(100%);transform:translateX(100%);width:300px;min-width:200px;max-width:80vw;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;padding:1em;color:black;overflow:auto;height:100vh}:host(.small) .filters.show .filters-wrap{-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters nano-details{--padding:0.8em;margin:0.8em 0}.filters nano-details strong[slot]{display:block;padding-left:calc(20px - 0.8em)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters nano-details strong[slot]{padding-left:unset;-webkit-padding-start:calc(20px - 0.8em);padding-inline-start:calc(20px - 0.8em);}}.filters nano-details nano-icon[slot=icon-end]{padding-left:calc(20px - 0.8em);padding-right:calc(20px - 0.8em)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters nano-details nano-icon[slot=icon-end]{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(20px - 0.8em);padding-inline-start:calc(20px - 0.8em);-webkit-padding-end:calc(20px - 0.8em);padding-inline-end:calc(20px - 0.8em)}}.filters li:last-child .filter-label{margin-bottom:0}.filters .filter-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-left:0;margin-right:1em;margin-top:0;margin-bottom:0;content:\"\";border:1px solid #007495;background:#fff;border-radius:3px;height:1em;width:1em;min-width:1em;min-height:1em;display:inline-block}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters .filter-label::before{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1em;margin-inline-end:1em}}.filters .filter-label::after{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23ffffff'%20d='M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z'/></svg>\");content:\"\";height:0.7em;width:0.7em;position:absolute;left:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}:host([dir=rtl]) .filters .filter-label::after{right:1px;left:auto}.filters .filter-cb{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters-reset{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .filters-reset{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.filters-title{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:14px;border-bottom:1px solid #90c6e7}.result *{word-wrap:break-word;word-break:break-word}.result__title{margin:1em 0 0.5em 0;width:70%;display:-webkit-box;display:-ms-flexbox;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title nano-icon{margin-left:0;margin-right:0.5em;margin-top:0;margin-bottom:0;min-width:20px;min-height:20px;opacity:0.8}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.result__title nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0.5em;margin-inline-end:0.5em}}@media (max-width: 992px){.result__title{width:100%}}.result__body{color:#455556;font-size:13px;width:70%;text-decoration:none}@media (max-width: 992px){.result__body{width:100%}}.result__pdf{display:inline-block;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result__meta>*{margin-top:0.5rem}.result__meta>*:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:\"\";height:1rem;width:1px;background:#90c6e7;display:inline-block;-webkit-margin-start:0.7rem;margin-inline-start:0.7rem;-webkit-margin-end:0.7rem;margin-inline-end:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.result__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media (max-width: 576px){.result__tags{-webkit-padding-start:0;padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result__date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#455556}.result__source{color:#455556;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-bottom:0.25rem;text-decoration:none;width:70%}.result__buttons{width:70%;margin-bottom:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{width:70%;margin-bottom:0.5rem;text-decoration:none;color:#455556}.result__promo-box{width:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-top:1rem}.result__promo-bigdate{-webkit-box-flex:0;-ms-flex:0 1 60px;flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1.25;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{width:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-border-start:1px solid #c5dbe1;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo nano-icon{color:#007495;position:relative;top:1px;-webkit-padding-end:2px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;width:100%;height:150px;margin-bottom:0.5rem}@media (min-width: 576px){.result__image{width:142px;height:80px}}.result__image nano-icon{position:absolute;top:calc(50% - 0.75rem);left:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image nano-icon{font-size:3rem;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem)}}.result__video-body{width:70%;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{width:100%}}@media (max-width: 576px){.result__video-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.result__video-body .result__body{-webkit-padding-start:1rem;padding-inline-start:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width: 576px){.result__video-body .result__body{-webkit-padding-start:0;padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-top:0.5rem}.result__video-body .result__body .result__description{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}";
14064
+ const globalSearchResultsCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.main-search{display:-webkit-box;display:-ms-flexbox;display:flex;background:white;font-size:14px;min-height:calc(100vh - 63px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-search__wrap{display:contents;height:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;position:relative;top:-2px}.main-search .icon-button{color:inherit;-ms-flex-item-align:normal;-ms-grid-row-align:normal;align-self:normal;padding:9px 7px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-search__topbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1em}.main-search__topbar::after{content:\"\";width:calc(100% - 30px);left:30px;position:relative;border-bottom:1px solid #e5eef1;padding-top:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0.9;padding:5px 5px 0 5px;letter-spacing:2px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0.5rem}.main-search__applied-filters span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-left:0;margin-right:5px;margin-top:0;margin-bottom:3px;padding-left:7px;padding-right:7px;padding-top:10px;padding-bottom:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-nofilter{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-nofilter{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}.main-search__applied-filter{padding-left:8px;padding-right:2px;padding-top:5px;padding-bottom:3px;margin-left:0;margin-right:5px;margin-top:0;margin-bottom:5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:2px;padding-inline-end:2px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}.main-search__applied-filter .icon-button{padding-left:10px;padding-right:4px;padding-top:2px;padding-bottom:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__applied-filter .icon-button{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:4px;padding-inline-end:4px}}.main-search__applied-filter .icon-button nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;left:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:1em;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__filtering{margin-left:unset;margin-right:unset;-webkit-margin-start:1em;margin-inline-start:1em;-webkit-margin-end:0;margin-inline-end:0}}.main-search .topbar__order{min-width:175px;max-width:200px;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__order{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .main-search .topbar__order{max-width:300px}.main-search .topbar nano-select{opacity:1;-webkit-transition:0.1s ease opacity;transition:0.1s ease opacity}.main-search .topbar nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-left:0.5em;margin-right:0;margin-top:0;margin-bottom:0;text-transform:uppercase;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search .topbar__show-filters{margin-left:unset;margin-right:unset;-webkit-margin-start:0.5em;margin-inline-start:0.5em;-webkit-margin-end:0;margin-inline-end:0}}.main-search .topbar__show-filters nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:-webkit-box;display:-ms-flexbox;display:flex}.main-search .topbar__filter-count{width:12px;height:12px;-webkit-box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin-bottom:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);width:70%;height:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{width:100%}.main-search__filters{outline:none;padding-left:0;padding-right:40px;padding-top:1.8em;padding-bottom:1em;-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__filters{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:40px;padding-inline-end:40px}}@media (max-width: 576px){.main-search__filters{padding-right:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-search__filters{padding-right:unset;-webkit-padding-end:20px;padding-inline-end:20px}}}:host(:not(.small)) .main-search__filters{max-width:350px;min-width:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;width:0;height:0;z-index:10;top:0;right:0;-webkit-transition:all 0s ease 0.5s;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{height:100vh;width:100vw;-webkit-transition:all 0s ease 0s;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:\"\";background:rgba(0, 0, 0, 0.5);position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:0;-webkit-transition:0.1s ease opacity;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.small) .filters__close-filters{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .filters-wrap{position:absolute;top:0;right:0;background:#f7f6f6;-webkit-transform:translateX(100%);transform:translateX(100%);width:300px;min-width:200px;max-width:80vw;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;padding:1em;color:black;overflow:auto;height:100vh}:host(.small) .filters.show .filters-wrap{-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters nano-details{--padding:0.8em;margin:0.8em 0}.filters nano-details strong[slot]{display:block;padding-left:calc(20px - 0.8em)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters nano-details strong[slot]{padding-left:unset;-webkit-padding-start:calc(20px - 0.8em);padding-inline-start:calc(20px - 0.8em);}}.filters nano-details nano-icon[slot=icon-end]{padding-left:calc(20px - 0.8em);padding-right:calc(20px - 0.8em)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters nano-details nano-icon[slot=icon-end]{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(20px - 0.8em);padding-inline-start:calc(20px - 0.8em);-webkit-padding-end:calc(20px - 0.8em);padding-inline-end:calc(20px - 0.8em)}}.filters li:last-child .filter-label{margin-bottom:0}.filters .filter-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-left:0;margin-right:1em;margin-top:0;margin-bottom:0;content:\"\";border:1px solid #007495;background:#fff;border-radius:3px;height:1em;width:1em;min-width:1em;min-height:1em;display:inline-block}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters .filter-label::before{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1em;margin-inline-end:1em}}.filters .filter-label::after{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23ffffff'%20d='M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z'/></svg>\");content:\"\";height:0.7em;width:0.7em;position:absolute;left:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}:host([dir=rtl]) .filters .filter-label::after{right:1px;left:auto}.filters .filter-cb{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.filters-reset{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}:host(.small) .filters-reset{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.filters-title{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:14px;border-bottom:1px solid #90c6e7}.result *{word-wrap:break-word;word-break:break-word}.result__title{margin:1em 0 0.5em 0;width:70%;display:-webkit-box;display:-ms-flexbox;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title nano-icon{margin-left:0;margin-right:0.5em;margin-top:0;margin-bottom:0;min-width:20px;min-height:20px;opacity:0.8}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.result__title nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0.5em;margin-inline-end:0.5em}}@media (max-width: 992px){.result__title{width:100%}}.result__body{color:#455556;font-size:13px;width:70%;text-decoration:none}@media (max-width: 992px){.result__body{width:100%}}.result__pdf{display:inline-block;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result__meta>*{margin-top:0.5rem}.result__meta>*:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:\"\";height:1rem;width:1px;background:#90c6e7;display:inline-block;-webkit-margin-start:0.7rem;margin-inline-start:0.7rem;-webkit-margin-end:0.7rem;margin-inline-end:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.result__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media (max-width: 576px){.result__tags{-webkit-padding-start:0;padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result__date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#455556}.result__source{color:#455556;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-bottom:0.25rem;text-decoration:none;width:70%}.result__buttons{width:70%;margin-bottom:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{width:70%;margin-bottom:0.5rem;text-decoration:none;color:#455556}.result__promo-box{width:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-top:1rem}.result__promo-bigdate{-webkit-box-flex:0;-ms-flex:0 1 60px;flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1.25;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{width:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-border-start:1px solid #c5dbe1;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo nano-icon{color:#007495;position:relative;top:1px;-webkit-padding-end:2px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;width:100%;height:150px;margin-bottom:0.5rem}@media (min-width: 576px){.result__image{width:142px;height:80px}}.result__image nano-icon{position:absolute;top:calc(50% - 0.75rem);left:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image nano-icon{font-size:3rem;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem)}}.result__video-body{width:70%;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{width:100%}}@media (max-width: 576px){.result__video-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.result__video-body .result__body{-webkit-padding-start:1rem;padding-inline-start:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width: 576px){.result__video-body .result__body{-webkit-padding-start:0;padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-top:0.5rem}.result__video-body .result__body .result__description{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.search-empty{padding:3rem 0;text-align:center;border-top:1px solid #e5eef1}.search-empty h2{color:#455556;font-size:1.125rem;margin-bottom:0.5rem}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-bottom:2rem}.search__highlight{background:#fbffbf;font-style:normal}";
14065
14065
 
14066
14066
  let GlobalSearchResults = class extends H {
14067
14067
  constructor() {
@@ -14305,14 +14305,24 @@ let GlobalSearchResults = class extends H {
14305
14305
  </script>
14306
14306
 
14307
14307
  <script type="text/template" slot="result-template">
14308
+ <!-- START NO CONTENT -->
14309
+ {{ @if ((!it.results || !it.results.length)) }}
14310
+ <div class="search-empty">
14311
+ <nano-icon name="light/search" class="search-empty-icon"></nano-icon>
14312
+ <h2>No matches found...</h2>
14313
+ <p>Please try a different search query.</p>
14314
+ </div>
14315
+ {{ /if }}
14316
+ <!-- END NO CONTENT -->
14308
14317
  {{ @if (it.totalHitsWithFilters > 0) }}
14309
14318
  {{ @each(it.results) => result }}
14319
+ {{ contentType = result.content_type ? result.content_type : result.type }}
14310
14320
  <li class="sc-nano-global-search-results">
14311
14321
  <div class="sc-nano-global-search-results result">
14312
14322
  <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">
14313
14323
  <a href="{{ result.url | abs_url(it, result) }}">
14314
- {{ result.title | safe }}
14315
- {{ @if (result.type === 'technical_document' || result.type === 'literature' || result.type === 'white_paper' || result.type === 'protocol') }}
14324
+ {{ result._snippetResult.title.value | safe }}
14325
+ {{ @if (contentType === 'technical_document' || contentType === 'literature' || contentType === 'white_paper' || contentType === 'protocol') }}
14316
14326
  <span class="sc-nano-global-search-results result__pdf">PDF</span>
14317
14327
  {{ /if }}
14318
14328
  </a>
@@ -14330,7 +14340,7 @@ let GlobalSearchResults = class extends H {
14330
14340
  </a>
14331
14341
  {{ /if }}
14332
14342
  {{ /if }}
14333
- {{ @if (result.type === 'video' || result.type === 'lc_lightning_talk' ) }}
14343
+ {{ @if (contentType === 'video' || contentType === 'lc_lightning_talk' ) }}
14334
14344
  {{ @if (result.name) }}
14335
14345
  <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>
14336
14346
  {{ /if }}
@@ -14343,17 +14353,17 @@ let GlobalSearchResults = class extends H {
14343
14353
  <div class="sc-nano-global-search-results result__body">
14344
14354
  <div class="sc-nano-global-search-results result__description">
14345
14355
  {{ @if (result.description) }}
14346
- {{ result.description | safe | trim_to(200) }}
14356
+ {{ result._snippetResult.description.value | safe }}
14347
14357
  {{ /if }}
14348
14358
  </div>
14349
14359
  </div>
14350
14360
  <div class="sc-nano-global-search-results result__meta">
14351
- {{ @if (result.type) }}
14361
+ {{ @if (result.type || result.content_type) }}
14352
14362
  <div class="sc-nano-global-search-results result__type">
14353
- {{ @if (result.type === 'lc_lightning_talk') }}
14363
+ {{ @if (contentType === 'lc_lightning_talk') }}
14354
14364
  Presentation
14355
14365
  {{ #else }}
14356
- {{ result.type }}
14366
+ {{ contentType }}
14357
14367
  {{ /if }}
14358
14368
  </div>
14359
14369
  {{ /if }}
@@ -14379,14 +14389,14 @@ let GlobalSearchResults = class extends H {
14379
14389
  </a>
14380
14390
  {{ /if }}
14381
14391
  {{ @if (result.body) }}
14382
- <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">{{ result.body | safe | trim_to(200) }}</a>
14392
+ <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">{{ result._snippetResult.body.value | safe }}</a>
14383
14393
  {{ /if }}
14384
- {{ @if (result.type === 'product' }}
14394
+ {{ @if (contentType === 'product' }}
14385
14395
  <div class="sc-nano-global-search-results result__buttons">
14386
14396
  <a class="sc-nano-global-search-results result__buttons-button" href="{{ result.url | abs_url(it, result) }}">View product</a>
14387
14397
  </div>
14388
14398
  {{ /if }}
14389
- {{ @if (result.type === 'event') }}
14399
+ {{ @if (contentType === 'event') }}
14390
14400
  <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">
14391
14401
  <div class="sc-nano-global-search-results result__promo-box">
14392
14402
  <div class="sc-nano-global-search-results result__promo-bigdate">
@@ -14416,38 +14426,38 @@ let GlobalSearchResults = class extends H {
14416
14426
  </div>
14417
14427
  </a>
14418
14428
  {{ /if }}
14419
- {{ @if (result.type !== 'lc_lightning_talk' && result.type !== 'video') }}
14429
+ {{ @if (contentType !== 'lc_lightning_talk' && contentType !== 'video') }}
14420
14430
  <div class="sc-nano-global-search-results result__meta">
14421
- {{ @if (result.type) }}
14431
+ {{ @if (result.type || result.content_type) }}
14422
14432
  <div class="sc-nano-global-search-results result__type">
14423
- {{ @if (result.type === 'news_item') }}
14433
+ {{ @if (contentType === 'news_item') }}
14424
14434
  News
14425
- {{ #elif (result.type === 'static_page' || result.type === 'flexible' || result.type === 'bespoke') }}
14435
+ {{ #elif (contentType === 'static_page' || contentType === 'bespoke') }}
14426
14436
  Page
14427
- {{ #elif (result.type === 'case_study') }}
14437
+ {{ #elif (contentType === 'case_study') }}
14428
14438
  Case study
14429
- {{ #elif (result.type === 'lc_poster') }}
14439
+ {{ #elif (contentType === 'lc_poster') }}
14430
14440
  Poster
14431
- {{ #elif (result.type === 'nanopore_live') }}
14441
+ {{ #elif (contentType === 'nanopore_live') }}
14432
14442
  Live stream
14433
- {{ #elif (result.type === 'data_release') }}
14443
+ {{ #elif (contentType === 'data_release') }}
14434
14444
  Data release
14435
- {{ #elif (result.type === 'research_area') }}
14445
+ {{ #elif (contentType === 'research_area') }}
14436
14446
  Research area
14437
- {{ #elif (result.type === 'white_paper') }}
14447
+ {{ #elif (contentType === 'white_paper') }}
14438
14448
  White paper
14439
- {{ #elif (result.type === 'technical_document') }}
14449
+ {{ #elif (contentType === 'technical_document') }}
14440
14450
  Technical document
14441
- {{ #elif (result.type === 'info_sheet') }}
14451
+ {{ #elif (contentType === 'info_sheet') }}
14442
14452
  Info sheet
14443
- {{ #elif (result.type === 'lc_home' || result.type === 'lc_venue') }}
14453
+ {{ #elif (contentType === 'lc_home' || contentType === 'lc_venue') }}
14444
14454
  London Calling
14445
14455
  {{ #else }}
14446
- {{ result.type }}
14456
+ {{ contentType }}
14447
14457
  {{ /if }}
14448
14458
  </div>
14449
14459
  {{ /if }}
14450
- {{ @if (result.type !== 'event') }}
14460
+ {{ @if (contentType !== 'event') }}
14451
14461
  {{ @if (result.updated) }}
14452
14462
  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>
14453
14463
  {{ #else }}
@@ -22323,6 +22333,272 @@ let Spinner = class extends H {
22323
22333
  static get style() { return spinnerCss; }
22324
22334
  };
22325
22335
 
22336
+ function drag(container, onMove) {
22337
+ function move(pointerEvent) {
22338
+ const dims = container.getBoundingClientRect();
22339
+ const defaultView = container.ownerDocument.defaultView;
22340
+ const offsetX = dims.left + defaultView.pageXOffset;
22341
+ const offsetY = dims.top + defaultView.pageYOffset;
22342
+ const x = pointerEvent.pageX - offsetX;
22343
+ const y = pointerEvent.pageY - offsetY;
22344
+ onMove(x, y);
22345
+ }
22346
+ function stop() {
22347
+ document.removeEventListener('pointermove', move);
22348
+ document.removeEventListener('pointerup', stop);
22349
+ }
22350
+ document.addEventListener('pointermove', move, { passive: true });
22351
+ document.addEventListener('pointerup', stop);
22352
+ }
22353
+
22354
+ const splitPaneCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{--divider-width:12px;--divider-hit-area:14px;--min:0%;--max:100%;--background-color:#e4e6e8;--content-color:#918b86;display:-ms-grid;display:grid}.start,.end{overflow:hidden}.divider{-webkit-box-flex:0;-ms-flex:0 0 var(--divider-width);flex:0 0 var(--divider-width);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--background-color);color:var(--content-color);z-index:1;font-size:0.8rem}.divider:focus{outline:none}:host(:not([disabled])) .divider:focus-visible{background-color:var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))}:host([disabled]) .divider{cursor:not-allowed}:host(:not([vertical],[disabled])) .divider{cursor:col-resize}:host(:not([vertical])) .divider::after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";position:absolute;height:100%;left:calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);width:var(--divider-hit-area)}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([vertical]:not([disabled])) .divider{cursor:row-resize}:host([vertical]) .divider::after{content:\"\";position:absolute;width:100%;top:calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);height:var(--divider-hit-area)}";
22355
+
22356
+ let SplitPane = class extends H {
22357
+ constructor() {
22358
+ super();
22359
+ this.__registerHost();
22360
+ this.__attachShadow();
22361
+ this.nanoReposition = createEvent(this, "nanoReposition", 7);
22362
+ this.nanoDragging = createEvent(this, "nanoDragging", 7);
22363
+ this.isAnimating = false;
22364
+ this.didLoad = false;
22365
+ this._shouldAnimate = true;
22366
+ /** Draws the split panel in a vertical orientation with the start and end panels stacked. */
22367
+ this.vertical = false;
22368
+ /** Disables resizing. Note that the position may still change as a result of resizing the host element. */
22369
+ this.disabled = false;
22370
+ /** How close the divider must be to a snap point until snapping occurs. */
22371
+ this.snapThreshold = 12;
22372
+ /** When changing `position` via property, the pane will animate into position. Make `animationDuration` 0 to disable. */
22373
+ this.animationDuration = 0.6;
22374
+ // Event handlers
22375
+ this.handleDrag = (e) => {
22376
+ if (this.disabled) {
22377
+ return;
22378
+ }
22379
+ // Prevent text selection when dragging
22380
+ e.preventDefault();
22381
+ drag(this.host, (x, y) => {
22382
+ let newPositionInPixels = this.vertical ? y : x;
22383
+ this.nanoDragging.emit(newPositionInPixels);
22384
+ // Flip for end panels
22385
+ if (this.primary === 'end') {
22386
+ newPositionInPixels = this.size - newPositionInPixels;
22387
+ }
22388
+ // Check snap points
22389
+ if (this.snap) {
22390
+ const snaps = this.snap.split(' ');
22391
+ snaps.forEach((value) => {
22392
+ let snapPoint;
22393
+ if (value.endsWith('%')) {
22394
+ snapPoint = this.size * (parseFloat(value) / 100);
22395
+ }
22396
+ else {
22397
+ snapPoint = parseFloat(value);
22398
+ }
22399
+ if (newPositionInPixels >= snapPoint - this.snapThreshold &&
22400
+ newPositionInPixels <= snapPoint + this.snapThreshold) {
22401
+ newPositionInPixels = snapPoint;
22402
+ }
22403
+ });
22404
+ }
22405
+ this.shouldAnimate = false;
22406
+ this.position = clamp$2(this.pixelsToPercentage(newPositionInPixels), 0, 100);
22407
+ raf(() => (this.shouldAnimate = true));
22408
+ });
22409
+ };
22410
+ this.handleKeyDown = (event) => {
22411
+ if (this.disabled) {
22412
+ return;
22413
+ }
22414
+ if ([
22415
+ 'ArrowLeft',
22416
+ 'ArrowRight',
22417
+ 'ArrowUp',
22418
+ 'ArrowDown',
22419
+ 'Home',
22420
+ 'End',
22421
+ ].includes(event.key)) {
22422
+ let newPosition = this.position;
22423
+ const incr = (event.shiftKey ? 10 : 1) * (this.primary === 'end' ? -1 : 1);
22424
+ event.preventDefault();
22425
+ if ((event.key === 'ArrowLeft' && !this.vertical) ||
22426
+ (event.key === 'ArrowUp' && this.vertical)) {
22427
+ newPosition -= incr;
22428
+ }
22429
+ if ((event.key === 'ArrowRight' && !this.vertical) ||
22430
+ (event.key === 'ArrowDown' && this.vertical)) {
22431
+ newPosition += incr;
22432
+ }
22433
+ if (event.key === 'Home') {
22434
+ newPosition = this.primary === 'end' ? 100 : 0;
22435
+ }
22436
+ if (event.key === 'End') {
22437
+ newPosition = this.primary === 'end' ? 0 : 100;
22438
+ }
22439
+ this.shouldAnimate = false;
22440
+ this.position = clamp$2(newPosition, 0, 100);
22441
+ raf(() => (this.shouldAnimate = true));
22442
+ }
22443
+ };
22444
+ this.handleResize = () => {
22445
+ if (!this.didLoad || this.isAnimating)
22446
+ return;
22447
+ // Resize when a primary panel is set
22448
+ if (this.primary) {
22449
+ this.shouldAnimate = false;
22450
+ this.position = this.pixelsToPercentage(this.cachedPositionInPixels);
22451
+ raf(() => (this.shouldAnimate = true));
22452
+ }
22453
+ };
22454
+ this.handlePositionChange = debounce$1(this.handlePositionChange.bind(this), 100);
22455
+ }
22456
+ get size() {
22457
+ const { width, height } = this.host.getBoundingClientRect();
22458
+ return this.vertical ? height : width;
22459
+ }
22460
+ get shouldAnimate() {
22461
+ return this.didLoad && this._shouldAnimate;
22462
+ }
22463
+ set shouldAnimate(sa) {
22464
+ this._shouldAnimate = sa;
22465
+ }
22466
+ /**
22467
+ * The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the
22468
+ * container's initial size.
22469
+ */
22470
+ get position() {
22471
+ return this._position;
22472
+ }
22473
+ set position(pos) {
22474
+ // override too high / low
22475
+ pos = Math.min(Math.max(pos, 0), 100);
22476
+ if (isNaN(pos) || pos === this._position)
22477
+ return;
22478
+ if (this.shouldAnimate &&
22479
+ this.animationDuration > 0 &&
22480
+ !isNaN(this.position)) {
22481
+ this.animatePosition(pos);
22482
+ return;
22483
+ }
22484
+ this._position = pos;
22485
+ }
22486
+ // eslint-disable-next-line @stencil/no-unused-watch
22487
+ handlePositionChange() {
22488
+ this.cachedPositionInPixels = this.percentageToPixels(this.position);
22489
+ this.positionInPixels = this.percentageToPixels(this.position);
22490
+ this.nanoReposition.emit();
22491
+ }
22492
+ handlePositionInPixelsChange() {
22493
+ this.position = this.pixelsToPercentage(this.positionInPixels);
22494
+ }
22495
+ // Private logic
22496
+ animatePosition(end) {
22497
+ if (this.isAnimating)
22498
+ return;
22499
+ const duration = this.animationDuration; // seconds
22500
+ const fps = 60;
22501
+ const start = this.position;
22502
+ const distance = end - start;
22503
+ let position = start;
22504
+ let time = 0;
22505
+ function easeInOutQuad(t, s, e, d) {
22506
+ if ((t /= d / 2) < 1)
22507
+ return (e / 2) * t * t + s;
22508
+ else
22509
+ return (-e / 2) * (--t * (t - 2) - 1) + s;
22510
+ }
22511
+ const go = () => {
22512
+ time += 1 / fps;
22513
+ position = easeInOutQuad(time, start, distance, duration);
22514
+ if ((end > start && position >= end) ||
22515
+ (end < start && position <= end)) {
22516
+ this.position = end;
22517
+ this.shouldAnimate = true;
22518
+ this.isAnimating = false;
22519
+ return;
22520
+ }
22521
+ this.position = position;
22522
+ raf(go);
22523
+ };
22524
+ this.shouldAnimate = false;
22525
+ this.isAnimating = true;
22526
+ raf(go);
22527
+ }
22528
+ percentageToPixels(value) {
22529
+ return this.size * (value / 100);
22530
+ }
22531
+ pixelsToPercentage(value) {
22532
+ return (value / this.size) * 100;
22533
+ }
22534
+ attachRO() {
22535
+ this.detachRO();
22536
+ this.ro = new ResizeObserver(() => this.handleResize());
22537
+ this.ro.observe(this.host);
22538
+ }
22539
+ detachRO() {
22540
+ if (!this.ro)
22541
+ return;
22542
+ this.ro.unobserve(this.host);
22543
+ this.ro = undefined;
22544
+ }
22545
+ componentDidLoad() {
22546
+ if (this.positionInPixels)
22547
+ this.handlePositionInPixelsChange();
22548
+ setTimeout(() => (this.didLoad = true));
22549
+ }
22550
+ connectedCallback() {
22551
+ this.cachedPositionInPixels = this.percentageToPixels(this.position);
22552
+ this.attachRO();
22553
+ }
22554
+ disconnectedCallback() {
22555
+ this.detachRO();
22556
+ }
22557
+ componentDidRender() {
22558
+ // bit hacky ... because we use getter / setter for position, there's a render *before* `position` is passed in via attribute
22559
+ // if we set a default position in the class, this causes the divider to jump (from default to user set position)
22560
+ // so - wait a render, see if there's a position passed in via attribute, *then* set default if not
22561
+ raf(() => {
22562
+ if (typeof this.position === 'undefined') {
22563
+ this.position = 50;
22564
+ }
22565
+ });
22566
+ }
22567
+ render() {
22568
+ if (typeof this.position === 'undefined')
22569
+ return;
22570
+ const styles = {};
22571
+ const gridTemplate = this.vertical
22572
+ ? 'gridTemplateRows'
22573
+ : 'gridTemplateColumns';
22574
+ const primary = `
22575
+ clamp(
22576
+ 0%,
22577
+ clamp(
22578
+ var(--min),
22579
+ ${this.position}% - var(--divider-width) / 2,
22580
+ var(--max)
22581
+ ),
22582
+ calc(100% - var(--divider-width))
22583
+ )
22584
+ `;
22585
+ const secondary = 'auto';
22586
+ if (this.primary === 'end') {
22587
+ styles[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;
22588
+ }
22589
+ else {
22590
+ styles[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;
22591
+ }
22592
+ return (h$1(Host, { style: styles }, h$1("div", { part: "panel start", class: "start" }, h$1("slot", { name: "start" })), h$1("div", { part: "divider", class: "divider", tabindex: this.disabled ? undefined : '0', role: "separator", "aria-label": "Resize", onKeyDown: this.handleKeyDown, onMouseDown: this.handleDrag, onTouchStart: this.handleDrag }, h$1("slot", { name: "handle" }, !this.disabled && this.vertical ? (h$1("nano-icon", { slot: "handle", name: "solid/grip-lines" })) : (h$1("nano-icon", { slot: "handle", name: "solid/grip-lines-vertical" })))), h$1("div", { part: "panel end", class: "end" }, h$1("slot", { name: "end" }))));
22593
+ }
22594
+ get host() { return this; }
22595
+ static get watchers() { return {
22596
+ "position": ["handlePositionChange"],
22597
+ "positionInPixels": ["handlePositionInPixelsChange"]
22598
+ }; }
22599
+ static get style() { return splitPaneCss; }
22600
+ };
22601
+
22326
22602
  const stickerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-width:100%}:host([sticky]){position:-webkit-sticky;position:sticky;-webkit-transition:0.3s ease transform;transition:0.3s ease transform;will-change:min-height}:host([sticky][stuck]){left:var(--stuck-left);right:var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){-webkit-transform:var(--top-hide);transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){-webkit-transform:var(--bottom-hide);transform:var(--bottom-hide)}:host([sticky][index=\"1\"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index=\"2\"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index=\"3\"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index=\"4\"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index=\"5\"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-width:inherit;width:100%}.sticker:not(.stuck){width:auto !important}.sticker.sticky{-webkit-transition:0.3s ease all;transition:0.3s ease all;position:relative}:host([index=\"1\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index=\"2\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index=\"3\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index=\"4\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index=\"5\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;left:var(--stuck-left);right:var(--stuck-right);z-index:var(--stuck-z-index);-webkit-transform:translateY(0);transform:translateY(0)}:host([placed-top]) .sticker.stuck{top:0}:host([placed-bottom]) .sticker.stuck{bottom:0}:host([placed-top]) .sticker.stuck.hide{-webkit-transform:var(--top-hide);transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{-webkit-transform:var(--bottom-hide);transform:var(--bottom-hide)}.sticker-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
22327
22603
 
22328
22604
  function _getScrollTop(ele) {
@@ -22969,7 +23245,7 @@ let Tab = class extends H {
22969
23245
  'nanotab--active': this.active,
22970
23246
  'nanotab--disabled': this.disabled,
22971
23247
  'nanotab--closable': this.closable,
22972
- }, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', tabindex: this.disabled || !this.active ? '-1' : '0' }, h$1("slot", null), this.closable && (h$1("nano-icon-button", { label: "Close this tab", iconName: "light/times", class: "nanotab__close-button", onClick: this.handleCloseClick, tabIndex: -1, "aria-hidden": "true" })))));
23248
+ }, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', tabindex: this.disabled || !this.active ? '-1' : '0' }, h$1("slot", null), this.closable && (h$1("nano-icon-button", { label: "Close this tab", iconName: "light/times", class: "nanotab__close-button", onClick: this.handleCloseClick, tabIndex: -1 })))));
22973
23249
  }
22974
23250
  get host() { return this; }
22975
23251
  static get style() { return tabCss; }
@@ -23375,6 +23651,7 @@ let TabGroup = class extends H {
23375
23651
  setTimeout(() => {
23376
23652
  this.updateScrollControls();
23377
23653
  this.syncActiveTabIndicator();
23654
+ scrollIntoView(this.activeTab, this.nav, 'horizontal', 'center');
23378
23655
  }, 500);
23379
23656
  });
23380
23657
  this.resizeObserver.observe(this.nav);
@@ -23645,6 +23922,7 @@ const NanoSkeleton = /*@__PURE__*/proxyCustomElement(Skeleton, [1,"nano-skeleton
23645
23922
  const NanoSlide = /*@__PURE__*/proxyCustomElement(Slide$2, [1,"nano-slide",{"ready":[1540]}]);
23646
23923
  const NanoSlides = /*@__PURE__*/proxyCustomElement(Slides, [1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32]}]);
23647
23924
  const NanoSpinner = /*@__PURE__*/proxyCustomElement(Spinner, [1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]);
23925
+ const NanoSplitPane = /*@__PURE__*/proxyCustomElement(SplitPane, [1,"nano-split-pane",{"position":[6146],"positionInPixels":[1026,"position-in-pixels"],"vertical":[516],"disabled":[516],"primary":[1],"snap":[1],"snapThreshold":[2,"snap-threshold"],"animationDuration":[2,"animation-duration"]}]);
23648
23926
  const NanoSticker = /*@__PURE__*/proxyCustomElement(Sticker, [1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32]}]);
23649
23927
  const NanoTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"closable":[4]}]);
23650
23928
  const NanoTabContent = /*@__PURE__*/proxyCustomElement(TabPanel, [1,"nano-tab-content",{"name":[513],"active":[516]}]);
@@ -23692,6 +23970,7 @@ const defineCustomElements = (opts) => {
23692
23970
  NanoSlide,
23693
23971
  NanoSlides,
23694
23972
  NanoSpinner,
23973
+ NanoSplitPane,
23695
23974
  NanoSticker,
23696
23975
  NanoTab,
23697
23976
  NanoTabContent,
@@ -27152,6 +27431,6 @@ const index = /*#__PURE__*/Object.freeze({
27152
27431
  GESTURE_CONTROLLER: GESTURE_CONTROLLER
27153
27432
  });
27154
27433
 
27155
- export { NanoAccordion, NanoAlert, NanoAlgolia, NanoAlgoliaFilter, NanoAlgoliaInput, NanoAlgoliaPagination, NanoAlgoliaResults, NanoAspectRatio, NanoCheckbox, NanoCheckboxGroup, NanoDatalist, NanoDateInput, NanoDatePicker, NanoDetails, NanoDialog, NanoDrawer, NanoDropdown, NanoFileUpload, NanoGlobalNav, NanoGlobalSearchResults, NanoGrid, NanoGridItem, NanoHero, NanoIcon, NanoIconButton, NanoImg, NanoInput, NanoMenu, NanoMenuDrawer, NanoNavItem, NanoOption, NanoRange, NanoRating, NanoResizeObserve, NanoSelect, NanoSkeleton, NanoSlide, NanoSlides, NanoSpinner, NanoSticker, NanoTab, NanoTabContent, NanoTabGroup, NanoTooltip, defineCustomElements, nanoCreateDialog, debounce$1 as nanoDebounce, raf as nanoRaf, nanoShowAlert, nanoShowToast, throttle$1 as nanoThrottle, setAssetPath, setPlatformOptions };
27434
+ export { NanoAccordion, NanoAlert, NanoAlgolia, NanoAlgoliaFilter, NanoAlgoliaInput, NanoAlgoliaPagination, NanoAlgoliaResults, NanoAspectRatio, NanoCheckbox, NanoCheckboxGroup, NanoDatalist, NanoDateInput, NanoDatePicker, NanoDetails, NanoDialog, NanoDrawer, NanoDropdown, NanoFileUpload, NanoGlobalNav, NanoGlobalSearchResults, NanoGrid, NanoGridItem, NanoHero, NanoIcon, NanoIconButton, NanoImg, NanoInput, NanoMenu, NanoMenuDrawer, NanoNavItem, NanoOption, NanoRange, NanoRating, NanoResizeObserve, NanoSelect, NanoSkeleton, NanoSlide, NanoSlides, NanoSpinner, NanoSplitPane, NanoSticker, NanoTab, NanoTabContent, NanoTabGroup, NanoTooltip, defineCustomElements, nanoCreateDialog, debounce$1 as nanoDebounce, raf as nanoRaf, nanoShowAlert, nanoShowToast, throttle$1 as nanoThrottle, setAssetPath, setPlatformOptions };
27156
27435
 
27157
27436
  //# sourceMappingURL=index.js.map