@askdialog/dialog-vue 3.6.0 → 3.7.0

package/dist/dialog-vue.js

@@ -1,33 +1,33 @@
-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;
+var Se = Object.defineProperty;
+var Ce = (t, e, o) => e in t ? Se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var j = (t, e, o) => Ce(t, typeof e != "symbol" ? e + "" : e, o);
+import { defineComponent as w, createElementBlock as h, openBlock as c, createElementVNode as l, toDisplayString as E, Fragment as N, renderList as W, createVNode as I, createBlock as O, ref as k, withDirectives as re, withKeys as ye, vModelText as ae, onMounted as B, watch as q, renderSlot as Ee, computed as C, withCtx as ie, createCommentVNode as L, withModifiers as we, unref as K, resolveDynamicComponent as $e, mergeProps as Re, toHandlers as Te, createTextVNode as le, onUnmounted as ce, Teleport as Ie, normalizeStyle as ke, normalizeClass as Y, shallowRef as Le } from "vue";
+const Ae = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), xe = (t) => t !== void 0 && Ae.has(t.trim().toLowerCase().slice(0, 2)), De = (t) => xe(t) ? "rtl" : "ltr";
+var M;
 (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";
-})(x || (x = {}));
-var z;
+})(M || (M = {}));
+var J;
 (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";
-})(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");
+})(J || (J = {}));
+M.TRACK_ADD_TO_CART, M.TRACK_SUBMIT_CHECKOUT, M.TRACK_VIEW_SEARCH_RESULTS, M.TRACK_SELECT_SEARCH_RESULT;
+class Pe extends Error {
+  constructor({ status: o, code: s, message: r }) {
+    super(r);
+    j(this, "status");
+    j(this, "code");
     this.name = "DialogSearchError", this.status = o, this.code = s;
   }
 }
-const j = (t, e, o) => {
+const X = (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();
+}, ee = "multiple installation methods detected:", Oe = () => typeof window > "u" ? void 0 : window, ue = () => {
+  const t = Oe();
   if (t !== void 0)
     return t.dialog = t.dialog ?? {}, t.dialog.audit = t.dialog.audit ?? {
       methods: [],
@@ -35,264 +35,264 @@ const j = (t, e, o) => {
       capabilities: [],
       warnings: []
     }, t.dialog.audit;
-}, Ce = (t) => {
-  if (t.warnings = t.warnings.filter((e) => !e.startsWith(W)), t.methods.length >= 2) {
+}, Ne = (t) => {
+  if (t.warnings = t.warnings.filter((e) => !e.startsWith(ee)), t.methods.length >= 2) {
     const e = t.methods.map((o) => o.method).join(", ");
-    t.warnings.push(`${W} ${e}`);
+    t.warnings.push(`${ee} ${e}`);
   }
-}, Ee = (t, e) => e === void 0 ? t : {
+}, Me = (t, e) => e === void 0 ? t : {
   version: (t == null ? void 0 : t.version) ?? e.version,
   commit: (t == null ? void 0 : t.commit) ?? e.commit
-}, re = (t) => {
-  const e = ne();
+}, de = (t) => {
+  const e = ue();
   if (e === void 0)
     return;
   const o = e.methods.find((s) => s.method === t.method);
   if (o === void 0) {
-    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), Ce(e);
+    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), Ne(e);
     return;
   }
-  o.version = o.version ?? t.version, o.build = Ee(o.build, t.build), o.source = o.source ?? t.source;
-}, we = (t) => {
-  const e = ne();
+  o.version = o.version ?? t.version, o.build = Me(o.build, t.build), o.source = o.source ?? t.source;
+}, qe = (t) => {
+  const e = ue();
   e !== void 0 && (e.capabilities.includes(t) || e.capabilities.push(t));
-}, y = {
+}, A = {
   IDLE: "idle",
   LOADING: "loading",
   SUCCESS: "success",
   /** Successful request with zero hits. */
   EMPTY: "empty",
   ERROR: "error"
-}, 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 (r === void 0)
+}, Ue = 0.5, He = 500, Ve = 1500, Be = 100;
+function Ke({ emit: t, visibilityThreshold: e = Ue, dwellMs: o = He, idleFlushMs: s = Ve, maxItemsPerEvent: r = Be }) {
+  let n, i = [];
+  const a = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+  let d;
+  const f = () => {
+    clearTimeout(d), !(n === void 0 || i.length === 0) && (t({ ...n, items: i }), i = []);
+  }, y = (m) => {
+    if (n === void 0)
       return;
-    const g = `${r.query_id}:${f.product_id}`;
-    if (!a.has(g)) {
-      if (a.add(g), n.push(f), n.length >= i) {
-        h();
+    const v = `${n.query_id}:${m.product_id}`;
+    if (!a.has(v)) {
+      if (a.add(v), i.push(m), i.length >= r) {
+        f();
         return;
       }
-      clearTimeout(l), l = setTimeout(h, s);
+      clearTimeout(d), d = setTimeout(f, s);
     }
-  }, 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));
+  }, b = (m) => {
+    const v = u.get(m);
+    v !== void 0 && (clearTimeout(v), u.delete(m));
+  }, g = new IntersectionObserver((m) => {
+    for (const v of m) {
+      const p = _.get(v.target);
+      p !== void 0 && (v.intersectionRatio >= e ? u.has(v.target) || u.set(v.target, setTimeout(() => {
+        u.delete(v.target), y(p);
+      }, o)) : b(v.target));
     }
-  }, { threshold: e }), b = () => {
-    d.disconnect();
-    for (const f of c.values())
-      clearTimeout(f);
-    c.clear(), p.clear();
-  }, C = () => {
-    h();
-  }, I = (f) => {
-    if (f.persisted) {
+  }, { threshold: e }), $ = () => {
+    g.disconnect();
+    for (const m of u.values())
+      clearTimeout(m);
+    u.clear(), _.clear();
+  }, R = () => {
+    f();
+  }, T = (m) => {
+    if (m.persisted) {
       a.clear();
-      for (const g of p.keys())
-        w(g), d.unobserve(g), d.observe(g);
+      for (const v of _.keys())
+        b(v), g.unobserve(v), g.observe(v);
     }
   };
