@coveops/abi 1.5.8 → 2.0.0

package/dist/collection/components/faq-popup-component/faq-popup-component.js

@@ -1,162 +0,0 @@
-import { Component, h, Element, State, Host, Prop } from "@stencil/core";
-import { loadGenericAnalyticsActions } from '@coveo/headless';
-import { resultContext, initializeBindings } from "@coveo/atomic";
-export class FaqPopupComponent {
-  constructor() {
-    this.closeFAQModal = () => {
-      this.modalElement.setAttribute('is-open', 'false');
-      this.modalElement.querySelector('#btn-done').removeEventListener('click', this.closeFAQModal);
-    };
-  }
-  // We recommended fetching the result context using the `connectedCallback` lifecycle method
-  // with async/await. Using `componentWillLoad` will hang the parent `atomic-search-interface` initialization.
-  async connectedCallback() {
-    var _a;
-    try {
-      this.bindings = await initializeBindings(this.host);
-      this.result = await resultContext(this.host);
-      this.modalElement = (_a = this.bindings) === null || _a === void 0 ? void 0 : _a.interfaceElement.querySelector('#faq-modal');
-      if (this.result && localStorage.getItem(`visited-${this.result.title}`)) {
-        this.host.classList.add('visited-title');
-      }
-    }
-    catch (error) {
-      console.error(error);
-      this.host.remove();
-    }
-  }
-  openFAQModal(result) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (this.bindings) {
-      const { logClickEvent } = loadGenericAnalyticsActions(this.bindings.engine);
-      const logClickPayload = {
-        evt: 'documentQuickview',
-        result: result,
-      };
-      this.bindings.engine.dispatch(logClickEvent(logClickPayload));
-    }
-    this.modalElement.source = this.host;
-    // Get the body slot
-    const bodySlot = this.modalElement.querySelector('[slot=body]');
-    // Clear any existing content
-    bodySlot.innerHTML = '';
-    const tableEl = document.createElement('table');
-    const questionElement = document.createElement("tr");
-    questionElement.className = "question-row";
-    questionElement.innerHTML = '<td>Question: <a href="https://anheuserbuschinbev.sharepoint.com" autofocus="true" style="display:none;"></a></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('td');
-    answerTitleElement.innerText = 'Answer:';
-    answerElement.appendChild(answerTitleElement);
-    // Create a new element to contain the answer content
-    const answerContentElement = document.createElement('td');
-    if ((_c = (_b = this.result) === null || _b === void 0 ? void 0 : _b.raw) === null || _c === void 0 ? void 0 : _c.answer) {
-      let value = (_e = (_d = this.result) === null || _d === void 0 ? void 0 : _d.raw) === null || _e === void 0 ? void 0 : _e.answer;
-      try {
-        var els = new DOMParser().parseFromString(value, 'text/html');
-        var html = '';
-        Array.from(els.children).forEach(el => {
-          var _a;
-          el.querySelectorAll('a').forEach(a => {
-            if (a.href.startsWith(window.location.origin) && a.href.indexOf('/sites/') > -1) {
-              a.href = a.href.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
-            }
-            if (a.href.startsWith(window.location.origin) && a.href.match(/:.:\/./)) {
-              a.href = a.href.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
-            }
-          });
-          el.querySelectorAll('img').forEach(a => {
-            if (a.src.startsWith(window.location.origin) && a.src.indexOf('/sites/') > -1) {
-              a.src = a.src.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
-            }
-            if (a.src.startsWith(window.location.origin) && a.src.match(/:.:\/./)) {
-              a.src = a.src.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
-            }
-          });
-          html = html + ((_a = el.querySelector('body')) === null || _a === void 0 ? void 0 : _a.innerHTML);
-        });
-        answerContentElement.innerHTML = html;
-      }
-      catch (e) {
-        console.log(e);
-        answerContentElement.innerHTML = value;
-      }
-    }
-    // Append the answer content element to the answer element
-    answerElement.appendChild(answerContentElement);
-    // Now, the answer element has the title and the content properly appended
-    tableEl.appendChild(answerElement);
-    if ((_f = this.result) === null || _f === void 0 ? void 0 : _f.raw.category) {
-      const categoryElement = document.createElement("tr");
-      categoryElement.innerHTML = '<td> Category: </td><td>' + this.result.raw.category + '</td>';
-      tableEl.appendChild(categoryElement);
-    }
-    if ((_g = this.result) === null || _g === void 0 ? void 0 : _g.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: ' + (this.result?.raw.category || '');
-    bodySlot.appendChild(categoryElement);
-
-
-
-
-    const linkElement = document.createElement('div');
-    const linkUrl = this.result?.raw.newmoreinfo || '';
-    linkElement.innerHTML = `Link: <a href="${linkUrl}" target="_blank">${linkUrl}</a>`;
-    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');
-    }
-    // Add the class to change color
-    this.host.classList.add('visited-title');
-  }
-  render() {
-    if (!this.result) {
-      return;
-    }
-    const cssCondition = this.origin === 'searchResult' ? 'search-css' : '';
-    return (h(Host, { className: `clickable-host ${cssCondition}`, onClick: () => this.openFAQModal(this.result) }, this.result.title));
-  }
-  static get is() { return "faq-popup-component"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["faq-popup-component.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["faq-popup-component.css"]
-  }; }
-  static get properties() { return {
-    "origin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "origin",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "result": {}
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/recs-initialization-helper/recs-initialization-helper.js

@@ -1,66 +0,0 @@
-import { initializeBindings } from "@coveo/atomic";
-import { Component, Element, Prop } from "@stencil/core";
-import { waitForAtomic } from "../../utils/atomic";
-import { buildContext } from "@coveo/headless";
-export class RecsInitializationHelper {
-  async connectedCallback() {
-    var _a;
-    try {
-      await waitForAtomic();
-      this.bindings = await initializeBindings(this.host);
-      let toDate = new Date().toISOString();
-      let fromDate = new Date();
-      if (fromDate.getMonth() == 1) {
-        fromDate.setMonth(12);
-        fromDate.setFullYear(fromDate.getFullYear() - 1);
-      }
-      else {
-        fromDate.setMonth(fromDate.getMonth() - 1);
-      }
-      let filter = encodeURIComponent(`(clicks.c_context_user_country_snow=='${this.userCountry}')`);
-      let url = `https://${(_a = this.bindings) === null || _a === void 0 ? void 0 : _a.engine.state.configuration.organizationId}.admin.org.coveo.com/rest/ua/v15/stats/combinedData?from=${fromDate.toISOString()}&to=${toDate}&m=DocumentView&d=documentTitle&d=documentURL&d=clicks.c_context_user_country_snow&d=documentSysUriHash&f=${filter}&p=1&n=10&s=DocumentView&asc=false&includeMetadata=true`;
-      const reqHeaders = new Headers();
-      reqHeaders.append("authorization", "Bearer xxf42da36f-db11-4565-8358-8bac8c307236");
-      const requestOptions = {
-        method: "GET",
-        headers: reqHeaders
-      };
-      let response = await fetch(url, requestOptions);
-      response = await response.json();
-      debugger;
-      if (response.combinations.length > 0) {
-        let dqExp = response.combinations.map((c) => c.documentSysUriHash);
-        buildContext(this.bindings.engine).add("dqExp", dqExp);
-        this.bindings.interfaceElement.getRecommendations();
-      }
-      else {
-        this.bindings.interfaceElement.style.display = "none";
-      }
-    }
-    catch (error) {
-      console.error(error);
-    }
-  }
-  static get is() { return "recs-initialization-helper"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "userCountry": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "user-country",
-      "reflect": false
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/recs-results-manager/recs-results-manager.js

@@ -1,39 +0,0 @@
-import { Component, h } from "@stencil/core";
-import { waitForRecsAtomic } from "../../utils/atomic";
-import FaqTemplateRec from "./FaqTemplateRec.html";
-import QuickLinksRec from "./QuickLinksRec.html";
-import defaultRec from "./defaultRec.html";
-import SitePagesTemplateRec from "./SitePagesTemplateRec.html";
-import KATemplateRec from "./KATemplateRec.html";
-import AppTemplateRec from "./AppTemplateRec.html";
-import ELearningTemplateRec from "./ELearningTemplateRec.html";
-import DocumentsTemplateRec from "./DocumentsTemplateRec.html";
-/**
- * Component used to manage results & result templates.
- * See https://docs.coveo.com/en/atomic/latest/usage/create-a-result-list/
- */
-export class RecsResultsManager {
-  async componentWillLoad() {
-    return waitForRecsAtomic();
-  }
-  render() {
-    return (h("atomic-recs-list", { "number-of-recommendations": "5" },
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'FAQ' },
-        h("template", { innerHTML: FaqTemplateRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'Quick Links' },
-        h("template", { innerHTML: QuickLinksRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'Site Pages' },
-        h("template", { innerHTML: SitePagesTemplateRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'Knowledge Article' },
-        h("template", { innerHTML: KATemplateRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'Application' },
-        h("template", { innerHTML: AppTemplateRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'eLearning' },
-        h("template", { innerHTML: ELearningTemplateRec })),
-      h("atomic-recs-result-template", { "must-match-abicontenttype": 'Documents' },
-        h("template", { innerHTML: DocumentsTemplateRec })),
-      h("atomic-recs-result-template", null,
-        h("template", { innerHTML: defaultRec }))));
-  }
-  static get is() { return "recs-results-manager"; }
-}

package/dist/collection/components/results-manager/results-manager.js

@@ -1,50 +0,0 @@
-import { Component, h } from "@stencil/core";
-import { waitForAtomic } from "../../utils/atomic";
-import template1 from "./template-1.html";
-import SitePagesTemplate from "./SitePagesTemplate.html";
-import KATemplate from "./KATemplate.html";
-import FAQTemplate from "./FAQTemplate.html";
-import QuickLinksTemplate from "./QuickLinksTemplate.html";
-import AppTemplate from "./AppTemplate.html";
-import ELearningTemplate from "./ELearningTemplate.html";
-import PeopleTemplate from "./PeopleTemplate.html";
-import DocumentsTemplate from "./DocumentsTemplate.html";
-import MediaTemplate from "./MediaTemplate.html";
-import PeopleSnowTemplate from './PeopleSnowTemplate.html';
-/**
- * Component used to manage results & result templates.
- * See https://docs.coveo.com/en/atomic/latest/usage/create-a-result-list/
- */
-export class ResultsManager {
-  async componentWillLoad() {
-    return waitForAtomic();
-  }
-  render() {
-    return (h("atomic-result-list", null,
-      h("atomic-result-template", { "must-match-filetype": 'mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v,gif,jpeg,jpg,png,bmp,Image,mp3,mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v,mpg' },
-        h("template", { innerHTML: MediaTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": "Site Pages" },
-        h("template", { innerHTML: SitePagesTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": "Knowledge Article" },
-        h("template", { innerHTML: KATemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'FAQ' },
-        h("template", { innerHTML: FAQTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'Quick Links' },
-        h("template", { innerHTML: QuickLinksTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'Application' },
-        h("template", { innerHTML: AppTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'eLearning' },
-        h("template", { innerHTML: ELearningTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'People', "must-match-objecttype": 'Account' },
-        h("template", { innerHTML: PeopleTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'People', "must-match-filetype": 'sys_user' },
-        h("template", { innerHTML: PeopleSnowTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'Documents' },
-        h("template", { innerHTML: DocumentsTemplate })),
-      h("atomic-result-template", { "must-match-abicontenttype": 'Media' },
-        h("template", { innerHTML: MediaTemplate })),
-      h("atomic-result-template", null,
-        h("template", { innerHTML: template1 }))));
-  }
-  static get is() { return "results-manager"; }
-}

package/dist/collection/components/sample-component/sample-component.css

@@ -1,10 +0,0 @@
-nav {
-  width: 300px;
-  display: flex;
-  justify-content: space-around;
-}
-
-button {
-  color: var(--atomic-on-primary);
-  background-color: var(--atomic-primary);
-}

package/dist/collection/components/sample-component/sample-component.js

@@ -1,102 +0,0 @@
-import { initializeBindings } from "@coveo/atomic";
-import { Component, Element, h, State, forceUpdate } from "@stencil/core";
-import { buildSearchStatus, buildPager, } from "@coveo/headless";
-import { waitForAtomic } from "../../utils/atomic";
-/**
- * Sample custom Atomic component, initializing itself against a parent search interface in order to retrieve the bindings.
- *
- * This component showcases a custom-made pagination component, for educational purposes.
- *
- * In a real life scenario, we recommend using either [atomic-pager](https://docs.coveo.com/en/atomic/latest/reference/components/atomic-pager/) or [atomic-load-more-results](https://docs.coveo.com/en/atomic/latest/reference/components/atomic-load-more-results/) instead.
- */
-export class SampleComponent {
-  constructor() {
-    // When disconnecting components from the page, we recommend removing
-    // state change listeners as well by calling the unsubscribe methods.
-    this.pagerUnsubscribe = () => { };
-    this.statusUnsubscribe = () => { };
-    this.i18nUnsubscribe = () => { };
-  }
-  // We recommend initializing the bindings and the Headless controllers
-  // using the `connectedCallback` lifecycle method with async/await.
-  // Using `componentWillLoad` will hang the parent atomic-search-interface initialization.
-  async connectedCallback() {
-    try {
-      // Wait for the Atomic to load and bindings to be resolved.
-      await waitForAtomic();
-      this.bindings = await initializeBindings(this.host);
-      // Initialize controllers.
-      const statusController = buildSearchStatus(this.bindings.engine);
-      this.pagerController = buildPager(this.bindings.engine);
-      // Subscribe to controller state changes.
-      this.statusUnsubscribe = statusController.subscribe(() => (this.statusState = statusController.state));
-      this.pagerUnsubscribe = this.pagerController.subscribe(() => (this.pagerState = this.pagerController.state));
-      // (Optional) To use if component needs to rerender when the Atomic i18n language changes.
-      // If your component does not use any strings or does not support multiple languages,
-      // you can ignore everything related to i18n.
-      const updateLanguage = () => forceUpdate(this);
-      this.bindings.i18n.on("languageChanged", updateLanguage);
-      this.i18nUnsubscribe = () => this.bindings.i18n.off("languageChanged", updateLanguage);
-    }
-    catch (error) {
-      console.error(error);
-      this.error = error;
-    }
-  }
-  // The `disconnectedCallback` lifecycle method should be used to unsubcribe controllers and
-  // possibly the i18n language change listener.
-  disconnectedCallback() {
-    this.pagerUnsubscribe();
-    this.statusUnsubscribe();
-    this.i18nUnsubscribe();
-  }
-  get pages() {
-    const pages = this.pagerState.currentPages;
-    return pages.map((page) => this.buildPage(page));
-  }
-  buildPage(page) {
-    const isSelected = this.pagerController.isCurrentPage(page);
-    return (h("button", { onClick: () => {
-        this.pagerController.selectPage(page);
-      } },
-      isSelected ? "✓ " : "",
-      page.toLocaleString(this.bindings.i18n.language)));
-  }
-  get previous() {
-    return (h("button", { onClick: () => {
-        this.pagerController.previousPage();
-      } },
-      h("atomic-text", { value: "previous" })));
-  }
-  get next() {
-    return (h("button", { onClick: () => {
-        this.pagerController.nextPage();
-      } },
-      h("atomic-text", { value: "next" })));
-  }
-  render() {
-    if (this.error) {
-      return (h("p", null, "Error when initializing the component, please view the console for more information."));
-    }
-    if (!this.bindings || !this.statusState.hasResults) {
-      return;
-    }
-    return (h("nav", null,
-      this.pagerState.hasPreviousPage && this.previous,
-      this.pages,
-      this.pagerState.hasNextPage && this.next));
-  }
-  static get is() { return "sample-component"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sample-component.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sample-component.css"]
-  }; }
-  static get states() { return {
-    "pagerState": {},
-    "statusState": {}
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/standalone-searchbox-listener/standalone-searchbox-listener.css

@@ -1 +0,0 @@
-

package/dist/collection/components/standalone-searchbox-listener/standalone-searchbox-listener.js

@@ -1,50 +0,0 @@
-import { initializeBindings } from "@coveo/atomic";
-import { Component, Element, h, Host, Listen } from "@stencil/core";
-import { waitForAtomic } from "../../utils/atomic";
-import { loadPaginationActions, loadQueryActions, loadSearchActions, loadSearchAnalyticsActions } from "@coveo/headless";
-export class StandaloneSearchboxListener {
-  async connectedCallback() {
-    var _a;
-    try {
-      await waitForAtomic();
-      this.bindings = await initializeBindings(this.host);
-      (_a = this.bindings) === null || _a === void 0 ? void 0 : _a.i18n.addResourceBundle('en', 'translation', {
-        "search-tips": "You may want to try using different keywords or checking for spelling mistakes."
-      });
-    }
-    catch (error) {
-      console.error(error);
-    }
-  }
-  async handleStandaloneSearchbox(ev) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    let queryActionCreator = loadQueryActions((_a = this.bindings) === null || _a === void 0 ? void 0 : _a.engine);
-    (_c = (_b = this.bindings) === null || _b === void 0 ? void 0 : _b.engine) === null || _c === void 0 ? void 0 : _c.dispatch(queryActionCreator.updateQuery({
-      q: ev.detail
-    }));
-    let paginationActionCreator = loadPaginationActions((_d = this.bindings) === null || _d === void 0 ? void 0 : _d.engine);
-    (_f = (_e = this.bindings) === null || _e === void 0 ? void 0 : _e.engine) === null || _f === void 0 ? void 0 : _f.dispatch(paginationActionCreator.updatePage(1));
-    let analyticsActionCreator = loadSearchAnalyticsActions((_g = this.bindings) === null || _g === void 0 ? void 0 : _g.engine);
-    let searchActionCreator = loadSearchActions((_h = this.bindings) === null || _h === void 0 ? void 0 : _h.engine);
-    (_k = (_j = this.bindings) === null || _j === void 0 ? void 0 : _j.engine) === null || _k === void 0 ? void 0 : _k.dispatch(searchActionCreator.executeSearch(analyticsActionCreator.logSearchboxSubmit()));
-  }
-  render() {
-    return (h(Host, null));
-  }
-  static get is() { return "standalone-searchbox-listener"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["standalone-searchbox-listener.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["standalone-searchbox-listener.css"]
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "header/searchbox/query",
-      "method": "handleStandaloneSearchbox",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/strip-html-component/strip-html-component.css

@@ -1,3 +0,0 @@
-b {
-    color: var(--atomic-primary);
-  }

package/dist/collection/components/strip-html-component/strip-html-component.js

@@ -1,64 +0,0 @@
-import { Component, h, Element, State } from "@stencil/core";
-import { resultContext } from "@coveo/atomic";
-/**
- * Sample custom Atomic result component, to be used inside an Atomic Result Template.
- *
- * This component showcases a component that conditionally renders the author of a result, with a fallback to display "anonymous" in the event that no author is available for a document, for educational purposes.
- *
- * In a real life scenario, we recommend using [result-field-condition](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-field-condition/) and [atomic-result-text](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-result-text/).
- */
-export class StripHtmlComponent {
-  // We recommended fetching the result context using the `connectedCallback` lifecycle method
-  // with async/await. Using `componentWillLoad` will hang the parent `atomic-search-interface` initialization.
-  async connectedCallback() {
-    try {
-      this.result = await resultContext(this.host);
-    }
-    catch (error) {
-      console.error(error);
-      this.host.remove();
-    }
-  }
-  // Function to strip HTML tags and decode HTML entities
-  stripHtmlAndEntities(str) {
-    // Create a temporary DOM element
-    var tempDiv = document.createElement("div");
-    // Set its innerHTML to the input string
-    tempDiv.innerHTML = str;
-    // Use textContent to get the plain text
-    var text = tempDiv.textContent || tempDiv.innerText || "";
-    // Replace HTML entities
-    var decodedText = text.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec));
-    return decodedText;
-  }
-  render() {
-    // Do not render the component until the result object has been resolved.
-    if (!this.result) {
-      return;
-    }
-    let description;
-    if (this.result.raw.abicontenttype == "Quick Links") {
-      description = this.result.excerpt || "No description available";
-    }
-    else {
-      description = this.result.raw.description;
-    }
-    let strippedString = '';
-    if (typeof description === 'string') {
-      strippedString = this.stripHtmlAndEntities(description);
-    }
-    return (h("div", { style: { fontSize: "1.3rem", maxHeight: "none", lineHeight: "normal" } }, strippedString));
-  }
-  static get is() { return "strip-html-component"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["strip-html-component.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["strip-html-component.css"]
-  }; }
-  static get states() { return {
-    "result": {}
-  }; }
-  static get elementRef() { return "host"; }
-}