@nanoporetech-digital/components 2.1.2 → 2.2.0

package/dist/collection/components/date-input/date-input.js

@@ -393,7 +393,7 @@ export class DateInput {
         "references": {
           "LocalDateOpts": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -514,7 +514,7 @@ export class DateInput {
         "references": {
           "DaysOfWeek": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/utils/date-utils.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/utils/date-utils.ts"
           }
         }
       },
@@ -538,7 +538,7 @@ export class DateInput {
         "references": {
           "DuetLocalizedText": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -580,7 +580,7 @@ export class DateInput {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -932,7 +932,7 @@ export class DateInput {
         "references": {
           "DateInputChangeEventDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -955,7 +955,7 @@ export class DateInput {
         "references": {
           "ControlValidityEventDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -977,7 +977,7 @@ export class DateInput {
           },
           "ControlValidity": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         },
         "return": "Promise<ControlValidity>"

package/dist/collection/components/date-picker/date-picker.js

@@ -370,7 +370,7 @@ export class DatePicker {
         "references": {
           "DaysOfWeek": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/utils/date-utils.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/utils/date-utils.ts"
           }
         }
       },
@@ -395,7 +395,7 @@ export class DatePicker {
         "references": {
           "DuetLocalizedText": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -418,7 +418,7 @@ export class DatePicker {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -442,7 +442,7 @@ export class DatePicker {
         "references": {
           "DateDisabledPredicate": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -521,7 +521,7 @@ export class DatePicker {
         "references": {
           "PickerChangeEvent": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }

package/dist/collection/components/details/details.js

@@ -234,7 +234,7 @@ export class Details {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },

package/dist/collection/components/dialog/dialog.js

@@ -336,7 +336,7 @@ export class Dialog {
         "references": {
           "StorageMethods": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/utils/store/component-store.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/utils/store/component-store.ts"
           }
         }
       },

package/dist/collection/components/file-upload/file-upload.js

@@ -655,7 +655,7 @@ export class FileUpload {
         "references": {
           "FileWithUrl": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -713,7 +713,7 @@ export class FileUpload {
         "references": {
           "FileInputChangeEventDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -766,7 +766,7 @@ export class FileUpload {
         "references": {
           "ControlValidityEventDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -788,7 +788,7 @@ export class FileUpload {
           },
           "ControlValidity": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         },
         "return": "Promise<ControlValidity>"

package/dist/collection/components/global-nav/global-nav.js

@@ -1353,7 +1353,7 @@ export class GlobalNav {
           },
           "SearchIndex": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -1602,7 +1602,7 @@ export class GlobalNav {
         "references": {
           "AloliaSearchResultDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1622,7 +1622,7 @@ export class GlobalNav {
         "references": {
           "AlgoliaNetworkError": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1642,7 +1642,7 @@ export class GlobalNav {
         "references": {
           "AloliaSearchResultDetail": {
             "location": "import",
-            "path": "/builds/KNNHetV4/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }

package/dist/collection/components/global-search-results/global-search-results.css

@@ -847,15 +847,13 @@
           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;
-  padding: 0 0.75rem;
-  white-space: nowrap;
-}
-@media (max-width: 992px) {
-  .result__date {
-    width: 100%;
-    margin: 0.8em 0 0 0;
-  }
 }
 .result__source {
   color: #455556;
@@ -1036,4 +1034,25 @@
   -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;
 }

package/dist/collection/components/global-search-results/global-search-results.js

@@ -252,14 +252,24 @@ export class GlobalSearchResults {
                 </script>
 
                 <script type="text/template" slot="result-template">
+                  <!-- START NO CONTENT -->
+                  {{ @if ((!it.results || !it.results.length)) }}
+                    <div class="search-empty">
+                      <nano-icon name="light/search" class="search-empty-icon"></nano-icon>
+                      <h2>No matches found...</h2>
+                      <p>Please try a different search query.</p>
+                    </div>
+                  {{ /if }}
+                  <!-- END NO CONTENT -->
                   {{ @if (it.totalHitsWithFilters > 0) }}
                     {{ @each(it.results) => result }}
+                      {{ contentType = result.content_type ? result.content_type : result.type }}
                       <li class="sc-nano-global-search-results">
                         <div class="sc-nano-global-search-results result">
                           <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">
                             <a href="{{ result.url | abs_url(it, result) }}">
-                            {{ result.title | safe }}
-                            {{ @if (result.type === 'technical_document' || result.type === 'literature' || result.type === 'white_paper' || result.type === 'protocol') }}
+                            {{ result._snippetResult.title.value | safe }}
+                            {{ @if (contentType === 'technical_document' || contentType === 'literature' || contentType === 'white_paper' || contentType === 'protocol') }}
                               <span class="sc-nano-global-search-results result__pdf">PDF</span>
                             {{ /if }}
                             </a>
@@ -277,7 +287,7 @@ export class GlobalSearchResults {
                               </a>
                             {{ /if }}
                           {{ /if }}
-                          {{ @if (result.type === 'video' || result.type === 'lc_lightning_talk' ) }}
+                          {{ @if (contentType === 'video' || contentType === 'lc_lightning_talk' ) }}
                             {{ @if (result.name) }}
                               <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>
                             {{ /if }}
@@ -290,17 +300,17 @@ export class GlobalSearchResults {
                               <div class="sc-nano-global-search-results result__body">
                                 <div class="sc-nano-global-search-results result__description">
                                   {{ @if (result.description) }}
-                                    {{ result.description | safe | trim_to(200) }}
+                                    {{ result._snippetResult.description.value | safe }}
                                   {{ /if }}
                                 </div>
                               </div>
                               <div class="sc-nano-global-search-results result__meta">
-                                {{ @if (result.type) }}
+                                {{ @if (result.type || result.content_type) }}
                                   <div class="sc-nano-global-search-results result__type">
-                                  {{ @if (result.type === 'lc_lightning_talk') }}
+                                  {{ @if (contentType === 'lc_lightning_talk') }}
                                     Presentation
                                   {{ #else }}
-                                    {{ result.type }}
+                                    {{ contentType }}
                                   {{ /if }}
                                   </div>
                                 {{ /if }}
@@ -326,14 +336,14 @@ export class GlobalSearchResults {
                             </a>
                           {{ /if }}
                           {{ @if (result.body) }}
-                            <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">{{ result.body | safe | trim_to(200) }}</a>
+                            <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">{{ result._snippetResult.body.value | safe }}</a>
                           {{ /if }}
-                          {{ @if (result.type === 'product' }}
+                          {{ @if (contentType === 'product' }}
                             <div class="sc-nano-global-search-results result__buttons">
                               <a class="sc-nano-global-search-results result__buttons-button" href="{{ result.url | abs_url(it, result) }}">View product</a>
                             </div>
                           {{ /if }}
-                          {{ @if (result.type === 'event') }}
+                          {{ @if (contentType === 'event') }}
                             <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">
                               <div class="sc-nano-global-search-results result__promo-box">
                                 <div class="sc-nano-global-search-results result__promo-bigdate">
@@ -363,43 +373,43 @@ export class GlobalSearchResults {
                               </div>
                             </a>
                           {{ /if }}
-                          {{ @if (result.type !== 'lc_lightning_talk' && result.type !== 'video') }}
+                          {{ @if (contentType !== 'lc_lightning_talk' && contentType !== 'video') }}
                             <div class="sc-nano-global-search-results result__meta">
-                              {{ @if (result.type) }}
+                              {{ @if (result.type || result.content_type) }}
                                 <div class="sc-nano-global-search-results result__type">
-                                {{ @if (result.type === 'news_item') }}
+                                {{ @if (contentType === 'news_item') }}
                                   News
-                                {{ #elif (result.type === 'static_page' || result.type === 'flexible' || result.type === 'bespoke') }}
+                                {{ #elif (contentType === 'static_page' || contentType === 'bespoke') }}
                                   Page
-                                {{ #elif (result.type === 'case_study') }}
+                                {{ #elif (contentType === 'case_study') }}
                                   Case study
-                                {{ #elif (result.type === 'lc_poster') }}
+                                {{ #elif (contentType === 'lc_poster') }}
                                   Poster
-                                {{ #elif (result.type === 'nanopore_live') }}
+                                {{ #elif (contentType === 'nanopore_live') }}
                                   Live stream
-                                {{ #elif (result.type === 'data_release') }}
+                                {{ #elif (contentType === 'data_release') }}
                                   Data release
-                                {{ #elif (result.type === 'research_area') }}
+                                {{ #elif (contentType === 'research_area') }}
                                   Research area
-                                {{ #elif (result.type === 'white_paper') }}
+                                {{ #elif (contentType === 'white_paper') }}
                                   White paper
-                                {{ #elif (result.type === 'technical_document') }}
+                                {{ #elif (contentType === 'technical_document') }}
                                   Technical document
-                                {{ #elif (result.type === 'info_sheet') }}
+                                {{ #elif (contentType === 'info_sheet') }}
                                   Info sheet
-                                {{ #elif (result.type === 'lc_home' || result.type === 'lc_venue') }}
+                                {{ #elif (contentType === 'lc_home' || contentType === 'lc_venue') }}
                                   London Calling
                                 {{ #else }}
-                                  {{ result.type }}
+                                  {{ contentType }}
                                 {{ /if }}
                                 </div>
                               {{ /if }}
-                              {{ @if (!result.type === 'event') }}
+                              {{ @if (contentType !== 'event') }}
                                 {{ @if (result.updated) }}
-                                  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: 'numeric', month: 'short', day: undefined}) }}</div>
+                                  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>
                                 {{ #else }}
                                   {{ @if (result.created) }}
-                                    <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: 'numeric', month: 'short', day: undefined}) }}</div>
+                                    <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>
                                   {{ /if }}
                                 {{ /if }}
                               {{ /if }}