-  return window.addEventListener("pagehide", C), window.addEventListener("pageshow", I), {
-    setContext(f) {
-      h(), a.clear(), r = f, b();
+  return window.addEventListener("pagehide", R), window.addEventListener("pageshow", T), {
+    setContext(m) {
+      f(), a.clear(), n = m, $();
     },
-    observe(f, g) {
-      p.set(f, g), d.observe(f);
+    observe(m, v) {
+      _.set(m, v), g.observe(m);
     },
-    forceImpression(f) {
-      S(f), h();
+    forceImpression(m) {
+      y(m), f();
     },
-    flush: h,
+    flush: f,
     disconnect() {
-      h(), b(), window.removeEventListener("pagehide", C), window.removeEventListener("pageshow", I);
+      f(), $(), window.removeEventListener("pagehide", R), window.removeEventListener("pageshow", T);
     }
   };
 }
-const Y = (t, e) => ({
+const te = (t, e) => ({
   product_id: t.hits[e].objectID,
   // One-based position across all pages.
   position: t.page * t.hitsPerPage + e + 1
 });
-function $e(t) {
+function Fe(t) {
   let e, o;
-  const s = () => (e ?? (e = ye({
+  const s = () => (e ?? (e = Ke({
     emit: t.trackViewSearchResults
   })), e);
   return {
-    onResponse(i) {
+    onResponse(r) {
       o = {
-        query_id: i.queryID,
-        index: i.index,
+        query_id: r.queryID,
+        index: r.index,
         surface: t.surface,
         search_type: "lexical",
         // 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: [] });
+        page: r.page + 1,
+        total_hits: r.nbHits,
+        query_length: [...r.query].length
+      }, s().setContext(o), r.nbHits === 0 && t.trackViewSearchResults({ ...o, items: [] });
     },
-    observeResult(i, r, n) {
-      s().observe(i, Y(r, n));
+    observeResult(r, n, i) {
+      s().observe(r, te(n, i));
     },
-    select(i, r) {
+    select(r, n) {
       if (o === void 0)
         return;
-      const n = Y(i, r);
-      s().forceImpression(n), t.trackSelectSearchResult({ ...o, items: [n] });
+      const i = te(r, n);
+      s().forceImpression(i), t.trackSelectSearchResult({ ...o, items: [i] });
     },
     dispose() {
       e == null || e.disconnect();
     }
   };
 }
-const Ae = 2, X = (t) => {
+const je = 2, oe = (t) => {
   const e = t.trim();
-  return [...e].length >= Ae ? e : void 0;
-}, Le = (t, e, o, { indexName: s, language: i, currency: r, hitsPerPage: n }) => ({
+  return [...e].length >= je ? e : void 0;
+}, ze = (t, e, o, { indexName: s, language: r, currency: n, hitsPerPage: i }) => ({
   requests: [
-    { indexName: s, query: t, page: e, hitsPerPage: n },
+    { indexName: s, query: t, page: e, hitsPerPage: i },
     ...o.map((a) => ({
-      indexName: j(a.index, i, r),
+      indexName: X(a.index, r, n),
       query: t,
       page: 0,
-      hitsPerPage: a.hitsPerPage ?? n
+      hitsPerPage: a.hitsPerPage ?? i
     }))
   ]
-}), De = (t, e, { indexName: o, language: s, currency: i }) => {
-  const r = t.results.find((a) => a.index === o);
-  if (r === void 0)
+}), Ge = (t, e, { indexName: o, language: s, currency: r }) => {
+  const n = t.results.find((a) => a.index === o);
+  if (n === void 0)
     throw new Error(`Dialog search returned no ${o} entry`);
-  const n = {};
+  const i = {};
   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);
+    const _ = X(a.index, s, r), u = t.results.find((d) => d.index === _);
+    u !== void 0 && (i[a.index] = u);
   }
   return {
-    response: r,
-    sections: e.length === 0 ? void 0 : n
+    response: n,
+    sections: e.length === 0 ? void 0 : i
   };
-}, F = {
-  status: y.IDLE,
+}, z = {
+  status: A.IDLE,
   query: "",
   page: 0,
   response: void 0,
   sections: void 0,
   error: void 0
 };
-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),
+function Qe({ search: t, language: e, currency: o, analytics: s, navigate: r, debounceMs: n = 250, hitsPerPage: i = 12, sections: a = [] }) {
+  const _ = {
+    indexName: X("products", e, o),
     language: e,
     currency: o,
-    hitsPerPage: n
+    hitsPerPage: i
   };
-  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 });
+  let u = z;
+  const d = /* @__PURE__ */ new Set(), f = Fe(s);
+  let y, b, g, $ = 0, R = !1;
+  const T = (p) => {
+    u = { ...u, ...p };
+    for (const S of d)
+      S(u);
+  }, m = () => {
+    clearTimeout(y), b = void 0, $ += 1, g == null || g.abort(), g = void 0;
+  }, v = async (p, S) => {
+    m(), g = new AbortController();
+    const P = $;
+    T({ status: A.LOADING, query: p, page: S });
     try {
-      const A = typeof a == "function" ? a() : a, Q = Le(m, E, A, p), ie = await t(Q, {
-        signal: d.signal
+      const x = typeof a == "function" ? a() : a, Z = ze(p, S, x, _), be = await t(Z, {
+        signal: g.signal
       });
-      if (D !== b)
+      if (P !== $)
         return;
-      const K = De(ie, A, p);
-      h.onResponse(K.response), I({
-        ...K,
-        status: K.response.nbHits === 0 ? y.EMPTY : y.SUCCESS,
+      const F = Ge(be, x, _);
+      f.onResponse(F.response), T({
+        ...F,
+        status: F.response.nbHits === 0 ? A.EMPTY : A.SUCCESS,
         error: void 0
       });
-    } catch (A) {
-      if (A instanceof DOMException && A.name === "AbortError" || D !== b)
+    } catch (x) {
+      if (x instanceof DOMException && x.name === "AbortError" || P !== $)
         return;
-      I({
-        status: y.ERROR,
-        error: A,
+      T({
+        status: A.ERROR,
+        error: x,
         response: void 0,
         sections: void 0
       });
     }
   };
   return {
-    setQuery(m) {
-      if (C)
+    setQuery(p) {
+      if (R)
         return;
-      f();
-      const E = X(m);
-      if (E === void 0) {
-        I(F);
+      m();
+      const S = oe(p);
+      if (S === void 0) {
+        T(z);
         return;
       }
-      w = E, S = setTimeout(() => void g(E, 0), r);
+      b = S, y = setTimeout(() => void v(S, 0), n);
     },
-    submit(m) {
-      if (C)
+    submit(p) {
+      if (R)
         return;
-      f();
-      const E = X(m);
-      if (E === void 0) {
-        I(F);
+      m();
+      const S = oe(p);
+      if (S === void 0) {
+        T(z);
         return;
       }
-      g(E, 0);
+      v(S, 0);
     },
-    setPage(m) {
-      if (!C) {
-        if (w !== void 0) {
-          g(w, 0);
+    setPage(p) {
+      if (!R) {
+        if (b !== void 0) {
+          v(b, 0);
           return;
         }
-        c.query !== "" && g(c.query, m);
+        u.query !== "" && v(u.query, p);
       }
     },
     retry() {
-      C || c.status !== y.ERROR || g(c.query, c.page);
+      R || u.status !== A.ERROR || v(u.query, u.page);
     },
-    observeResult(m, E) {
-      c.response !== void 0 && h.observeResult(m, c.response, E);
+    observeResult(p, S) {
+      u.response !== void 0 && f.observeResult(p, u.response, S);
     },
-    selectResult(m, E) {
-      const D = c.response;
-      if (D === void 0)
+    selectResult(p, S) {
+      const P = u.response;
+      if (P === void 0)
         return !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;
+      f.select(P, p);
+      const x = P.hits[p].url;
+      return ((S == null ? void 0 : S.navigate) ?? !0) && r !== void 0 && x !== void 0 ? (r(x, P.hits[p]), !0) : !1;
     },
-    subscribe(m) {
-      return l.add(m), () => {
-        l.delete(m);
+    subscribe(p) {
+      return d.add(p), () => {
+        d.delete(p);
       };
     },
-    getState: () => c,
+    getState: () => u,
     dispose() {
-      C = !0, f(), l.clear(), h.dispose();
+      R = !0, m(), d.clear(), f.dispose();
     }
   };
 }
-const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-block-title" }, Oe = { class: "dialog-block-description" }, Ue = /* @__PURE__ */ R({
+const We = { class: "dialog-block-header-container" }, Xe = { class: "dialog-block-title" }, Ze = { class: "dialog-block-description" }, Ye = /* @__PURE__ */ w({
   __name: "DialogBlockHeader",
   props: {
     title: {},
@@ -300,32 +300,32 @@ const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-blo
   },
   setup(t) {
     const e = t;
-    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)
+    return (o, s) => (c(), h("div", We, [
+      l("div", Xe, E(e.title ?? "Your expert"), 1),
+      l("div", Ze, E(e.description ?? "A question about this product?"), 1)
     ]));
   }
-}), P = (t, e) => {
+}), D = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [s, i] of e)
-    o[s] = i;
+  for (const [s, r] of e)
+    o[s] = r;
   return o;
-}, Me = /* @__PURE__ */ P(Ue, [["__scopeId", "data-v-28e6dda7"]]), qe = {
+}, Je = /* @__PURE__ */ D(Ye, [["__scopeId", "data-v-28e6dda7"]]), et = {
   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"], Ke = ["stroke"], He = /* @__PURE__ */ R({
+}, tt = { "clip-path": "url(#clip0_466_934)" }, ot = ["stroke"], st = ["stroke"], nt = /* @__PURE__ */ w({
   __name: "AiStarsIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, s) => (_(), v("svg", qe, [
-      u("g", Be, [
-        u("path", {
+    return (o, s) => (c(), h("svg", et, [
+      l("g", tt, [
+        l("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
@@ -340,8 +340,8 @@ const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-blo
           "stroke-width": "1.5",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Ve),
-        u("path", {
+        }, null, 8, ot),
+        l("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
@@ -356,11 +356,11 @@ const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-blo
           "stroke-width": "1.5",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Ke)
+        }, null, 8, st)
       ]),
-      s[0] || (s[0] = u("defs", null, [
-        u("clipPath", { id: "clip0_466_934" }, [
-          u("rect", {
+      s[0] || (s[0] = l("defs", null, [
+        l("clipPath", { id: "clip0_466_934" }, [
+          l("rect", {
             width: "20",
             height: "20",
             fill: "white"
@@ -369,7 +369,7 @@ const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-blo
       ], -1))
     ]));
   }
-}), Fe = ["onClick"], Ge = { class: "dialog-block-suggestions-item-label" }, je = /* @__PURE__ */ R({
+}), rt = ["onClick"], at = { class: "dialog-block-suggestions-item-label" }, it = /* @__PURE__ */ w({
   __name: "DialogBlockSuggestions",
   props: {
     client: {},
@@ -388,27 +388,27 @@ const xe = { class: "dialog-block-header-container" }, Ne = { class: "dialog-blo
         fromQuestionSuggestion: !0
       });
     };
-    return (s, i) => (_(!0), v(N, null, ee(e.questions, (r) => (_(), v("button", {
-      key: r.question,
+    return (s, r) => (c(!0), h(N, null, W(e.questions, (n) => (c(), h("button", {
+      key: n.question,
       class: "dialog-block-suggestions-item",
-      onClick: (n) => o(r.question)
+      onClick: (i) => o(n.question)
     }, [
-      L(He, {
+      I(nt, {
         class: "dialog-block-suggestions-item-icon",
         color: e.client.theme.primaryColor
       }, null, 8, ["color"]),
-      u("span", Ge, k(r.question), 1)
-    ], 8, Fe))), 128));
+      l("span", at, E(n.question), 1)
+    ], 8, rt))), 128));
   }
-}), 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))
+}), lt = /* @__PURE__ */ D(it, [["__scopeId", "data-v-db34d4b4"]]), ct = {};
+function ut(t, e) {
+  return c(), h(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))
   ], 64);
 }
-const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58"]]), Xe = { class: "dialog-block-suggestions-container" }, Ze = /* @__PURE__ */ R({
+const dt = /* @__PURE__ */ D(ct, [["render", ut], ["__scopeId", "data-v-26a64b58"]]), pt = { class: "dialog-block-suggestions-container" }, ht = /* @__PURE__ */ w({
   __name: "DialogBlockSuggestionsContainer",
   props: {
     client: {},
@@ -420,8 +420,8 @@ const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    return (o, s) => (_(), v("div", Xe, [
-      e.isLoading || !e.questions ? (_(), O(Ye, { key: 0 })) : (_(), O(Qe, {
+    return (o, s) => (c(), h("div", pt, [
+      e.isLoading || !e.questions ? (c(), O(dt, { key: 0 })) : (c(), O(lt, {
         key: 1,
         client: e.client,
         questions: e.questions,
@@ -431,30 +431,30 @@ const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58
       }, null, 8, ["client", "questions", "product-id", "product-title", "selected-variant-id"]))
     ]));
   }
-}), Je = /* @__PURE__ */ P(Ze, [["__scopeId", "data-v-18c9e78b"]]), et = {
+}), _t = /* @__PURE__ */ D(ht, [["__scopeId", "data-v-18c9e78b"]]), ft = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, tt = ["stroke"], ot = /* @__PURE__ */ R({
+}, gt = ["stroke"], vt = /* @__PURE__ */ w({
   __name: "ArrowIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, s) => (_(), v("svg", et, [
-      u("path", {
+    return (o, s) => (c(), h("svg", ft, [
+      l("path", {
         d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
         stroke: e.color || "#ffffff",
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-      }, null, 8, tt)
+      }, null, 8, gt)
     ]));
   }
-}), st = ["placeholder"], nt = ["disabled"], rt = /* @__PURE__ */ R({
+}), mt = ["placeholder"], bt = ["disabled"], St = /* @__PURE__ */ w({
   __name: "DialogInput",
   props: {
     client: {},
@@ -464,93 +464,93 @@ const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58
     selectedVariantId: {}
   },
   setup(t) {
-    const e = t, o = $(), s = $(""), i = () => {
-      var n;
-      (n = o.value) == null || n.focus();
-    }, r = () => {
-      const n = s.value;
-      n.trim() && (e.client.sendProductMessage({
+    const e = t, o = k(), s = k(""), r = () => {
+      var i;
+      (i = o.value) == null || i.focus();
+    }, n = () => {
+      const i = s.value;
+      i.trim() && (e.client.sendProductMessage({
         productId: e.productId,
         productTitle: e.productTitle,
         selectedVariantId: e.selectedVariantId,
-        question: n,
+        question: i,
         fromQuestionSuggestion: !0
       }), s.value = "");
     };
-    return (n, a) => (_(), v("div", {
+    return (i, a) => (c(), h("div", {
       class: "dialog-input-wrapper",
-      onClick: i
+      onClick: r
     }, [
-      te(u("input", {
+      re(l("input", {
         id: "dialog-ask-anything-input-ai-input",
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => s.value = p),
+        "onUpdate:modelValue": a[0] || (a[0] = (_) => s.value = _),
         class: "dialog-ask-anything-input-ai-input",
         placeholder: e.placeholder ?? "Ask anything...",
-        onKeydown: le(r, ["enter"])
-      }, null, 40, st), [
-        [oe, s.value]
+        onKeydown: ye(n, ["enter"])
+      }, null, 40, mt), [
+        [ae, s.value]
       ]),
-      u("button", {
+      l("button", {
         id: "send-message-button-ai-input",
         class: "dialog-input-submit",
         disabled: !s.value.trim(),
-        onClick: r
+        onClick: n
       }, [
-        L(ot, {
+        I(vt, {
           color: e.client.theme.ctaTextColor
         }, null, 8, ["color"])
-      ], 8, nt)
+      ], 8, bt)
     ]));
   }
-}), it = /* @__PURE__ */ P(rt, [["__scopeId", "data-v-4f5901c9"]]), at = /* @__PURE__ */ R({
+}), Ct = /* @__PURE__ */ D(St, [["__scopeId", "data-v-4f5901c9"]]), yt = /* @__PURE__ */ w({
   __name: "ThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
-    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];
+    const e = t, o = document.body, s = (n) => n.replace(/([A-Z])/g, "-$1").toLowerCase(), r = (n) => {
+      n && Object.keys(n).forEach((i) => {
+        const a = i, _ = s(i);
+        if (n[a] !== void 0) {
+          if (typeof n[a] == "object") {
+            Object.keys(n[a]).forEach((u) => {
+              var f;
+              const d = u;
+              if (d !== void 0) {
+                const y = s(u), b = n[a];
                 o.style.setProperty(
-                  `--dialog-theme-${p}-${S}`,
-                  (h = w[l]) == null ? void 0 : h.toString()
+                  `--dialog-theme-${_}-${y}`,
+                  (f = b[d]) == null ? void 0 : f.toString()
                 );
               }
             });
             return;
           }
           if (a === "ctaBorderType") {
-            const c = r[a] === "rounded" ? "24px" : "0";
-            o.style.setProperty(`--dialog-theme-${p}`, c);
+            const u = n[a] === "rounded" ? "24px" : "0";
+            o.style.setProperty(`--dialog-theme-${_}`, u);
             return;
           }
           o.style.setProperty(
-            `--dialog-theme-${p}`,
-            r[a].toString()
+            `--dialog-theme-${_}`,
+            n[a].toString()
           );
         }
       });
     };
-    return V(() => {
-      e.theme && i(e.theme);
-    }), U(
+    return B(() => {
+      e.theme && r(e.theme);
+    }), q(
       () => e.theme,
-      (r) => {
-        r && i(r);
+      (n) => {
+        n && r(n);
       },
       { deep: !0 }
-    ), (r, n) => de(r.$slots, "default");
+    ), (n, i) => Ee(n.$slots, "default");
   }
-}), ct = ["dir"], lt = /* @__PURE__ */ R({
+}), Et = ["dir"], wt = /* @__PURE__ */ w({
   __name: "DialogProductBlock",
   props: {
     client: {},
@@ -561,84 +561,84 @@ const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    V(() => {
-      re({
+    B(() => {
+      de({
         method: "vue",
-        version: "3.6.0"
-      }), we("pdp-block");
+        version: "3.7.0"
+      }), qe("pdp-block");
     });
-    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(
+    const o = k(!0), s = k(void 0), r = k(0), n = C(() => {
+      var d;
+      return o.value ? "" : (d = s.value) == null ? void 0 : d.assistantName;
+    }), i = C(() => {
+      var d;
+      return o.value ? "" : (d = s.value) == null ? void 0 : d.description;
+    }), a = C(() => {
+      var d;
+      return o.value ? "" : (d = s.value) == null ? void 0 : d.inputPlaceholder;
+    }), _ = C(
       () => {
-        var l;
-        return me(
-          (l = e.client.getLocalizationInformations()) == null ? void 0 : l.languageCode
+        var d;
+        return De(
+          (d = e.client.getLocalizationInformations()) == null ? void 0 : d.languageCode
         );
       }
-    ), c = async () => {
-      const l = ++i.value;
+    ), u = async () => {
+      const d = ++r.value;
       o.value = !0, s.value = void 0;
       try {
-        const h = await e.client.getSuggestions(e.productId);
-        l === i.value && (s.value = h);
-      } catch (h) {
-        console.error("error", h);
+        const f = await e.client.getSuggestions(e.productId);
+        d === r.value && (s.value = f);
+      } catch (f) {
+        console.error("error", f);
       } finally {
-        l === i.value && (o.value = !1);
+        d === r.value && (o.value = !1);
       }
     };
-    return U(
+    return q(
       () => [e.client, e.productId],
       () => {
-        c();
+        u();
       },
       { immediate: !0 }
-    ), (l, h) => (_(), O(at, {
+    ), (d, f) => (c(), O(yt, {
       theme: e.client.theme
     }, {
-      default: ue(() => {
-        var S;
+      default: ie(() => {
+        var y;
         return [
-          u("div", {
+          l("div", {
             id: "dialog-instant",
             class: "dialog-block-container",
-            dir: p.value
+            dir: _.value
           }, [
-            L(Me, {
-              title: r.value,
-              description: n.value
+            I(Je, {
+              title: n.value,
+              description: i.value
             }, null, 8, ["title", "description"]),
-            L(Je, {
+            I(_t, {
               client: e.client,
-              questions: (S = s.value) == null ? void 0 : S.questions,
+              questions: (y = s.value) == null ? void 0 : y.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 ? (_(), O(it, {
+            e.enableInput ? (c(), O(Ct, {
               key: 0,
               client: e.client,
               placeholder: a.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
-            }, null, 8, ["client", "placeholder", "product-id", "product-title", "selected-variant-id"])) : M("", !0)
-          ], 8, ct)
+            }, null, 8, ["client", "placeholder", "product-id", "product-title", "selected-variant-id"])) : L("", !0)
+          ], 8, Et)
         ];
       }),
       _: 1
     }, 8, ["theme"]));
   }
-}), zt = /* @__PURE__ */ P(lt, [["__scopeId", "data-v-c57aa677"]]), dt = {}, ut = {
+}), Jo = /* @__PURE__ */ D(wt, [["__scopeId", "data-v-c57aa677"]]), $t = {}, Rt = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -646,9 +646,9 @@ const Ye = /* @__PURE__ */ P(ze, [["render", We], ["__scopeId", "data-v-26a64b58
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
 };
-function pt(t, e) {
-  return _(), v("svg", ut, e[0] || (e[0] = [
-    u("path", {
+function Tt(t, e) {
+  return c(), h("svg", Rt, e[0] || (e[0] = [
+    l("path", {
       d: "M8 13V3M8 3L3 8M8 3L13 8",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -657,28 +657,28 @@ function pt(t, e) {
     }, null, -1)
   ]));
 }
-const _t = /* @__PURE__ */ P(dt, [["render", pt]]), ht = {
+const It = /* @__PURE__ */ D($t, [["render", Tt]]), kt = {
   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__ */ R({
+}, Lt = ["fill"], At = "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", xt = /* @__PURE__ */ w({
   __name: "ShurikenIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (o, s) => (_(), v("svg", ht, [
-      u("path", {
-        d: gt,
+    return (o, s) => (c(), h("svg", kt, [
+      l("path", {
+        d: At,
         fill: e.color || "currentColor"
-      }, null, 8, ft)
+      }, null, 8, Lt)
     ]));
   }
-}), mt = { class: "dialog-search-bar-field" }, St = { class: "dialog-search-bar-icon" }, bt = ["aria-label", "placeholder", "autofocus"], Ct = ["aria-label"], Wt = /* @__PURE__ */ R({
+}), Dt = { class: "dialog-search-bar-field" }, Pt = { class: "dialog-search-bar-icon" }, Ot = ["aria-label", "placeholder", "autofocus"], Nt = ["aria-label"], es = /* @__PURE__ */ w({
   __name: "DialogSearchBar",
   props: {
     controller: {},
@@ -687,22 +687,22 @@ const _t = /* @__PURE__ */ P(dt, [["render", pt]]), ht = {
     submitAriaLabel: { default: "Search" }
   },
   setup(t) {
-    const e = t, o = $(""), s = () => {
+    const e = t, o = k(""), s = () => {
       e.controller.setQuery(o.value);
-    }, i = () => {
+    }, r = () => {
       e.controller.submit(o.value);
     };
-    return (r, n) => (_(), v("form", {
+    return (n, i) => (c(), h("form", {
       class: "dialog-search-bar",
       role: "search",
-      onSubmit: pe(i, ["prevent"])
+      onSubmit: we(r, ["prevent"])
     }, [
-      u("div", mt, [
-        u("span", St, [
-          L(vt)
+      l("div", Dt, [
+        l("span", Pt, [
+          I(xt)
         ]),
-        te(u("input", {
-          "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value = a),
+        re(l("input", {
+          "onUpdate:modelValue": i[0] || (i[0] = (a) => o.value = a),
           type: "text",
           name: "dialog-search-query",
           class: "dialog-search-bar-input",
@@ -710,322 +710,661 @@ const _t = /* @__PURE__ */ P(dt, [["render", pt]]), ht = {
           placeholder: e.placeholder,
           autofocus: e.autoFocus,
           onInput: s
-        }, null, 40, bt), [
-          [oe, o.value]
+        }, null, 40, Ot), [
+          [ae, o.value]
         ])
       ]),
-      u("button", {
+      l("button", {
         type: "submit",
         class: "dialog-search-bar-submit",
         "aria-label": e.submitAriaLabel
       }, [
-        L(_t)
-      ], 8, Ct)
+        I(It)
+      ], 8, Nt)
     ], 32));
   }
-}), Et = {
+}), Mt = (t, e) => {
+  try {
+    return new Intl.NumberFormat(e).format(t);
+  } catch {
+    return String(t);
+  }
+}, se = {
+  en: (t) => ({
+    searching: (e) => `Searching “${e}”…`,
+    noResults: "No matching products",
+    retry: "Retry",
+    collectionsLabel: "Collections",
+    productsLabel: "Products",
+    collectionsCount: (e) => e === 1 ? "1 collection" : `${t(e)} collections`,
+    resultsCount: (e) => e === 1 ? "1 result" : `${t(e)} results`,
+    seeAllLabel: (e) => e === 1 ? "See the result" : `See all ${t(e)} results`,
+    previous: "Previous",
+    next: "Next",
+    pageOf: (e, o) => `Page ${t(e)} / ${t(o)}`
+  }),
+  fr: (t) => ({
+    searching: (e) => `Recherche de « ${e} »…`,
+    noResults: "Aucun produit correspondant",
+    retry: "Réessayer",
+    collectionsLabel: "Collections",
+    productsLabel: "Produits",
+    collectionsCount: (e) => e === 1 ? "1 collection" : `${t(e)} collections`,
+    resultsCount: (e) => e === 1 ? "1 résultat" : `${t(e)} résultats`,
+    seeAllLabel: (e) => e === 1 ? "Voir le résultat" : `Voir les ${t(e)} résultats`,
+    previous: "Précédent",
+    next: "Suivant",
+    pageOf: (e, o) => `Page ${t(e)} / ${t(o)}`
+  }),
+  de: (t) => ({
+    searching: (e) => `Suche nach „${e}“…`,
+    noResults: "Keine passenden Produkte",
+    retry: "Erneut versuchen",
+    collectionsLabel: "Kollektionen",
+    productsLabel: "Produkte",
+    collectionsCount: (e) => e === 1 ? "1 Kollektion" : `${t(e)} Kollektionen`,
+    resultsCount: (e) => e === 1 ? "1 Ergebnis" : `${t(e)} Ergebnisse`,
+    seeAllLabel: (e) => e === 1 ? "Das Ergebnis anzeigen" : `Alle ${t(e)} Ergebnisse anzeigen`,
+    previous: "Zurück",
+    next: "Weiter",
+    pageOf: (e, o) => `Seite ${t(e)} / ${t(o)}`
+  }),
+  es: (t) => ({
+    searching: (e) => `Buscando «${e}»…`,
+    noResults: "No hay productos que coincidan",
+    retry: "Reintentar",
+    collectionsLabel: "Colecciones",
+    productsLabel: "Productos",
+    collectionsCount: (e) => e === 1 ? "1 colección" : `${t(e)} colecciones`,
+    resultsCount: (e) => e === 1 ? "1 resultado" : `${t(e)} resultados`,
+    seeAllLabel: (e) => e === 1 ? "Ver el resultado" : `Ver los ${t(e)} resultados`,
+    previous: "Anterior",
+    next: "Siguiente",
+    pageOf: (e, o) => `Página ${t(e)} / ${t(o)}`
+  }),
+  it: (t) => ({
+    searching: (e) => `Ricerca di “${e}”…`,
+    noResults: "Nessun prodotto corrispondente",
+    retry: "Riprova",
+    collectionsLabel: "Collezioni",
+    productsLabel: "Prodotti",
+    collectionsCount: (e) => e === 1 ? "1 collezione" : `${t(e)} collezioni`,
+    resultsCount: (e) => e === 1 ? "1 risultato" : `${t(e)} risultati`,
+    seeAllLabel: (e) => e === 1 ? "Vedi il risultato" : `Vedi tutti i ${t(e)} risultati`,
+    previous: "Precedente",
+    next: "Successivo",
+    pageOf: (e, o) => `Pagina ${t(e)} / ${t(o)}`
+  })
+}, pe = (t) => {
+  var s;
+  const e = ((s = t == null ? void 0 : t.split("-")[0]) == null ? void 0 : s.toLowerCase()) ?? "en";
+  return (se[e] ?? se.en)((r) => Mt(r, t));
+}, he = (t) => t.status !== A.LOADING && t.response !== void 0 && t.response.nbPages > 1, qt = {
   key: 0,
   "aria-label": "Search results pages",
   class: "dialog-search-pagination"
-}, wt = ["disabled"], It = ["disabled"], Rt = /* @__PURE__ */ R({
+}, Ut = ["disabled"], Ht = ["disabled"], Vt = /* @__PURE__ */ w({
   __name: "DialogSearchPagination",
   props: {
     controller: {},
-    state: {}
+    state: {},
+    locale: {}
   },
   setup(t) {
-    const e = t, o = T(() => e.state.response);
-    return (s, i) => o.value !== void 0 && o.value.nbPages > 1 ? (_(), v("nav", Et, [
-      u("button", {
+    const e = t, o = C(() => e.state.response), s = C(() => pe(e.locale));
+    return (r, n) => o.value !== void 0 && K(he)(e.state) ? (c(), h("nav", qt, [
+      l("button", {
         type: "button",
         disabled: o.value.page === 0,
-        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", {
+        onClick: n[0] || (n[0] = (i) => e.controller.setPage(o.value.page - 1))
+      }, E(s.value.previous), 9, Ut),
+      l("span", null, E(s.value.pageOf(o.value.page + 1, o.value.nbPages)), 1),
+      l("button", {
         type: "button",
         disabled: o.value.page >= o.value.nbPages - 1,
-        onClick: i[1] || (i[1] = (r) => e.controller.setPage(o.value.page + 1))
-      }, " Next ", 8, It)
-    ])) : M("", !0);
+        onClick: n[1] || (n[1] = (i) => e.controller.setPage(o.value.page + 1))
+      }, E(s.value.next), 9, Ht)
+    ])) : L("", !0);
   }
-}), G = ({ amount: t, currencyCode: e }, o) => e === void 0 ? new Intl.NumberFormat(o).format(Number(t)) : new Intl.NumberFormat(o, {
+}), ne = (t) => t.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), Bt = (t, e) => {
+  const o = { before: "", match: t, after: "" }, s = ne(e.trim());
+  if (s === "")
+    return o;
+  const r = [...t], n = [];
+  let i = "";
+  r.forEach((d, f) => {
+    const y = ne(d);
+    for (let b = 0; b < y.length; b += 1)
+      n.push(f);
+    i += y;
+  });
+  const a = i.indexOf(s);
+  if (a === -1)
+    return o;
+  const _ = n[a], u = n[a + s.length - 1] + 1;
+  return {
+    before: r.slice(0, _).join(""),
+    match: r.slice(_, u).join(""),
+    after: r.slice(u).join("")
+  };
+}, Kt = {
+  key: 0,
+  class: "dialog-search-muted"
+}, Ft = { class: "dialog-search-match" }, jt = {
+  key: 1,
+  class: "dialog-search-muted"
+}, _e = /* @__PURE__ */ w({
+  __name: "HighlightedTitle",
+  props: {
+    title: {},
+    query: {}
+  },
+  setup(t) {
+    const e = t, o = C(() => Bt(e.title, e.query));
+    return (s, r) => (c(), h(N, null, [
+      o.value.before !== "" ? (c(), h("span", Kt, E(o.value.before), 1)) : L("", !0),
+      l("span", Ft, E(o.value.match), 1),
+      o.value.after !== "" ? (c(), h("span", jt, E(o.value.after), 1)) : L("", !0)
+    ], 64));
+  }
+}), zt = ({ 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)), Tt = ({ min: t, max: e }, o) => t.amount === e.amount ? G(t, o) : `${G(t, o)} – ${G(e, o)}`, kt = (t, e) => {
+}).format(Number(t)), Gt = (t, e) => {
   if (t === void 0)
     return "";
   try {
-    return Tt(t, e);
+    return zt(t.min, e);
   } catch {
     return "";
   }
-}, yt = (t) => {
+}, Qt = (t) => {
   try {
     const { protocol: e } = new URL(t, window.location.href);
     return e === "http:" || e === "https:" ? t : void 0;
   } catch {
     return;
   }
-}, $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__ */ R({
-  __name: "DialogSearchProductCardContent",
-  props: {
-    hit: {},
-    locale: {}
-  },
-  setup(t) {
-    const e = t, o = T(() => e.hit.title ?? e.hit.objectID), s = T(
-      () => kt(e.hit.priceRange, e.locale)
-    );
-    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)
-      ]),
-      u("div", Lt, [
-        u("p", Dt, k(o.value), 1),
-        s.value !== "" ? (_(), v("p", Pt, k(s.value), 1)) : M("", !0)
-      ])
-    ], 64));
-  }
-}), xt = {
+}, fe = (t) => t.url === void 0 || t.url === "" ? void 0 : Qt(t.url), ge = (t) => t.title ?? t.handle ?? t.objectID, Wt = {
+  class: "dialog-search-product-thumb",
+  "aria-hidden": "true"
+}, Xt = ["src"], Zt = { class: "dialog-search-product-title" }, Yt = {
   key: 0,
-  class: "dialog-search-card-body"
-}, Nt = ["href"], Ot = /* @__PURE__ */ R({
+  class: "dialog-search-product-price"
+}, Jt = /* @__PURE__ */ w({
   __name: "DialogSearchProductCard",
   props: {
     controller: {},
     hit: {},
     index: {},
-    locale: {}
+    locale: { default: void 0 },
+    query: { default: "" }
   },
   setup(t) {
-    const e = t, o = $();
-    U(
+    const e = t, o = k();
+    q(
       () => e.hit,
       () => {
         o.value !== void 0 && e.controller.observeResult(o.value, e.index);
       },
       { immediate: !0, flush: "post" }
     );
-    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 (n, a) => (_(), v("li", {
+    const s = C(() => fe(e.hit)), r = C(
+      () => Gt(e.hit.priceRange, e.locale)
+    ), n = (a) => {
+      const _ = a.metaKey || a.ctrlKey || a.shiftKey || a.altKey;
+      e.controller.selectResult(e.index, { navigate: !_ }) && a.preventDefault();
+    }, i = (a) => {
+      a.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
+    };
+    return (a, _) => (c(), h("li", {
       ref_key: "cardRef",
       ref: o,
       class: "dialog-search-card"
     }, [
-      r.value === void 0 ? (_(), v("div", xt, [
-        L(Z, {
-          hit: e.hit,
-          locale: e.locale
-        }, null, 8, ["hit", "locale"])
-      ])) : (_(), v("a", {
-        key: 1,
-        class: "dialog-search-card-body",
-        href: r.value,
-        onClick: s,
-        onAuxclick: i
-      }, [
-        L(Z, {
-          hit: e.hit,
-          locale: e.locale
-        }, null, 8, ["hit", "locale"])
-      ], 40, Nt))
+      (c(), O($e(s.value === void 0 ? "div" : "a"), Re({
+        class: "dialog-search-product",
+        href: s.value
+      }, Te(
+        s.value === void 0 ? {} : { click: n, auxclick: i }
+      )), {
+        default: ie(() => [
+          l("span", Wt, [
+            e.hit.imageUrl !== void 0 && e.hit.imageUrl !== "" ? (c(), h("img", {
+              key: 0,
+              src: e.hit.imageUrl,
+              alt: "",
+              loading: "lazy"
+            }, null, 8, Xt)) : L("", !0)
+          ]),
+          l("span", Zt, [
+            I(_e, {
+              title: K(ge)(e.hit),
+              query: e.query
+            }, null, 8, ["title", "query"])
+          ]),
+          r.value !== "" ? (c(), h("span", Yt, E(r.value), 1)) : L("", !0)
+        ]),
+        _: 1
+      }, 16, ["href"]))
     ], 512));
   }
-}), Ut = (t) => {
-  const e = $(), o = $(void 0), s = $(0);
-  return U(
+}), eo = {}, to = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 256 256",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+};
+function oo(t, e) {
+  return c(), h("svg", to, 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 so = /* @__PURE__ */ D(eo, [["render", oo]]), no = {}, ro = {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 256 256",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+};
+function ao(t, e) {
+  return c(), h("svg", ro, 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)
+  ]));
+}
+const io = /* @__PURE__ */ D(no, [["render", ao]]), ve = (t) => (t ?? []).flatMap((e) => {
+  const o = fe(e);
+  return o === void 0 ? [] : [{ collection: e, href: o }];
+}), lo = {
+  key: 0,
+  class: "dialog-search-collections"
+}, co = { class: "dialog-search-section-head" }, uo = { class: "dialog-search-label" }, po = { class: "dialog-search-count" }, ho = { class: "dialog-search-collection-list" }, _o = ["href"], fo = {
+  class: "dialog-search-collection-thumb",
+  "aria-hidden": "true"
+}, go = ["src"], vo = { class: "dialog-search-collection-title" }, mo = { class: "dialog-search-caret" }, bo = /* @__PURE__ */ w({
+  __name: "DialogSearchCollections",
+  props: {
+    collections: {},
+    query: {},
+    messages: {}
+  },
+  setup(t) {
+    const e = t, o = C(() => ve(e.collections));
+    return (s, r) => o.value.length > 0 ? (c(), h("aside", lo, [
+      l("div", co, [
+        l("p", uo, E(e.messages.collectionsLabel), 1),
+        l("span", po, E(e.messages.collectionsCount(o.value.length)), 1)
+      ]),
+      l("ul", ho, [
+        (c(!0), h(N, null, W(o.value, ({ collection: n, href: i }) => (c(), h("li", {
+          key: n.objectID
+        }, [
+          l("a", {
+            class: "dialog-search-collection",
+            href: i
+          }, [
+            l("span", fo, [
+              n.imageUrl !== void 0 && n.imageUrl !== "" ? (c(), h("img", {
+                key: 0,
+                src: n.imageUrl,
+                alt: "",
+                loading: "lazy"
+              }, null, 8, go)) : L("", !0)
+            ]),
+            l("span", vo, [
+              I(_e, {
+                title: K(ge)(n),
+                query: e.query
+              }, null, 8, ["title", "query"])
+            ]),
+            l("span", mo, [
+              I(io)
+            ])
+          ], 8, _o)
+        ]))), 128))
+      ])
+    ])) : L("", !0);
+  }
+}), So = { class: "dialog-search-products" }, Co = { class: "dialog-search-section-head" }, yo = { class: "dialog-search-label" }, Eo = {
+  key: 0,
+  class: "dialog-search-label-count"
+}, wo = { class: "dialog-search-results" }, $o = {
+  key: 0,
+  class: "dialog-search-empty",
+  role: "status"
+}, Ro = /* @__PURE__ */ w({
+  __name: "DialogSearchProducts",
+  props: {
+    controller: {},
+    response: {},
+    locale: {},
+    messages: {}
+  },
+  setup(t) {
+    const e = t;
+    return (o, s) => (c(), h("section", So, [
+      l("div", Co, [
+        l("p", yo, [
+          le(E(e.messages.productsLabel), 1),
+          e.response.nbHits > 0 ? (c(), h("span", Eo, " · " + E(e.messages.resultsCount(e.response.nbHits)), 1)) : L("", !0)
+        ])
+      ]),
+      l("ul", wo, [
+        e.response.hits.length === 0 ? (c(), h("li", $o, E(e.messages.noResults), 1)) : (c(!0), h(N, { key: 1 }, W(e.response.hits, (r, n) => (c(), O(Jt, {
+          key: r.objectID,
+          controller: e.controller,
+          hit: r,
+          index: n,
+          locale: e.locale,
+          query: e.response.query
+        }, null, 8, ["controller", "hit", "index", "locale", "query"]))), 128))
+      ])
+    ]));
+  }
+}), H = 8, U = 16, To = 200, Io = 1440, ko = (t, e) => t.bottom > 0 && t.top < e, Lo = (t, e) => {
+  const o = Math.min(
+    Io,
+    e - 2 * U
+  ), s = t.left + t.width / 2 - o / 2;
+  return { left: `${Math.min(
+    Math.max(s, U),
+    e - U - o
+  )}px`, width: `${o}px` };
+}, Ao = (t, e, o) => {
+  const s = o - t.bottom - H - U, r = t.top - H - U, n = Lo(t, e);
+  return s < To && r > s ? {
+    ...n,
+    bottom: `${o - t.top + H}px`,
+    maxHeight: `${Math.max(r, 0)}px`
+  } : {
+    ...n,
+    top: `${t.bottom + H}px`,
+    maxHeight: `${Math.max(s, 0)}px`
+  };
+}, xo = (t) => {
+  const e = t.trim().replace(/^#/, "");
+  if (!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e))
+    return;
+  const o = e.length <= 4 ? [...e].map((s) => s + s).join("") : e;
+  return [0, 2, 4].map(
+    (s) => Number.parseInt(o.slice(s, s + 2), 16)
+  );
+}, Do = (t) => {
+  const e = /^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(t);
+  if (e !== null)
+    return [e[1], e[2], e[3]].map(Number);
+}, Po = (t) => {
+  if (typeof document > "u")
+    return;
+  const e = document.createElement("span");
+  if (e.style.color = t, e.style.color === "")
+    return;
+  document.body.appendChild(e);
+  const o = Do(getComputedStyle(e).color);
+  return e.remove(), o;
+}, Oo = (t) => xo(t) ?? Po(t), No = (t) => {
+  const e = t / 255;
+  return e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
+}, me = (t) => {
+  const e = Oo(t);
+  if (e === void 0)
+    return;
+  const [o, s, r] = e.map(No);
+  return 0.2126 * o + 0.7152 * s + 0.0722 * r;
+}, Mo = "#181825", qo = "#ffffff", Uo = "straight", G = 0.5, Q = {
+  light: {
+    panel: "#ffffff",
+    side: "#fafbfc",
+    text: "#111827",
+    "text-sec": "#6b7280",
+    border: "#eceef2",
+    hover: "#eef2f7",
+    thumb: "#eef1f5"
+  },
+  dark: {
+    panel: "#15171c",
+    side: "#1b1e25",
+    text: "#f3f4f6",
+    "text-sec": "#9ca3af",
+    border: "#2b2f38",
+    hover: "#242830",
+    thumb: "#2b2f38"
+  }
+}, Ho = {
+  rectangle: {
+    "r-panel": "4px",
+    "r-item": "4px",
+    "r-thumb": "2px",
+    "r-btn": "4px"
+  },
+  "rectangle-rounded": {
+    "r-panel": "16px",
+    "r-item": "10px",
+    "r-thumb": "8px",
+    "r-btn": "10px"
+  }
+}, V = (t) => t === void 0 || t.trim() === "" ? void 0 : t.trim(), Vo = (t) => {
+  const e = t === void 0 ? void 0 : me(t);
+  return e === void 0 ? "light" : e < G ? "dark" : "light";
+}, Bo = (t, e) => {
+  const o = me(t);
+  return o === void 0 ? Q[e].text : (e === "light" ? o < G : o >= G) ? t : Q[e].text;
+}, Ko = (t) => {
+  const e = Vo(V(t == null ? void 0 : t.backgroundColor)), o = (t == null ? void 0 : t.ctaBorderType) === Uo ? "rectangle" : "rectangle-rounded", s = V(t == null ? void 0 : t.primaryColor) ?? Mo, r = V(t == null ? void 0 : t.fontFamily), n = {
+    ...Q[e],
+    ...Ho[o],
+    primary: s,
+    accent: Bo(s, e),
+    "cta-text": V(t == null ? void 0 : t.ctaTextColor) ?? qo,
+    ...r === void 0 ? {} : { font: r }
+  };
+  return Object.fromEntries(
+    Object.entries(n).map(([i, a]) => [`--dso-${i}`, a])
+  );
+}, Fo = (t) => {
+  const e = k(), o = k(void 0), s = k({ width: 0, height: 0 });
+  return q(
     t,
-    (i, r, n) => {
-      if (!i)
+    (r, n, i) => {
+      if (!r)
         return;
       const a = () => {
-        const p = e.value;
-        if (p === void 0)
+        const _ = e.value;
+        if (_ === void 0)
           return;
-        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 });
+        const u = _.previousElementSibling ?? _, { top: d, bottom: f, left: y, width: b } = u.getBoundingClientRect();
+        (s.value.width !== window.innerWidth || s.value.height !== window.innerHeight) && (s.value = {
+          width: window.innerWidth,
+          height: window.innerHeight
+        });
+        const g = o.value;
+        (g === void 0 || g.top !== d || g.bottom !== f || g.left !== y || g.width !== b) && (o.value = { top: d, bottom: f, left: y, width: b });
       };
-      a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), n(() => {
+      a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), i(() => {
         window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
       });
     },
     { immediate: !0, flush: "post" }
-  ), { anchorRef: e, rect: o, viewportHeight: s };
-}, Mt = (t, e) => {
-  const o = $(!1), s = $(), i = T(
-    () => t.value.status !== y.IDLE && !o.value
+  ), { anchorRef: e, rect: o, viewport: s };
+}, jo = (t, e) => {
+  const o = k(!1), s = k(), r = C(
+    () => t.value.status !== A.IDLE && !o.value
   );
-  U(
+  q(
     () => t.value.query,
     () => {
       o.value = !1;
     }
-  ), U(
-    i,
-    (n, a, p) => {
-      if (!n)
+  ), q(
+    r,
+    (i, a, _) => {
+      if (!i)
         return;
-      const c = (l) => {
-        var b, C;
-        const h = l.target;
-        if (!(h instanceof Node))
+      const u = (d) => {
+        var $, R;
+        const f = d.target;
+        if (!(f instanceof Node))
           return;
-        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);
+        const y = ($ = e.value) == null ? void 0 : $.previousElementSibling, b = ((R = s.value) == null ? void 0 : R.contains(f)) ?? !1, g = (y == null ? void 0 : y.contains(f)) ?? !1;
+        !b && !g && (o.value = !0);
       };
-      document.addEventListener("pointerdown", c), p(
-        () => document.removeEventListener("pointerdown", c)
+      document.addEventListener("pointerdown", u), _(
+        () => document.removeEventListener("pointerdown", u)
       );
     },
     { immediate: !0 }
   );
-  const r = () => {
+  const n = () => {
     o.value = !1;
   };
-  return V(() => {
-    var n, a;
-    (a = (n = e.value) == null ? void 0 : n.previousElementSibling) == null || a.addEventListener(
+  return B(() => {
+    var i, a;
+    (a = (i = e.value) == null ? void 0 : i.previousElementSibling) == null || a.addEventListener(
       "focusin",
-      r
+      n
     );
-  }), se(() => {
-    var n, a;
-    (a = (n = e.value) == null ? void 0 : n.previousElementSibling) == null || a.removeEventListener(
+  }), ce(() => {
+    var i, a;
+    (a = (i = e.value) == null ? void 0 : i.previousElementSibling) == null || a.removeEventListener(
       "focusin",
-      r
+      n
     );
-  }), { isOpen: i, panelRef: s };
-}, qt = {
+  }), { isOpen: r, panelRef: s };
+}, zo = {
   key: 0,
-  role: "status",
-  class: "dialog-search-status"
-}, Bt = {
-  key: 1,
   class: "dialog-search-error"
-}, Vt = {
+}, Go = {
   role: "alert",
   class: "dialog-search-status dialog-search-status-error"
-}, Kt = {
-  key: 2,
-  role: "status",
-  class: "dialog-search-status"
-}, Ht = {
+}, Qo = {
+  key: 1,
   role: "status",
   class: "dialog-search-status"
-}, Ft = { class: "dialog-search-results" }, B = 8, J = 16, Gt = 200, Yt = /* @__PURE__ */ R({
+}, Wo = {
+  key: 0,
+  class: "dialog-search-footer"
+}, Xo = ["href"], ts = /* @__PURE__ */ w({
   __name: "DialogSearchResults",
   props: {
     controller: {},
     state: {},
-    locale: {}
+    locale: { default: void 0 },
+    theme: { default: void 0 },
+    layout: { default: "list" },
+    seeAllHref: { type: Function, default: void 0 }
   },
   setup(t) {
-    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 - d.top + B}px`,
-        maxHeight: `${Math.max(I, 0)}px`
-      } : {
-        ...f,
-        top: `${d.bottom + B}px`,
-        maxHeight: `${Math.max(C, 0)}px`
-      };
-    }, 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)
+    const e = t, o = (p) => p instanceof Pe ? `Search failed (${p.status}${p.code ? ` ${p.code}` : ""}): ${p.message}` : "Search failed: network error. Check your connection and try again.", s = C(() => e.state), r = C(() => e.state.status !== A.IDLE), { anchorRef: n, rect: i, viewport: a } = Fo(r), { isOpen: _, panelRef: u } = jo(s, n), d = C(
+      () => _.value && i.value !== void 0 && ko(i.value, a.value.height)
+    ), f = C(() => Ko(e.theme)), y = C(() => ({
+      ...i.value === void 0 ? {} : Ao(i.value, a.value.width, a.value.height),
+      ...f.value
+    })), b = C(() => pe(e.locale)), g = C(() => e.state.response), $ = C(
+      () => {
+        var p, S;
+        return ((S = (p = e.state.sections) == null ? void 0 : p.collections) == null ? void 0 : S.hits) ?? [];
+      }
+    ), R = C(
+      () => ve($.value).length > 0
+    ), T = C(
+      () => e.seeAllHref !== void 0 && g.value !== void 0 && g.value.nbHits > 0
+    ), m = C(() => !T.value && he(e.state)), v = C(
+      () => {
+        var p;
+        return g.value === void 0 || (p = e.seeAllHref) == null ? void 0 : p.call(e, g.value.query);
+      }
     );
-    return (d, b) => {
-      var C;
-      return _(), v(N, null, [
-        u("div", {
-          ref_key: "anchorRef",
-          ref: a
-        }, null, 512),
-        S.value ? (_(), O(_e, {
-          key: 0,
-          to: "body"
+    return (p, S) => (c(), h(N, null, [
+      l("div", {
+        ref_key: "anchorRef",
+        ref: n
+      }, null, 512),
+      d.value ? (c(), O(Ie, {
+        key: 0,
+        to: "body"
+      }, [
+        l("div", {
+          ref_key: "panelRef",
+          ref: u,
+          class: Y(["dialog-search-panel", `dialog-search-panel--${e.layout}`]),
+          style: ke(y.value)
         }, [
-          u("div", {
-            ref_key: "panelRef",
-            ref: h,
-            class: "dialog-search-panel",
-            style: he(w.value)
-          }, [
-            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] = (I) => e.controller.retry())
-              }, " Retry ")
-            ])) : 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: I,
-                  index: f,
-                  locale: e.locale
-                }, null, 8, ["controller", "hit", "index", "locale"]))), 128))
-              ]),
-              L(Rt, {
+          e.state.status === K(A).ERROR ? (c(), h("div", zo, [
+            l("p", Go, E(o(e.state.error)), 1),
+            l("button", {
+              type: "button",
+              class: "dialog-search-retry",
+              onClick: S[0] || (S[0] = (P) => e.controller.retry())
+            }, E(b.value.retry), 1)
+          ])) : g.value === void 0 ? (c(), h("p", Qo, E(b.value.searching(e.state.query)), 1)) : (c(), h(N, { key: 2 }, [
+            l("div", {
+              class: Y([
+                "dialog-search-body",
+                { "dialog-search-body--no-collections": !R.value }
+              ])
+            }, [
+              I(bo, {
+                collections: $.value,
+                query: g.value.query,
+                messages: b.value
+              }, null, 8, ["collections", "query", "messages"]),
+              I(Ro, {
                 controller: e.controller,
-                state: e.state
-              }, null, 8, ["controller", "state"])
-            ], 64)) : M("", !0)
-          ], 4)
-        ])) : M("", !0)
-      ], 64);
-    };
+                response: g.value,
+                locale: e.locale,
+                messages: b.value
+              }, null, 8, ["controller", "response", "locale", "messages"])
+            ], 2),
+            T.value || m.value ? (c(), h("div", Wo, [
+              T.value ? (c(), h("a", {
+                key: 0,
+                class: "dialog-search-cta",
+                href: v.value
+              }, [
+                le(E(b.value.seeAllLabel(g.value.nbHits)) + " ", 1),
+                I(so)
+              ], 8, Xo)) : (c(), O(Vt, {
+                key: 1,
+                controller: e.controller,
+                state: e.state,
+                locale: e.locale
+              }, null, 8, ["controller", "state", "locale"]))
+            ])) : L("", !0)
+          ], 64))
+        ], 6)
+      ])) : L("", !0)
+    ], 64));
   }
-}), Xt = (t) => {
-  const { client: e, surface: o = "search_page", ...s } = t, i = Pe({
-    search: (a, p) => e.search(a, p),
+}), os = (t) => {
+  const { client: e, surface: o = "search_page", ...s } = t, r = Qe({
+    search: (a, _) => e.search(a, _),
     analytics: {
       surface: o,
       trackViewSearchResults: (a) => e.trackViewSearchResults(a),
       trackSelectSearchResult: (a) => e.trackSelectSearchResult(a)
     },
     ...s
-  }), r = fe(i.getState()), n = i.subscribe(() => {
-    r.value = i.getState();
+  }), n = Le(r.getState()), i = r.subscribe(() => {
+    n.value = r.getState();
   });
-  return V(() => {
-    re({
+  return B(() => {
+    de({
       method: "vue",
-      version: "3.6.0"
+      version: "3.7.0"
     });
-  }), se(() => {
-    n(), i.dispose();
-  }), { controller: i, state: r };
+  }), ce(() => {
+    i(), r.dispose();
+  }), { controller: r, state: n, theme: e.theme };
 };
 export {
-  it as DialogInput,
-  zt as DialogProductBlock,
-  Wt as DialogSearchBar,
-  Rt as DialogSearchPagination,
-  Ot as DialogSearchProductCard,
-  Yt as DialogSearchResults,
-  Xt as useDialogSearch
+  Ct as DialogInput,
+  Jo as DialogProductBlock,
+  es as DialogSearchBar,
+  Vt as DialogSearchPagination,
+  Jt as DialogSearchProductCard,
+  ts as DialogSearchResults,
+  os as useDialogSearch
 };