@askdialog/dialog-vue 3.5.0 → 3.6.0

package/dist/dialog-vue.js

@@ -1,33 +1,33 @@
-var re = Object.defineProperty;
-var ie = (t, e, o) => e in t ? re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var F = (t, e, o) => ie(t, typeof e != "symbol" ? e + "" : e, o);
-import { defineComponent as w, createElementBlock as m, openBlock as _, createElementVNode as d, toDisplayString as R, Fragment as O, renderList as Z, createVNode as A, createBlock as x, ref as y, withDirectives as J, withKeys as ae, vModelText as ee, onMounted as K, watch as U, renderSlot as ce, computed as T, withCtx as le, createCommentVNode as M, withModifiers as de, onUnmounted as te, Teleport as ue, normalizeStyle as pe, unref as V, shallowRef as _e } from "vue";
-const he = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), fe = (t) => t !== void 0 && he.has(t.trim().toLowerCase().slice(0, 2)), ge = (t) => fe(t) ? "rtl" : "ltr", ve = (t) => {
-  try {
-    return new Intl.Locale(t).language;
-  } catch {
-    return t;
-  }
-};
-var N;
+var ae = Object.defineProperty;
+var ce = (t, e, o) => e in t ? ae(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var H = (t, e, o) => ce(t, typeof e != "symbol" ? e + "" : e, o);
+import { defineComponent as R, createElementBlock as v, openBlock as _, createElementVNode as u, toDisplayString as k, Fragment as N, renderList as ee, createVNode as L, createBlock as O, ref as $, withDirectives as te, withKeys as le, vModelText as oe, onMounted as V, watch as U, renderSlot as de, computed as T, withCtx as ue, createCommentVNode as M, withModifiers as pe, onUnmounted as se, Teleport as _e, normalizeStyle as he, unref as q, shallowRef as fe } from "vue";
+const ge = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), ve = (t) => t !== void 0 && ge.has(t.trim().toLowerCase().slice(0, 2)), me = (t) => ve(t) ? "rtl" : "ltr";
+var x;
 (function(t) {
   t.OPEN_ASSISTANT = "open_assistant", t.CLOSE_ASSISTANT = "close_assistant", t.SEND_MESSAGE = "PRODUCT_QUESTION", t.SEND_GENERIC_QUESTION = "GENERIC_QUESTION", t.TRACK_ADD_TO_CART = "TRACK_ADD_TO_CART", t.TRACK_SUBMIT_CHECKOUT = "TRACK_SUBMIT_CHECKOUT", t.TRACK_VIEW_SEARCH_RESULTS = "TRACK_VIEW_SEARCH_RESULTS", t.TRACK_SELECT_SEARCH_RESULT = "TRACK_SELECT_SEARCH_RESULT";
-})(N || (N = {}));
-var j;
+})(x || (x = {}));
+var z;
 (function(t) {
   t.USER_OPENED_ASSISTANT = "userOpenedAssistant", t.USER_CLOSED_ASSISTANT = "userClosedAssistant", t.USER_SENT_MESSAGE = "userSentMessage", t.USER_CLICKED_ON_PRODUCT_CARD = "userClickedOnProductCard", t.USER_OPENED_RECOMMENDATION = "userOpenedRecommendation", t.USER_ADDED_TO_CART = "userAddedToCart", t.USER_SEND_POSITIVE_FEEDBACK = "userSendPositiveFeedback", t.USER_SEND_NEGATIVE_FEEDBACK = "userSendNegativeFeedback";
-})(j || (j = {}));
-N.TRACK_ADD_TO_CART, N.TRACK_SUBMIT_CHECKOUT, N.TRACK_VIEW_SEARCH_RESULTS, N.TRACK_SELECT_SEARCH_RESULT;
-class me extends Error {
-  constructor({ status: o, code: n, message: a }) {
-    super(a);
-    F(this, "status");
-    F(this, "code");
-    this.name = "DialogSearchError", this.status = o, this.code = n;
+})(z || (z = {}));
+x.TRACK_ADD_TO_CART, x.TRACK_SUBMIT_CHECKOUT, x.TRACK_VIEW_SEARCH_RESULTS, x.TRACK_SELECT_SEARCH_RESULT;
+class Se extends Error {
+  constructor({ status: o, code: s, message: i }) {
+    super(i);
+    H(this, "status");
+    H(this, "code");
+    this.name = "DialogSearchError", this.status = o, this.code = s;
   }
 }
-const Se = (t, e) => `${t}_${ve(e)}`, Q = "multiple installation methods detected:", Ce = () => typeof window > "u" ? void 0 : window, oe = () => {
-  const t = Ce();
+const j = (t, e, o) => {
+  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(o))
+    throw new Error("Search currency must be an ISO 4217 code.");
+  return `${t}_${e}_${o.toLowerCase()}`;
+}, W = "multiple installation methods detected:", be = () => typeof window > "u" ? void 0 : window, ne = () => {
+  const t = be();
   if (t !== void 0)
     return t.dialog = t.dialog ?? {}, t.dialog.audit = t.dialog.audit ?? {
       methods: [],
@@ -35,228 +35,264 @@ const Se = (t, e) => `${t}_${ve(e)}`, Q = "multiple installation methods detecte
       capabilities: [],
       warnings: []
     }, t.dialog.audit;
-}, be = (t) => {
-  if (t.warnings = t.warnings.filter((e) => !e.startsWith(Q)), t.methods.length >= 2) {
+}, Ce = (t) => {
+  if (t.warnings = t.warnings.filter((e) => !e.startsWith(W)), t.methods.length >= 2) {
     const e = t.methods.map((o) => o.method).join(", ");
-    t.warnings.push(`${Q} ${e}`);
+    t.warnings.push(`${W} ${e}`);
   }
 }, Ee = (t, e) => e === void 0 ? t : {
   version: (t == null ? void 0 : t.version) ?? e.version,
   commit: (t == null ? void 0 : t.commit) ?? e.commit
-}, ne = (t) => {
-  const e = oe();
+}, re = (t) => {
+  const e = ne();
   if (e === void 0)
     return;
-  const o = e.methods.find((n) => n.method === t.method);
+  const o = e.methods.find((s) => s.method === t.method);
   if (o === void 0) {
-    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), be(e);
+    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), Ce(e);
     return;
   }
   o.version = o.version ?? t.version, o.build = Ee(o.build, t.build), o.source = o.source ?? t.source;
