Staging deploy -- f353142

hubmapconsortium · Sep 8, 2023 · a607ee7 · a607ee7
1 parent dbb456e
commit a607ee7
Show file tree

Hide file tree

Showing 110 changed files with 752 additions and 239 deletions.
diff --git a/apps/ftu-ui-small-wc/index.html b/apps/ftu-ui-small-wc/index.html
@@ -6,7 +6,6 @@
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <style type="text/css">@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
     <style type="text/css">@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
-    <script src="ftu-ui-small-wc.js"></script>
     <script>
       window.addEventListener('DOMContentLoaded', () => {
         const ftu = document.getElementById('ftu');

diff --git a/apps/ftu-ui-small-wc/main.js b/apps/ftu-ui-small-wc/main.js
diff --git a/apps/ftu-ui-small-wc/styles.css b/apps/ftu-ui-small-wc/styles.css
diff --git a/apps/ftu-ui/index.html b/apps/ftu-ui/index.html
diff --git a/apps/ftu-ui/main.js b/apps/ftu-ui/main.js
diff --git a/apps/ftu-ui/styles.css b/apps/ftu-ui/styles.css
diff --git a/apps/medical-illustration/index.html b/apps/medical-illustration/index.html
@@ -3,10 +3,42 @@
     <title>Medical Illustration Web Component</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <script></script>
+    <script>
+      window.addEventListener('DOMContentLoaded', () => {
+        const illustrationsUrl = '../assets/TEMP/2d-ftu-illustrations.jsonld';
+        let focusId = '';
+
+        function updateHighlight(node) {
+          if (node.detail) {
+            focusId = node.detail.ontologyId;
+            illustration.highlightId = focusId;
+            illustration2.highlightId = focusId;
+          } else {
+            focusId = '';
+            illustration.highlightId = '';
+            illustration2.highlightId = '';
+          }
+        }
+
+        const illustration = document.getElementById('wc1');
+        illustration.lookupSrc = illustrationsUrl;
+        illustration.illustrationSrc = 'https://purl.humanatlas.io/2d-ftu/pancreas-intercalated-duct';
+        illustration.addEventListener('nodeClicked', (node) => {
+          updateHighlight(node);
+        });
+
+        const illustration2 = document.getElementById('wc2');
+        illustration2.lookupSrc = illustrationsUrl;
+        illustration2.illustrationSrc = 'https://purl.humanatlas.io/2d-ftu/pancreas-pancreatic-acinus';
+        illustration2.addEventListener('nodeClicked', (node) => {
+          updateHighlight(node);
+        });
+      });
+    </script>
   <style>html,body{display:flex;height:100%;width:100%;margin:0}hra-illustration-wc{display:flex;flex:1}</style><link rel="stylesheet" href="styles.60574260076aa62e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.60574260076aa62e.css"></noscript></head>
   <body>
-    <hra-illustration-wc></hra-illustration-wc>
-  <script src="runtime.498e824764bf7e75.js" type="module"></script><script src="polyfills.3666b22a51d20829.js" type="module"></script><script src="main.21a2ea9a9c087919.js" type="module"></script>
+    <hra-illustration-wc id="wc1"></hra-illustration-wc>
+    <hra-illustration-wc id="wc2"></hra-illustration-wc>
+  <script src="runtime.498e824764bf7e75.js" type="module"></script><script src="polyfills.3666b22a51d20829.js" type="module"></script><script src="main.5fc659f6b7b41d2f.js" type="module"></script>
 
 </body></html>
diff --git a/...cal-illustration/main.21a2ea9a9c087919.js → ...cal-illustration/main.5fc659f6b7b41d2f.js b/...cal-illustration/main.21a2ea9a9c087919.js → ...cal-illustration/main.5fc659f6b7b41d2f.js
diff --git a/compodoc/components-atoms/components/EmptyBiomarkerComponent.html b/compodoc/components-atoms/components/EmptyBiomarkerComponent.html
@@ -343,7 +343,7 @@ <h3 id="outputs">Outputs</h3>
     font-weight: 700;
     color: #fff;
     width: 100%;
-    max-width: 17.25rem;
+    max-width: 20rem;
     height: 3rem;
   }
 }

diff --git a/compodoc/components-atoms/components/LabelBoxComponent.html b/compodoc/components-atoms/components/LabelBoxComponent.html
@@ -172,6 +172,7 @@ <h3>Metadata</h3>
   align-items: center;
   padding: 0.75rem 2rem;
   background: #f8f9fa;
+  font-family: &#x27;Inter&#x27;;
 
   .filler {
     flex-grow: 1;

diff --git a/compodoc/components-atoms/documentation.json b/compodoc/components-atoms/documentation.json
@@ -250,7 +250,7 @@
             "assetsDirs": [],
             "styleUrlsData": [
                 {
-                    "data": "@use 'variables' as vars;\n\n:host {\n  display: block;\n  padding: 2.625rem 2rem 2.625rem 2rem;\n\n  .message {\n    color: #243142;\n  }\n\n  .collaborate-button {\n    margin-top: 2rem;\n    font-weight: 700;\n    color: #fff;\n    width: 100%;\n    max-width: 17.25rem;\n    height: 3rem;\n  }\n}\n",
+                    "data": "@use 'variables' as vars;\n\n:host {\n  display: block;\n  padding: 2.625rem 2rem 2.625rem 2rem;\n\n  .message {\n    color: #243142;\n  }\n\n  .collaborate-button {\n    margin-top: 2rem;\n    font-weight: 700;\n    color: #fff;\n    width: 100%;\n    max-width: 20rem;\n    height: 3rem;\n  }\n}\n",
                     "styleUrl": "./empty-biomarker.component.scss"
                 }
             ],
@@ -357,7 +357,7 @@
             "assetsDirs": [],
             "styleUrlsData": [
                 {
-                    "data": ":host {\n  display: flex;\n  align-items: center;\n  padding: 0.75rem 2rem;\n  background: #f8f9fa;\n\n  .filler {\n    flex-grow: 1;\n  }\n}\n",
+                    "data": ":host {\n  display: flex;\n  align-items: center;\n  padding: 0.75rem 2rem;\n  background: #f8f9fa;\n  font-family: 'Inter';\n\n  .filler {\n    flex-grow: 1;\n  }\n}\n",
                     "styleUrl": "./label-box.component.scss"
                 }
             ],

diff --git a/compodoc/components-atoms/js/search/search_index.js b/compodoc/components-atoms/js/search/search_index.js