@coveops/abi 0.6.0 → 0.8.0

package/dist/esm/abi.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-8b0b351b.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-99665e7c.js';
 
 /*
  Stencil Client Patch Browser v2.17.3 | MIT Licensed | https://stenciljs.com

package/dist/esm/faq-popup-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './index-8b0b351b.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-99665e7c.js';
 import { i as initializeBindings, F as Fde } from './index-42e9a708.js';
 import { r as resultContext } from './result-template-decorators-881a4c8e-ed85ad21.js';
 import './headless.esm-085e70ed-c4dfb380.js';
@@ -41,36 +41,53 @@ const FaqPopupComponent = class {
       this.bindings.engine.dispatch(logClickEvent(logClickPayload));
     }
     this.modalElement.source = this.host;
-    this.modalElement.querySelector('[slot=header]').children[0].innerHTML = 'Question: ' + (((_a = this.result) === null || _a === void 0 ? void 0 : _a.title) || '');
     // Get the body slot
     const bodySlot = this.modalElement.querySelector('[slot=body]');
     // Clear any existing content
     bodySlot.innerHTML = '';
-    const answerElement = document.createElement('div');
-    answerElement.style.display = 'flex';
-    answerElement.style.gap = '16px';
+    const tableEl = document.createElement('table');
+    const questionElement = document.createElement("tr");
+    questionElement.className = "question-row";
+    questionElement.innerHTML = '<td>Question: </td> <td>' + (((_a = this.result) === null || _a === void 0 ? void 0 : _a.title) || '') + '</td>'
+      + '<div id="faq-modal-close-button"><svg width="48" height="49" viewBox="0 0 48 49" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="0.5" width="48" height="48" rx="24" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5382 24.5L15 16.9618L16.4618 15.5L24 23.0382L31.5382 15.5L33 16.9618L25.4618 24.5L33 32.0382L31.5382 33.5L24 25.9618L16.4618 33.5L15 32.0382L22.5382 24.5Z" fill="#17171A"/></svg></div>';
+    tableEl.appendChild(questionElement);
+    const answerElement = document.createElement('tr');
     // Create the answer title element and set its text
-    const answerTitleElement = document.createElement('div');
+    const answerTitleElement = document.createElement('td');
     answerTitleElement.innerText = 'Answer:';
     answerElement.appendChild(answerTitleElement);
-    // Get the answer from the result object
-    const answerContent = ((_b = this.result) === null || _b === void 0 ? void 0 : _b.raw.answer) || '';
     // Create a new element to contain the answer content
-    const answerContentElement = document.createElement('div');
-    answerContentElement.innerHTML = answerContent;
+    const answerContentElement = document.createElement('td');
+    answerContentElement.innerHTML = ((_b = this.result) === null || _b === void 0 ? void 0 : _b.raw.answer) || '';
     // Append the answer content element to the answer element
     answerElement.appendChild(answerContentElement);
     // Now, the answer element has the title and the content properly appended
-    bodySlot.appendChild(answerElement);
+    tableEl.appendChild(answerElement);
+    if ((_c = this.result) === null || _c === void 0 ? void 0 : _c.raw.category) {
+      const categoryElement = document.createElement("tr");
+      categoryElement.innerHTML = '<td> Category: </td><td>' + this.result.raw.category + '</td>';
+      tableEl.appendChild(categoryElement);
+    }
+    if ((_d = this.result) === null || _d === void 0 ? void 0 : _d.raw.newmoreinfo) {
+      const linkElement = document.createElement("tr");
+      const linkUrl = this.result.raw.newmoreinfo;
+      linkElement.innerHTML = '<td> Link: </td><td> <a href="' + linkUrl + '" target="_blank">' + linkUrl + '</a> </td>';
+      tableEl.appendChild(linkElement);
+    }
     // Create and append the category element
-    const categoryElement = document.createElement('div');
-    categoryElement.innerHTML = 'Category: ' + (((_c = this.result) === null || _c === void 0 ? void 0 : _c.raw.category) || '');
+    /*const categoryElement = document.createElement('div');
+    categoryElement.innerHTML = 'Category: ' + (this.result?.raw.category || '');
     bodySlot.appendChild(categoryElement);
+
+
+
+
     const linkElement = document.createElement('div');
-    const linkUrl = ((_d = this.result) === null || _d === void 0 ? void 0 : _d.raw.newmoreinfo) || '';
+    const linkUrl = this.result?.raw.newmoreinfo || '';
     linkElement.innerHTML = `Link: <a href="${linkUrl}" target="_blank">${linkUrl}</a>`;
-    bodySlot.appendChild(linkElement);
-    this.modalElement.querySelector('#faq-modal-close').addEventListener('click', this.closeFAQModal);
+    bodySlot.appendChild(linkElement);*/
+    bodySlot.appendChild(tableEl);
+    this.modalElement.querySelector('#faq-modal-close-button').addEventListener('click', this.closeFAQModal);
     this.modalElement.setAttribute('is-open', 'true');
     if (this.result) {
       localStorage.setItem(`visited-${this.result.title}`, 'true');

package/dist/esm/{index-8b0b351b.js → index-99665e7c.js}

@@ -118,6 +118,11 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  * Don't add values to these!!
  */
 const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const HTML_NS = 'http://www.w3.org/1999/xhtml';
 const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
@@ -353,8 +358,15 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
     }
     else {
+        if (!isSvgMode) {
+            isSvgMode = newVNode.$tag$ === 'svg';
+        }
         // create element
-        elm = newVNode.$elm$ = (doc.createElement(newVNode.$tag$));
+        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$tag$)
+            );
+        if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
+            isSvgMode = false;
+        }
         // add css classes, attrs, props, listeners, etc.
         {
             updateElement(null, newVNode, isSvgMode);
@@ -375,6 +387,16 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
                 }
             }
         }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (elm.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
     }
     return elm;
 };
@@ -481,8 +503,14 @@ const patch = (oldVNode, newVNode) => {
     const elm = (newVNode.$elm$ = oldVNode.$elm$);
     const oldChildren = oldVNode.$children$;
     const newChildren = newVNode.$children$;
+    const tag = newVNode.$tag$;
     const text = newVNode.$text$;
     if (text === null) {
+        {
+            // test if we're rendering an svg element, or still rendering nodes inside of one
+            // only add this to the when the compiler sees we're using an svg somewhere
+            isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
+        }
         // element node
         {
             {
@@ -509,6 +537,9 @@ const patch = (oldVNode, newVNode) => {
             // no new child vnodes, but there are old child vnodes to remove
             removeVnodes(oldChildren, 0, oldChildren.length - 1);
         }
+        if (isSvgMode && tag === 'svg') {
+            isSvgMode = false;
+        }
     }
     else if (oldVNode.$text$ !== text) {
         // update the text content for the text only vnode

package/dist/esm/index.js

@@ -5,7 +5,7 @@ async function main() {
   const searchInterface = document.querySelector("atomic-search-interface");
   const platformUrl = "https://platform.cloud.coveo.com";
   const organizationId = "anheuserbuschinbevprod";
-  const accessToken = "x0e506b82-043a-4eea-b18d-ee82aab46562";
+  const accessToken = "x831705fd-ca93-4aa8-b4c6-c965a24c5f50";
   await searchInterface.initialize({
     accessToken,
     organizationId,

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-8b0b351b.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-99665e7c.js';
 
 /*
  Stencil Client Patch Esm v2.17.3 | MIT Licensed | https://stenciljs.com