-}, Ie = (t) => {
-  const e = oe();
+}, we = (t) => {
+  const e = ne();
   e !== void 0 && (e.capabilities.includes(t) || e.capabilities.push(t));
-}, k = {
+}, y = {
   IDLE: "idle",
   LOADING: "loading",
   SUCCESS: "success",
-  /** The request succeeded with zero hits — distinct from `success` so views render a no-results state. */
+  /** Successful request with zero hits. */
   EMPTY: "empty",
   ERROR: "error"
-}, we = 0.5, Te = 500, Re = 1500, ke = 100;
-function ye({ emit: t, visibilityThreshold: e = we, dwellMs: o = Te, idleFlushMs: n = Re, maxItemsPerEvent: a = ke }) {
-  let s, r = [];
-  const i = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
-  let u;
-  const p = () => {
-    clearTimeout(u), !(s === void 0 || r.length === 0) && (t({ ...s, items: r }), r = []);
+}, Ie = 0.5, Re = 500, Te = 1500, ke = 100;
+function ye({ emit: t, visibilityThreshold: e = Ie, dwellMs: o = Re, idleFlushMs: s = Te, maxItemsPerEvent: i = ke }) {
+  let r, n = [];
+  const a = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  let l;
+  const h = () => {
+    clearTimeout(l), !(r === void 0 || n.length === 0) && (t({ ...r, items: n }), n = []);
   }, S = (f) => {
-    if (s === void 0)
+    if (r === void 0)
       return;
-    const C = `${s.query_id}:${f.product_id}`;
-    if (!i.has(C)) {
-      if (i.add(C), r.push(f), r.length >= a) {
-        p();
+    const g = `${r.query_id}:${f.product_id}`;
+    if (!a.has(g)) {
+      if (a.add(g), n.push(f), n.length >= i) {
+        h();
         return;
       }
-      clearTimeout(u), u = setTimeout(p, n);
+      clearTimeout(l), l = setTimeout(h, s);
     }
-  }, E = (f) => {
-    const C = h.get(f);
-    C !== void 0 && (clearTimeout(C), h.delete(f));
-  }, c = new IntersectionObserver((f) => {
-    for (const C of f) {
-      const g = l.get(C.target);
-      g !== void 0 && (C.intersectionRatio >= e ? h.has(C.target) || h.set(C.target, setTimeout(() => {
-        h.delete(C.target), S(g);
-      }, o)) : E(C.target));
+  }, w = (f) => {
+    const g = c.get(f);
+    g !== void 0 && (clearTimeout(g), c.delete(f));
+  }, d = new IntersectionObserver((f) => {
+    for (const g of f) {
+      const m = p.get(g.target);
+      m !== void 0 && (g.intersectionRatio >= e ? c.has(g.target) || c.set(g.target, setTimeout(() => {
+        c.delete(g.target), S(m);
+      }, o)) : w(g.target));
     }
   }, { threshold: e }), b = () => {
-    c.disconnect();
-    for (const f of h.values())
+    d.disconnect();
+    for (const f of c.values())
       clearTimeout(f);
-    h.clear(), l.clear();
-  }, I = () => {
-    p();
-  }, L = (f) => {
+    c.clear(), p.clear();
+  }, C = () => {
+    h();
+  }, I = (f) => {
     if (f.persisted) {
-      i.clear();
-      for (const C of l.keys())
-        E(C), c.unobserve(C), c.observe(C);
+      a.clear();
+      for (const g of p.keys())
+        w(g), d.unobserve(g), d.observe(g);
     }
   };
-  return window.addEventListener("pagehide", I), window.addEventListener("pageshow", L), {
+  return window.addEventListener("pagehide", C), window.addEventListener("pageshow", I), {
     setContext(f) {
-      p(), i.clear(), s = f, b();
+      h(), a.clear(), r = f, b();
     },
-    observe(f, C) {
-      l.set(f, C), c.observe(f);
+    observe(f, g) {
+      p.set(f, g), d.observe(f);
     },
     forceImpression(f) {
-      S(f), p();
+      S(f), h();
     },
-    flush: p,
+    flush: h,
     disconnect() {
-      p(), b(), window.removeEventListener("pagehide", I), window.removeEventListener("pageshow", L);
+      h(), b(), window.removeEventListener("pagehide", C), window.removeEventListener("pageshow", I);
     }
   };
 }
-const W = (t, e) => ({
+const Y = (t, e) => ({
   product_id: t.hits[e].objectID,
-  // 1-based and absolute across pages (page 2, first item, 20/page → 21).
+  // One-based position across all pages.
   position: t.page * t.hitsPerPage + e + 1
 });
-function Le(t) {
+function $e(t) {
   let e, o;
-  const n = () => (e ?? (e = ye({
+  const s = () => (e ?? (e = ye({
     emit: t.trackViewSearchResults
   })), e);
   return {
-    onResponse(a) {
+    onResponse(i) {
       o = {
-        query_id: a.queryID,
-        index: a.index,
+        query_id: i.queryID,
+        index: i.index,
         surface: t.surface,
-        // The storefront search API is lexical-only today.
         search_type: "lexical",
-        // Analytics pages are 1-based; the wire response is 0-based.
-        page: a.page + 1,
-        total_hits: a.nbHits,
-        query_length: [...a.query].length
-      }, n().setContext(o), a.nbHits === 0 && t.trackViewSearchResults({ ...o, items: [] });
+        // Convert the API page to one-based analytics numbering.
+        page: i.page + 1,
+        total_hits: i.nbHits,
+        query_length: [...i.query].length
+      }, s().setContext(o), i.nbHits === 0 && t.trackViewSearchResults({ ...o, items: [] });
     },
-    observeResult(a, s, r) {
-      n().observe(a, W(s, r));
+    observeResult(i, r, n) {
+      s().observe(i, Y(r, n));
     },
-    select(a, s) {
+    select(i, r) {
       if (o === void 0)
         return;
-      const r = W(a, s);
-      n().forceImpression(r), t.trackSelectSearchResult({ ...o, items: [r] });
+      const n = Y(i, r);
+      s().forceImpression(n), t.trackSelectSearchResult({ ...o, items: [n] });
     },
     dispose() {
       e == null || e.disconnect();
     }
   };
 }
-const Ae = 250, $e = 12, De = 2, Y = {
-  status: k.IDLE,
+const Ae = 2, X = (t) => {
+  const e = t.trim();
+  return [...e].length >= Ae ? e : void 0;
+}, Le = (t, e, o, { indexName: s, language: i, currency: r, hitsPerPage: n }) => ({
+  requests: [
+    { indexName: s, query: t, page: e, hitsPerPage: n },
+    ...o.map((a) => ({
+      indexName: j(a.index, i, r),
+      query: t,
+      page: 0,
+      hitsPerPage: a.hitsPerPage ?? n
+    }))
+  ]
+}), De = (t, e, { indexName: o, language: s, currency: i }) => {
+  const r = t.results.find((a) => a.index === o);
+  if (r === void 0)
+    throw new Error(`Dialog search returned no ${o} entry`);
+  const n = {};
+  for (const a of e) {
+    const p = j(a.index, s, i), c = t.results.find((l) => l.index === p);
+    c !== void 0 && (n[a.index] = c);
+  }
+  return {
+    response: r,
+    sections: e.length === 0 ? void 0 : n
+  };
+}, F = {
+  status: y.IDLE,
   query: "",
   page: 0,
   response: void 0,
+  sections: void 0,
   error: void 0
 };
-function Pe({ search: t, analytics: e, navigate: o, debounceMs: n = Ae, hitsPerPage: a = $e, locale: s }) {
-  const r = Se("products", s);
-  let i = Y;
-  const l = /* @__PURE__ */ new Set(), h = Le(e);
-  let u, p, S, E = 0, c = !1;
-  const b = (g) => {
-    i = { ...i, ...g };
-    for (const v of l)
-      v(i);
-  }, I = () => {
-    clearTimeout(u), S == null || S.abort(), S = void 0;
-  }, L = (g, v) => ({
-    requests: [{ indexName: r, query: g, page: v, hitsPerPage: a }]
-  }), f = async (g, v) => {
-    I(), S = new AbortController();
-    const $ = ++E, q = L(g, v);
-    b({ status: k.LOADING, query: g, page: v });
+function Pe({ search: t, language: e, currency: o, analytics: s, navigate: i, debounceMs: r = 250, hitsPerPage: n = 12, sections: a = [] }) {
+  const p = {
+    indexName: j("products", e, o),
+    language: e,
+    currency: o,
+    hitsPerPage: n
+  };
+  let c = F;
+  const l = /* @__PURE__ */ new Set(), h = $e(s);
+  let S, w, d, b = 0, C = !1;
+  const I = (m) => {
+    c = { ...c, ...m };
+    for (const E of l)
+      E(c);
+  }, f = () => {
+    clearTimeout(S), w = void 0, b += 1, d == null || d.abort(), d = void 0;
+  }, g = async (m, E) => {
+    f(), d = new AbortController();
+    const D = b;
+    I({ status: y.LOADING, query: m, page: E });
     try {
-      const P = await t(q, {
-        signal: S.signal
+      const A = typeof a == "function" ? a() : a, Q = Le(m, E, A, p), ie = await t(Q, {
+        signal: d.signal
       });
-      if ($ !== E)
+      if (D !== b)
         return;
-      const B = P.results.find((se) => se.index === r);
-      if (B === void 0)
-        throw new Error(`Dialog search returned no ${r} entry`);
-      h.onResponse(B), b({
-        status: B.nbHits === 0 ? k.EMPTY : k.SUCCESS,
-        response: B,
+      const K = De(ie, A, p);
+      h.onResponse(K.response), I({
+        ...K,
+        status: K.response.nbHits === 0 ? y.EMPTY : y.SUCCESS,
         error: void 0
       });
-    } catch (P) {
-      if (P instanceof DOMException && P.name === "AbortError" || $ !== E)
+    } catch (A) {
+      if (A instanceof DOMException && A.name === "AbortError" || D !== b)
         return;
-      b({ status: k.ERROR, error: P, response: void 0 });
-    }
-  }, C = (g) => {
-    const v = g.trim();
-    if (I(), p = void 0, [...v].length < De) {
-      E += 1, b(Y);
-      return;
+      I({
+        status: y.ERROR,
+        error: A,
+        response: void 0,
+        sections: void 0
+      });
     }
-    return v;
   };
   return {
-    setQuery(g) {
-      const v = c ? void 0 : C(g);
-      v !== void 0 && (p = v, u = setTimeout(() => {
-        p = void 0, f(v, 0);
-      }, n));
+    setQuery(m) {
+      if (C)
+        return;
+      f();
+      const E = X(m);
+      if (E === void 0) {
+        I(F);
+        return;
+      }
+      w = E, S = setTimeout(() => void g(E, 0), r);
     },
-    submit(g) {
-      const v = c ? void 0 : C(g);
-      v !== void 0 && f(v, 0);
+    submit(m) {
+      if (C)
+        return;
+      f();
+      const E = X(m);
+      if (E === void 0) {
+        I(F);
+        return;
+      }
+      g(E, 0);
     },
-    setPage(g) {
-      if (!c) {
-        if (p !== void 0) {
-          const v = p;
-          p = void 0, f(v, 0);
+    setPage(m) {
+      if (!C) {
+        if (w !== void 0) {
+          g(w, 0);
           return;
         }
-        i.query !== "" && f(i.query, g);
+        c.query !== "" && g(c.query, m);
       }
     },
     retry() {
-      c || i.status !== k.ERROR || f(i.query, i.page);
+      C || c.status !== y.ERROR || g(c.query, c.page);
     },
-    observeResult(g, v) {
-      i.response !== void 0 && h.observeResult(g, i.response, v);
+    observeResult(m, E) {
+      c.response !== void 0 && h.observeResult(m, c.response, E);
     },
-    selectResult(g, v) {
-      const $ = i.response;
-      if ($ === void 0)
+    selectResult(m, E) {
+      const D = c.response;
+      if (D === void 0)
         return !1;
-      h.select($, g);
-      const q = $.hits[g].url;
-      return ((v == null ? void 0 : v.navigate) ?? !0) && o !== void 0 && q !== void 0 ? (o(q, $.hits[g]), !0) : !1;
+      h.select(D, m);
+      const A = D.hits[m].url;
+      return ((E == null ? void 0 : E.navigate) ?? !0) && i !== void 0 && A !== void 0 ? (i(A, D.hits[m]), !0) : !1;
     },
-    subscribe(g) {
-      return l.add(g), () => {
-        l.delete(g);
+    subscribe(m) {
+      return l.add(m), () => {
+        l.delete(m);
       };
     },
-    getState: () => i,
+    getState: () => c,
     dispose() {
-      c = !0, I(), E += 1, p = void 0, l.clear(), h.dispose();
+      C = !0, f(), l.clear(), h.dispose();
     }
   };
 }
-const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-block-title" }, xe = { class: "dialog-block-description" }, Ue = /* @__PURE__ */ w({
+const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-block-title" }, Oe = { class: "dialog-block-description" }, Ue = /* @__PURE__ */ R({
   __name: "DialogBlockHeader",
   props: {
     title: {},
@@ -264,32 +300,32 @@ const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-blo
   },
   setup(t) {
     const e = t;
-    return (o, n) => (_(), m("div", Ne, [
-      d("div", Oe, R(e.title ?? "Your expert"), 1),
-      d("div", xe, R(e.description ?? "A question about this product?"), 1)
+    return (o, s) => (_(), v("div", xe, [
+      u("div", Ne, k(e.title ?? "Your expert"), 1),
+      u("div", Oe, k(e.description ?? "A question about this product?"), 1)
     ]));
   }
-}), D = (t, e) => {
+}), P = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [n, a] of e)
-    o[n] = a;
+  for (const [s, i] of e)
+    o[s] = i;
   return o;
-}, Me = /* @__PURE__ */ D(Ue, [["__scopeId", "data-v-28e6dda7"]]), qe = {
+}, Me = /* @__PURE__ */ P(Ue, [["__scopeId", "data-v-28e6dda7"]]), qe = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Be = { "clip-path": "url(#clip0_466_934)" }, Ve = ["stroke"], He = ["stroke"], Ke = /* @__PURE__ */ w({
+}, Be = { "clip-path": "url(#clip0_466_934)" }, Ve = ["stroke"], Ke = ["stroke"], He = /* @__PURE__ */ R({
   __name: "AiStarsIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, n) => (_(), m("svg", qe, [
-      d("g", Be, [
-        d("path", {
+    return (o, s) => (_(), v("svg", qe, [
+      u("g", Be, [
+        u("path", {
           d: `M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011
         12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684
         13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559
@@ -305,7 +341,7 @@ const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-blo
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, null, 8, Ve),
-        d("path", {
+        u("path", {
           d: `M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175
         5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687
         6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632
@@ -320,11 +356,11 @@ const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-blo
           "stroke-width": "1.5",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, He)
+        }, null, 8, Ke)
       ]),
-      n[0] || (n[0] = d("defs", null, [
-        d("clipPath", { id: "clip0_466_934" }, [
-          d("rect", {
+      s[0] || (s[0] = u("defs", null, [
+        u("clipPath", { id: "clip0_466_934" }, [
+          u("rect", {
             width: "20",
             height: "20",
             fill: "white"
@@ -333,7 +369,7 @@ const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-blo
       ], -1))
     ]));
   }
-}), Fe = ["onClick"], Ge = { class: "dialog-block-suggestions-item-label" }, je = /* @__PURE__ */ w({
+}), Fe = ["onClick"], Ge = { class: "dialog-block-suggestions-item-label" }, je = /* @__PURE__ */ R({
   __name: "DialogBlockSuggestions",
   props: {
     client: {},
@@ -343,36 +379,36 @@ const Ne = { class: "dialog-block-header-container" }, Oe = { class: "dialog-blo
     selectedVariantId: {}
   },
   setup(t) {
-    const e = t, o = (n) => {
+    const e = t, o = (s) => {
       e.client.sendProductMessage({
         productId: e.productId,
         productTitle: e.productTitle,
         selectedVariantId: e.selectedVariantId,
-        question: n,
+        question: s,
         fromQuestionSuggestion: !0
       });
     };
-    return (n, a) => (_(!0), m(O, null, Z(e.questions, (s) => (_(), m("button", {
-      key: s.question,
+    return (s, i) => (_(!0), v(N, null, ee(e.questions, (r) => (_(), v("button", {
+      key: r.question,
       class: "dialog-block-suggestions-item",
-      onClick: (r) => o(s.question)
+      onClick: (n) => o(r.question)
     }, [
-      A(Ke, {
+      L(He, {
         class: "dialog-block-suggestions-item-icon",
         color: e.client.theme.primaryColor
       }, null, 8, ["color"]),
-      d("span", Ge, R(s.question), 1)
+      u("span", Ge, k(r.question), 1)
     ], 8, Fe))), 128));
   }
-}), Qe = /* @__PURE__ */ D(je, [["__scopeId", "data-v-db34d4b4"]]), We = {};
-function Ye(t, e) {
-  return _(), m(O, null, [
-    e[0] || (e[0] = d("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
-    e[1] || (e[1] = d("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
-    e[2] || (e[2] = d("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1))
+}), Qe = /* @__PURE__ */ P(je, [["__scopeId", "data-v-db34d4b4"]]), ze = {};
+function We(t, e) {
+  return _(), v(N, null, [
+    e[0] || (e[0] = u("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
+    e[1] || (e[1] = u("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
+    e[2] || (e[2] = u("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1))
   ], 64);
 }
-const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58"]]), Xe = { class: "dialog-block-suggestions-container" }, Ze = /* @__PURE__ */ w({
+const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58"]]), Xe = { class: "dialog-block-suggestions-container" }, Ze = /* @__PURE__ */ R({
   __name: "DialogBlockSuggestionsContainer",
   props: {
     client: {},
@@ -384,8 +420,8 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    return (o, n) => (_(), m("div", Xe, [
-      e.isLoading || !e.questions ? (_(), x(ze, { key: 0 })) : (_(), x(Qe, {
+    return (o, s) => (_(), v("div", Xe, [
+      e.isLoading || !e.questions ? (_(), O(Ye, { key: 0 })) : (_(), O(Qe, {
         key: 1,
         client: e.client,
         questions: e.questions,
@@ -395,21 +431,21 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
       }, null, 8, ["client", "questions", "product-id", "product-title", "selected-variant-id"]))
     ]));
   }
-}), Je = /* @__PURE__ */ D(Ze, [["__scopeId", "data-v-18c9e78b"]]), et = {
+}), Je = /* @__PURE__ */ P(Ze, [["__scopeId", "data-v-18c9e78b"]]), et = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, tt = ["stroke"], ot = /* @__PURE__ */ w({
+}, tt = ["stroke"], ot = /* @__PURE__ */ R({
   __name: "ArrowIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, n) => (_(), m("svg", et, [
-      d("path", {
+    return (o, s) => (_(), v("svg", et, [
+      u("path", {
         d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
         stroke: e.color || "#ffffff",
         "stroke-width": "1.5",
@@ -418,7 +454,7 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
       }, null, 8, tt)
     ]));
   }
-}), nt = ["placeholder"], st = ["disabled"], rt = /* @__PURE__ */ w({
+}), st = ["placeholder"], nt = ["disabled"], rt = /* @__PURE__ */ R({
   __name: "DialogInput",
   props: {
     client: {},
@@ -428,93 +464,93 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
     selectedVariantId: {}
   },
   setup(t) {
-    const e = t, o = y(), n = y(""), a = () => {
-      var r;
-      (r = o.value) == null || r.focus();
-    }, s = () => {
-      const r = n.value;
-      r.trim() && (e.client.sendProductMessage({
+    const e = t, o = $(), s = $(""), i = () => {
+      var n;
+      (n = o.value) == null || n.focus();
+    }, r = () => {
+      const n = s.value;
+      n.trim() && (e.client.sendProductMessage({
         productId: e.productId,
         productTitle: e.productTitle,
         selectedVariantId: e.selectedVariantId,
-        question: r,
+        question: n,
         fromQuestionSuggestion: !0
-      }), n.value = "");
+      }), s.value = "");
     };
-    return (r, i) => (_(), m("div", {
+    return (n, a) => (_(), v("div", {
       class: "dialog-input-wrapper",
-      onClick: a
+      onClick: i
     }, [
-      J(d("input", {
+      te(u("input", {
         id: "dialog-ask-anything-input-ai-input",
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": i[0] || (i[0] = (l) => n.value = l),
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => s.value = p),
         class: "dialog-ask-anything-input-ai-input",
         placeholder: e.placeholder ?? "Ask anything...",
-        onKeydown: ae(s, ["enter"])
-      }, null, 40, nt), [
-        [ee, n.value]
+        onKeydown: le(r, ["enter"])
+      }, null, 40, st), [
+        [oe, s.value]
       ]),
-      d("button", {
+      u("button", {
         id: "send-message-button-ai-input",
         class: "dialog-input-submit",
-        disabled: !n.value.trim(),
-        onClick: s
+        disabled: !s.value.trim(),
+        onClick: r
       }, [
-        A(ot, {
+        L(ot, {
           color: e.client.theme.ctaTextColor
         }, null, 8, ["color"])
-      ], 8, st)
+      ], 8, nt)
     ]));
   }
-}), it = /* @__PURE__ */ D(rt, [["__scopeId", "data-v-4f5901c9"]]), at = /* @__PURE__ */ w({
+}), it = /* @__PURE__ */ P(rt, [["__scopeId", "data-v-4f5901c9"]]), at = /* @__PURE__ */ R({
   __name: "ThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
-    const e = t, o = document.body, n = (s) => s.replace(/([A-Z])/g, "-$1").toLowerCase(), a = (s) => {
-      s && Object.keys(s).forEach((r) => {
-        const i = r, l = n(r);
-        if (s[i] !== void 0) {
-          if (typeof s[i] == "object") {
-            Object.keys(s[i]).forEach((h) => {
-              var p;
-              const u = h;
-              if (u !== void 0) {
-                const S = n(h), E = s[i];
+    const e = t, o = document.body, s = (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase(), i = (r) => {
+      r && Object.keys(r).forEach((n) => {
+        const a = n, p = s(n);
+        if (r[a] !== void 0) {
+          if (typeof r[a] == "object") {
+            Object.keys(r[a]).forEach((c) => {
+              var h;
+              const l = c;
+              if (l !== void 0) {
+                const S = s(c), w = r[a];
                 o.style.setProperty(
-                  `--dialog-theme-${l}-${S}`,
-                  (p = E[u]) == null ? void 0 : p.toString()
+                  `--dialog-theme-${p}-${S}`,
+                  (h = w[l]) == null ? void 0 : h.toString()
                 );
               }
             });
             return;
           }
-          if (i === "ctaBorderType") {
-            const h = s[i] === "rounded" ? "24px" : "0";
-            o.style.setProperty(`--dialog-theme-${l}`, h);
+          if (a === "ctaBorderType") {
+            const c = r[a] === "rounded" ? "24px" : "0";
+            o.style.setProperty(`--dialog-theme-${p}`, c);
             return;
           }
           o.style.setProperty(
-            `--dialog-theme-${l}`,
-            s[i].toString()
+            `--dialog-theme-${p}`,
+            r[a].toString()
           );
         }
       });
     };
-    return K(() => {
-      e.theme && a(e.theme);
+    return V(() => {
+      e.theme && i(e.theme);
     }), U(
       () => e.theme,
-      (s) => {
-        s && a(s);
+      (r) => {
+        r && i(r);
       },
       { deep: !0 }
-    ), (s, r) => ce(s.$slots, "default");
+    ), (r, n) => de(r.$slots, "default");
   }
-}), ct = ["dir"], lt = /* @__PURE__ */ w({
+}), ct = ["dir"], lt = /* @__PURE__ */ R({
   __name: "DialogProductBlock",
   props: {
     client: {},
@@ -525,73 +561,73 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    K(() => {
-      ne({
+    V(() => {
+      re({
         method: "vue",
-        version: "3.5.0"
-      }), Ie("pdp-block");
+        version: "3.6.0"
+      }), we("pdp-block");
     });
-    const o = y(!0), n = y(void 0), a = y(0), s = T(() => {
-      var u;
-      return o.value ? "" : (u = n.value) == null ? void 0 : u.assistantName;
-    }), r = T(() => {
-      var u;
-      return o.value ? "" : (u = n.value) == null ? void 0 : u.description;
-    }), i = T(() => {
-      var u;
-      return o.value ? "" : (u = n.value) == null ? void 0 : u.inputPlaceholder;
-    }), l = T(
+    const o = $(!0), s = $(void 0), i = $(0), r = T(() => {
+      var l;
+      return o.value ? "" : (l = s.value) == null ? void 0 : l.assistantName;
+    }), n = T(() => {
+      var l;
+      return o.value ? "" : (l = s.value) == null ? void 0 : l.description;
+    }), a = T(() => {
+      var l;
+      return o.value ? "" : (l = s.value) == null ? void 0 : l.inputPlaceholder;
+    }), p = T(
       () => {
-        var u;
-        return ge(
-          (u = e.client.getLocalizationInformations()) == null ? void 0 : u.languageCode
+        var l;
+        return me(
+          (l = e.client.getLocalizationInformations()) == null ? void 0 : l.languageCode
         );
       }
-    ), h = async () => {
-      const u = ++a.value;
-      o.value = !0, n.value = void 0;
+    ), c = async () => {
+      const l = ++i.value;
+      o.value = !0, s.value = void 0;
       try {
-        const p = await e.client.getSuggestions(e.productId);
-        u === a.value && (n.value = p);
-      } catch (p) {
-        console.error("error", p);
+        const h = await e.client.getSuggestions(e.productId);
+        l === i.value && (s.value = h);
+      } catch (h) {
+        console.error("error", h);
       } finally {
-        u === a.value && (o.value = !1);
+        l === i.value && (o.value = !1);
       }
     };
     return U(
       () => [e.client, e.productId],
       () => {
-        h();
+        c();
       },
       { immediate: !0 }
-    ), (u, p) => (_(), x(at, {
+    ), (l, h) => (_(), O(at, {
       theme: e.client.theme
     }, {
-      default: le(() => {
+      default: ue(() => {
         var S;
         return [
-          d("div", {
+          u("div", {
             id: "dialog-instant",
             class: "dialog-block-container",
-            dir: l.value
+            dir: p.value
           }, [
-            A(Me, {
-              title: s.value,
-              description: r.value
+            L(Me, {
+              title: r.value,
+              description: n.value
             }, null, 8, ["title", "description"]),
-            A(Je, {
+            L(Je, {
               client: e.client,
-              questions: (S = n.value) == null ? void 0 : S.questions,
+              questions: (S = s.value) == null ? void 0 : S.questions,
               "is-loading": o.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
             }, null, 8, ["client", "questions", "is-loading", "product-id", "product-title", "selected-variant-id"]),
-            e.enableInput ? (_(), x(it, {
+            e.enableInput ? (_(), O(it, {
               key: 0,
               client: e.client,
-              placeholder: i.value,
+              placeholder: a.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
@@ -602,7 +638,7 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
       _: 1
     }, 8, ["theme"]));
   }
-}), Wt = /* @__PURE__ */ D(lt, [["__scopeId", "data-v-c57aa677"]]), dt = {}, ut = {
+}), zt = /* @__PURE__ */ P(lt, [["__scopeId", "data-v-c57aa677"]]), dt = {}, ut = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -611,8 +647,8 @@ const ze = /* @__PURE__ */ D(We, [["render", Ye], ["__scopeId", "data-v-26a64b58
   "aria-hidden": "true"
 };
 function pt(t, e) {
-  return _(), m("svg", ut, e[0] || (e[0] = [
-    d("path", {
+  return _(), v("svg", ut, e[0] || (e[0] = [
+    u("path", {
       d: "M8 13V3M8 3L3 8M8 3L13 8",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -621,28 +657,28 @@ function pt(t, e) {
     }, null, -1)
   ]));
 }
-const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
+const _t = /* @__PURE__ */ P(dt, [["render", pt]]), ht = {
   width: "16",
   height: "16",
   viewBox: "0 0 12 12",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
-}, ft = ["fill"], gt = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", vt = /* @__PURE__ */ w({
+}, ft = ["fill"], gt = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", vt = /* @__PURE__ */ R({
   __name: "ShurikenIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, n) => (_(), m("svg", ht, [
-      d("path", {
+    return (o, s) => (_(), v("svg", ht, [
+      u("path", {
         d: gt,
         fill: e.color || "currentColor"
       }, null, 8, ft)
     ]));
   }
-}), mt = { class: "dialog-search-bar-field" }, St = { class: "dialog-search-bar-icon" }, Ct = ["aria-label", "placeholder", "autofocus"], bt = ["aria-label"], Yt = /* @__PURE__ */ w({
+}), mt = { class: "dialog-search-bar-field" }, St = { class: "dialog-search-bar-icon" }, bt = ["aria-label", "placeholder", "autofocus"], Ct = ["aria-label"], Wt = /* @__PURE__ */ R({
   __name: "DialogSearchBar",
   props: {
     controller: {},
@@ -651,47 +687,47 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
     submitAriaLabel: { default: "Search" }
   },
   setup(t) {
-    const e = t, o = y(""), n = () => {
+    const e = t, o = $(""), s = () => {
       e.controller.setQuery(o.value);
-    }, a = () => {
+    }, i = () => {
       e.controller.submit(o.value);
     };
-    return (s, r) => (_(), m("form", {
+    return (r, n) => (_(), v("form", {
       class: "dialog-search-bar",
       role: "search",
-      onSubmit: de(a, ["prevent"])
+      onSubmit: pe(i, ["prevent"])
     }, [
-      d("div", mt, [
-        d("span", St, [
-          A(vt)
+      u("div", mt, [
+        u("span", St, [
+          L(vt)
         ]),
-        J(d("input", {
-          "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i),
+        te(u("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value = a),
           type: "text",
           name: "dialog-search-query",
           class: "dialog-search-bar-input",
           "aria-label": e.placeholder,
           placeholder: e.placeholder,
           autofocus: e.autoFocus,
-          onInput: n
-        }, null, 40, Ct), [
-          [ee, o.value]
+          onInput: s
+        }, null, 40, bt), [
+          [oe, o.value]
         ])
       ]),
-      d("button", {
+      u("button", {
         type: "submit",
         class: "dialog-search-bar-submit",
         "aria-label": e.submitAriaLabel
       }, [
-        A(_t)
-      ], 8, bt)
+        L(_t)
+      ], 8, Ct)
     ], 32));
   }
 }), Et = {
   key: 0,
   "aria-label": "Search results pages",
   class: "dialog-search-pagination"
-}, It = ["disabled"], wt = ["disabled"], Tt = /* @__PURE__ */ w({
+}, wt = ["disabled"], It = ["disabled"], Rt = /* @__PURE__ */ R({
   __name: "DialogSearchPagination",
   props: {
     controller: {},
@@ -699,28 +735,28 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
   },
   setup(t) {
     const e = t, o = T(() => e.state.response);
-    return (n, a) => o.value !== void 0 && o.value.nbPages > 1 ? (_(), m("nav", Et, [
-      d("button", {
+    return (s, i) => o.value !== void 0 && o.value.nbPages > 1 ? (_(), v("nav", Et, [
+      u("button", {
         type: "button",
         disabled: o.value.page === 0,
-        onClick: a[0] || (a[0] = (s) => e.controller.setPage(o.value.page - 1))
-      }, " Previous ", 8, It),
-      d("span", null, " Page " + R(o.value.page + 1) + " / " + R(o.value.nbPages), 1),
-      d("button", {
+        onClick: i[0] || (i[0] = (r) => e.controller.setPage(o.value.page - 1))
+      }, " Previous ", 8, wt),
+      u("span", null, " Page " + k(o.value.page + 1) + " / " + k(o.value.nbPages), 1),
+      u("button", {
         type: "button",
         disabled: o.value.page >= o.value.nbPages - 1,
-        onClick: a[1] || (a[1] = (s) => e.controller.setPage(o.value.page + 1))
-      }, " Next ", 8, wt)
+        onClick: i[1] || (i[1] = (r) => e.controller.setPage(o.value.page + 1))
+      }, " Next ", 8, It)
     ])) : M("", !0);
   }
 }), G = ({ amount: t, currencyCode: e }, o) => e === void 0 ? new Intl.NumberFormat(o).format(Number(t)) : new Intl.NumberFormat(o, {
   style: "currency",
   currency: e
-}).format(Number(t)), Rt = ({ min: t, max: e }, o) => t.amount === e.amount ? G(t, o) : `${G(t, o)} – ${G(e, o)}`, kt = (t, e) => {
+}).format(Number(t)), Tt = ({ min: t, max: e }, o) => t.amount === e.amount ? G(t, o) : `${G(t, o)} – ${G(e, o)}`, kt = (t, e) => {
   if (t === void 0)
     return "";
   try {
-    return Rt(t, e);
+    return Tt(t, e);
   } catch {
     return "";
   }
@@ -731,38 +767,38 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
   } catch {
     return;
   }
-}, Lt = { class: "dialog-search-card-image" }, At = ["src", "alt"], $t = { class: "dialog-search-card-info" }, Dt = { class: "dialog-search-card-title" }, Pt = {
+}, $t = { class: "dialog-search-card-image" }, At = ["src", "alt"], Lt = { class: "dialog-search-card-info" }, Dt = { class: "dialog-search-card-title" }, Pt = {
   key: 0,
   class: "dialog-search-card-price"
-}, z = /* @__PURE__ */ w({
+}, Z = /* @__PURE__ */ R({
   __name: "DialogSearchProductCardContent",
   props: {
     hit: {},
     locale: {}
   },
   setup(t) {
-    const e = t, o = T(() => e.hit.title ?? e.hit.objectID), n = T(
+    const e = t, o = T(() => e.hit.title ?? e.hit.objectID), s = T(
       () => kt(e.hit.priceRange, e.locale)
     );
-    return (a, s) => (_(), m(O, null, [
-      d("div", Lt, [
-        e.hit.imageUrl !== void 0 ? (_(), m("img", {
+    return (i, r) => (_(), v(N, null, [
+      u("div", $t, [
+        e.hit.imageUrl !== void 0 ? (_(), v("img", {
           key: 0,
           src: e.hit.imageUrl,
           alt: o.value,
           loading: "lazy"
         }, null, 8, At)) : M("", !0)
       ]),
-      d("div", $t, [
-        d("p", Dt, R(o.value), 1),
-        n.value !== "" ? (_(), m("p", Pt, R(n.value), 1)) : M("", !0)
+      u("div", Lt, [
+        u("p", Dt, k(o.value), 1),
+        s.value !== "" ? (_(), v("p", Pt, k(s.value), 1)) : M("", !0)
       ])
     ], 64));
   }
-}), Nt = {
+}), xt = {
   key: 0,
   class: "dialog-search-card-body"
-}, Ot = ["href"], xt = /* @__PURE__ */ w({
+}, Nt = ["href"], Ot = /* @__PURE__ */ R({
   __name: "DialogSearchProductCard",
   props: {
     controller: {},
@@ -771,7 +807,7 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
     locale: {}
   },
   setup(t) {
-    const e = t, o = y();
+    const e = t, o = $();
     U(
       () => e.hit,
       () => {
@@ -779,63 +815,63 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
       },
       { immediate: !0, flush: "post" }
     );
-    const n = (r) => {
-      const i = r.metaKey || r.ctrlKey || r.shiftKey || r.altKey;
-      e.controller.selectResult(e.index, { navigate: !i }) && r.preventDefault();
-    }, a = (r) => {
-      r.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
-    }, s = T(
+    const s = (n) => {
+      const a = n.metaKey || n.ctrlKey || n.shiftKey || n.altKey;
+      e.controller.selectResult(e.index, { navigate: !a }) && n.preventDefault();
+    }, i = (n) => {
+      n.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
+    }, r = T(
       () => e.hit.url === void 0 ? void 0 : yt(e.hit.url)
     );
-    return (r, i) => (_(), m("li", {
+    return (n, a) => (_(), v("li", {
       ref_key: "cardRef",
       ref: o,
       class: "dialog-search-card"
     }, [
-      s.value === void 0 ? (_(), m("div", Nt, [
-        A(z, {
+      r.value === void 0 ? (_(), v("div", xt, [
+        L(Z, {
           hit: e.hit,
           locale: e.locale
         }, null, 8, ["hit", "locale"])
-      ])) : (_(), m("a", {
+      ])) : (_(), v("a", {
         key: 1,
         class: "dialog-search-card-body",
-        href: s.value,
-        onClick: n,
-        onAuxclick: a
+        href: r.value,
+        onClick: s,
+        onAuxclick: i
       }, [
-        A(z, {
+        L(Z, {
           hit: e.hit,
           locale: e.locale
         }, null, 8, ["hit", "locale"])
-      ], 40, Ot))
+      ], 40, Nt))
     ], 512));
   }
 }), Ut = (t) => {
-  const e = y(), o = y(void 0), n = y(0);
+  const e = $(), o = $(void 0), s = $(0);
   return U(
     t,
-    (a, s, r) => {
-      if (!a)
+    (i, r, n) => {
+      if (!i)
         return;
-      const i = () => {
-        const l = e.value;
-        if (l === void 0)
+      const a = () => {
+        const p = e.value;
+        if (p === void 0)
           return;
-        const h = l.previousElementSibling ?? l, { top: u, bottom: p, left: S, width: E } = h.getBoundingClientRect();
-        n.value = window.innerHeight;
-        const c = o.value;
-        (c === void 0 || c.top !== u || c.bottom !== p || c.left !== S || c.width !== E) && (o.value = { top: u, bottom: p, left: S, width: E });
+        const c = p.previousElementSibling ?? p, { top: l, bottom: h, left: S, width: w } = c.getBoundingClientRect();
+        s.value = window.innerHeight;
+        const d = o.value;
+        (d === void 0 || d.top !== l || d.bottom !== h || d.left !== S || d.width !== w) && (o.value = { top: l, bottom: h, left: S, width: w });
       };
-      i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), r(() => {
-        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
+      a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), n(() => {
+        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
       });
     },
     { immediate: !0, flush: "post" }
-  ), { anchorRef: e, rect: o, viewportHeight: n };
+  ), { anchorRef: e, rect: o, viewportHeight: s };
 }, Mt = (t, e) => {
-  const o = y(!1), n = y(), a = T(
-    () => t.value.status !== k.IDLE && !o.value
+  const o = $(!1), s = $(), i = T(
+    () => t.value.status !== y.IDLE && !o.value
   );
   U(
     () => t.value.query,
@@ -843,40 +879,40 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
       o.value = !1;
     }
   ), U(
-    a,
-    (r, i, l) => {
-      if (!r)
+    i,
+    (n, a, p) => {
+      if (!n)
         return;
-      const h = (u) => {
-        var b, I;
-        const p = u.target;
-        if (!(p instanceof Node))
+      const c = (l) => {
+        var b, C;
+        const h = l.target;
+        if (!(h instanceof Node))
           return;
-        const S = (b = e.value) == null ? void 0 : b.previousElementSibling, E = ((I = n.value) == null ? void 0 : I.contains(p)) ?? !1, c = (S == null ? void 0 : S.contains(p)) ?? !1;
-        !E && !c && (o.value = !0);
+        const S = (b = e.value) == null ? void 0 : b.previousElementSibling, w = ((C = s.value) == null ? void 0 : C.contains(h)) ?? !1, d = (S == null ? void 0 : S.contains(h)) ?? !1;
+        !w && !d && (o.value = !0);
       };
-      document.addEventListener("pointerdown", h), l(
-        () => document.removeEventListener("pointerdown", h)
+      document.addEventListener("pointerdown", c), p(
+        () => document.removeEventListener("pointerdown", c)
       );
     },
     { immediate: !0 }
   );
-  const s = () => {
+  const r = () => {
     o.value = !1;
   };
-  return K(() => {
-    var r, i;
-    (i = (r = e.value) == null ? void 0 : r.previousElementSibling) == null || i.addEventListener(
+  return V(() => {
+    var n, a;
+    (a = (n = e.value) == null ? void 0 : n.previousElementSibling) == null || a.addEventListener(
       "focusin",
-      s
+      r
     );
-  }), te(() => {
-    var r, i;
-    (i = (r = e.value) == null ? void 0 : r.previousElementSibling) == null || i.removeEventListener(
+  }), se(() => {
+    var n, a;
+    (a = (n = e.value) == null ? void 0 : n.previousElementSibling) == null || a.removeEventListener(
       "focusin",
-      s
+      r
     );
-  }), { isOpen: a, panelRef: n };
+  }), { isOpen: i, panelRef: s };
 }, qt = {
   key: 0,
   role: "status",
@@ -887,14 +923,14 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
 }, Vt = {
   role: "alert",
   class: "dialog-search-status dialog-search-status-error"
-}, Ht = {
+}, Kt = {
   key: 2,
   role: "status",
   class: "dialog-search-status"
-}, Kt = {
+}, Ht = {
   role: "status",
   class: "dialog-search-status"
-}, Ft = { class: "dialog-search-results" }, H = 8, X = 16, Gt = 200, zt = /* @__PURE__ */ w({
+}, Ft = { class: "dialog-search-results" }, B = 8, J = 16, Gt = 200, Yt = /* @__PURE__ */ R({
   __name: "DialogSearchResults",
   props: {
     controller: {},
@@ -902,58 +938,58 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
     locale: {}
   },
   setup(t) {
-    const e = t, o = (c) => c instanceof me ? `Search failed (${c.status}${c.code ? ` ${c.code}` : ""}): ${c.message}` : "Search failed: network error. Check your connection and try again.", n = (c, b) => c.bottom > 0 && c.top < b, a = (c, b) => {
-      const I = b - c.bottom - H - X, L = c.top - H - X, f = { left: `${c.left}px`, width: `${c.width}px` };
-      return I < Gt && L > I ? {
+    const e = t, o = (d) => d instanceof Se ? `Search failed (${d.status}${d.code ? ` ${d.code}` : ""}): ${d.message}` : "Search failed: network error. Check your connection and try again.", s = (d, b) => d.bottom > 0 && d.top < b, i = (d, b) => {
+      const C = b - d.bottom - B - J, I = d.top - B - J, f = { left: `${d.left}px`, width: `${d.width}px` };
+      return C < Gt && I > C ? {
         ...f,
-        bottom: `${b - c.top + H}px`,
-        maxHeight: `${Math.max(L, 0)}px`
+        bottom: `${b - d.top + B}px`,
+        maxHeight: `${Math.max(I, 0)}px`
       } : {
         ...f,
-        top: `${c.bottom + H}px`,
-        maxHeight: `${Math.max(I, 0)}px`
+        top: `${d.bottom + B}px`,
+        maxHeight: `${Math.max(C, 0)}px`
       };
-    }, s = T(() => e.state), r = T(() => e.state.status !== k.IDLE), { anchorRef: i, rect: l, viewportHeight: h } = Ut(r), { isOpen: u, panelRef: p } = Mt(s, i), S = T(
-      () => u.value && l.value !== void 0 && n(l.value, h.value)
-    ), E = T(
-      () => l.value === void 0 ? void 0 : a(l.value, h.value)
+    }, r = T(() => e.state), n = T(() => e.state.status !== y.IDLE), { anchorRef: a, rect: p, viewportHeight: c } = Ut(n), { isOpen: l, panelRef: h } = Mt(r, a), S = T(
+      () => l.value && p.value !== void 0 && s(p.value, c.value)
+    ), w = T(
+      () => p.value === void 0 ? void 0 : i(p.value, c.value)
     );
-    return (c, b) => {
-      var I;
-      return _(), m(O, null, [
-        d("div", {
+    return (d, b) => {
+      var C;
+      return _(), v(N, null, [
+        u("div", {
           ref_key: "anchorRef",
-          ref: i
+          ref: a
         }, null, 512),
-        S.value ? (_(), x(ue, {
+        S.value ? (_(), O(_e, {
           key: 0,
           to: "body"
         }, [
-          d("div", {
+          u("div", {
             ref_key: "panelRef",
-            ref: p,
+            ref: h,
             class: "dialog-search-panel",
-            style: pe(E.value)
+            style: he(w.value)
           }, [
-            e.state.status === V(k).LOADING ? (_(), m("p", qt, " Searching “" + R(e.state.query) + "”… ", 1)) : e.state.status === V(k).ERROR ? (_(), m("div", Bt, [
-              d("p", Vt, R(o(e.state.error)), 1),
-              d("button", {
+            e.state.status === q(y).LOADING ? (_(), v("p", qt, " Searching “" + k(e.state.query) + "”… ", 1)) : e.state.status === q(y).ERROR ? (_(), v("div", Bt, [
+              u("p", Vt, k(o(e.state.error)), 1),
+              u("button", {
                 type: "button",
                 class: "dialog-search-retry",
-                onClick: b[0] || (b[0] = (L) => e.controller.retry())
+                onClick: b[0] || (b[0] = (I) => e.controller.retry())
               }, " Retry ")
-            ])) : e.state.status === V(k).EMPTY ? (_(), m("p", Ht, " No products match “" + R((I = e.state.response) == null ? void 0 : I.query) + "”. ", 1)) : e.state.status === V(k).SUCCESS && e.state.response !== void 0 ? (_(), m(O, { key: 3 }, [
-              d("p", Kt, R(e.state.response.nbHits) + " result" + R(e.state.response.nbHits > 1 ? "s" : ""), 1),
-              d("ul", Ft, [
-                (_(!0), m(O, null, Z(e.state.response.hits, (L, f) => (_(), x(xt, {
-                  key: L.objectID,
+            ])) : e.state.status === q(y).EMPTY ? (_(), v("p", Kt, " No products match “" + k((C = e.state.response) == null ? void 0 : C.query) + "”. ", 1)) : e.state.status === q(y).SUCCESS && e.state.response !== void 0 ? (_(), v(N, { key: 3 }, [
+              u("p", Ht, k(e.state.response.nbHits) + " result" + k(e.state.response.nbHits > 1 ? "s" : ""), 1),
+              u("ul", Ft, [
+                (_(!0), v(N, null, ee(e.state.response.hits, (I, f) => (_(), O(Ot, {
+                  key: I.objectID,
                   controller: e.controller,
-                  hit: L,
+                  hit: I,
                   index: f,
                   locale: e.locale
                 }, null, 8, ["controller", "hit", "index", "locale"]))), 128))
               ]),
-              A(Tt, {
+              L(Rt, {
                 controller: e.controller,
                 state: e.state
               }, null, 8, ["controller", "state"])
@@ -964,38 +1000,32 @@ const _t = /* @__PURE__ */ D(dt, [["render", pt]]), ht = {
     };
   }
 }), Xt = (t) => {
-  const {
-    client: e,
-    surface: o = "search_page",
-    locale: n = e.locale,
-    ...a
-  } = t, s = Pe({
-    search: (l, h) => e.search(l, h),
-    locale: n,
+  const { client: e, surface: o = "search_page", ...s } = t, i = Pe({
+    search: (a, p) => e.search(a, p),
     analytics: {
       surface: o,
-      trackViewSearchResults: (l) => e.trackViewSearchResults(l),
-      trackSelectSearchResult: (l) => e.trackSelectSearchResult(l)
+      trackViewSearchResults: (a) => e.trackViewSearchResults(a),
+      trackSelectSearchResult: (a) => e.trackSelectSearchResult(a)
     },
-    ...a
-  }), r = _e(s.getState()), i = s.subscribe(() => {
-    r.value = s.getState();
+    ...s
+  }), r = fe(i.getState()), n = i.subscribe(() => {
+    r.value = i.getState();
   });
-  return K(() => {
-    ne({
+  return V(() => {
+    re({
       method: "vue",
-      version: "3.5.0"
+      version: "3.6.0"
     });
-  }), te(() => {
-    i(), s.dispose();
-  }), { controller: s, state: r };
+  }), se(() => {
+    n(), i.dispose();
+  }), { controller: i, state: r };
 };
 export {
   it as DialogInput,
-  Wt as DialogProductBlock,
-  Yt as DialogSearchBar,
-  Tt as DialogSearchPagination,
-  xt as DialogSearchProductCard,
-  zt as DialogSearchResults,
+  zt as DialogProductBlock,
+  Wt as DialogSearchBar,
+  Rt as DialogSearchPagination,
+  Ot as DialogSearchProductCard,
+  Yt as DialogSearchResults,
   Xt as useDialogSearch
 };