@askdialog/dialog-vue 3.9.0 → 3.10.0

package/dist/dialog-vue.js

@@ -1,7 +1,7 @@
 var Ee = Object.defineProperty;
 var ye = (t, e, s) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
 var z = (t, e, s) => ye(t, typeof e != "symbol" ? e + "" : e, s);
-import { defineComponent as I, createElementBlock as h, openBlock as u, toDisplayString as y, unref as H, createElementVNode as l, Fragment as N, renderList as W, createVNode as T, createBlock as P, ref as R, computed as S, withDirectives as ie, withKeys as Ie, vModelText as ae, onMounted as K, watch as M, renderSlot as we, withCtx as le, withModifiers as $e, createCommentVNode as L, resolveDynamicComponent as ke, mergeProps as Te, toHandlers as Re, createTextVNode as ce, onUnmounted as ue, Teleport as Ae, normalizeStyle as Le, normalizeClass as Z, shallowRef as xe } from "vue";
+import { defineComponent as I, createElementBlock as _, openBlock as u, toDisplayString as y, unref as H, createElementVNode as l, Fragment as N, renderList as W, createVNode as T, createBlock as P, ref as R, computed as b, withDirectives as ie, withKeys as Ie, vModelText as ae, onMounted as K, watch as M, renderSlot as we, withCtx as le, withModifiers as $e, createCommentVNode as L, resolveDynamicComponent as ke, mergeProps as Te, toHandlers as Re, createTextVNode as ce, onUnmounted as de, Teleport as Ae, normalizeStyle as Le, normalizeClass as Z, shallowRef as xe } from "vue";
 const De = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), Pe = (t) => t !== void 0 && De.has(t.trim().toLowerCase().slice(0, 2)), Oe = (t) => Pe(t) ? "rtl" : "ltr";
 var q;
 (function(t) {
@@ -13,8 +13,8 @@ var J;
 })(J || (J = {}));
 q.TRACK_ADD_TO_CART, q.TRACK_SUBMIT_CHECKOUT, q.TRACK_VIEW_SEARCH_RESULTS, q.TRACK_SELECT_SEARCH_RESULT;
 class Ne extends Error {
-  constructor({ status: s, code: o, message: n }) {
-    super(n);
+  constructor({ status: s, code: o, message: r }) {
+    super(r);
     z(this, "status");
     z(this, "code");
     this.name = "DialogSearchError", this.status = s, this.code = o;
@@ -23,10 +23,10 @@ class Ne extends Error {
 const X = (t, e, s) => {
   if (!/^[a-z]{2}$/.test(e))
     throw new Error("Search language must be a lowercase ISO 639-1 code.");
-  if (!/^[A-Za-z]{3}$/.test(s))
-    throw new Error("Search currency must be an ISO 4217 code.");
+  if (!/^[A-Za-z]{2}$/.test(s))
+    throw new Error("Search country must be an ISO 3166-1 alpha-2 code.");
   return `${t}_${e}_${s.toLowerCase()}`;
-}, ee = "multiple installation methods detected:", qe = () => typeof window > "u" ? void 0 : window, de = () => {
+}, ee = "multiple installation methods detected:", qe = () => typeof window > "u" ? void 0 : window, ue = () => {
   const t = qe();
   if (t !== void 0)
     return t.dialog = t.dialog ?? {}, t.dialog.audit = t.dialog.audit ?? {
@@ -44,7 +44,7 @@ const X = (t, e, s) => {
   version: (t == null ? void 0 : t.version) ?? e.version,
   commit: (t == null ? void 0 : t.commit) ?? e.commit
 }, pe = (t) => {
-  const e = de();
+  const e = ue();
   if (e === void 0)
     return;
   const s = e.methods.find((o) => o.method === t.method);
@@ -54,7 +54,7 @@ const X = (t, e, s) => {
   }
   s.version = s.version ?? t.version, s.build = Ue(s.build, t.build), s.source = s.source ?? t.source;
 }, He = (t) => {
-  const e = de();
+  const e = ue();
   e !== void 0 && (e.capabilities.includes(t) || e.capabilities.push(t));
 }, A = {
   IDLE: "idle",
@@ -64,93 +64,94 @@ const X = (t, e, s) => {
   EMPTY: "empty",
   ERROR: "error"
 }, Ve = 0.5, Be = 500, Ke = 1500, Fe = 100;
-function ze({ emit: t, visibilityThreshold: e = Ve, dwellMs: s = Be, idleFlushMs: o = Ke, maxItemsPerEvent: n = Fe }) {
-  let r, a = [];
-  const i = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+function ze({ emit: t, visibilityThreshold: e = Ve, dwellMs: s = Be, idleFlushMs: o = Ke, maxItemsPerEvent: r = Fe }) {
+  let n, a = [];
+  const i = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   let C;
-  const c = () => {
-    clearTimeout(C), !(r === void 0 || a.length === 0) && (t({ ...r, items: a }), a = []);
-  }, f = (b) => {
-    if (r === void 0)
+  const d = () => {
+    clearTimeout(C), !(n === void 0 || a.length === 0) && (t({ ...n, items: a }), a = []);
+  }, f = (S) => {
+    if (n === void 0)
       return;
-    const m = `${r.query_id}:${b.product_id}`;
+    const m = `${n.query_id}:${S.product_id}`;
     if (!i.has(m)) {
-      if (i.add(m), a.push(b), a.length >= n) {
-        c();
+      if (i.add(m), a.push(S), a.length >= r) {
+        d();
         return;
       }
-      clearTimeout(C), C = setTimeout(c, o);
+      clearTimeout(C), C = setTimeout(d, o);
     }
-  }, v = (b) => {
-    const m = d.get(b);
-    m !== void 0 && (clearTimeout(m), d.delete(b));
-  }, g = new IntersectionObserver((b) => {
-    for (const m of b) {
-      const p = _.get(m.target);
-      p !== void 0 && (m.intersectionRatio >= e ? d.has(m.target) || d.set(m.target, setTimeout(() => {
-        d.delete(m.target), f(p);
+  }, v = (S) => {
+    const m = c.get(S);
+    m !== void 0 && (clearTimeout(m), c.delete(S));
+  }, g = new IntersectionObserver((S) => {
+    for (const m of S) {
+      const h = p.get(m.target);
+      h !== void 0 && (m.intersectionRatio >= e ? c.has(m.target) || c.set(m.target, setTimeout(() => {
+        c.delete(m.target), f(h);
       }, s)) : v(m.target));
     }
   }, { threshold: e }), w = () => {
     g.disconnect();
-    for (const b of d.values())
-      clearTimeout(b);
-    d.clear(), _.clear();
+    for (const S of c.values())
+      clearTimeout(S);
+    c.clear(), p.clear();
   }, $ = () => {
-    c();
-  }, k = (b) => {
-    if (b.persisted) {
+    d();
+  }, k = (S) => {
+    if (S.persisted) {
       i.clear();
-      for (const m of _.keys())
+      for (const m of p.keys())
         v(m), g.unobserve(m), g.observe(m);
     }
   };
   return window.addEventListener("pagehide", $), window.addEventListener("pageshow", k), {
-    setContext(b) {
-      c(), i.clear(), r = b, w();
+    setContext(S) {
+      d(), i.clear(), n = S, w();
     },
-    observe(b, m) {
-      _.set(b, m), g.observe(b);
+    observe(S, m) {
+      p.set(S, m), g.observe(S);
     },
-    forceImpression(b) {
-      f(b), c();
+    forceImpression(S) {
+      f(S), d();
     },
-    flush: c,
+    flush: d,
     disconnect() {
-      c(), w(), window.removeEventListener("pagehide", $), window.removeEventListener("pageshow", k);
+      d(), w(), window.removeEventListener("pagehide", $), window.removeEventListener("pageshow", k);
     }
   };
 }
 const te = (t, e) => ({
-  product_id: t.hits[e].objectID,
+  // `objectID` is the variant id; analytics count products.
+  product_id: String(t.hits[e].id),
   // One-based position across all pages.
   position: t.page * t.hitsPerPage + e + 1
 });
-function je(t) {
+function Ge(t) {
   let e, s;
   const o = () => (e ?? (e = ze({
     emit: t.trackViewSearchResults
   })), e);
   return {
-    onResponse(n) {
+    onResponse(r) {
       s = {
-        query_id: n.queryID,
-        index: n.index,
+        query_id: r.queryID,
+        index: r.index,
         surface: t.surface,
         search_type: "lexical",
         // Convert the API page to one-based analytics numbering.
-        page: n.page + 1,
-        total_hits: n.nbHits,
-        query_length: [...n.query].length
-      }, o().setContext(s), n.nbHits === 0 && t.trackViewSearchResults({ ...s, items: [] });
+        page: r.page + 1,
+        total_hits: r.nbHits,
+        query_length: [...r.query].length
+      }, o().setContext(s), r.nbHits === 0 && t.trackViewSearchResults({ ...s, items: [] });
     },
-    observeResult(n, r, a) {
-      o().observe(n, te(r, a));
+    observeResult(r, n, a) {
+      o().observe(r, te(n, a));
     },
-    select(n, r) {
+    select(r, n) {
       if (s === void 0)
         return;
-      const a = te(n, r);
+      const a = te(r, n);
       o().forceImpression(a), t.trackSelectSearchResult({ ...s, items: [a] });
     },
     dispose() {
@@ -158,33 +159,34 @@ function je(t) {
     }
   };
 }
-const Ge = 2, se = (t) => {
+const je = 2, se = (t) => {
   const e = t.trim();
-  return [...e].length >= Ge ? e : void 0;
-}, Qe = (t, e, s, { indexName: o, language: n, currency: r, hitsPerPage: a }) => ({
+  return [...e].length >= je ? e : void 0;
+}, Qe = (t, e, s, { indexName: o, language: r, country: n, hitsPerPage: a }) => ({
   requests: [
     { indexName: o, query: t, page: e, hitsPerPage: a },
     ...s.map((i) => ({
-      indexName: X(i.index, n, r),
+      indexName: X(i.index, r, n),
       query: t,
       page: 0,
       hitsPerPage: i.hitsPerPage ?? a
     }))
   ]
-}), We = (t, e, { indexName: s, language: o, currency: n }) => {
-  const r = t.results.find((i) => i.index === s);
-  if (r === void 0)
+}), We = (t, e, { indexName: s, language: o, country: r }) => {
+  const n = t.results.find((i) => i.index === s);
+  if (n === void 0)
     throw new Error(`Dialog search returned no ${s} entry`);
   const a = {};
   for (const i of e) {
-    const _ = X(i.index, o, n), d = t.results.find((C) => C.index === _);
-    d !== void 0 && (a[i.index] = d);
+    const p = X(i.index, o, r), c = t.results.find((C) => C.index === p);
+    c !== void 0 && (a[i.index] = c);
   }
   return {
-    response: r,
+    // The products index answers product records only.
+    response: n,
     sections: e.length === 0 ? void 0 : a
   };
-}, j = {
+}, G = {
   status: A.IDLE,
   query: "",
   page: 0,
@@ -192,34 +194,34 @@ const Ge = 2, se = (t) => {
   sections: void 0,
   error: void 0
 };
-function Xe({ search: t, language: e, currency: s, analytics: o, navigate: n, debounceMs: r = 250, hitsPerPage: a = 12, sections: i = [] }) {
-  const _ = {
+function Xe({ search: t, language: e, country: s, analytics: o, navigate: r, debounceMs: n = 250, hitsPerPage: a = 12, sections: i = [] }) {
+  const p = {
     indexName: X("products", e, s),
     language: e,
-    currency: s,
+    country: s,
     hitsPerPage: a
   };
-  let d = j;
-  const C = /* @__PURE__ */ new Set(), c = je(o);
+  let c = G;
+  const C = /* @__PURE__ */ new Set(), d = Ge(o);
   let f, v, g, w = 0, $ = !1;
-  const k = (p) => {
-    d = { ...d, ...p };
+  const k = (h) => {
+    c = { ...c, ...h };
     for (const E of C)
-      E(d);
-  }, b = () => {
+      E(c);
+  }, S = () => {
     clearTimeout(f), v = void 0, w += 1, g == null || g.abort(), g = void 0;
-  }, m = async (p, E) => {
-    b(), g = new AbortController();
+  }, m = async (h, E) => {
+    S(), g = new AbortController();
     const O = w;
-    k({ status: A.LOADING, query: p, page: E });
+    k({ status: A.LOADING, query: h, page: E });
     try {
-      const D = typeof i == "function" ? i() : i, Y = Qe(p, E, D, _), Ce = await t(Y, {
+      const D = typeof i == "function" ? i() : i, Y = Qe(h, E, D, p), Ce = await t(Y, {
         signal: g.signal
       });
       if (O !== w)
         return;
-      const F = We(Ce, D, _);
-      c.onResponse(F.response), k({
+      const F = We(Ce, D, p);
+      d.onResponse(F.response), k({
         ...F,
         status: F.response.nbHits === 0 ? A.EMPTY : A.SUCCESS,
         error: void 0
@@ -236,59 +238,59 @@ function Xe({ search: t, language: e, currency: s, analytics: o, navigate: n, de
     }
   };
   return {
-    setQuery(p) {
+    setQuery(h) {
       if ($)
         return;
-      b();
-      const E = se(p);
+      S();
+      const E = se(h);
       if (E === void 0) {
-        k(j);
+        k(G);
         return;
       }
-      v = E, f = setTimeout(() => void m(E, 0), r);
+      v = E, f = setTimeout(() => void m(E, 0), n);
     },
-    submit(p) {
+    submit(h) {
       if ($)
         return;
-      b();
-      const E = se(p);
+      S();
+      const E = se(h);
       if (E === void 0) {
-        k(j);
+        k(G);
         return;
       }
       m(E, 0);
     },
-    setPage(p) {
+    setPage(h) {
       if (!$) {
         if (v !== void 0) {
           m(v, 0);
           return;
         }
-        d.query !== "" && m(d.query, p);
+        c.query !== "" && m(c.query, h);
       }
     },
     retry() {
-      $ || d.status !== A.ERROR || m(d.query, d.page);
+      $ || c.status !== A.ERROR || m(c.query, c.page);
     },
-    observeResult(p, E) {
-      d.response !== void 0 && c.observeResult(p, d.response, E);
+    observeResult(h, E) {
+      c.response !== void 0 && d.observeResult(h, c.response, E);
     },
-    selectResult(p, E) {
-      const O = d.response;
+    selectResult(h, E) {
+      const O = c.response;
       if (O === void 0)
         return !1;
-      c.select(O, p);
-      const D = O.hits[p].url;
-      return ((E == null ? void 0 : E.navigate) ?? !0) && n !== void 0 && D !== void 0 ? (n(D, O.hits[p]), !0) : !1;
+      d.select(O, h);
+      const D = O.hits[h].url;
+      return ((E == null ? void 0 : E.navigate) ?? !0) && r !== void 0 && D !== void 0 ? (r(D, O.hits[h]), !0) : !1;
     },
-    subscribe(p) {
-      return C.add(p), () => {
-        C.delete(p);
+    subscribe(h) {
+      return C.add(h), () => {
+        C.delete(h);
       };
     },
-    getState: () => d,
+    getState: () => c,
     dispose() {
-      $ = !0, b(), C.clear(), c.dispose();
+      $ = !0, S(), C.clear(), d.dispose();
     }
   };
 }
@@ -333,7 +335,7 @@ const oe = {
         }
       });
     };
-    return (o, n) => (u(), h("button", {
+    return (o, r) => (u(), _("button", {
       type: "button",
       class: "dialog-ask-something-else",
       disabled: e.disabled,
@@ -342,8 +344,8 @@ const oe = {
   }
 }), x = (t, e) => {
   const s = t.__vccOpts || t;
-  for (const [o, n] of e)
-    s[o] = n;
+  for (const [o, r] of e)
+    s[o] = r;
   return s;
 }, Je = /* @__PURE__ */ x(Ze, [["__scopeId", "data-v-d0e272a0"]]), et = { class: "dialog-block-header-container" }, tt = { class: "dialog-block-title" }, st = { class: "dialog-block-description" }, ot = /* @__PURE__ */ I({
   __name: "DialogBlockHeader",
@@ -353,7 +355,7 @@ const oe = {
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("div", et, [
+    return (s, o) => (u(), _("div", et, [
       l("div", tt, y(e.title ?? "Your expert"), 1),
       l("div", st, y(e.description ?? "A question about this product?"), 1)
     ]));
@@ -371,7 +373,7 @@ const oe = {
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("svg", rt, [
+    return (s, o) => (u(), _("svg", rt, [
       l("g", it, [
         l("path", {
           d: `M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011
@@ -417,7 +419,7 @@ const oe = {
       ], -1))
     ]));
   }
-}), ut = ["onClick"], dt = { class: "dialog-block-suggestions-item-label" }, pt = /* @__PURE__ */ I({
+}), dt = ["onClick"], ut = { class: "dialog-block-suggestions-item-label" }, pt = /* @__PURE__ */ I({
   __name: "DialogBlockSuggestions",
   props: {
     client: {},
@@ -436,21 +438,21 @@ const oe = {
         fromQuestionSuggestion: !0
       });
     };
-    return (o, n) => (u(!0), h(N, null, W(e.questions, (r) => (u(), h("button", {
-      key: r.question,
+    return (o, r) => (u(!0), _(N, null, W(e.questions, (n) => (u(), _("button", {
+      key: n.question,
       class: "dialog-block-suggestions-item",
-      onClick: (a) => s(r.question)
+      onClick: (a) => s(n.question)
     }, [
       T(ct, {
         class: "dialog-block-suggestions-item-icon",
         color: e.client.theme.primaryColor
       }, null, 8, ["color"]),
-      l("span", dt, y(r.question), 1)
-    ], 8, ut))), 128));
+      l("span", ut, y(n.question), 1)
+    ], 8, dt))), 128));
   }
 }), ht = /* @__PURE__ */ x(pt, [["__scopeId", "data-v-db34d4b4"]]), _t = {};
 function gt(t, e) {
-  return u(), h(N, null, [
+  return u(), _(N, null, [
     e[0] || (e[0] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
     e[1] || (e[1] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
     e[2] || (e[2] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1))
@@ -468,7 +470,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("div", vt, [
+    return (s, o) => (u(), _("div", vt, [
       e.isLoading || !e.questions ? (u(), P(ft, { key: 0 })) : (u(), P(ht, {
         key: 1,
         client: e.client,
@@ -492,7 +494,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("svg", St, [
+    return (s, o) => (u(), _("svg", St, [
       l("path", {
         d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
         stroke: e.color || "#ffffff",
@@ -515,7 +517,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
     selectedVariantId: {}
   },
   setup(t) {
-    const e = t, s = R(), o = R(""), n = S(() => he(e.client.locale)), r = () => {
+    const e = t, s = R(), o = R(""), r = b(() => he(e.client.locale)), n = () => {
       var i;
       (i = s.value) == null || i.focus();
     }, a = () => {
@@ -528,18 +530,18 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
         fromQuestionSuggestion: !0
       }), o.value = "");
     };
-    return (i, _) => (u(), h("div", yt, [
+    return (i, p) => (u(), _("div", yt, [
       l("div", {
         class: "dialog-input-wrapper",
-        onClick: r
+        onClick: n
       }, [
         ie(l("input", {
           id: "dialog-ask-anything-input-ai-input",
           ref_key: "inputRef",
           ref: s,
-          "onUpdate:modelValue": _[0] || (_[0] = (d) => o.value = d),
+          "onUpdate:modelValue": p[0] || (p[0] = (c) => o.value = c),
           class: "dialog-ask-anything-input-ai-input",
-          placeholder: n.value.placeholder,
+          placeholder: r.value.placeholder,
           "aria-describedby": "dialog-input-ai-disclosure",
           onKeydown: Ie(a, ["enter"])
         }, null, 40, It), [
@@ -556,7 +558,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
           }, null, 8, ["color"])
         ], 8, wt)
       ]),
-      l("p", $t, y(n.value.aiDisclosure), 1)
+      l("p", $t, y(r.value.aiDisclosure), 1)
     ]));
   }
 }), Tt = /* @__PURE__ */ x(kt, [["__scopeId", "data-v-87013888"]]), Rt = /* @__PURE__ */ I({
@@ -565,45 +567,45 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
     theme: {}
   },
   setup(t) {
-    const e = t, s = document.body, o = (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase(), n = (r) => {
-      r && Object.keys(r).forEach((a) => {
-        const i = a, _ = o(a);
-        if (r[i] !== void 0) {
-          if (typeof r[i] == "object") {
-            Object.keys(r[i]).forEach((d) => {
-              var c;
-              const C = d;
+    const e = t, s = document.body, o = (n) => n.replace(/([A-Z])/g, "-$1").toLowerCase(), r = (n) => {
+      n && Object.keys(n).forEach((a) => {
+        const i = a, p = o(a);
+        if (n[i] !== void 0) {
+          if (typeof n[i] == "object") {
+            Object.keys(n[i]).forEach((c) => {
+              var d;
+              const C = c;
               if (C !== void 0) {
-                const f = o(d), v = r[i];
+                const f = o(c), v = n[i];
                 s.style.setProperty(
-                  `--dialog-theme-${_}-${f}`,
-                  (c = v[C]) == null ? void 0 : c.toString()
+                  `--dialog-theme-${p}-${f}`,
+                  (d = v[C]) == null ? void 0 : d.toString()
                 );
               }
             });
             return;
           }
           if (i === "ctaBorderType") {
-            const d = r[i] === "rounded" ? "24px" : "0";
-            s.style.setProperty(`--dialog-theme-${_}`, d);
+            const c = n[i] === "rounded" ? "24px" : "0";
+            s.style.setProperty(`--dialog-theme-${p}`, c);
             return;
           }
           s.style.setProperty(
-            `--dialog-theme-${_}`,
-            r[i].toString()
+            `--dialog-theme-${p}`,
+            n[i].toString()
           );
         }
       });
     };
     return K(() => {
-      e.theme && n(e.theme);
+      e.theme && r(e.theme);
     }), M(
       () => e.theme,
-      (r) => {
-        r && n(r);
+      (n) => {
+        n && r(n);
       },
       { deep: !0 }
-    ), (r, a) => we(r.$slots, "default");
+    ), (n, a) => we(n.$slots, "default");
   }
 }), At = ["dir"], Lt = 2, xt = 5, Dt = /* @__PURE__ */ I({
   __name: "DialogProductBlock",
@@ -619,42 +621,42 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
     K(() => {
       pe({
         method: "vue",
-        version: "3.9.0"
+        version: "3.10.0"
       }), He("pdp-block");
     });
-    const s = R(!0), o = R(void 0), n = R(0), r = S(() => {
-      var c;
-      return s.value ? "" : (c = o.value) == null ? void 0 : c.assistantName;
-    }), a = S(() => {
-      var c;
-      return s.value ? "" : (c = o.value) == null ? void 0 : c.description;
-    }), i = S(
+    const s = R(!0), o = R(void 0), r = R(0), n = b(() => {
+      var d;
+      return s.value ? "" : (d = o.value) == null ? void 0 : d.assistantName;
+    }), a = b(() => {
+      var d;
+      return s.value ? "" : (d = o.value) == null ? void 0 : d.description;
+    }), i = b(
       () => {
-        var c, f;
-        return (f = (c = o.value) == null ? void 0 : c.questions) == null ? void 0 : f.slice(0, Lt);
+        var d, f;
+        return (f = (d = o.value) == null ? void 0 : d.questions) == null ? void 0 : f.slice(0, Lt);
       }
-    ), _ = S(() => {
-      var c;
-      return s.value ? "" : (c = o.value) == null ? void 0 : c.inputPlaceholder;
-    }), d = S(
+    ), p = b(() => {
+      var d;
+      return s.value ? "" : (d = o.value) == null ? void 0 : d.inputPlaceholder;
+    }), c = b(
       () => {
-        var c;
+        var d;
         return Oe(
-          (c = e.client.getLocalizationInformations()) == null ? void 0 : c.languageCode
+          (d = e.client.getLocalizationInformations()) == null ? void 0 : d.languageCode
         );
       }
     ), C = async () => {
-      const c = ++n.value;
+      const d = ++r.value;
       s.value = !0, o.value = void 0;
       try {
         const f = await e.client.getSuggestions(e.productId, {
           limit: xt
         });
-        c === n.value && (o.value = f);
+        d === r.value && (o.value = f);
       } catch (f) {
         console.error("error", f);
       } finally {
-        c === n.value && (s.value = !1);
+        d === r.value && (s.value = !1);
       }
     };
     return M(
@@ -663,7 +665,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
         C();
       },
       { immediate: !0 }
-    ), (c, f) => (u(), P(Rt, {
+    ), (d, f) => (u(), P(Rt, {
       theme: e.client.theme
     }, {
       default: le(() => {
@@ -672,10 +674,10 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
           l("div", {
             id: "dialog-instant",
             class: "dialog-block-container",
-            dir: d.value
+            dir: c.value
           }, [
             T(nt, {
-              title: r.value,
+              title: n.value,
               description: a.value
             }, null, 8, ["title", "description"]),
             T(bt, {
@@ -689,7 +691,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
             e.enableInput ? (u(), P(Tt, {
               key: 0,
               client: e.client,
-              placeholder: _.value,
+              placeholder: p.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
@@ -717,7 +719,7 @@ const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58
   "aria-hidden": "true"
 };
 function Nt(t, e) {
-  return u(), h("svg", Ot, e[0] || (e[0] = [
+  return u(), _("svg", Ot, e[0] || (e[0] = [
     l("path", {
       d: "M8 13V3M8 3L3 8M8 3L13 8",
       stroke: "currentColor",
@@ -741,7 +743,7 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("svg", Mt, [
+    return (s, o) => (u(), _("svg", Mt, [
       l("path", {
         d: Ht,
         fill: e.color || "currentColor"
@@ -759,13 +761,13 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
   setup(t) {
     const e = t, s = R(""), o = () => {
       e.controller.setQuery(s.value);
-    }, n = () => {
+    }, r = () => {
       e.controller.submit(s.value);
     };
-    return (r, a) => (u(), h("form", {
+    return (n, a) => (u(), _("form", {
       class: "dialog-search-bar",
       role: "search",
-      onSubmit: $e(n, ["prevent"])
+      onSubmit: $e(r, ["prevent"])
     }, [
       l("div", Bt, [
         l("span", Kt, [
@@ -793,7 +795,7 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
       ], 8, zt)
     ], 32));
   }
-}), jt = (t, e) => {
+}), Gt = (t, e) => {
   try {
     return new Intl.NumberFormat(e).format(t);
   } catch {
@@ -868,8 +870,8 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
 }, _e = (t) => {
   var o;
   const e = ((o = t == null ? void 0 : t.split("-")[0]) == null ? void 0 : o.toLowerCase()) ?? "en";
-  return (ne[e] ?? ne.en)((n) => jt(n, t));
-}, ge = (t) => t.status !== A.LOADING && t.response !== void 0 && t.response.nbPages > 1, Gt = {
+  return (ne[e] ?? ne.en)((r) => Gt(r, t));
+}, ge = (t) => t.status !== A.LOADING && t.response !== void 0 && t.response.nbPages > 1, jt = {
   key: 0,
   "aria-label": "Search results pages",
   class: "dialog-search-pagination"
@@ -881,18 +883,18 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
     locale: {}
   },
   setup(t) {
-    const e = t, s = S(() => e.state.response), o = S(() => _e(e.locale));
-    return (n, r) => s.value !== void 0 && H(ge)(e.state) ? (u(), h("nav", Gt, [
+    const e = t, s = b(() => e.state.response), o = b(() => _e(e.locale));
+    return (r, n) => s.value !== void 0 && H(ge)(e.state) ? (u(), _("nav", jt, [
       l("button", {
         type: "button",
         disabled: s.value.page === 0,
-        onClick: r[0] || (r[0] = (a) => e.controller.setPage(s.value.page - 1))
+        onClick: n[0] || (n[0] = (a) => e.controller.setPage(s.value.page - 1))
       }, y(o.value.previous), 9, Qt),
       l("span", null, y(o.value.pageOf(s.value.page + 1, s.value.nbPages)), 1),
       l("button", {
         type: "button",
         disabled: s.value.page >= s.value.nbPages - 1,
-        onClick: r[1] || (r[1] = (a) => e.controller.setPage(s.value.page + 1))
+        onClick: n[1] || (n[1] = (a) => e.controller.setPage(s.value.page + 1))
       }, y(o.value.next), 9, Wt)
     ])) : L("", !0);
   }
@@ -900,22 +902,22 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
   const s = { before: "", match: t, after: "" }, o = re(e.trim());
   if (o === "")
     return s;
-  const n = [...t], r = [];
+  const r = [...t], n = [];
   let a = "";
-  n.forEach((C, c) => {
+  r.forEach((C, d) => {
     const f = re(C);
     for (let v = 0; v < f.length; v += 1)
-      r.push(c);
+      n.push(d);
     a += f;
   });
   const i = a.indexOf(o);
   if (i === -1)
     return s;
-  const _ = r[i], d = r[i + o.length - 1] + 1;
+  const p = n[i], c = n[i + o.length - 1] + 1;
   return {
-    before: n.slice(0, _).join(""),
-    match: n.slice(_, d).join(""),
-    after: n.slice(d).join("")
+    before: r.slice(0, p).join(""),
+    match: r.slice(p, c).join(""),
+    after: r.slice(c).join("")
   };
 }, Zt = {
   key: 0,
@@ -930,25 +932,24 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
     query: {}
   },
   setup(t) {
-    const e = t, s = S(() => Yt(e.title, e.query));
-    return (o, n) => (u(), h(N, null, [
-      s.value.before !== "" ? (u(), h("span", Zt, y(s.value.before), 1)) : L("", !0),
+    const e = t, s = b(() => Yt(e.title, e.query));
+    return (o, r) => (u(), _(N, null, [
+      s.value.before !== "" ? (u(), _("span", Zt, y(s.value.before), 1)) : L("", !0),
       l("span", Jt, y(s.value.match), 1),
-      s.value.after !== "" ? (u(), h("span", es, y(s.value.after), 1)) : L("", !0)
+      s.value.after !== "" ? (u(), _("span", es, y(s.value.after), 1)) : L("", !0)
     ], 64));
   }
-}), ts = ({ amount: t, currencyCode: e }, s) => e === void 0 ? new Intl.NumberFormat(s).format(Number(t)) : new Intl.NumberFormat(s, {
-  style: "currency",
-  currency: e
-}).format(Number(t)), ss = (t, e) => {
+}), ts = ({ variants_min_price: t, currency: e }, s) => {
   if (t === void 0)
     return "";
   try {
-    return ts(t.min, e);
+    return e === void 0 ? new Intl.NumberFormat(s).format(t) : new Intl.NumberFormat(s, { style: "currency", currency: e }).format(
+      t
+    );
   } catch {
     return "";
   }
-}, os = (t) => {
+}, ss = (t) => t.product_image || t.image || void 0, os = (t) => {
   try {
     const { protocol: e } = new URL(t, window.location.href);
     return e === "http:" || e === "https:" ? t : void 0;
@@ -979,15 +980,13 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
       },
       { immediate: !0, flush: "post" }
     );
-    const o = S(() => ve(e.hit)), n = S(
-      () => ss(e.hit.priceRange, e.locale)
-    ), r = (i) => {
-      const _ = i.metaKey || i.ctrlKey || i.shiftKey || i.altKey;
-      e.controller.selectResult(e.index, { navigate: !_ }) && i.preventDefault();
-    }, a = (i) => {
-      i.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
+    const o = b(() => ve(e.hit)), r = b(() => ss(e.hit)), n = b(() => ts(e.hit, e.locale)), a = (p) => {
+      const c = p.metaKey || p.ctrlKey || p.shiftKey || p.altKey;
+      e.controller.selectResult(e.index, { navigate: !c }) && p.preventDefault();
+    }, i = (p) => {
+      p.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
     };
-    return (i, _) => (u(), h("li", {
+    return (p, c) => (u(), _("li", {
       ref_key: "cardRef",
       ref: s,
       class: "dialog-search-card"
@@ -996,13 +995,13 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
         class: "dialog-search-product",
         href: o.value
       }, Re(
-        o.value === void 0 ? {} : { click: r, auxclick: a }
+        o.value === void 0 ? {} : { click: a, auxclick: i }
       )), {
         default: le(() => [
           l("span", ns, [
-            e.hit.imageUrl !== void 0 && e.hit.imageUrl !== "" ? (u(), h("img", {
+            r.value !== void 0 ? (u(), _("img", {
               key: 0,
-              src: e.hit.imageUrl,
+              src: r.value,
               alt: "",
               loading: "lazy"
             }, null, 8, rs)) : L("", !0)
@@ -1013,13 +1012,13 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
               query: e.query
             }, null, 8, ["title", "query"])
           ]),
-          n.value !== "" ? (u(), h("span", as, y(n.value), 1)) : L("", !0)
+          n.value !== "" ? (u(), _("span", as, y(n.value), 1)) : L("", !0)
         ]),
         _: 1
       }, 16, ["href"]))
     ], 512));
   }
-}), cs = {}, us = {
+}), cs = {}, ds = {
   width: "16",
   height: "16",
   viewBox: "0 0 256 256",
@@ -1027,12 +1026,12 @@ const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
 };
-function ds(t, e) {
-  return u(), h("svg", us, e[0] || (e[0] = [
+function us(t, e) {
+  return u(), _("svg", ds, e[0] || (e[0] = [
     l("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }, null, -1)
   ]));
 }
-const ps = /* @__PURE__ */ x(cs, [["render", ds]]), hs = {}, _s = {
+const ps = /* @__PURE__ */ x(cs, [["render", us]]), hs = {}, _s = {
   width: "12",
   height: "12",
   viewBox: "0 0 256 256",
@@ -1041,7 +1040,7 @@ const ps = /* @__PURE__ */ x(cs, [["render", ds]]), hs = {}, _s = {
   "aria-hidden": "true"
 };
 function gs(t, e) {
-  return u(), h("svg", _s, e[0] || (e[0] = [
+  return u(), _("svg", _s, e[0] || (e[0] = [
     l("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }, null, -1)
   ]));
 }
@@ -1062,31 +1061,31 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
     messages: {}
   },
   setup(t) {
-    const e = t, s = S(() => be(e.collections));
-    return (o, n) => s.value.length > 0 ? (u(), h("aside", vs, [
+    const e = t, s = b(() => be(e.collections));
+    return (o, r) => s.value.length > 0 ? (u(), _("aside", vs, [
       l("div", ms, [
         l("p", bs, y(e.messages.collectionsLabel), 1),
         l("span", Ss, y(e.messages.collectionsCount(s.value.length)), 1)
       ]),
       l("ul", Cs, [
-        (u(!0), h(N, null, W(s.value, ({ collection: r, href: a }) => (u(), h("li", {
-          key: r.objectID
+        (u(!0), _(N, null, W(s.value, ({ collection: n, href: a }) => (u(), _("li", {
+          key: n.objectID
         }, [
           l("a", {
             class: "dialog-search-collection",
             href: a
           }, [
             l("span", ys, [
-              r.imageUrl !== void 0 && r.imageUrl !== "" ? (u(), h("img", {
+              n.imageUrl !== void 0 && n.imageUrl !== "" ? (u(), _("img", {
                 key: 0,
-                src: r.imageUrl,
+                src: n.imageUrl,
                 alt: "",
                 loading: "lazy"
               }, null, 8, Is)) : L("", !0)
             ]),
             l("span", ws, [
               T(fe, {
-                title: H(me)(r),
+                title: H(me)(n),
                 query: e.query
               }, null, 8, ["title", "query"])
             ]),
@@ -1115,19 +1114,19 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), h("section", Ts, [
+    return (s, o) => (u(), _("section", Ts, [
       l("div", Rs, [
         l("p", As, [
           ce(y(e.messages.productsLabel), 1),
-          e.response.nbHits > 0 ? (u(), h("span", Ls, " · " + y(e.messages.resultsCount(e.response.nbHits)), 1)) : L("", !0)
+          e.response.nbHits > 0 ? (u(), _("span", Ls, " · " + y(e.messages.resultsCount(e.response.nbHits)), 1)) : L("", !0)
         ])
       ]),
       l("ul", xs, [
-        e.response.hits.length === 0 ? (u(), h("li", Ds, y(e.messages.noResults), 1)) : (u(!0), h(N, { key: 1 }, W(e.response.hits, (n, r) => (u(), P(ls, {
-          key: n.objectID,
+        e.response.hits.length === 0 ? (u(), _("li", Ds, y(e.messages.noResults), 1)) : (u(!0), _(N, { key: 1 }, W(e.response.hits, (r, n) => (u(), P(ls, {
+          key: r.objectID,
           controller: e.controller,
-          hit: n,
-          index: r,
+          hit: r,
+          index: n,
           locale: e.locale,
           query: e.response.query
         }, null, 8, ["controller", "hit", "index", "locale", "query"]))), 128))
@@ -1144,13 +1143,13 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
     e - U - s
   )}px`, width: `${s}px` };
 }, Us = (t, e, s) => {
-  const o = s - t.bottom - V - U, n = t.top - V - U, r = Ms(t, e);
-  return o < Os && n > o ? {
-    ...r,
+  const o = s - t.bottom - V - U, r = t.top - V - U, n = Ms(t, e);
+  return o < Os && r > o ? {
+    ...n,
     bottom: `${s - t.top + V}px`,
-    maxHeight: `${Math.max(n, 0)}px`
+    maxHeight: `${Math.max(r, 0)}px`
   } : {
-    ...r,
+    ...n,
     top: `${t.bottom + V}px`,
     maxHeight: `${Math.max(o, 0)}px`
   };
@@ -1182,9 +1181,9 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
   const e = Ks(t);
   if (e === void 0)
     return;
-  const [s, o, n] = e.map(Fs);
-  return 0.2126 * s + 0.7152 * o + 0.0722 * n;
-}, zs = "#181825", js = "#ffffff", Gs = "straight", G = 0.5, Q = {
+  const [s, o, r] = e.map(Fs);
+  return 0.2126 * s + 0.7152 * o + 0.0722 * r;
+}, zs = "#181825", Gs = "#ffffff", js = "straight", j = 0.5, Q = {
   light: {
     panel: "#ffffff",
     side: "#fafbfc",
@@ -1218,40 +1217,40 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
   }
 }, B = (t) => t === void 0 || t.trim() === "" ? void 0 : t.trim(), Ws = (t) => {
   const e = t === void 0 ? void 0 : Se(t);
-  return e === void 0 ? "light" : e < G ? "dark" : "light";
+  return e === void 0 ? "light" : e < j ? "dark" : "light";
 }, Xs = (t, e) => {
   const s = Se(t);
-  return s === void 0 ? Q[e].text : (e === "light" ? s < G : s >= G) ? t : Q[e].text;
+  return s === void 0 ? Q[e].text : (e === "light" ? s < j : s >= j) ? t : Q[e].text;
 }, Ys = (t) => {
-  const e = Ws(B(t == null ? void 0 : t.backgroundColor)), s = (t == null ? void 0 : t.ctaBorderType) === Gs ? "rectangle" : "rectangle-rounded", o = B(t == null ? void 0 : t.primaryColor) ?? zs, n = B(t == null ? void 0 : t.fontFamily), r = {
+  const e = Ws(B(t == null ? void 0 : t.backgroundColor)), s = (t == null ? void 0 : t.ctaBorderType) === js ? "rectangle" : "rectangle-rounded", o = B(t == null ? void 0 : t.primaryColor) ?? zs, r = B(t == null ? void 0 : t.fontFamily), n = {
     ...Q[e],
     ...Qs[s],
     primary: o,
     accent: Xs(o, e),
-    "cta-text": B(t == null ? void 0 : t.ctaTextColor) ?? js,
-    ...n === void 0 ? {} : { font: n }
+    "cta-text": B(t == null ? void 0 : t.ctaTextColor) ?? Gs,
+    ...r === void 0 ? {} : { font: r }
   };
   return Object.fromEntries(
-    Object.entries(r).map(([a, i]) => [`--dso-${a}`, i])
+    Object.entries(n).map(([a, i]) => [`--dso-${a}`, i])
   );
 }, Zs = (t) => {
   const e = R(), s = R(void 0), o = R({ width: 0, height: 0 });
   return M(
     t,
-    (n, r, a) => {
-      if (!n)
+    (r, n, a) => {
+      if (!r)
         return;
       const i = () => {
-        const _ = e.value;
-        if (_ === void 0)
+        const p = e.value;
+        if (p === void 0)
           return;
-        const d = _.previousElementSibling ?? _, { top: C, bottom: c, left: f, width: v } = d.getBoundingClientRect();
+        const c = p.previousElementSibling ?? p, { top: C, bottom: d, left: f, width: v } = c.getBoundingClientRect();
         (o.value.width !== window.innerWidth || o.value.height !== window.innerHeight) && (o.value = {
           width: window.innerWidth,
           height: window.innerHeight
         });
         const g = s.value;
-        (g === void 0 || g.top !== C || g.bottom !== c || g.left !== f || g.width !== v) && (s.value = { top: C, bottom: c, left: f, width: v });
+        (g === void 0 || g.top !== C || g.bottom !== d || g.left !== f || g.width !== v) && (s.value = { top: C, bottom: d, left: f, width: v });
       };
       i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), a(() => {
         window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
@@ -1260,7 +1259,7 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
     { immediate: !0, flush: "post" }
   ), { anchorRef: e, rect: s, viewport: o };
 }, Js = (t, e) => {
-  const s = R(!1), o = R(), n = S(
+  const s = R(!1), o = R(), r = b(
     () => t.value.status !== A.IDLE && !s.value
   );
   M(
@@ -1269,40 +1268,40 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
       s.value = !1;
     }
   ), M(
-    n,
-    (a, i, _) => {
+    r,
+    (a, i, p) => {
       if (!a)
         return;
-      const d = (C) => {
+      const c = (C) => {
         var w, $;
-        const c = C.target;
-        if (!(c instanceof Node))
+        const d = C.target;
+        if (!(d instanceof Node))
           return;
-        const f = (w = e.value) == null ? void 0 : w.previousElementSibling, v = (($ = o.value) == null ? void 0 : $.contains(c)) ?? !1, g = (f == null ? void 0 : f.contains(c)) ?? !1;
+        const f = (w = e.value) == null ? void 0 : w.previousElementSibling, v = (($ = o.value) == null ? void 0 : $.contains(d)) ?? !1, g = (f == null ? void 0 : f.contains(d)) ?? !1;
         !v && !g && (s.value = !0);
       };
-      document.addEventListener("pointerdown", d), _(
-        () => document.removeEventListener("pointerdown", d)
+      document.addEventListener("pointerdown", c), p(
+        () => document.removeEventListener("pointerdown", c)
       );
     },
     { immediate: !0 }
   );
-  const r = () => {
+  const n = () => {
     s.value = !1;
   };
   return K(() => {
     var a, i;
     (i = (a = e.value) == null ? void 0 : a.previousElementSibling) == null || i.addEventListener(
       "focusin",
-      r
+      n
     );
-  }), ue(() => {
+  }), de(() => {
     var a, i;
     (i = (a = e.value) == null ? void 0 : a.previousElementSibling) == null || i.removeEventListener(
       "focusin",
-      r
+      n
     );
-  }), { isOpen: n, panelRef: o };
+  }), { isOpen: r, panelRef: o };
 }, eo = {
   key: 0,
   class: "dialog-search-error"
@@ -1327,30 +1326,30 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
     seeAllHref: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, s = (p) => p instanceof Ne ? `Search failed (${p.status}${p.code ? ` ${p.code}` : ""}): ${p.message}` : "Search failed: network error. Check your connection and try again.", o = S(() => e.state), n = S(() => e.state.status !== A.IDLE), { anchorRef: r, rect: a, viewport: i } = Zs(n), { isOpen: _, panelRef: d } = Js(o, r), C = S(
-      () => _.value && a.value !== void 0 && qs(a.value, i.value.height)
-    ), c = S(() => Ys(e.theme)), f = S(() => ({
+    const e = t, s = (h) => h instanceof Ne ? `Search failed (${h.status}${h.code ? ` ${h.code}` : ""}): ${h.message}` : "Search failed: network error. Check your connection and try again.", o = b(() => e.state), r = b(() => e.state.status !== A.IDLE), { anchorRef: n, rect: a, viewport: i } = Zs(r), { isOpen: p, panelRef: c } = Js(o, n), C = b(
+      () => p.value && a.value !== void 0 && qs(a.value, i.value.height)
+    ), d = b(() => Ys(e.theme)), f = b(() => ({
       ...a.value === void 0 ? {} : Us(a.value, i.value.width, i.value.height),
-      ...c.value
-    })), v = S(() => _e(e.locale)), g = S(() => e.state.response), w = S(
+      ...d.value
+    })), v = b(() => _e(e.locale)), g = b(() => e.state.response), w = b(
       () => {
-        var p, E;
-        return ((E = (p = e.state.sections) == null ? void 0 : p.collections) == null ? void 0 : E.hits) ?? [];
+        var h, E;
+        return ((E = (h = e.state.sections) == null ? void 0 : h.collections) == null ? void 0 : E.hits) ?? [];
       }
-    ), $ = S(
+    ), $ = b(
       () => be(w.value).length > 0
-    ), k = S(
+    ), k = b(
       () => e.seeAllHref !== void 0 && g.value !== void 0 && g.value.nbHits > 0
-    ), b = S(() => !k.value && ge(e.state)), m = S(
+    ), S = b(() => !k.value && ge(e.state)), m = b(
       () => {
-        var p;
-        return g.value === void 0 || (p = e.seeAllHref) == null ? void 0 : p.call(e, g.value.query);
+        var h;
+        return g.value === void 0 || (h = e.seeAllHref) == null ? void 0 : h.call(e, g.value.query);
       }
     );
-    return (p, E) => (u(), h(N, null, [
+    return (h, E) => (u(), _(N, null, [
       l("div", {
         ref_key: "anchorRef",
-        ref: r
+        ref: n
       }, null, 512),
       C.value ? (u(), P(Ae, {
         key: 0,
@@ -1358,18 +1357,18 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
       }, [
         l("div", {
           ref_key: "panelRef",
-          ref: d,
+          ref: c,
           class: Z(["dialog-search-panel", `dialog-search-panel--${e.layout}`]),
           style: Le(f.value)
         }, [
-          e.state.status === H(A).ERROR ? (u(), h("div", eo, [
+          e.state.status === H(A).ERROR ? (u(), _("div", eo, [
             l("p", to, y(s(e.state.error)), 1),
             l("button", {
               type: "button",
               class: "dialog-search-retry",
               onClick: E[0] || (E[0] = (O) => e.controller.retry())
             }, y(v.value.retry), 1)
-          ])) : g.value === void 0 ? (u(), h("p", so, y(v.value.searching(e.state.query)), 1)) : (u(), h(N, { key: 2 }, [
+          ])) : g.value === void 0 ? (u(), _("p", so, y(v.value.searching(e.state.query)), 1)) : (u(), _(N, { key: 2 }, [
             l("div", {
               class: Z([
                 "dialog-search-body",
@@ -1388,8 +1387,8 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
                 messages: v.value
               }, null, 8, ["controller", "response", "locale", "messages"])
             ], 2),
-            k.value || b.value ? (u(), h("div", oo, [
-              k.value ? (u(), h("a", {
+            k.value || S.value ? (u(), _("div", oo, [
+              k.value ? (u(), _("a", {
                 key: 0,
                 class: "dialog-search-cta",
                 href: m.value
@@ -1409,25 +1408,25 @@ const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMa
     ], 64));
   }
 }), uo = (t) => {
-  const { client: e, surface: s = "search_page", ...o } = t, n = Xe({
-    search: (i, _) => e.search(i, _),
+  const { client: e, surface: s = "search_page", ...o } = t, r = Xe({
+    search: (i, p) => e.search(i, p),
     analytics: {
       surface: s,
       trackViewSearchResults: (i) => e.trackViewSearchResults(i),
       trackSelectSearchResult: (i) => e.trackSelectSearchResult(i)
     },
     ...o
-  }), r = xe(n.getState()), a = n.subscribe(() => {
-    r.value = n.getState();
+  }), n = xe(r.getState()), a = r.subscribe(() => {
+    n.value = r.getState();
   });
   return K(() => {
     pe({
       method: "vue",
-      version: "3.9.0"
+      version: "3.10.0"
     });
-  }), ue(() => {
-    a(), n.dispose();
-  }), { controller: n, state: r, theme: e.theme };
+  }), de(() => {
+    a(), r.dispose();
+  }), { controller: r, state: n, theme: e.theme };
 };
 export {
   Tt as DialogInput,