@nosto/search-js 3.25.4 → 3.25.6

package/dist/preact/inject/inject.es.js

@@ -1,326 +1,343 @@
-import { A as L, m as j } from "../../AutocompletePageProvider-CQePqAhB.js";
-import { C as O, m as R } from "../../CategoryPageProvider-DVL9lsCU.js";
-import { n as T, c as p } from "../../useActions-BD6dgsX8.js";
-import { S as $, m as F } from "../../SerpPageProvider-BzrNPc7g.js";
-import { u as d } from "../../jsxRuntime.module-Bzuv3cXw.js";
-import { E as h } from "../../ErrorBoundary-DFs5vnv-.js";
-import { d as k, b as B } from "../../disableNativeAutocomplete-Bkta_WR2.js";
-import { m as I } from "../../unique-CCu7ChUL.js";
-import { render as y } from "preact";
-import { l as q, g as w, s as Q } from "../../storage-B97DRj5i.js";
-function U(e) {
-  let n;
-  return (t) => {
-    n && clearTimeout(n), n = setTimeout(t, e);
-  };
+import "../../index.es-jSYcbRvi.js";
+import "../../search-C2WGFf4C.js";
+import { a as e, s as t, t as n } from "../../storage-DeAo7M3s.js";
+import { n as r, t as i } from "../../disableNativeAutocomplete-CcR_Ek_P.js";
+import { n as a } from "../../unique-DSDxyj90.js";
+import { a as o, r as s } from "../../useActions-BmWNZAES.js";
+import "../../eventBusSubscribe-C6qT1aOO.js";
+import "../../baseConfig-Che6Adb6.js";
+import "../../useHistory-BMkSr69f.js";
+import { n as c, t as l } from "../../AutocompletePageProvider-D48n1GB-.js";
+import { n as u } from "../../jsxRuntime.module-BRdvPAre.js";
+import { n as d, t as f } from "../../CategoryPageProvider-BYw7KGoS.js";
+import { t as p } from "../../ErrorBoundary-Bxyssvki.js";
+import { n as m, t as h } from "../../SerpPageProvider-fg14kNV9.js";
+import { render as g } from "preact";
+//#region packages/utils/src/debounce.ts
+function _(e) {
+	let t;
+	return (n) => {
+		t && clearTimeout(t), t = setTimeout(n, e);
+	};
 }
-function b(e) {
-  return Array.from(document.querySelectorAll(e));
+//#endregion
+//#region packages/preact/inject/src/helpers/dom.ts
+function v(e) {
+	return Array.from(document.querySelectorAll(e));
 }
-function K(e) {
-  const n = [];
-  let t = e.parentNode;
-  for (; t && t !== document && t instanceof Element; )
-    n.push(t), t = t.parentNode;
-  return n;
+function y(e) {
+	let t = [], n = e.parentNode;
+	for (; n && n !== document && n instanceof Element;) t.push(n), n = n.parentNode;
+	return t;
 }
-function S([e, n], t) {
-  const o = (r) => {
-    const s = r.target;
-    s instanceof HTMLElement && e && s !== e && s !== n && !K(s).includes(e) && t();
-  };
-  return document.addEventListener("click", o), {
-    destroy: () => {
-      document.removeEventListener("click", o);
-    }
-  };
+function b([e, t], n) {
+	let r = (r) => {
+		let i = r.target;
+		i instanceof HTMLElement && e && i !== e && i !== t && !y(i).includes(e) && n();
+	};
+	return document.addEventListener("click", r), { destroy: () => {
+		document.removeEventListener("click", r);
+	} };
 }
-function E(e, n) {
-  e.tabIndex = 0, e.addEventListener("blur", n);
+function x(e, t) {
+	e.tabIndex = 0, e.addEventListener("blur", t);
 }
-function C(e) {
-  return typeof e == "string" ? {
-    selector: e,
-    position: "last"
-  } : {
-    position: "last",
-    ...e
-  };
+//#endregion
+//#region packages/preact/inject/src/resolveCssSelector.ts
+function S(e) {
+	return typeof e == "string" ? {
+		selector: e,
+		position: "last"
+	} : {
+		position: "last",
+		...e
+	};
 }
-function N({ selector: e, timeout: n = 500 }) {
-  return new Promise((t) => {
-    const o = b(e);
-    if (o.length > 0)
-      return t(o);
-    const r = new MutationObserver(() => {
-      const i = b(e);
-      i.length > 0 && (r.disconnect(), clearTimeout(s), t(i));
-    }), s = setTimeout(() => {
-      r.disconnect(), q.warn(`Timed out (${n}) while waiting for element ${e}`), t([]);
-    }, n);
-    r.observe(document.body, {
-      childList: !0,
-      subtree: !0
-    });
-  });
+//#endregion
+//#region packages/preact/inject/src/wait.ts
+function C({ selector: e, timeout: n = 500 }) {
+	return new Promise((r) => {
+		let i = v(e);
+		if (i.length > 0) return r(i);
+		let a = new MutationObserver(() => {
+			let t = v(e);
+			t.length > 0 && (a.disconnect(), clearTimeout(o), r(t));
+		}), o = setTimeout(() => {
+			a.disconnect(), t.warn(`Timed out (${n}) while waiting for element ${e}`), r([]);
+		}, n);
+		a.observe(document.body, {
+			childList: !0,
+			subtree: !0
+		});
+	});
 }
-function H(e, n, t) {
-  n.style.display = "none";
-  const o = (() => {
-    if (e.parentElement && e.parentElement.classList.contains("nosto-autocomplete-wrapper"))
-      return e.parentElement;
-    const a = document.createElement("div");
-    return a.className = "nosto-autocomplete-wrapper", e.parentNode?.insertBefore(a, e.nextSibling), a.appendChild(e), a;
-  })(), r = C(t), s = r && document.querySelector(r.selector);
-  if (s) {
-    const a = document.createElement("form");
-    a.className = "nosto-dropdown-form", a.appendChild(n), r.position === "first" ? s.prepend(a) : s.appendChild(a);
-  } else
-    o.appendChild(n);
-  const i = {
-    index: -1,
-    onChangeListeners: []
-  }, c = (a, m) => {
-    const f = a.length;
-    f === 0 && (m = -1), i.index = m >= 0 ? m % f : f - 1, i.onChangeListeners.forEach((D) => D());
-  }, l = () => {
-    i.index = -1, i.onChangeListeners.forEach((a) => a());
-  }, u = () => i.index;
-  return {
-    element: n,
-    hide: () => {
-      n.style.display = "none", l();
-    },
-    show: () => {
-      n.style.display = "inherit";
-    },
-    isOpen: () => n.style.display !== "none",
-    goDown: () => {
-      const a = Array.from(n.getElementsByClassName("ns-autocomplete-element")), m = u();
-      c(a, m + 1);
-    },
-    goUp: () => {
-      const a = Array.from(n.getElementsByClassName("ns-autocomplete-element")), m = u();
-      c(a, m - 1);
-    },
-    highlight: c,
-    highlightedIndex: u,
-    submitHighlightedItem: (a) => {
-      Array.from(n.querySelectorAll(".ns-autocomplete-element"))[a]?.click();
-    },
-    onHighlightChange: (a) => {
-      i.onChangeListeners.push(a);
-    }
-  };
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/components/createComponent.tsx
+function w(e, t, n) {
+	t.style.display = "none";
+	let r = (() => {
+		if (e.parentElement && e.parentElement.classList.contains("nosto-autocomplete-wrapper")) return e.parentElement;
+		let t = document.createElement("div");
+		return t.className = "nosto-autocomplete-wrapper", e.parentNode?.insertBefore(t, e.nextSibling), t.appendChild(e), t;
+	})(), i = S(n), a = i && document.querySelector(i.selector);
+	if (a) {
+		let e = document.createElement("form");
+		e.className = "nosto-dropdown-form", e.appendChild(t), i.position === "first" ? a.prepend(e) : a.appendChild(e);
+	} else r.appendChild(t);
+	let o = {
+		index: -1,
+		onChangeListeners: []
+	}, s = (e, t) => {
+		let n = e.length;
+		n === 0 && (t = -1), o.index = t >= 0 ? t % n : n - 1, o.onChangeListeners.forEach((e) => e());
+	}, c = () => {
+		o.index = -1, o.onChangeListeners.forEach((e) => e());
+	}, l = () => o.index;
+	return {
+		element: t,
+		hide: () => {
+			t.style.display = "none", c();
+		},
+		show: () => {
+			t.style.display = "inherit";
+		},
+		isOpen: () => t.style.display !== "none",
+		goDown: () => {
+			s(Array.from(t.getElementsByClassName("ns-autocomplete-element")), l() + 1);
+		},
+		goUp: () => {
+			s(Array.from(t.getElementsByClassName("ns-autocomplete-element")), l() - 1);
+		},
+		highlight: s,
+		highlightedIndex: l,
+		submitHighlightedItem: (e) => {
+			Array.from(t.querySelectorAll(".ns-autocomplete-element"))[e]?.click();
+		},
+		onHighlightChange: (e) => {
+			o.onChangeListeners.push(e);
+		}
+	};
 }
-function M(e, n) {
-  const t = document.createElement("div");
-  return t.className = "nosto-autocomplete-dropdown", {
-    ...H(e, t, n),
-    element: t
-  };
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/components/AutocompleteDropdown.tsx
+function T(e, t) {
+	let n = document.createElement("div");
+	return n.className = "nosto-autocomplete-dropdown", {
+		...w(e, n, t),
+		element: n
+	};
 }
-const g = "nosto:search-js:history";
-function v(e, n, t) {
-  const o = document.createElement("div");
-  return o.className = "nosto-autocomplete-history", {
-    ...H(e, o, n),
-    element: o,
-    add: (s) => {
-      const c = (w(g) ?? []).filter((l) => l !== s).slice(t ? -t : 0);
-      c.push(s), Q(g, c);
-    },
-    get: () => (w(g) ?? []).reverse().filter((i) => !!i)
-  };
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/components/AutocompleteHistory.tsx
+var E = "nosto:search-js:history";
+function D(t, r, i) {
+	let a = document.createElement("div");
+	return a.className = "nosto-autocomplete-history", {
+		...w(t, a, r),
+		element: a,
+		add: (t) => {
+			let r = (n(E) ?? []).filter((e) => e !== t).slice(i ? -i : 0);
+			r.push(t), e(E, r);
+		},
+		get: () => (n(E) ?? []).reverse().filter((e) => !!e)
+	};
 }
-async function z(e, { config: n, dropdown: t, history: o, renderHistory: r, store: s }) {
-  const { historyEnabled: i, minQueryLength: c } = n;
-  if (e.length < c && i && r && !o.isOpen()) {
-    o.show();
-    return;
-  }
-  if (e.length < c)
-    return;
-  t.hide();
-  const l = s.getState()?.query?.query;
-  l && l !== e && await T({ config: n, store: s }, { query: e }), t.show();
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/events/onClick.tsx
+async function O(e, { config: t, dropdown: n, history: r, renderHistory: i, store: a }) {
+	let { historyEnabled: o, minQueryLength: c } = t;
+	if (e.length < c && o && i && !r.isOpen()) {
+		r.show();
+		return;
+	}
+	if (e.length < c) return;
+	n.hide();
+	let l = a.getState()?.query?.query;
+	l && l !== e && await s({
+		config: t,
+		store: a
+	}, { query: e }), n.show();
 }
-async function G(e, n) {
-  const { config: t, renderHistory: o, history: r } = n, { historyEnabled: s, minQueryLength: i } = t;
-  if (!o || e.length >= i || !s || r.isOpen())
-    return;
-  const c = x(n);
-  r.onHighlightChange(() => {
-    c(o, r.element);
-  }), r.show();
-  const l = I("renderHistory");
-  c(o, r.element), l();
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/events/onFocus.tsx
+async function k(e, t) {
+	let { config: n, renderHistory: r, history: i } = t, { historyEnabled: o, minQueryLength: s } = n;
+	if (!r || e.length >= s || !o || i.isOpen()) return;
+	let c = R(t);
+	i.onHighlightChange(() => {
+		c(r, i.element);
+	}), i.show();
+	let l = a("renderHistory");
+	c(r, i.element), l();
 }
-async function J(e, { config: n, dropdown: t, history: o, store: r, debouncer: s }) {
-  const { minQueryLength: i, historyEnabled: c } = n;
-  if (e.length < i && !c) {
-    t.hide(), o.hide();
-    return;
-  }
-  if (e.length < i && c) {
-    t.hide(), o.show();
-    return;
-  }
-  o.hide(), s(async () => {
-    T({ config: n, store: r }, { query: e }), t.show();
-  });
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/events/onInput.tsx
+async function A(e, { config: t, dropdown: n, history: r, store: i, debouncer: a }) {
+	let { minQueryLength: o, historyEnabled: c } = t;
+	if (e.length < o && !c) {
+		n.hide(), r.hide();
+		return;
+	}
+	if (e.length < o && c) {
+		n.hide(), r.show();
+		return;
+	}
+	r.hide(), a(async () => {
+		s({
+			config: t,
+			store: i
+		}, { query: e }), n.show();
+	});
 }
-function V(e, n, t) {
-  const { config: o, debouncer: r } = t;
-  if (r(() => {
-  }), e.length >= o.minQueryLength)
-    return A(n, t.dropdown, t.history);
-  if (o.historyEnabled)
-    return A(n, t.history, t.dropdown);
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/events/onKeyDown.tsx
+function j(e, t, n) {
+	let { config: r, debouncer: i } = n;
+	if (i(() => {}), e.length >= r.minQueryLength) return M(t, n.dropdown, n.history);
+	if (r.historyEnabled) return M(t, n.history, n.dropdown);
 }
-function A(e, n, t) {
-  if (!n.isOpen() && e === "ArrowDown") {
-    n.show(), t.hide();
-    return;
-  }
-  if (e === "Escape" && n.hide(), !!n.isOpen()) {
-    if (e === "ArrowDown")
-      n.goDown();
-    else if (e === "ArrowUp")
-      n.goUp();
-    else if (e === "Enter") {
-      const o = n.highlightedIndex();
-      return o >= 0 && n.submitHighlightedItem(o), n.hide(), o >= 0;
-    }
-  }
+function M(e, t, n) {
+	if (!t.isOpen() && e === "ArrowDown") {
+		t.show(), n.hide();
+		return;
+	}
+	if (e === "Escape" && t.hide(), t.isOpen()) {
+		if (e === "ArrowDown") t.goDown();
+		else if (e === "ArrowUp") t.goUp();
+		else if (e === "Enter") {
+			let e = t.highlightedIndex();
+			return e >= 0 && t.submitHighlightedItem(e), t.hide(), e >= 0;
+		}
+	}
 }
-function W(e, { config: n, dropdown: t, history: o, onNavigateToSearch: r, store: s }) {
-  t.hide(), o.hide(), !(e.length < n.minQueryLength) && (o.add(e), s.updateState({
-    historyItems: o.get()
-  }), r?.({
-    query: e
-  }));
+//#endregion
+//#region packages/preact/inject/src/init/autocomplete/events/onSubmit.tsx
+function N(e, { config: t, dropdown: n, history: r, onNavigateToSearch: i, store: a }) {
+	n.hide(), r.hide(), !(e.length < t.minQueryLength) && (r.add(e), a.updateState({ historyItems: r.get() }), i?.({ query: e }));
 }
-async function X(e, n) {
-  const { inputCssSelector: t, timeout: o } = e, r = C(t).selector, s = await N({
-    selector: r,
-    timeout: o
-  });
-  if (s.length === 0)
-    throw new Error(`No elements found for selector: ${r}`);
-  s.forEach((i) => {
-    Y(i, e, n);
-  });
+//#endregion
+//#region packages/preact/inject/src/init/injectAutocomplete.tsx
+async function P(e, t) {
+	let { inputCssSelector: n, timeout: r } = e, i = S(n).selector, a = await C({
+		selector: i,
+		timeout: r
+	});
+	if (a.length === 0) throw Error(`No elements found for selector: ${i}`);
+	a.forEach((n) => {
+		F(n, e, t);
+	});
 }
-async function Y(e, n, t) {
-  const { config: o, dropdownCssSelector: r } = n, s = M(e, r), i = v(e, r, o.historySize), c = {
-    ...n,
-    input: e,
-    dropdown: s,
-    history: i,
-    store: t,
-    debouncer: U(o.debounceDelay)
-  };
-  _(c), e.setAttribute("data-nosto-element", "search-input"), t.updateState({
-    historyItems: i.get()
-  }), k(e), t.onInit(() => {
-    Z(c);
-  }), B(e, {
-    onInput: (l) => J(l, c),
-    onFocus: (l) => G(l, c),
-    onClick: (l) => z(l, c),
-    onSubmit: (l) => W(l, c),
-    onKeyDown: (l, u) => V(l, u, c)
-  }), E(i.element, i.hide), E(s.element, s.hide), S([i.element, e], i.hide), S([s.element, e], s.hide);
+async function F(e, t, n) {
+	let { config: a, dropdownCssSelector: o } = t, s = T(e, o), c = D(e, o, a.historySize), l = {
+		...t,
+		input: e,
+		dropdown: s,
+		history: c,
+		store: n,
+		debouncer: _(a.debounceDelay)
+	};
+	L(l), e.setAttribute("data-nosto-element", "search-input"), n.updateState({ historyItems: c.get() }), i(e), n.onInit(() => {
+		I(l);
+	}), r(e, {
+		onInput: (e) => A(e, l),
+		onFocus: (e) => k(e, l),
+		onClick: (e) => O(e, l),
+		onSubmit: (e) => N(e, l),
+		onKeyDown: (e, t) => j(e, t, l)
+	}), x(c.element, c.hide), x(s.element, s.hide), b([c.element, e], c.hide), b([s.element, e], s.hide);
 }
-function Z(e) {
-  const { dropdown: n, renderAutocomplete: t } = e;
-  if (!t)
-    return;
-  const o = x(e);
-  n.onHighlightChange(() => {
-    o(t, n.element);
-  });
-  const r = I("renderAutocomplete");
-  o(t, n.element), r();
+function I(e) {
+	let { dropdown: t, renderAutocomplete: n } = e;
+	if (!n) return;
+	let r = R(e);
+	t.onHighlightChange(() => {
+		r(n, t.element);
+	});
+	let i = a("renderAutocomplete");
+	r(n, t.element), i();
 }
-async function _(e) {
-  const { input: n, renderSpeechToText: t, config: o, store: r } = e;
-  if (!t) return;
-  const s = "ns-autocomplete-voice-position";
-  if (!!n.parentElement?.querySelector(`.${s}`)) return;
-  const c = document.createElement("div");
-  c.className = s, n.insertAdjacentElement("afterend", c);
-  const l = await t();
-  y(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: o, store: r, children: l }) }),
-    c
-  );
+async function L(e) {
+	let { input: t, renderSpeechToText: n, config: r, store: i } = e;
+	if (!n) return;
+	let a = "ns-autocomplete-voice-position";
+	if (t.parentElement?.querySelector(`.${a}`)) return;
+	let o = document.createElement("div");
+	o.className = a, t.insertAdjacentElement("afterend", o), g(/* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(l, {
+		config: r,
+		store: i,
+		children: await n()
+	}) }), o);
 }
-function x(e) {
-  const { config: n, store: t } = e;
-  return (o, r) => y(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: n, store: t, children: o() }) }),
-    r
-  );
+function R(e) {
+	let { config: t, store: n } = e;
+	return (e, r) => g(/* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(l, {
+		config: t,
+		store: n,
+		children: e()
+	}) }), r);
 }
-async function P({ cssSelector: e, timeout: n, renderComponent: t }) {
-  const o = C(e).selector, r = await N({
-    selector: o,
-    timeout: n ?? 100
-  });
-  if (r.length === 0)
-    throw new Error(`No elements found for selector: ${o}`);
-  r.length > 1 && q.warn(`Multiple (${r.length}) elements found for selector: ${o}`), y(t(), r[0]);
+//#endregion
+//#region packages/preact/inject/src/init/injectComponent.tsx
+async function z({ cssSelector: e, timeout: n, renderComponent: r }) {
+	let i = S(e).selector, a = await C({
+		selector: i,
+		timeout: n ?? 100
+	});
+	if (a.length === 0) throw Error(`No elements found for selector: ${i}`);
+	a.length > 1 && t.warn(`Multiple (${a.length}) elements found for selector: ${i}`), g(r(), a[0]);
 }
-async function ee(e, n) {
-  const { render: t } = e, o = await t();
-  P({
-    ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(O, { store: n, config: e.config, children: o }) })
-  });
+//#endregion
+//#region packages/preact/inject/src/init/injectCategory.tsx
+async function B(e, t) {
+	let { render: n } = e, r = await n(), i = () => /* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(f, {
+		store: t,
+		config: e.config,
+		children: r
+	}) });
+	z({
+		...e,
+		renderComponent: i
+	});
 }
-async function ne(e, n) {
-  const { render: t } = e, o = await t();
-  P({
-    ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d($, { store: n, config: e.config, children: o }) })
-  });
+//#endregion
+//#region packages/preact/inject/src/init/injectSerp.tsx
+async function V(e, t) {
+	let { render: n } = e, r = await n(), i = () => /* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(h, {
+		store: t,
+		config: e.config,
+		children: r
+	}) });
+	z({
+		...e,
+		renderComponent: i
+	});
 }
-async function ue({ autocomplete: e, category: n, serp: t }) {
-  const o = {};
-  if (e) {
-    const r = p({ query: e.query });
-    await X(
-      {
-        ...e,
-        config: j(e.config)
-      },
-      r
-    ), o.autocomplete = { store: r };
-  }
-  if (n) {
-    const r = p({ query: n.query });
-    await ee(
-      {
-        ...n,
-        config: R(n.config)
-      },
-      r
-    ), o.category = { store: r };
-  }
-  if (t) {
-    const r = p({ query: t.query });
-    await ne(
-      {
-        ...t,
-        config: F(t.config)
-      },
-      r
-    ), o.serp = { store: r };
-  }
-  return o;
+//#endregion
+//#region packages/preact/inject/src/init.ts
+async function H({ autocomplete: e, category: t, serp: n }) {
+	let r = {};
+	if (e) {
+		let t = o({ query: e.query });
+		await P({
+			...e,
+			config: c(e.config)
+		}, t), r.autocomplete = { store: t };
+	}
+	if (t) {
+		let e = o({ query: t.query });
+		await B({
+			...t,
+			config: d(t.config)
+		}, e), r.category = { store: e };
+	}
+	if (n) {
+		let e = o({ query: n.query });
+		await V({
+			...n,
+			config: m(n.config)
+		}, e), r.serp = { store: e };
+	}
+	return r;
 }
-export {
-  ue as init
-};
+//#endregion
+export { H as init };