@coveops/abi 0.5.1 → 0.6.0

package/src/components/results-manager/MediaTemplate.html

@@ -8,40 +8,50 @@
     font-weight: bold;
     margin-right: 0.25rem;
   }
-  atomic-result-section-excerpt{
-    margin-top:2px !important;
+  atomic-result-section-excerpt {
+    font-size: 1.3rem !important;
+    margin-top: 2px !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
-  atomic-result-section-bottom-metadata{
-    margin-top: 2px;
-  }
-  atomic-result-section-bottom-metadata{
+
+  atomic-result-section-bottom-metadata {
     margin-top: 2px;
+    font-size: 1rem !important;
+    color: #A6A6A6 !important;
   }
 
+
   atomic-result-section-title a {
-    color: #F2DC39 !important;
-    font-size: 18px !important;
-    font-weight: 600;
+    color: #CAA144 !important;
+    font-size: 1.7rem !important;
+        max-height: unset !important;
+    line-height: normal !important;
   }
 
-  atomic-result-link a:visited {
-    color: #45130f !important;
+  atomic-result-section-title a:visited {
+    color: black !important;
   }
   atomic-result-section-visual {
-        width: 4rem !important;
+        width: 3rem !important;
         height: 5rem !important;
+        display: grid;
+        align-items: center;
+        justify-content: center;
 
     }
 </style>
 
 <atomic-result-section-visual>
   <atomic-field-condition class="field" must-match-filetype="mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v">
-    <atomic-icon class="icon"></atomic-icon>
-    <img src="https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Movies.png" class="thumbnail">
+    <img src="../images/Images.png" alt="Image" />
+    <!-- <atomic-icon class="icon"></atomic-icon>
+    <img src="https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Movies.png" class="thumbnail"> -->
   </atomic-field-condition>
   <atomic-field-condition class="field" must-match-filetype="gif,jpeg,jpg,png,bmp,Image,mp3,mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v">
-    <atomic-icon class="icon"></atomic-icon>
-    <img src="https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Images.png" class="thumbnail">
+    <img src="../images/Movies.png" alt="Image" />
+    <!-- <atomic-icon class="icon"></atomic-icon>
+    <img src="https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Images.png" class="thumbnail"> -->
   </atomic-field-condition>
   
 </atomic-result-section-visual>

package/src/components/results-manager/PeopleTemplate.html

@@ -9,22 +9,27 @@
     margin-right: 0.25rem;
   }
 
-  atomic-result-section-bottom-metadata{
+  atomic-result-section-bottom-metadata {
     display: grid;
     grid-template-columns: 1fr 1fr;
+    font-size: 1.3rem;
     width: 100%;
     margin-top: 2px;
     max-height: 25rem !important;
   }
-  atomic-result-section-excerpt{
-    margin-top:2px !important;
-  }
+
   atomic-result-section-title{
-    color: #F2DC39 !important;
-    font-size: 18px !important;
-    font-weight: 600;
+    color: #CAA144 !important;
+    font-size: 1.7rem !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
-
+  atomic-result-section-visual {
+        width: 3rem !important;
+        height: 5rem !important;
+        display: grid;
+        align-items: center;
+    }
 </style>
 
 <atomic-result-section-visual>

package/src/components/results-manager/QuickLinksTemplate.html

@@ -15,9 +15,10 @@
   }
 
   atomic-result-section-title a {
-    color: #F2DC39 !important;
-    font-size: 18px;
-    font-weight: 600;
+    color: #CAA144 !important;
+    font-size: 1.7rem !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
 
   atomic-result-section-excerpt {
@@ -25,15 +26,11 @@
     margin-top: 2px !important;
   }
 
-  atomic-result-link a:visited {
-    color: #F2DC39 !important;
+  atomic-result-section-title a:visited {
+    color: black !important;
 
   }
 
-  atomic-result-link a:visited {
-    color: #45130f !important;
-
-  }
 
   atomic-result-section-visual {
     width: 4rem;
@@ -42,22 +39,25 @@
   }
 
   atomic-result-section-visual {
-        width: 4rem !important;
+        width: 3rem !important;
         height: 5rem !important;
-
+        display: grid;
+        align-items: center;
     }
 </style>
 
 <atomic-result-section-visual>
-  <atomic-icon class="icon"></atomic-icon>
-  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="38" height="35" viewBox="0 0 60 50">
+  <!-- <atomic-icon class="icon"></atomic-icon> -->
+  <!-- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="38" height="35" viewBox="0 0 60 50">
     <path d="M0 0 C0.8245166 -0.00478363 1.6490332 -0.00956726 2.49853516 -0.01449585 C4.23667313 -0.01788872 5.97487544 -0.00872903 7.71289062 0.01220703 C10.36733825 0.03898521 13.01755825 0.01244254 15.671875 -0.01953125 C17.36459263 -0.01622704 19.05730763 -0.00982056 20.75 0 C21.93456787 -0.01518173 21.93456787 -0.01518173 23.14306641 -0.03067017 C27.11276955 0.05339275 28.99170918 0.40801499 32.37255859 2.66650391 C35.0441572 6.66575868 35.09944932 9.57732793 35.0390625 14.2890625 C35.04384613 15.1135791 35.04862976 15.9380957 35.05355835 16.78759766 C35.05695122 18.52573563 35.04779153 20.26393794 35.02685547 22.00195312 C35.00007729 24.65640075 35.02661996 27.30662075 35.05859375 29.9609375 C35.05528954 31.65365513 35.04888306 33.34637013 35.0390625 35.0390625 C35.04918365 35.82877441 35.05930481 36.61848633 35.06973267 37.43212891 C34.98566975 41.40183205 34.63104751 43.28077168 32.37255859 46.66162109 C28.37330382 49.3332197 25.46173457 49.38851182 20.75 49.328125 C19.5132251 49.33530045 19.5132251 49.33530045 18.25146484 49.34262085 C16.51332687 49.34601372 14.77512456 49.33685403 13.03710938 49.31591797 C10.38266175 49.28913979 7.73244175 49.31568246 5.078125 49.34765625 C3.38540737 49.34435204 1.69269237 49.33794556 0 49.328125 C-0.78971191 49.33824615 -1.57942383 49.34836731 -2.39306641 49.35879517 C-6.36276955 49.27473225 -8.24170918 48.92011001 -11.62255859 46.66162109 C-14.2941572 42.66236632 -14.34944932 39.75079707 -14.2890625 35.0390625 C-14.29384613 34.2145459 -14.29862976 33.3900293 -14.30355835 32.54052734 C-14.30695122 30.80238937 -14.29779153 29.06418706 -14.27685547 27.32617188 C-14.25007729 24.67172425 -14.27661996 22.02150425 -14.30859375 19.3671875 C-14.30528954 17.67446987 -14.29888306 15.98175487 -14.2890625 14.2890625 C-14.29918365 13.49935059 -14.30930481 12.70963867 -14.31973267 11.89599609 C-14.23566975 7.92629295 -13.88104751 6.04735332 -11.62255859 2.66650391 C-7.62330382 -0.0050947 -4.71173457 -0.06038682 0 0 Z " fill="#090909" transform="translate(13.625,-0.6640625)"></path>
     <path d="M0 0 C5.60625406 3.00563431 11.18661116 6.05492007 16.6875 9.25 C17.51636719 9.72953125 18.34523438 10.2090625 19.19921875 10.703125 C19.79347656 11.13109375 20.38773438 11.5590625 21 12 C21 12.66 21 13.32 21 14 C19.02 14.99 19.02 14.99 17 16 C18.32 17.32 19.64 18.64 21 20 C19.95125002 22.62187494 19.35068687 23.79371361 16.875 25.25 C16.25625 25.4975 15.6375 25.745 15 26 C13.02 24.35 11.04 22.7 9 21 C8.34 21.99 7.68 22.98 7 24 C6.34 24 5.68 24 5 24 C4.35284867 21.9170757 3.70732834 19.83364461 3.0625 17.75 C2.70285156 16.58984375 2.34320312 15.4296875 1.97265625 14.234375 C0.46331884 9.2153735 -0.10177317 5.29220494 0 0 Z " fill="#DCDCDC" transform="translate(19,16)"></path>
     <path d="M0 0 C3.81275879 1.52510352 6.86017055 3.00757127 10.3125 5.125 C11.19550781 5.66382813 12.07851563 6.20265625 12.98828125 6.7578125 C13.65214844 7.16773438 14.31601562 7.57765625 15 8 C13.02 8.99 13.02 8.99 11 10 C11.845625 10.928125 12.69125 11.85625 13.5625 12.8125 C15.00390625 14.39453125 15.00390625 14.39453125 16 16 C15.67 16.99 15.34 17.98 15 19 C12.33333333 17.66666667 9.66666667 16.33333333 7 15 C6.01 15.66 5.02 16.32 4 17 C2.68 11.39 1.36 5.78 0 0 Z " fill="#070707" transform="translate(21,20)"></path>
     <path d="M0 0 C1.98 0.99 1.98 0.99 4 2 C3.8040625 2.53625 3.608125 3.0725 3.40625 3.625 C2.86836562 6.76955484 3.61487629 8.94784926 4.5 12 C6.33802817 18.33802817 6.33802817 18.33802817 5 22 C0.80891282 15.71336924 -0.50995408 7.47932645 0 0 Z " fill="#C9C9C9" transform="translate(19,16)"></path>
     <path d="M0 0 C3.43595166 1.52708963 6.11912454 3.59927045 9 6 C8.01 6.66 7.02 7.32 6 8 C4.02 6.35 2.04 4.7 0 3 C-0.99 4.485 -0.99 4.485 -2 6 C-2.66 6 -3.32 6 -4 6 C-4 5.01 -4 4.02 -4 3 C-2 1.3125 -2 1.3125 0 0 Z " fill="#DFDFDF" transform="translate(28,34)"></path>
     <path d="M0 0 C1 3 1 3 1 5 C2.45833358 6.62514468 2.45833358 6.62514468 4 8 C3.34 9.32 2.68 10.64 2 12 C0.00449854 10.00449854 -0.81376393 8.52075165 -2 6 C-2.37125 5.2575 -2.7425 4.515 -3.125 3.75 C-3.41375 3.1725 -3.7025 2.595 -4 2 C-2.68 1.34 -1.36 0.68 0 0 Z " fill="#C6C6C6" transform="translate(36,28)"></path>
-    </svg>
+    </svg> -->
+    <img src="../images/ProcessPeople.png" alt="Image" />
+
 </atomic-result-section-visual>
 
 <atomic-result-section-title>

package/src/components/results-manager/SitePagesTemplate.html

@@ -14,24 +14,31 @@
     grid-template-columns: 3fr 1fr;
   }
 
+  atomic-result-section-title a:visited {
+    color: black !important;
+
+  }
   atomic-result-section-excerpt {
-    font-size: 13px !important;
+    font-size: 1.3rem !important;
     margin-top:2px !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
 
-  atomic-result-link a:visited {
-    color: #45130f !important;
-
-  }
   atomic-result-section-bottom-metadata a{
-    color: darkgray !important;
+    color: #A6A6A6 !important;
   }
 
   atomic-result-section-bottom-metadata {
+    color: #A6A6A6 !important;
     margin-right: 3px;
     margin-right: 2px;
-    font-size: 10px !important;
+    font-size: 1rem !important;
     line-height: 18px !important;
+    display: grid;
+    grid-template-columns: auto auto auto;
+    gap: 1rem;
+    align-items: center;
   }
 
   atomic-result-date {
@@ -40,21 +47,30 @@
   }
 
   atomic-result-section-title a {
-    color: #F2DC39 !important;
-    font-size: 18px;
-    font-weight: 600;
+    color: #CAA144 !important;
+    font-size: 1.7rem !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
 
 
   atomic-result-section-visual {
-        width: 4rem !important;
+        width: 3rem !important;
         height: 5rem !important;
+        display: grid;
+        align-items: center;
+        justify-content: center;
 
     }
+    atomic-result-section-bottom-metadata span {
+    display: flex;
+    align-items: center;
+  }
 </style>
 
 <atomic-result-section-visual>
-  <atomic-icon class="icon"></atomic-icon>
+  <img src="../images/Default.png" alt="Image" />
+  <!-- <atomic-icon class="icon"></atomic-icon>
   <?xml version="1.0" encoding="UTF-8"?>
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55px" height="55px" viewBox="0 0 65 65" version="1.1">
   <g id="surface1">
@@ -85,7 +101,7 @@
   <path style=" stroke:none;fill-rule:nonzero;fill:rgb(3.529412%,3.529412%,3.529412%);fill-opacity:1;" d="M 17.417969 5.542969 C 17.679688 5.542969 17.9375 5.542969 18.207031 5.542969 C 18.207031 7.371094 18.207031 9.199219 18.207031 11.082031 C 16.902344 11.082031 15.597656 11.082031 14.25 11.082031 C 15.101562 8.777344 15.65625 7.300781 17.417969 5.542969 Z M 17.417969 5.542969 "/>
   <path style=" stroke:none;fill-rule:nonzero;fill:rgb(72.941176%,72.941176%,72.941176%);fill-opacity:1;" d="M 12.667969 27.707031 C 15.625 28.695312 15.980469 29.792969 17.417969 32.457031 C 16.632812 33.632812 16.632812 33.632812 15.832031 34.832031 C 15.3125 34.570312 14.789062 34.3125 14.25 34.042969 C 14.511719 33.519531 14.773438 32.996094 15.042969 32.457031 C 14.300781 30.851562 13.511719 29.265625 12.667969 27.707031 Z M 12.667969 27.707031 "/>
   </g>
-  </svg>
+  </svg> -->
   
 
 </atomic-result-section-visual>
@@ -93,8 +109,7 @@
 <atomic-result-section-title>
   <div class="title-date">
     <atomic-result-link> <a slot="attributes" target="_blank"></a></atomic-result-link>
-    <atomic-result-date></atomic-result-date>
-  </div>
+    </div>
 </atomic-result-section-title>
 
 <atomic-result-section-excerpt>
@@ -102,7 +117,14 @@
 </atomic-result-section-excerpt>
 
 <atomic-result-section-bottom-metadata>
-  <atomic-result-fields-list>
-    <atomic-result-link>  <a slot="attributes" target="_blank"></a><atomic-result-text field="PrintableUri"></atomic-result-text></atomic-result-link>
-  </atomic-result-fields-list>
+  <span>
+    <atomic-text value="Date: &nbsp;"></atomic-text>
+    <atomic-result-date></atomic-result-date>
+  </span><span>
+    <atomic-text value="Source: &nbsp;"></atomic-text><atomic-result-text field="sourcetype"></atomic-result-text>
+  </span><span> <atomic-text value="Sharepoint: &nbsp;"></atomic-text>
+    <atomic-result-link><a slot="attributes" target="_blank"></a>
+      <atomic-result-text field="PrintableUri"></atomic-result-text>
+    </atomic-result-link>
+  </span>
 </atomic-result-section-bottom-metadata>

package/src/components/results-manager/template-1.html

@@ -16,9 +16,9 @@
 
 
   atomic-result-section-bottom-metadata {
-    color: darkgray !important;
+    color: #A6A6A6 !important;
     margin-right: 3px;
-    font-size: 10px !important;
+    font-size: 1rem !important;
     line-height: 18px !important;
   }
 
@@ -28,36 +28,36 @@
   }
 
   atomic-result-section-title a {
-    color: #F2DC39 !important;
-    font-size: 18px !important;;
-    font-weight: 600;
+    color: #CAA144 !important;
+    font-size: 1.7rem !important;;
+    max-height: unset !important;
+    line-height: normal !important;
   }
 
-  atomic-result-section-visual {
-    width: 4rem !important;
-    height: 5rem !important;
-
-  }
 
 
   atomic-result-link a:visited {
-    color: #45130f !important;
+    color: black !important;
   }
 
   atomic-result-section-excerpt {
-    font-size: 13px !important;
+    font-size: 1.3rem !important;
     margin-top: 2px !important;
+    max-height: unset !important;
+    line-height: normal !important;
   }
 
   atomic-result-section-visual {
-    width: 4rem !important;
-    height: 5rem !important;
-
-  }
+        width: 3rem !important;
+        height: 5rem !important;
+        display: grid;
+        align-items: center;
+    }
 </style>
 
 <atomic-result-section-visual>
-  <atomic-icon class="icon"></atomic-icon>
+  <img src="../images/Default.png" alt="Image" />
+  <!-- <atomic-icon class="icon"></atomic-icon>
   <?xml version="1.0" encoding="UTF-8"?>
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55px" height="55px"
     viewBox="0 0 65 65" version="1.1">
@@ -115,24 +115,23 @@
       <path style=" stroke:none;fill-rule:nonzero;fill:rgb(72.941176%,72.941176%,72.941176%);fill-opacity:1;"
         d="M 12.667969 27.707031 C 15.625 28.695312 15.980469 29.792969 17.417969 32.457031 C 16.632812 33.632812 16.632812 33.632812 15.832031 34.832031 C 15.3125 34.570312 14.789062 34.3125 14.25 34.042969 C 14.511719 33.519531 14.773438 32.996094 15.042969 32.457031 C 14.300781 30.851562 13.511719 29.265625 12.667969 27.707031 Z M 12.667969 27.707031 " />
     </g>
-  </svg>
+  </svg> -->
 </atomic-result-section-visual>
 
 <atomic-result-section-title>
   <div class="title-date">
     <atomic-result-link> <a slot="attributes" target="_blank"></a></atomic-result-link>
-    <atomic-result-date></atomic-result-date>
-  </div>
+    </div>
 </atomic-result-section-title>
 
 <atomic-result-section-excerpt>
   <atomic-result-text field="excerpt"></atomic-result-text>
 </atomic-result-section-excerpt>
 
-<atomic-result-section-bottom-metadata>
+<!-- <atomic-result-section-bottom-metadata>
   <atomic-result-fields-list>
     <atomic-result-link> <a slot="attributes" target="_blank"></a>
       <atomic-result-text field="PrintableUri"></atomic-result-text>
     </atomic-result-link>
   </atomic-result-fields-list>
-</atomic-result-section-bottom-metadata>
+</atomic-result-section-bottom-metadata> -->

package/src/components/strip-html-component/strip-html-component.tsx

@@ -69,7 +69,7 @@ export class StripHtmlComponent {
 
 
     return (
-      <div style={{ fontSize: "13px" }}>
+      <div style={{ fontSize: "1.3rem", maxHeight: "none", lineHeight: "normal"  }}>
         {strippedString}
       </div>
     );

package/src/index.ts

@@ -12,6 +12,17 @@ async function main() {
     accessToken,
     organizationId,
     platformUrl,
+    preprocessRequest: (request, clientOrigin, metadata) => {
+      if(clientOrigin == "searchApiFetch" && metadata?.method == "search") {
+        request.url += '&viewAllContent=1';
+        var body = JSON.parse(request.body as string);
+        body.context = {
+          "user_country_snow": "CZ"
+        };
+        request.body = JSON.stringify(body);
+      }
+      return request;
+    }
   });
 
   searchInterface.executeFirstSearch();

package/src/pages/index.html

@@ -71,16 +71,15 @@
               <atomic-facet field="abicontenttype" label="Filetype"></atomic-facet>
               <atomic-facet field="source" label="Source"></atomic-facet>
             </atomic-facet-manager>
-          </atomic-layout-section> -->
+        </atomic-layout-section> -->
         <atomic-layout-section section="main">
           <atomic-layout-section section="status">
             <atomic-breadbox></atomic-breadbox>
             <atomic-query-summary enable-duration="true"></atomic-query-summary>
             <atomic-refine-toggle></atomic-refine-toggle>
-            <!-- <atomic-sort-dropdown>
+            <atomic-sort-dropdown>
               <atomic-sort-expression label="relevance" expression="relevancy"></atomic-sort-expression>
-              <atomic-sort-expression label="most-recent" expression="date descending"></atomic-sort-expression>
-            </atomic-sort-dropdown> -->
+            </atomic-sort-dropdown>
             <atomic-did-you-mean></atomic-did-you-mean>
           </atomic-layout-section>
           <atomic-layout-section section="results">

package/src/style/index.css

@@ -25,20 +25,32 @@ atomic-search-box::part(submit-icon) {
   color: black;
 }
 
-atomic-pager::part(active-page-button) {
-  background-color: #1d4f76;
-  color: #cddee9;
-
+atomic-pager::part(page-button) {
+  color: #a6a6a6;
+  border: thin solid #a6a6a6;
+  border-radius: 0px;
 }
 
-atomic-pager::part(page-button) {
-  color: #cddee9;
+atomic-pager::part(active-page-button) {
+  background-color: #caa144;
+  color: #000;
 }
 
-atomic-pager::part(page-button) {
-  border: thin solid #7e8c9a;
+atomic-pager::part(next-button),
+atomic-pager::part(previous-button) {
+  color: #caa144;
+  border: thin solid #a6a6a6;
   border-radius: 0px;
 }
+
+atomic-pager::part(next-button):hover,
+atomic-pager::part(previous-button):hover,
+atomic-pager::part(page-button):hover {
+  border-color: #caa144;
+  color: #caa144;
+  cursor: pointer;
+}
+
 atomic-modal#faq-modal::part(header-wrapper) {
   display: grid;
   width: 100%;
@@ -48,7 +60,7 @@ atomic-modal#faq-modal::part(header-wrapper) {
 
 atomic-result-section-visual {
     height: 6rem !important;
-    width: 4rem !important;
+    width: 3rem !important;
 }
 
 atomic-modal::part(backdrop){
@@ -61,3 +73,6 @@ atomic-modal::part(body){
   max-width: none;
   }
 
+  atomic-search-box::part(recent-query-text), 
+  atomic-search-box::part(input), 
+  atomic-search-box::part(query-suggestion-text) {font-size: 1.3rem !important}

package/stencil.config.ts

@@ -20,10 +20,15 @@ export const config: Config = {
           dest: "atomic",
           keepDirStructure: false,
         },
+        { src: "images", dest: "", keepDirStructure: true }, 
+        { src: "images", dest: "dist", keepDirStructure: true }, 
       ],
     },
     {
       type: "dist",
+      copy: [
+        { src: "images", dest: "", keepDirStructure: true },
+      ],
     },
     {
       type: "dist-custom-elements-bundle",

package/dist/abi/p-5a5f74eb.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as s,H as o}from"./p-52c70e74.js";import{i as c,F as e}from"./p-0f4a7ce9.js";import{r as n}from"./p-b83bab81.js";import"./p-d20ee37c.js";const a=class{constructor(i){t(this,i),this.closeFAQModal=()=>{this.modalElement.setAttribute("is-open","false"),this.modalElement.querySelector("#btn-done").removeEventListener("click",this.closeFAQModal)}}async connectedCallback(){var t;try{this.bindings=await c(this.host),this.result=await n(this.host),this.modalElement=null===(t=this.bindings)||void 0===t?void 0:t.interfaceElement.querySelector("#faq-modal")}catch(t){console.error(t),this.host.remove()}}openFAQModal(t){var i,s,o,c;if(this.bindings){const{logClickEvent:i}=e(this.bindings.engine);this.bindings.engine.dispatch(i({evt:"documentQuickview",result:t}))}this.modalElement.source=this.host,this.modalElement.querySelector("[slot=header]").children[0].innerHTML="Question: "+((null===(i=this.result)||void 0===i?void 0:i.title)||"");const n=this.modalElement.querySelector("[slot=body]");n.innerHTML="";const a=document.createElement("div");a.style.display="flex",a.style.gap="16px";const h=document.createElement("div");h.innerText="Answer:",a.appendChild(h);const l=(null===(s=this.result)||void 0===s?void 0:s.raw.answer)||"",r=document.createElement("div");r.innerHTML=l,a.appendChild(r),n.appendChild(a);const d=document.createElement("div");d.innerHTML="Category: "+((null===(o=this.result)||void 0===o?void 0:o.raw.category)||""),n.appendChild(d);const v=document.createElement("div"),m=(null===(c=this.result)||void 0===c?void 0:c.raw.newmoreinfo)||"";v.innerHTML=`Link: <a href="${m}" target="_blank">${m}</a>`,n.appendChild(v),this.modalElement.querySelector("#faq-modal-close").addEventListener("click",this.closeFAQModal),this.modalElement.setAttribute("is-open","true")}render(){if(this.result)return i(o,{className:"clickable-host",onClick:()=>this.openFAQModal(this.result)},this.result.title)}get host(){return s(this)}};a.style="b{color:var(--atomic-primary)}";export{a as faq_popup_component}