@cloudflare/ai-search-snippet 0.0.28 → 0.0.29

package/dist/main.d.ts

@@ -318,6 +318,7 @@ export declare interface SearchOptions {
     query?: string;
     streaming?: boolean;
     signal?: AbortSignal;
+    /** Maximum search results to request from the API */
     maxResults?: number;
 }
 
@@ -343,7 +344,7 @@ export declare interface SearchSnippetProps {
     apiUrl: string;
     /** Input placeholder text */
     placeholder?: string;
-    /** Maximum search results to display (search-bar only) */
+    /** Maximum search results to display  */
     maxResults?: number;
     /** Input debounce delay in milliseconds (search-bar only) */
     debounceMs?: number;

package/dist/search-snippet.es.js

@@ -1,7 +1,7 @@
 var H = Object.defineProperty;
 var N = (o, i, e) => i in o ? H(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
 var a = (o, i, e) => N(o, typeof i != "symbol" ? i + "" : i, e);
-const p = [
+const u = [
   "Searching...",
   "Digging through results...",
   "Scanning the knowledge base...",
@@ -54,7 +54,7 @@ function $(o) {
     day: "numeric"
   });
 }
-function M(o = "id") {
+function E(o = "id") {
   return `${o}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
 function d(o, i) {
@@ -63,7 +63,7 @@ function d(o, i) {
 function g(o, i) {
   return o === null ? i : o === "true" || o === "";
 }
-function f(o, i) {
+function w(o, i) {
   if (o === null) return i;
   const e = Number.parseInt(o, 10);
   return Number.isNaN(e) ? i : e;
@@ -76,12 +76,12 @@ function m(o, i) {
     cancelable: !0
   });
 }
-function w(o) {
+function x(o) {
   if (!o)
     throw new Error("API URL is required");
-  return new D(o);
+  return new _(o);
 }
-class D {
+class _ {
   constructor(i) {
     a(this, "activeRequests", /* @__PURE__ */ new Map());
     a(this, "baseUrl");
@@ -128,7 +128,7 @@ class D {
         throw new Error("Response body is empty");
       const c = await n.json();
       if (c.success && c.result)
-        return c.result.chunks.slice(0, 10).map(
+        return c.result.chunks.map(
           (l) => ({
             type: "result",
             id: l.id,
@@ -161,12 +161,12 @@ class D {
     if (!n.body)
       throw new Error("Response body is empty");
     let c = "";
-    const l = n.body.getReader(), b = new TextDecoder();
+    const l = n.body.getReader(), v = new TextDecoder();
     for (; ; ) {
-      const { done: u, value: C } = await l.read();
-      if (u)
+      const { done: p, value: C } = await l.read();
+      if (p)
         break;
-      const R = b.decode(C, { stream: !0 });
+      const R = v.decode(C, { stream: !0 });
       c += R;
     }
     yield {
@@ -175,7 +175,7 @@ class D {
       title: "",
       description: c.replaceAll("data: ", "").trim().split(`
 
-`).map((u) => JSON.parse(u)).map((u) => u.response).join(""),
+`).map((p) => JSON.parse(p)).map((p) => p.response).join(""),
       url: "",
       metadata: {}
     };
@@ -235,10 +235,10 @@ class D {
     return `req-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
 }
-const _ = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w3.org/2000/svg" aria-label="Cloudflare" role="img">
+const D = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w3.org/2000/svg" aria-label="Cloudflare" role="img">
   <path fill="#f38020" d="m280.8395,183.31456c11,-26 -4,-38 -19,-38l-148,-2c-4,0 -4,-6 1,-7l150,-2c17,-1 37,-15 43,-33c0,0 10,-21 9,-24a97,97 0 0 0 -187,-11c-38,-25 -78,9 -69,46c-48,3 -65,46 -60,72c0,1 1,2 3,2l274,0c1,0 3,-1 3,-3z"/>
   <path fill="#faae40" d="m330.8395,81.31456c-4,0 -6,-1 -7,1l-5,21c-5,16 3,30 20,31l32,2c4,0 4,6 -1,7l-33,1c-36,4 -46,39 -46,39c0,2 0,3 2,3l113,0l3,-2a81,81 0 0 0 -78,-103"/>
-</svg>`, U = "https://workers.cloudflare.com/product/ai-search", y = `Powered by <a href="${U}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${_}</a>`, q = `
+</svg>`, U = "https://workers.cloudflare.com/product/ai-search", y = `Powered by <a href="${U}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${D}</a>`, q = `
 /* Chat container */
 .chat-container {
   display: flex;
@@ -555,7 +555,7 @@ const _ = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w
 .chat-message-bubble a:hover {
   text-decoration: none;
 }
-`, x = `
+`, k = `
 :host {
   /* Colors - Light Mode */
   --search-snippet-primary-color: #2563eb;
@@ -999,8 +999,8 @@ function V(o) {
   for (let n = 0; n < e.length; n++) {
     const c = e[n], l = c.match(/^(#{1,6})\s+(.+)$/);
     if (l) {
-      const u = l[1].length, C = l[2];
-      t.push(`<h${u}>${v(C)}</h${u}>`);
+      const p = l[1].length, C = l[2];
+      t.push(`<h${p}>${f(C)}</h${p}>`);
       continue;
     }
     if (c.match(/^---+$/)) {
@@ -1008,30 +1008,30 @@ function V(o) {
       continue;
     }
     if (c.match(/^>\s+/)) {
-      const u = c.replace(/^>\s+/, "");
-      t.push(`<blockquote>${v(u)}</blockquote>`);
+      const p = c.replace(/^>\s+/, "");
+      t.push(`<blockquote>${f(p)}</blockquote>`);
       continue;
     }
-    const b = c.match(/^[-*]\s+(.+)$/);
-    if (b) {
-      (!s || r !== "ul") && (s && t.push(`</${r}>`), t.push("<ul>"), s = !0, r = "ul"), t.push(`<li>${v(b[1])}</li>`);
+    const v = c.match(/^[-*]\s+(.+)$/);
+    if (v) {
+      (!s || r !== "ul") && (s && t.push(`</${r}>`), t.push("<ul>"), s = !0, r = "ul"), t.push(`<li>${f(v[1])}</li>`);
       continue;
     }
-    const k = c.match(/^\d+\.\s+(.+)$/);
-    if (k) {
-      (!s || r !== "ol") && (s && t.push(`</${r}>`), t.push("<ol>"), s = !0, r = "ol"), t.push(`<li>${v(k[1])}</li>`);
+    const b = c.match(/^\d+\.\s+(.+)$/);
+    if (b) {
+      (!s || r !== "ol") && (s && t.push(`</${r}>`), t.push("<ol>"), s = !0, r = "ol"), t.push(`<li>${f(b[1])}</li>`);
       continue;
     }
     if (s && (t.push(`</${r}>`), s = !1, r = ""), c.trim() === "") {
       t.push("<br />");
       continue;
     }
-    t.push(`<p>${v(c)}</p>`);
+    t.push(`<p>${f(c)}</p>`);
   }
   return s && t.push(`</${r}>`), t.join(`
 `);
 }
-function v(o) {
+function f(o) {
   let i = o;
   return i = i.replace(/`([^`]+)`/g, "<code>$1</code>"), i = i.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), i = i.replace(/___(.+?)___/g, "<strong><em>$1</em></strong>"), i = i.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), i = i.replace(/__(.+?)__/g, "<strong>$1</strong>"), i = i.replace(/\*(.+?)\*/g, "<em>$1</em>"), i = i.replace(/_(.+?)_/g, "<em>$1</em>"), i = i.replace(
     /\[([^\]]+)\]\(([^)]+)\)/g,
@@ -1127,13 +1127,13 @@ class B {
    */
   async sendMessage(i) {
     const e = {
-      id: M("msg"),
+      id: E("msg"),
       role: "user",
       content: i,
       timestamp: Date.now()
     };
     this.addMessage(e), this.renderMessages(!0), this.setStreamingState(!0);
-    const t = M("msg"), s = {
+    const t = E("msg"), s = {
       id: t,
       role: "assistant",
       content: "",
@@ -1220,7 +1220,7 @@ class B {
         <div class="chat-message-content">
           <div class="chat-message-bubble">
             ${i.content ? `<div class="chat-message-text">${V(i.content)}</div>` : ""}
-            ${e ? `<div class="chat-streaming"><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="loading-text">${p[this.loadingMessageIndex]}</span></div>` : ""}
+            ${e ? `<div class="chat-streaming"><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="loading-text">${u[this.loadingMessageIndex]}</span></div>` : ""}
           </div>
           <div class="chat-message-metadata">
             <span class="chat-message-time">${P(i.timestamp)}</span>
@@ -1244,8 +1244,8 @@ class B {
     this.isStreaming = i, this.inputElement && (this.inputElement.disabled = i), this.sendButton && (this.sendButton.disabled = i, this.sendButton.innerHTML = i ? '<div class="loading"></div>' : "<span>Send</span>"), i ? this.startLoadingMessages() : this.clearLoadingMessages();
   }
   startLoadingMessages() {
-    this.loadingMessageIndex = Math.floor(Math.random() * p.length), this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % p.length, this.isStreaming && this.renderMessages(!0);
+    this.loadingMessageIndex = Math.floor(Math.random() * u.length), this.loadingMessageInterval = setInterval(() => {
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length, this.isStreaming && this.renderMessages(!0);
     }, 2500);
   }
   clearLoadingMessages() {
@@ -1276,7 +1276,7 @@ class B {
     this.clearLoadingMessages(), this.isStreaming && this.client.cancelAllRequests(), this.inputElement && (this.handleInputResize && this.inputElement.removeEventListener("input", this.handleInputResize), this.handleInputKeydown && this.inputElement.removeEventListener("keydown", this.handleInputKeydown)), this.sendButton && this.handleSendClick && this.sendButton.removeEventListener("click", this.handleSendClick), this.handleInputResize = null, this.handleInputKeydown = null, this.handleSendClick = null;
   }
 }
-const E = "chat-bubble-snippet";
+const M = "chat-bubble-snippet";
 class O extends HTMLElement {
   constructor() {
     super();
@@ -1320,14 +1320,14 @@ class O extends HTMLElement {
       return;
     }
     try {
-      this.client = w(e.apiUrl);
+      this.client = x(e.apiUrl);
     } catch (t) {
       console.error("ChatBubbleSnippet:", t);
     }
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${x}
+    e.textContent = `${k}
 ${q}
 ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this.container.className = "chat-bubble-widget", this.container.innerHTML = this.getBaseHTML(), this.shadow.innerHTML = "", this.shadow.appendChild(e), this.shadow.appendChild(this.container), this.attachEventListeners();
   }
@@ -1567,7 +1567,7 @@ ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this
     return this.chatView?.getMessages() || [];
   }
 }
-customElements.get(E) || customElements.define(E, O);
+customElements.get(M) || customElements.define(M, O);
 const L = "chat-page-snippet", I = "chat-page-sessions";
 class K extends HTMLElement {
   constructor() {
@@ -1614,14 +1614,14 @@ class K extends HTMLElement {
       return;
     }
     try {
-      this.client = w(e.apiUrl);
+      this.client = x(e.apiUrl);
     } catch (t) {
       console.error("ChatPageSnippet:", t);
     }
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${x}
+    e.textContent = `${k}
 ${q}
 ${this.getPageStyles()}`, this.container = document.createElement("div"), this.container.className = "chat-page-container", this.container.innerHTML = this.getBaseHTML(), this.shadow.innerHTML = "", this.shadow.appendChild(e), this.shadow.appendChild(this.container), this.attachEventListeners();
   }
@@ -2478,8 +2478,8 @@ a.search-result-item:focus-visible {
   border-radius: 2px;
   font-weight: var(--search-snippet-font-weight-medium);
 }
-`, z = "search-bar-snippet";
-class F extends HTMLElement {
+`, z = "search-bar-snippet", F = 10, Y = 100;
+class W extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -2526,8 +2526,8 @@ class F extends HTMLElement {
     return {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Search..."),
-      maxResults: f(this.getAttribute("max-results"), 10),
-      debounceMs: f(this.getAttribute("debounce-ms"), 300),
+      maxResults: w(this.getAttribute("max-results"), 10),
+      debounceMs: w(this.getAttribute("debounce-ms"), 300),
       theme: d(this.getAttribute("theme"), "auto"),
       hideBranding: g(this.getAttribute("hide-branding"), !1),
       showUrl: g(this.getAttribute("show-url"), !1),
@@ -2543,7 +2543,7 @@ class F extends HTMLElement {
       return;
     }
     try {
-      this.client = w(e.apiUrl);
+      this.client = x(e.apiUrl);
     } catch (t) {
       console.error("SearchBarSnippet:", t);
     }
@@ -2555,7 +2555,7 @@ class F extends HTMLElement {
       e.debounceMs || 400
     );
     const s = document.createElement("style");
-    s.textContent = `${x}
+    s.textContent = `${k}
 ${G}`, this.container = document.createElement("div"), this.container.className = "container", this.container.innerHTML = `
             <div class="search-view"> 
                 <div class="search-input-wrapper">
@@ -2605,9 +2605,10 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     try {
       const t = await this.client.search(e, {
         streaming: !1,
-        signal: this.currentSearchController.signal
-      });
-      this.displayResults(t, e);
+        signal: this.currentSearchController.signal,
+        maxResults: Y
+      }), s = this.getProps(), r = t.slice(0, s.maxResults || F);
+      this.displayResults(r, e, t.length);
     } catch (t) {
       if (t.name === "AbortError")
         return;
@@ -2616,30 +2617,30 @@ ${G}`, this.container = document.createElement("div"), this.container.className
       this.currentSearchController = null;
     }
   }
-  displayResults(e, t) {
+  displayResults(e, t, s = e.length) {
     if (this.clearLoadingInterval(), !this.resultsContainer) return;
     if (e.length === 0) {
       this.showNoResultsState(t);
       return;
     }
-    const s = this.getProps(), r = s.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, n = s.seeMore ? `<div class="search-footer">
-            <a href="${h(s.seeMore + encodeURIComponent(t))}" class="search-see-more">
+    const r = this.getProps(), n = r.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `Found ${s} result${s === 1 ? "" : "s"}`, v = r.seeMore && c ? `<div class="search-footer">
+            <a href="${h(r.seeMore + encodeURIComponent(t))}" class="search-see-more">
               <span>See more results</span>
               <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
             </a>
-          </div>` : "", c = `
+          </div>` : "", b = `
             <div class="search-header">
                 <div class="search-count">
-                    Found ${e.length} result${e.length === 1 ? "" : "s"}
+                    ${l}
                 </div>
-                ${r}
+                ${n}
             </div>
             <div class="search-results">
-                ${e.map((l) => this.renderResult(l)).join("")}
+                ${e.map((p) => this.renderResult(p)).join("")}
             </div>
-            ${n}
+            ${v}
         `;
-    this.resultsContainer.innerHTML = c, this.attachResultHandlers();
+    this.resultsContainer.innerHTML = b, this.attachResultHandlers();
   }
   renderResult(e) {
     const t = this.getProps(), s = t.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), r = e.url ? h(e.url) : "#", n = t.showDate && e.timestamp !== void 0 ? `<div class="search-result-date">${h($(e.timestamp))}</div>` : "", c = t.showUrl && e.url || n ? `<div class="search-result-metadata">
@@ -2697,18 +2698,18 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     });
   }
   showLoadingState() {
-    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * p.length), this.resultsContainer.innerHTML = `
+    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * u.length), this.resultsContainer.innerHTML = `
             <div class="search-loading">
                 <div class="loading" aria-label="Loading"></div>
-                <div class="loading-text loading-text-animate">${p[this.loadingMessageIndex]}</div>
+                <div class="loading-text loading-text-animate">${u[this.loadingMessageIndex]}</div>
             </div>
         `, this.startLoadingInterval());
   }
   startLoadingInterval() {
     this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % p.length;
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length;
       const e = this.resultsContainer?.querySelector(".loading-text");
-      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = p[this.loadingMessageIndex], e.classList.add("loading-text-animate"));
+      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = u[this.loadingMessageIndex], e.classList.add("loading-text-animate"));
     }, 2500);
   }
   clearLoadingInterval() {
@@ -2764,8 +2765,8 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     await this.performSearch(e);
   }
 }
-customElements.get(z) || customElements.define(z, F);
-const Y = `
+customElements.get(z) || customElements.define(z, W);
+const X = `
 /* Modal backdrop */
 .modal-backdrop {
   position: fixed;
@@ -3202,8 +3203,8 @@ a.modal-result-item:focus-visible {
 .modal-container.open {
   animation: modal-slide-in var(--search-snippet-transition) ease-out;
 }
-`, T = "search-modal-snippet";
-class W extends HTMLElement {
+`, T = "search-modal-snippet", J = 10, Z = 100;
+class Q extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -3259,8 +3260,8 @@ class W extends HTMLElement {
     return {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Search..."),
-      maxResults: f(this.getAttribute("max-results"), 10),
-      debounceMs: f(this.getAttribute("debounce-ms"), 300),
+      maxResults: w(this.getAttribute("max-results"), 10),
+      debounceMs: w(this.getAttribute("debounce-ms"), 300),
       theme: d(this.getAttribute("theme"), "auto"),
       shortcut: d(this.getAttribute("shortcut"), "k"),
       useMetaKey: this.getAttribute("use-meta-key") !== "false",
@@ -3278,7 +3279,7 @@ class W extends HTMLElement {
       return;
     }
     try {
-      this.client = w(e.apiUrl);
+      this.client = x(e.apiUrl);
     } catch (t) {
       console.error("SearchModalSnippet:", t);
     }
@@ -3290,8 +3291,8 @@ class W extends HTMLElement {
       e.debounceMs || 300
     );
     const s = document.createElement("style");
-    s.textContent = `${x}
-${Y}`;
+    s.textContent = `${k}
+${X}`;
     const r = e.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, n = document.createElement("div");
     n.innerHTML = `
       <div class="modal-backdrop" role="presentation"></div>
@@ -3405,9 +3406,10 @@ ${Y}`;
     try {
       const t = await this.client.search(e, {
         streaming: !1,
-        signal: this.currentSearchController.signal
+        signal: this.currentSearchController.signal,
+        maxResults: Z
       }), s = this.getProps();
-      this.results = t.slice(0, s.maxResults || 10), this.activeIndex = this.results.length > 0 ? 0 : -1, this.displayResults(this.results, e);
+      this.results = t.slice(0, s.maxResults || J), this.activeIndex = this.results.length > 0 ? 0 : -1, this.displayResults(this.results, e, t.length);
     } catch (t) {
       if (t.name === "AbortError")
         return;
@@ -3416,17 +3418,17 @@ ${Y}`;
       this.currentSearchController = null;
     }
   }
-  displayResults(e, t) {
-    if (this.clearLoadingInterval(), !this.resultsContainer) return;
+  displayResults(e, t, s = e.length) {
+    if (console.log({ results: e, query: t, totalResults: s }), this.clearLoadingInterval(), !this.resultsContainer) return;
     if (e.length === 0) {
       this.showNoResultsState(t);
       return;
     }
-    const s = this.getProps(), r = e.map((c, l) => this.renderResult(c, l)).join(""), n = s.seeMore ? `<a href="${h(s.seeMore + encodeURIComponent(t))}" class="modal-see-more">
+    const r = this.getProps(), n = e.map((b, p) => this.renderResult(b, p)).join(""), c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `${s} result${s === 1 ? "" : "s"}`, v = r.seeMore && c ? `<a href="${h(r.seeMore + encodeURIComponent(t))}" class="modal-see-more">
             <span>See more results</span>
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
           </a>` : "";
-    this.resultsContainer.innerHTML = r + n, this.footerCount && (this.footerCount.textContent = `${e.length} result${e.length === 1 ? "" : "s"}`), this.inputElement && this.inputElement.setAttribute("aria-expanded", "true"), this.attachResultHandlers(), this.updateActiveResult();
+    this.resultsContainer.innerHTML = n + v, this.footerCount && (this.footerCount.textContent = l), this.inputElement && this.inputElement.setAttribute("aria-expanded", "true"), this.attachResultHandlers(), this.updateActiveResult();
   }
   renderResult(e, t) {
     const s = this.getProps(), r = s.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), n = e.url ? h(e.url) : "#", c = s.showDate && e.timestamp !== void 0 ? `<div class="modal-result-date">${h($(e.timestamp))}</div>` : "", l = s.showUrl && e.url || c ? `<div class="modal-result-metadata">
@@ -3509,18 +3511,18 @@ ${Y}`;
     this.clearLoadingInterval(), this.resultsContainer && (this.resultsContainer.innerHTML = this.renderEmptyState(), this.footerCount && (this.footerCount.textContent = ""), this.inputElement && this.inputElement.setAttribute("aria-expanded", "false"));
   }
   showLoadingState() {
-    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * p.length), this.resultsContainer.innerHTML = `
+    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * u.length), this.resultsContainer.innerHTML = `
       <div class="modal-loading">
         <div class="loading" aria-label="Loading"></div>
-        <div class="loading-text loading-text-animate">${p[this.loadingMessageIndex]}</div>
+        <div class="loading-text loading-text-animate">${u[this.loadingMessageIndex]}</div>
       </div>
-    `, this.footerCount && (this.footerCount.textContent = p[this.loadingMessageIndex]), this.startLoadingInterval());
+    `, this.footerCount && (this.footerCount.textContent = u[this.loadingMessageIndex]), this.startLoadingInterval());
   }
   startLoadingInterval() {
     this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % p.length;
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length;
       const e = this.resultsContainer?.querySelector(".loading-text");
-      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = p[this.loadingMessageIndex], e.classList.add("loading-text-animate")), this.footerCount && (this.footerCount.textContent = p[this.loadingMessageIndex]);
+      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = u[this.loadingMessageIndex], e.classList.add("loading-text-animate")), this.footerCount && (this.footerCount.textContent = u[this.loadingMessageIndex]);
     }, 2500);
   }
   clearLoadingInterval() {
@@ -3611,13 +3613,13 @@ ${Y}`;
     return this.isOpen;
   }
 }
-customElements.get(T) || customElements.define(T, W);
+customElements.get(T) || customElements.define(T, Q);
 export {
-  D as AISearchClient,
+  _ as AISearchClient,
   O as ChatBubbleSnippet,
   K as ChatPageSnippet,
-  F as SearchBarSnippet,
-  W as SearchModalSnippet,
-  F as default
+  W as SearchBarSnippet,
+  Q as SearchModalSnippet,
+  W as default
 };
 //# sourceMappingURL=search-snippet.es.js.map