@cloudflare/ai-search-snippet 0.0.24 → 0.0.25

package/dist/search-snippet.es.js

@@ -1,7 +1,7 @@
 var R = Object.defineProperty;
 var H = (o, i, e) => i in o ? R(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
 var a = (o, i, e) => H(o, typeof i != "symbol" ? i + "" : i, e);
-const u = [
+const d = [
   "Searching...",
   "Digging through results...",
   "Scanning the knowledge base...",
@@ -22,7 +22,7 @@ function A(o, i) {
     clearTimeout(e), e = setTimeout(r, i);
   };
 }
-function l(o) {
+function h(o) {
   const i = document.createElement("div");
   return i.textContent = o, i.innerHTML;
 }
@@ -51,18 +51,18 @@ function N(o) {
 function E(o = "id") {
   return `${o}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function g(o, i) {
+function p(o, i) {
   return o !== null ? o : i;
 }
-function b(o, i) {
+function m(o, i) {
   return o === null ? i : o === "true" || o === "";
 }
-function w(o, i) {
+function f(o, i) {
   if (o === null) return i;
   const e = Number.parseInt(o, 10);
   return Number.isNaN(e) ? i : e;
 }
-function v(o, i) {
+function g(o, i) {
   return new CustomEvent(o, {
     detail: i,
     bubbles: !0,
@@ -70,7 +70,7 @@ function v(o, i) {
     cancelable: !0
   });
 }
-function y(o) {
+function w(o) {
   if (!o)
     throw new Error("API URL is required");
   return new P(o);
@@ -138,24 +138,18 @@ class P extends _ {
       if (!n.body)
         throw new Error("Response body is empty");
       const c = await n.json();
-      if (c.success && c.result) {
-        const h = /* @__PURE__ */ new Map();
-        for (const d of c.result.chunks) {
-          const m = d.item.key, p = d.scoring_details.vector_score;
-          (!h.has(m) || (h.get(m)?.score ?? 0) < p) && h.set(m, { chunk: d, score: p });
-        }
-        return Array.from(h.values()).sort((d, m) => m.score - d.score).slice(0, 10).map(
-          ({ chunk: d }) => ({
+      if (c.success && c.result)
+        return c.result.chunks.slice(0, 10).map(
+          (l) => ({
             type: "result",
-            id: d.id,
-            title: S(d.item.metadata.title),
-            description: d.item.metadata.description ? S(d.item.metadata.description) : "",
-            url: d.item.key,
-            image: d.item.metadata.image || void 0,
-            metadata: d.item.metadata
+            id: l.id,
+            title: S(l.item.metadata.title),
+            description: l.item.metadata.description ? S(l.item.metadata.description) : "",
+            url: l.item.key,
+            image: l.item.metadata.image || void 0,
+            metadata: l.item.metadata
           })
         );
-      }
       throw c.success === !1 ? new Error(c.error) : new Error("Unknown error");
     } finally {
       this.unregisterRequest(t);
@@ -177,12 +171,12 @@ class P extends _ {
     if (!n.body)
       throw new Error("Response body is empty");
     let c = "";
-    const h = n.body.getReader(), d = new TextDecoder();
+    const l = n.body.getReader(), b = new TextDecoder();
     for (; ; ) {
-      const { done: p, value: C } = await h.read();
-      if (p)
+      const { done: u, value: C } = await l.read();
+      if (u)
         break;
-      const B = d.decode(C, { stream: !0 });
+      const B = b.decode(C, { stream: !0 });
       c += B;
     }
     yield {
@@ -191,7 +185,7 @@ class P extends _ {
       title: "",
       description: c.replaceAll("data: ", "").trim().split(`
 
-`).map((p) => JSON.parse(p)).map((p) => p.response).join(""),
+`).map((u) => JSON.parse(u)).map((u) => u.response).join(""),
       url: "",
       metadata: {}
     };
@@ -254,7 +248,7 @@ class P extends _ {
 const V = `<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>`, D = "https://search.ai.cloudflare.com", x = `Powered by <a href="${D}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${V}</a>`, $ = `
+</svg>`, D = "https://search.ai.cloudflare.com", y = `Powered by <a href="${D}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${V}</a>`, $ = `
 /* Chat container */
 .chat-container {
   display: flex;
@@ -571,7 +565,7 @@ const V = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w
 .chat-message-bubble a:hover {
   text-decoration: none;
 }
-`, k = `
+`, x = `
 :host {
   /* Colors - Light Mode */
   --search-snippet-primary-color: #2563eb;
@@ -1013,10 +1007,10 @@ function O(o) {
 `), t = [];
   let s = !1, r = "";
   for (let n = 0; n < e.length; n++) {
-    const c = e[n], h = c.match(/^(#{1,6})\s+(.+)$/);
-    if (h) {
-      const p = h[1].length, C = h[2];
-      t.push(`<h${p}>${f(C)}</h${p}>`);
+    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}>`);
       continue;
     }
     if (c.match(/^---+$/)) {
@@ -1024,30 +1018,30 @@ function O(o) {
       continue;
     }
     if (c.match(/^>\s+/)) {
-      const p = c.replace(/^>\s+/, "");
-      t.push(`<blockquote>${f(p)}</blockquote>`);
+      const u = c.replace(/^>\s+/, "");
+      t.push(`<blockquote>${v(u)}</blockquote>`);
       continue;
     }
-    const d = c.match(/^[-*]\s+(.+)$/);
-    if (d) {
-      (!s || r !== "ul") && (s && t.push(`</${r}>`), t.push("<ul>"), s = !0, r = "ul"), t.push(`<li>${f(d[1])}</li>`);
+    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>`);
       continue;
     }
-    const m = c.match(/^\d+\.\s+(.+)$/);
-    if (m) {
-      (!s || r !== "ol") && (s && t.push(`</${r}>`), t.push("<ol>"), s = !0, r = "ol"), t.push(`<li>${f(m[1])}</li>`);
+    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>`);
       continue;
     }
     if (s && (t.push(`</${r}>`), s = !1, r = ""), c.trim() === "") {
       t.push("<br />");
       continue;
     }
-    t.push(`<p>${f(c)}</p>`);
+    t.push(`<p>${v(c)}</p>`);
   }
   return s && t.push(`</${r}>`), t.join(`
 `);
 }
-function f(o) {
+function v(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,
@@ -1104,7 +1098,7 @@ class q {
           <div class="chat-input-wrapper">
             <textarea
               class="chat-input"
-              placeholder="${l(this.props.placeholder || "Type a message...")}"
+              placeholder="${h(this.props.placeholder || "Type a message...")}"
               aria-label="Chat message input"
               style="height: 40px;"
               rows="1"
@@ -1159,18 +1153,18 @@ class q {
     try {
       const r = this.client.chat(i);
       let n = "";
-      for await (const h of r)
-        if (h.type === "text" && h.message)
-          n += h.message, this.updateStreamingMessage(t, n);
-        else if (h.type === "error") {
-          this.showErrorInMessage(t, h.message || "Unknown error");
+      for await (const l of r)
+        if (l.type === "text" && l.message)
+          n += l.message, this.updateStreamingMessage(t, n);
+        else if (l.type === "error") {
+          this.showErrorInMessage(t, l.message || "Unknown error");
           break;
         }
-      const c = this.messages.findIndex((h) => h.id === t);
-      c !== -1 && (this.messages[c].content = n), this.container.dispatchEvent(v("message", { message: s }));
+      const c = this.messages.findIndex((l) => l.id === t);
+      c !== -1 && (this.messages[c].content = n), this.container.dispatchEvent(g("message", { message: s }));
     } catch (r) {
       this.showErrorInMessage(t, r.message), this.container.dispatchEvent(
-        v("error", {
+        g("error", {
           error: {
             message: r.message,
             code: "CHAT_ERROR"
@@ -1236,7 +1230,7 @@ class q {
         <div class="chat-message-content">
           <div class="chat-message-bubble">
             ${i.content ? `<div class="chat-message-text">${O(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">${u[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">${d[this.loadingMessageIndex]}</span></div>` : ""}
           </div>
           <div class="chat-message-metadata">
             <span class="chat-message-time">${N(i.timestamp)}</span>
@@ -1260,8 +1254,8 @@ class q {
     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() * u.length), this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length, this.isStreaming && this.renderMessages(!0);
+    this.loadingMessageIndex = Math.floor(Math.random() * d.length), this.loadingMessageInterval = setInterval(() => {
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % d.length, this.isStreaming && this.renderMessages(!0);
     }, 2500);
   }
   clearLoadingMessages() {
@@ -1313,7 +1307,7 @@ class K extends HTMLElement {
     return ["api-url", "placeholder", "theme", "hide-branding"];
   }
   connectedCallback() {
-    this.render(), this.initializeClient(), this.dispatchEvent(v("ready", void 0));
+    this.render(), this.initializeClient(), this.dispatchEvent(g("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -1323,10 +1317,10 @@ class K extends HTMLElement {
   }
   getProps() {
     return {
-      apiUrl: g(this.getAttribute("api-url"), "http://localhost:3000"),
-      placeholder: g(this.getAttribute("placeholder"), "Type a message..."),
-      theme: g(this.getAttribute("theme"), "auto"),
-      hideBranding: b(this.getAttribute("hide-branding"), !1)
+      apiUrl: p(this.getAttribute("api-url"), "http://localhost:3000"),
+      placeholder: p(this.getAttribute("placeholder"), "Type a message..."),
+      theme: p(this.getAttribute("theme"), "auto"),
+      hideBranding: m(this.getAttribute("hide-branding"), !1)
     };
   }
   initializeClient() {
@@ -1336,14 +1330,14 @@ class K extends HTMLElement {
       return;
     }
     try {
-      this.client = y(e.apiUrl);
+      this.client = w(e.apiUrl);
     } catch (t) {
       console.error("ChatBubbleSnippet:", t);
     }
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${k}
+    e.textContent = `${x}
 ${$}
 ${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();
   }
@@ -1524,7 +1518,7 @@ ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this
           </div>
         </div>
         <div class="chat-content"></div>
-        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${x}</div>`}
+        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${y}</div>`}
       </div>
     `;
   }
@@ -1599,7 +1593,7 @@ class U extends HTMLElement {
     return ["api-url", "placeholder", "theme", "hide-branding"];
   }
   connectedCallback() {
-    this.render(), this.initializeClient(), this.setupView(), this.dispatchEvent(v("ready", void 0));
+    this.render(), this.initializeClient(), this.setupView(), this.dispatchEvent(g("ready", void 0));
   }
   disconnectedCallback() {
     this.saveCurrentSession(), this.cleanup();
@@ -1609,10 +1603,10 @@ class U extends HTMLElement {
   }
   getProps() {
     return {
-      apiUrl: g(this.getAttribute("api-url"), "http://localhost:3000"),
-      placeholder: g(this.getAttribute("placeholder"), "Type a message..."),
-      theme: g(this.getAttribute("theme"), "auto"),
-      hideBranding: b(this.getAttribute("hide-branding"), !1)
+      apiUrl: p(this.getAttribute("api-url"), "http://localhost:3000"),
+      placeholder: p(this.getAttribute("placeholder"), "Type a message..."),
+      theme: p(this.getAttribute("theme"), "auto"),
+      hideBranding: m(this.getAttribute("hide-branding"), !1)
     };
   }
   initializeClient() {
@@ -1622,14 +1616,14 @@ class U extends HTMLElement {
       return;
     }
     try {
-      this.client = y(e.apiUrl);
+      this.client = w(e.apiUrl);
     } catch (t) {
       console.error("ChatPageSnippet:", t);
     }
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${k}
+    e.textContent = `${x}
 ${$}
 ${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();
   }
@@ -1922,7 +1916,7 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
           New Chat
         </button>
         <div class="chat-list"></div>
-        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${x}</div>`}
+        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${y}</div>`}
       </div>
       <div class="chat-main">
         <div class="chat-page-header">
@@ -2474,7 +2468,7 @@ class F extends HTMLElement {
     ];
   }
   connectedCallback() {
-    this.initializeClient(), this.render(), this.dispatchEvent(v("ready", void 0));
+    this.initializeClient(), this.render(), this.dispatchEvent(g("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -2484,13 +2478,13 @@ class F extends HTMLElement {
   }
   getProps() {
     return {
-      apiUrl: g(this.getAttribute("api-url"), "http://localhost:3000"),
-      placeholder: g(this.getAttribute("placeholder"), "Search..."),
-      maxResults: w(this.getAttribute("max-results"), 10),
-      debounceMs: w(this.getAttribute("debounce-ms"), 300),
-      theme: g(this.getAttribute("theme"), "auto"),
-      hideBranding: b(this.getAttribute("hide-branding"), !1),
-      showUrl: b(this.getAttribute("show-url"), !1)
+      apiUrl: p(this.getAttribute("api-url"), "http://localhost:3000"),
+      placeholder: p(this.getAttribute("placeholder"), "Search..."),
+      maxResults: f(this.getAttribute("max-results"), 10),
+      debounceMs: f(this.getAttribute("debounce-ms"), 300),
+      theme: p(this.getAttribute("theme"), "auto"),
+      hideBranding: m(this.getAttribute("hide-branding"), !1),
+      showUrl: m(this.getAttribute("show-url"), !1)
     };
   }
   initializeClient() {
@@ -2500,7 +2494,7 @@ class F extends HTMLElement {
       return;
     }
     try {
-      this.client = y(e.apiUrl);
+      this.client = w(e.apiUrl);
     } catch (t) {
       console.error("SearchBarSnippet:", t);
     }
@@ -2512,7 +2506,7 @@ class F extends HTMLElement {
       e.debounceMs || 400
     );
     const s = document.createElement("style");
-    s.textContent = `${k}
+    s.textContent = `${x}
 ${G}`, this.container = document.createElement("div"), this.container.className = "container", this.container.innerHTML = `
             <div class="search-view"> 
                 <div class="search-input-wrapper">
@@ -2521,7 +2515,7 @@ ${G}`, this.container = document.createElement("div"), this.container.className
                         type="text"
                         name="search-input"
                         class="search-input"
-                        placeholder="${l(e.placeholder || "Search...")}"
+                        placeholder="${h(e.placeholder || "Search...")}"
                         aria-label="Search input"
                         autocomplete="off"
                     />
@@ -2577,7 +2571,7 @@ ${G}`, this.container = document.createElement("div"), this.container.className
       this.showNoResultsState(t);
       return;
     }
-    const r = this.getProps().hideBranding ? "" : `<div class="powered-by-inline">${x}</div>`, n = `
+    const r = this.getProps().hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, n = `
             <div class="search-header">
                 <div class="search-count">
                     Found ${e.length} result${e.length === 1 ? "" : "s"}
@@ -2593,12 +2587,12 @@ ${G}`, this.container = document.createElement("div"), this.container.className
   renderResult(e) {
     const t = this.getProps(), s = this.renderResultImage(e.image, e.title);
     return `
-            <a href="${e.url ? l(e.url) : "#"}" class="search-result-item" data-result-id="${l(e.url || "")}">
+            <a href="${e.url ? h(e.url) : "#"}" class="search-result-item" data-result-id="${h(e.url || "")}">
                 ${s}
                 <div class="search-result-content">
-                    <div class="search-result-title">${l(e.title || "")}</div>
-                    <div class="search-result-snippet">${l(e.description || "")}</div>
-                    ${t.showUrl && e.url ? `<span class="search-result-url">${l(e.url)}</span>` : ""}
+                    <div class="search-result-title">${h(e.title || "")}</div>
+                    <div class="search-result-snippet">${h(e.description || "")}</div>
+                    ${t.showUrl && e.url ? `<span class="search-result-url">${h(e.url)}</span>` : ""}
                 </div>
             </a>
         `;
@@ -2611,8 +2605,8 @@ ${G}`, this.container = document.createElement("div"), this.container.className
         <div class="search-result-image-placeholder" style="display: none;">${s}</div>
         <img 
           class="search-result-image" 
-          src="${l(e)}" 
-          alt="${l(t)}"
+          src="${h(e)}" 
+          alt="${h(t)}"
           loading="lazy"
         />
       </div>
@@ -2643,18 +2637,18 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     });
   }
   showLoadingState() {
-    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * u.length), this.resultsContainer.innerHTML = `
+    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * d.length), this.resultsContainer.innerHTML = `
             <div class="search-loading">
                 <div class="loading" aria-label="Loading"></div>
-                <div class="loading-text loading-text-animate">${u[this.loadingMessageIndex]}</div>
+                <div class="loading-text loading-text-animate">${d[this.loadingMessageIndex]}</div>
             </div>
         `, this.startLoadingInterval());
   }
   startLoadingInterval() {
     this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length;
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % d.length;
       const e = this.resultsContainer?.querySelector(".loading-text");
-      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = u[this.loadingMessageIndex], e.classList.add("loading-text-animate"));
+      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = d[this.loadingMessageIndex], e.classList.add("loading-text-animate"));
     }, 2500);
   }
   clearLoadingInterval() {
@@ -2683,7 +2677,7 @@ ${G}`, this.container = document.createElement("div"), this.container.className
                 </svg>
                 <div class="search-empty-title">No Results Found</div>
                 <div class="search-empty-description">
-                    No results found for "${l(e)}"
+                    No results found for "${h(e)}"
                 </div>
             </div>
         `);
@@ -2691,7 +2685,7 @@ ${G}`, this.container = document.createElement("div"), this.container.className
   showErrorState(e) {
     this.clearLoadingInterval(), this.resultsContainer && (this.resultsContainer.innerHTML = `
             <div class="error">
-                <strong>Error:</strong> ${l(e)}
+                <strong>Error:</strong> ${h(e)}
             </div>
         `);
   }
@@ -3149,7 +3143,7 @@ class W extends HTMLElement {
     ];
   }
   connectedCallback() {
-    this.initializeClient(), this.render(), this.attachGlobalKeyboardShortcut(), this.dispatchEvent(v("ready", void 0));
+    this.initializeClient(), this.render(), this.attachGlobalKeyboardShortcut(), this.dispatchEvent(g("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -3159,15 +3153,15 @@ class W extends HTMLElement {
   }
   getProps() {
     return {
-      apiUrl: g(this.getAttribute("api-url"), "http://localhost:3000"),
-      placeholder: g(this.getAttribute("placeholder"), "Search..."),
-      maxResults: w(this.getAttribute("max-results"), 10),
-      debounceMs: w(this.getAttribute("debounce-ms"), 300),
-      theme: g(this.getAttribute("theme"), "auto"),
-      shortcut: g(this.getAttribute("shortcut"), "k"),
+      apiUrl: p(this.getAttribute("api-url"), "http://localhost:3000"),
+      placeholder: p(this.getAttribute("placeholder"), "Search..."),
+      maxResults: f(this.getAttribute("max-results"), 10),
+      debounceMs: f(this.getAttribute("debounce-ms"), 300),
+      theme: p(this.getAttribute("theme"), "auto"),
+      shortcut: p(this.getAttribute("shortcut"), "k"),
       useMetaKey: this.getAttribute("use-meta-key") !== "false",
-      hideBranding: b(this.getAttribute("hide-branding"), !1),
-      showUrl: b(this.getAttribute("show-url"), !1)
+      hideBranding: m(this.getAttribute("hide-branding"), !1),
+      showUrl: m(this.getAttribute("show-url"), !1)
     };
   }
   initializeClient() {
@@ -3177,7 +3171,7 @@ class W extends HTMLElement {
       return;
     }
     try {
-      this.client = y(e.apiUrl);
+      this.client = w(e.apiUrl);
     } catch (t) {
       console.error("SearchModalSnippet:", t);
     }
@@ -3189,9 +3183,9 @@ class W extends HTMLElement {
       e.debounceMs || 300
     );
     const s = document.createElement("style");
-    s.textContent = `${k}
+    s.textContent = `${x}
 ${Y}`;
-    const r = e.hideBranding ? "" : `<div class="powered-by-inline">${x}</div>`, n = document.createElement("div");
+    const r = e.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, n = document.createElement("div");
     n.innerHTML = `
       <div class="modal-backdrop" role="presentation"></div>
       <div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
@@ -3202,7 +3196,7 @@ ${Y}`;
           <input
             type="text"
             class="modal-search-input"
-            placeholder="${l(e.placeholder || "Search...")}"
+            placeholder="${h(e.placeholder || "Search...")}"
             aria-label="Search"
             aria-autocomplete="list"
             aria-controls="modal-results-list"
@@ -3285,7 +3279,7 @@ ${Y}`;
     }
     const e = this.results[this.activeIndex];
     this.dispatchEvent(
-      v("result-select", {
+      g("result-select", {
         result: e,
         index: this.activeIndex
       })
@@ -3326,20 +3320,20 @@ ${Y}`;
     const s = this.getProps(), r = this.renderResultImage(e.image, e.title);
     return `
       <a 
-        href="${e.url ? l(e.url) : "#"}"
+        href="${e.url ? h(e.url) : "#"}"
         class="modal-result-item${t === this.activeIndex ? " active" : ""}" 
         role="option" 
         id="result-${t}"
         aria-selected="${t === this.activeIndex}"
         tabindex="-1"
         data-index="${t}"
-        data-url="${l(e.url || "")}"
+        data-url="${h(e.url || "")}"
       >
         ${r}
         <div class="modal-result-content">
-          <div class="modal-result-title">${l(e.title || "")}</div>
-          ${e.description ? `<div class="modal-result-description">${l(e.description)}</div>` : ""}
-          ${s.showUrl && e.url ? `<span class="modal-result-url">${l(e.url)}</span>` : ""}
+          <div class="modal-result-title">${h(e.title || "")}</div>
+          ${e.description ? `<div class="modal-result-description">${h(e.description)}</div>` : ""}
+          ${s.showUrl && e.url ? `<span class="modal-result-url">${h(e.url)}</span>` : ""}
         </div>
       </a>
     `;
@@ -3352,8 +3346,8 @@ ${Y}`;
         <div class="modal-result-image-placeholder" style="display: none;">${s}</div>
         <img 
           class="modal-result-image" 
-          src="${l(e)}" 
-          alt="${l(t)}"
+          src="${h(e)}" 
+          alt="${h(t)}"
           loading="lazy"
         />
       </div>
@@ -3400,18 +3394,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() * u.length), this.resultsContainer.innerHTML = `
+    this.resultsContainer && (this.clearLoadingInterval(), this.loadingMessageIndex = Math.floor(Math.random() * d.length), this.resultsContainer.innerHTML = `
       <div class="modal-loading">
         <div class="loading" aria-label="Loading"></div>
-        <div class="loading-text loading-text-animate">${u[this.loadingMessageIndex]}</div>
+        <div class="loading-text loading-text-animate">${d[this.loadingMessageIndex]}</div>
       </div>
-    `, this.footerCount && (this.footerCount.textContent = u[this.loadingMessageIndex]), this.startLoadingInterval());
+    `, this.footerCount && (this.footerCount.textContent = d[this.loadingMessageIndex]), this.startLoadingInterval());
   }
   startLoadingInterval() {
     this.loadingMessageInterval = setInterval(() => {
-      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % u.length;
+      this.loadingMessageIndex = (this.loadingMessageIndex + 1) % d.length;
       const e = this.resultsContainer?.querySelector(".loading-text");
-      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]);
+      e && (e.classList.remove("loading-text-animate"), e.offsetWidth, e.textContent = d[this.loadingMessageIndex], e.classList.add("loading-text-animate")), this.footerCount && (this.footerCount.textContent = d[this.loadingMessageIndex]);
     }, 2500);
   }
   clearLoadingInterval() {
@@ -3425,14 +3419,14 @@ ${Y}`;
           <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
         </svg>
         <div class="modal-empty-title">No results found</div>
-        <div class="modal-empty-description">No results for "${l(e)}"</div>
+        <div class="modal-empty-description">No results for "${h(e)}"</div>
       </div>
     `, this.footerCount && (this.footerCount.textContent = "0 results"), this.inputElement && this.inputElement.setAttribute("aria-expanded", "false"));
   }
   showErrorState(e) {
     this.clearLoadingInterval(), this.resultsContainer && (this.resultsContainer.innerHTML = `
       <div class="error">
-        <strong>Error:</strong> ${l(e)}
+        <strong>Error:</strong> ${h(e)}
       </div>
     `, this.footerCount && (this.footerCount.textContent = "Error"));
   }
@@ -3466,13 +3460,13 @@ ${Y}`;
       requestAnimationFrame(() => {
         this.inputElement?.focus();
       });
-    }), this.lockBodyScroll(), this.dispatchEvent(v("open", void 0)));
+    }), this.lockBodyScroll(), this.dispatchEvent(g("open", void 0)));
   }
   /**
    * Close the search modal
    */
   close() {
-    this.isOpen && (this.isOpen = !1, this.backdrop?.classList.remove("open"), this.modal?.classList.remove("open"), this.inputElement && (this.inputElement.value = ""), this.results = [], this.activeIndex = -1, this.showEmptyState(), this.unlockBodyScroll(), this.dispatchEvent(v("close", void 0)));
+    this.isOpen && (this.isOpen = !1, this.backdrop?.classList.remove("open"), this.modal?.classList.remove("open"), this.inputElement && (this.inputElement.value = ""), this.results = [], this.activeIndex = -1, this.showEmptyState(), this.unlockBodyScroll(), this.dispatchEvent(g("close", void 0)));
   }
   /**
    * Toggle the search modal open/closed