@partbot/stockist-map 0.1.0

package/dist/stockist-search.js

@@ -0,0 +1,405 @@
+var ae = Object.defineProperty;
+var ie = (e, t, r) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var O = (e, t, r) => ie(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsxs as y, jsx as l } from "react/jsx-runtime";
+import { createRoot as Y } from "react-dom/client";
+import * as s from "react";
+import { createContext as le } from "react";
+const ce = le({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+}), Q = s.forwardRef(
+  (e, t) => {
+    const {
+      alt: r,
+      color: n,
+      size: c,
+      weight: M,
+      mirrored: z,
+      children: i,
+      weights: R,
+      ...w
+    } = e, {
+      color: S = "currentColor",
+      size: A,
+      weight: m = "regular",
+      mirrored: N = !1,
+      ...v
+    } = s.useContext(ce);
+    return /* @__PURE__ */ s.createElement(
+      "svg",
+      {
+        ref: t,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: c ?? A,
+        height: c ?? A,
+        fill: n ?? S,
+        viewBox: "0 0 256 256",
+        transform: z || N ? "scale(-1, 1)" : void 0,
+        ...v,
+        ...w
+      },
+      !!r && /* @__PURE__ */ s.createElement("title", null, r),
+      i,
+      R.get(M ?? m)
+    );
+  }
+);
+Q.displayName = "IconBase";
+const ue = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M238.7,102.46,62.81,37.21l-.25-.09A20,20,0,0,0,37.12,62.56l.09.25L102.46,238.7A20,20,0,0,0,121.3,252h.35a20,20,0,0,0,18.77-14.12l.09-.29,21.23-75.85,75.85-21.23.29-.09a20,20,0,0,0,.82-38Zm-89.93,38a12,12,0,0,0-8.32,8.32l-19.68,70.29L62.8,62.8l156.26,58Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+      "path",
+      {
+        d: "M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ s.createElement("path", { d: "M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M248,121.58a15.76,15.76,0,0,1-11.29,15l-.2.06-78,21.84-21.84,78-.06.2a15.77,15.77,0,0,1-15,11.29h-.3a15.77,15.77,0,0,1-15.07-10.67L41,61.41a1,1,0,0,1-.05-.16A16,16,0,0,1,61.25,40.9l.16.05,175.92,65.26A15.78,15.78,0,0,1,248,121.58Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M236.65,108.1,60.72,42.83l-.13,0A14,14,0,0,0,42.78,60.59s0,.09,0,.13L108.1,236.65A13.77,13.77,0,0,0,121.28,246h.26a13.8,13.8,0,0,0,13.14-9.88l0-.15,22.14-79.1L236,134.73l.15,0a14,14,0,0,0,.53-26.58Zm-4,15.1-82.26,23a6,6,0,0,0-4.16,4.16l-23,82.26a1.85,1.85,0,0,1-1.86,1.36,1.82,1.82,0,0,1-1.92-1.35.61.61,0,0,0,0-.12L54.11,56.62a2,2,0,0,1,2.51-2.51l175.91,65.26.12,0a2,2,0,0,1,0,3.79Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M236,110,59.93,44.67A12,12,0,0,0,44.69,60L110,235.93A11.83,11.83,0,0,0,121.28,244h.22a11.82,11.82,0,0,0,11.26-8.47l0-.1,22.45-80.19,80.19-22.44.1,0A12,12,0,0,0,236,110Zm-2.79,15.12-82.3,23a4,4,0,0,0-2.78,2.77l-23,82.3a3.88,3.88,0,0,1-3.74,2.78,4,4,0,0,1-3.88-2.77L52.22,57.32a3.93,3.93,0,0,1,1-4.14A4,4,0,0,1,56,52a3.86,3.86,0,0,1,1.25.21l176.08,65.32a4,4,0,0,1-.09,7.59Z" }))
+  ]
+]), W = s.forwardRef((e, t) => /* @__PURE__ */ s.createElement(Q, { ref: t, ...e, weights: ue }));
+W.displayName = "NavigationArrowIcon";
+const de = "https://tile.openstreetmap.org/{z}/{x}/{y}.png", J = "https://basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}@2x.png", X = "OpenStreetMap contributors, CARTO", ee = "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", F = {
+  primaryColor: "#111111",
+  markerColor: "#111111",
+  borderRadius: 8,
+  radiusUnit: "km",
+  defaultZoom: 5,
+  defaultCenter: { lat: -25.2744, lng: 133.7751 },
+  darkMode: !1,
+  styleUrl: ee,
+  mapPalette: "monotone",
+  tileUrl: J,
+  tileAttribution: X
+};
+function pe(e = {}) {
+  return {
+    ...F,
+    ...e,
+    defaultCenter: {
+      ...F.defaultCenter,
+      ...e.defaultCenter || {}
+    },
+    styleUrl: e.styleUrl || ee,
+    mapPalette: e.mapPalette || "monotone",
+    borderRadius: Number.isFinite(Number(e.borderRadius)) ? Number(e.borderRadius) : F.borderRadius,
+    tileUrl: !e.tileUrl || e.tileUrl === de ? J : e.tileUrl,
+    tileAttribution: e.tileAttribution || X,
+    radiusUnit: "km"
+  };
+}
+function be(e, t) {
+  return `/v1/stockist_maps/${encodeURIComponent(e)}/config`;
+}
+function fe(e, t = {}) {
+  const r = typeof window > "u" ? "http://localhost" : window.location.href, n = new URL(e, r);
+  return t.query && n.searchParams.set("q", t.query), t.limit && n.searchParams.set("limit", String(t.limit)), t.center && (n.searchParams.set("lat", String(t.center.lat)), n.searchParams.set("lng", String(t.center.lng))), t.radiusKm && n.searchParams.set("radius_km", String(t.radiusKm)), t.category && n.searchParams.set("category", t.category), t.locationSearch && n.searchParams.set("location_search", "true"), n.toString();
+}
+async function he(e) {
+  const t = await fetch(e, { headers: { Accept: "application/json" } });
+  if (!t.ok) throw new Error(`Could not load stockist map config (${t.status})`);
+  return t.json();
+}
+async function me(e, t = {}) {
+  const r = await fetch(fe(e, t), { headers: { Accept: "application/json" } });
+  if (!r.ok) throw new Error(`Could not search stockists (${r.status})`);
+  const n = await r.json();
+  return {
+    hits: Array.isArray(n.hits) ? n.hits : [],
+    estimatedTotalHits: Number(n.estimatedTotalHits || 0),
+    center: n.center || null,
+    resolvedQuery: n.resolvedQuery || null
+  };
+}
+const ge = 6371;
+function H(e) {
+  return e * Math.PI / 180;
+}
+function xe(e, t) {
+  const r = H(t.lat - e.lat), n = H(t.lng - e.lng), c = Math.sin(r / 2) ** 2 + Math.cos(H(e.lat)) * Math.cos(H(t.lat)) * Math.sin(n / 2) ** 2;
+  return 2 * ge * Math.atan2(Math.sqrt(c), Math.sqrt(1 - c));
+}
+function ye(e) {
+  return `${e.toFixed(1)} km`;
+}
+function we(e) {
+  const t = ["localhost", "127.0.0.1", "::1"].includes(window.location.hostname);
+  return window.location.protocol !== "https:" && !t ? "Browser location is blocked on this local Partbot domain. Chrome and Brave only allow location access on HTTPS, localhost, or origins manually trusted in browser flags." : e.code === e.PERMISSION_DENIED ? "Location permission is blocked for this site. Allow location access in your browser settings, then try again." : e.code === e.POSITION_UNAVAILABLE ? "Your browser could not determine your location. Try again, or search by suburb or postcode." : e.code === e.TIMEOUT ? "Finding your location timed out. Try again, or search by suburb or postcode." : `Browser location failed with error code ${e.code}. Try again, or search by suburb or postcode.`;
+}
+const q = 3, $ = 50, ve = 350;
+function Ee(e, t) {
+  return t ? e.map((r) => ({ ...r, distanceKm: xe(t, r._geo) })).sort((r, n) => (r.distanceKm || 0) - (n.distanceKm || 0)).slice(0, q) : e.slice(0, q);
+}
+function te({
+  token: e,
+  configUrl: t,
+  config: r,
+  theme: n,
+  initialQuery: c = "",
+  viewAllUrl: M = "/pages/stockists",
+  className: z = ""
+}) {
+  const [i, R] = s.useState(r || null), [w, S] = s.useState(c), [A, m] = s.useState(
+    c.trim() ? "typed" : null
+  ), [N, v] = s.useState([]), [L, I] = s.useState(!1), [E, k] = s.useState(!1), [re, d] = s.useState(!1), [K, g] = s.useState(!1), [_, b] = s.useState(null), T = s.useRef(null), f = s.useRef(0), x = s.useRef(0), C = s.useRef(null), Z = s.useId(), B = s.useMemo(
+    () => pe({ ...(i == null ? void 0 : i.theme) || {}, ...n || {} }),
+    [i == null ? void 0 : i.theme, n]
+  ), p = s.useCallback(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
+  }, []), U = s.useCallback(() => {
+    f.current += 1, p(), v([]), I(!1), g(!1), b(null), d(!1);
+  }, [p]), P = s.useCallback(
+    async ({ activeQuery: o, center: a }) => {
+      if (!i) return;
+      const u = f.current + 1;
+      f.current = u, p(), I(!0), g(!0), b(null), d(!0);
+      try {
+        const h = await me(i.search.url, {
+          query: o,
+          center: a,
+          radiusKm: $,
+          limit: q,
+          locationSearch: !a && !!o
+        });
+        if (u !== f.current) return;
+        v(Ee(h.hits, h.center || a));
+      } catch (h) {
+        if (u !== f.current) return;
+        v([]), b(h instanceof Error ? h.message : "Could not search stockists");
+      } finally {
+        u === f.current && I(!1);
+      }
+    },
+    [p, i]
+  );
+  s.useEffect(() => {
+    if (x.current += 1, f.current += 1, p(), R(r || null), S(c), m(c.trim() ? "typed" : null), v([]), I(!1), k(!1), g(!1), d(!1), b(null), r) return;
+    const o = t || (e ? be(e) : null);
+    if (!o) return;
+    let a = !1;
+    return he(o).then((u) => {
+      a || R(u);
+    }).catch((u) => {
+      a || (b(u instanceof Error ? u.message : "Could not load stockist search"), g(!0), d(!0));
+    }), () => {
+      a = !0;
+    };
+  }, [p, t, c, r, e]), s.useEffect(() => {
+    if (!i || A !== "typed") return;
+    const o = w.trim();
+    if (!o) {
+      U();
+      return;
+    }
+    return p(), C.current = setTimeout(() => {
+      C.current = null, P({ activeQuery: o, center: null });
+    }, ve), p;
+  }, [p, i, w, U, P, A]), s.useEffect(() => {
+    const o = (a) => {
+      const u = typeof a.composedPath == "function" ? a.composedPath() : [], h = a.target instanceof Node ? a.target : null;
+      T.current && u.includes(T.current) || T.current && h && T.current.contains(h) || d(!1);
+    };
+    return document.addEventListener("pointerdown", o), () => document.removeEventListener("pointerdown", o);
+  }, []), s.useEffect(
+    () => () => {
+      x.current += 1, f.current += 1, p();
+    },
+    [p]
+  );
+  const oe = () => {
+    if (x.current += 1, U(), m(null), k(!1), typeof window < "u" && window.isSecureContext === !1) {
+      b("Browser location is blocked on this site. Search by suburb or postcode instead."), g(!0), d(!0);
+      return;
+    }
+    if (!navigator.geolocation) {
+      b(
+        "This browser does not support location search. Search by suburb or postcode instead."
+      ), g(!0), d(!0);
+      return;
+    }
+    m("location"), k(!0), b(null), d(!0);
+    const o = x.current;
+    navigator.geolocation.getCurrentPosition(
+      (a) => {
+        if (o !== x.current) return;
+        const u = { lat: a.coords.latitude, lng: a.coords.longitude };
+        S(""), k(!1), P({ activeQuery: "", center: u });
+      },
+      (a) => {
+        o === x.current && (k(!1), g(!0), b(we(a)), d(!0));
+      },
+      { enableHighAccuracy: !1, timeout: 8e3 }
+    );
+  }, ne = () => {
+    const o = w.trim();
+    o && (m("typed"), P({ activeQuery: o, center: null }));
+  }, D = re && (L || E || K || !!_);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: T,
+      className: `pbss-root ${B.darkMode ? "is-dark" : ""} ${z}`.trim(),
+      style: {
+        "--pbss-primary": B.primaryColor,
+        "--pbss-radius": `${Math.max(0, B.borderRadius)}px`
+      },
+      onKeyDown: (o) => {
+        o.key === "Escape" && d(!1);
+      },
+      children: [
+        /* @__PURE__ */ y("div", { className: "pbss-search-control", children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              "aria-controls": D ? Z : void 0,
+              "aria-expanded": D,
+              "aria-label": "Search stockists",
+              autoComplete: "postal-code",
+              className: "pbss-input",
+              name: "stockist-search",
+              placeholder: "Search suburb or postcode",
+              type: "search",
+              value: w,
+              onChange: (o) => {
+                const a = o.target.value;
+                x.current += 1, U(), k(!1), S(a), m(a.trim() ? "typed" : null);
+              },
+              onFocus: () => {
+                (L || E || K || _) && d(!0);
+              },
+              onKeyDown: (o) => {
+                o.key === "Enter" && (o.preventDefault(), ne());
+              }
+            }
+          ),
+          /* @__PURE__ */ y(
+            "button",
+            {
+              "aria-label": E ? "Finding your location" : "Use my location",
+              className: "pbss-location-button",
+              disabled: E || L || !i,
+              type: "button",
+              onClick: oe,
+              children: [
+                E ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "pbss-spinner" }) : /* @__PURE__ */ l(W, { "aria-hidden": "true", "data-slot": "icon", weight: "bold" }),
+                /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "pbss-touch-target" })
+              ]
+            }
+          )
+        ] }),
+        D && /* @__PURE__ */ y(
+          "div",
+          {
+            "aria-label": "Nearest stockists",
+            className: "pbss-results-panel",
+            id: Z,
+            role: "region",
+            children: [
+              /* @__PURE__ */ l("div", { "aria-live": "polite", className: "pbss-results-status", children: L || E ? /* @__PURE__ */ l("div", { className: "pbss-loading", children: "Finding nearby stockists." }) : _ ? /* @__PURE__ */ l("div", { className: "pbss-error", children: _ }) : N.length > 0 ? /* @__PURE__ */ l("ul", { className: "pbss-results", role: "list", children: N.map((o) => /* @__PURE__ */ y("li", { className: "pbss-result", children: [
+                /* @__PURE__ */ y("div", { className: "pbss-result-heading", children: [
+                  /* @__PURE__ */ l("div", { className: "pbss-result-name", children: o.name }),
+                  typeof o.distanceKm == "number" && /* @__PURE__ */ l("div", { className: "pbss-result-distance", children: ye(o.distanceKm) })
+                ] }),
+                o.address && /* @__PURE__ */ l("div", { className: "pbss-result-address", children: o.address })
+              ] }, o.id)) }) : /* @__PURE__ */ y("div", { className: "pbss-empty", children: [
+                "No stockists found within ",
+                $,
+                " km. Try another location."
+              ] }) }),
+              /* @__PURE__ */ l("a", { className: "pbss-view-all", href: M || "/pages/stockists", children: "View All Stockists" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const ke = ":host{display:block}partbot-stockist-search{display:block}.pbss-root{--pbss-primary: #111111;--pbss-action-color: var(--pbss-primary);--pbss-radius: 8px;--pbss-surface: #ffffff;--pbss-control-surface: #ffffff;--pbss-border: rgb(28 25 23 / .14);--pbss-divider: rgb(28 25 23 / .09);--pbss-text: #1c1917;--pbss-muted-text: #78716c;--pbss-placeholder-text: #57534e;--pbss-danger-surface: #fff1f2;--pbss-danger-text: #9f1239;color:var(--pbss-text);container-type:inline-size;font-family:inherit;isolation:isolate;position:relative;width:100%;-webkit-font-smoothing:antialiased}.pbss-search-control{align-items:center;display:flex;min-width:0;position:relative}.pbss-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pbss-control-surface);border:0;border-radius:var(--pbss-radius);box-shadow:inset 0 0 0 1px var(--pbss-border);color:var(--pbss-text);font:inherit;font-size:16px;line-height:1.5;min-height:48px;min-width:0;padding:10px 56px 10px 14px;width:100%}.pbss-input::-webkit-search-cancel-button{margin-right:4px}.pbss-input::placeholder{color:var(--pbss-placeholder-text);opacity:1}.pbss-input:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pbss-action-color) 70%,transparent),0 0 0 3px color-mix(in srgb,var(--pbss-action-color) 14%,transparent);outline:none}.pbss-location-button{align-items:center;background:transparent;border:0;border-radius:max(4px,calc(var(--pbss-radius) - 4px));color:var(--pbss-action-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;right:4px;width:40px}.pbss-location-button [data-slot=icon]{flex:0 0 auto;height:16px;width:16px}.pbss-location-button:hover{background:color-mix(in srgb,var(--pbss-action-color) 8%,transparent)}.pbss-location-button:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-2px}.pbss-location-button:disabled{cursor:not-allowed;opacity:.5}.pbss-touch-target{height:max(100%,48px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,48px)}.pbss-spinner{animation:pbss-spin .7s linear infinite;border:2px solid color-mix(in srgb,var(--pbss-action-color) 22%,transparent);border-radius:999px;border-top-color:var(--pbss-action-color);height:16px;width:16px}.pbss-results-panel{background:var(--pbss-surface);border-radius:var(--pbss-radius);box-shadow:0 16px 36px #1c191729,0 2px 8px #1c191714,0 0 0 1px #1c19170f;display:grid;left:0;margin-top:6px;overflow:hidden;position:absolute;right:0;z-index:20}.pbss-results-status{min-width:0}.pbss-results{list-style:none;margin:0;padding:0}.pbss-result{display:grid;gap:4px;padding:14px}.pbss-result+.pbss-result{border-top:1px solid var(--pbss-divider)}.pbss-result-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.pbss-result-name{font-size:16px;font-weight:600;line-height:1.35;min-width:0}.pbss-result-distance{color:var(--pbss-action-color);flex:0 0 auto;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error{font-size:16px;line-height:1.45}.pbss-result-address{color:var(--pbss-muted-text)}.pbss-loading,.pbss-empty,.pbss-error{padding:16px 14px}.pbss-loading,.pbss-empty{color:var(--pbss-muted-text)}.pbss-error{background:var(--pbss-danger-surface);color:var(--pbss-danger-text)}.pbss-view-all{border-top:1px solid var(--pbss-divider);color:var(--pbss-action-color);font-size:16px;font-weight:600;line-height:1.4;padding:13px 14px;text-align:center;text-decoration:none}.pbss-view-all:hover{background:color-mix(in srgb,var(--pbss-action-color) 6%,var(--pbss-surface));text-decoration:underline;text-underline-offset:3px}.pbss-view-all:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-3px}@container (min-width: 480px){.pbss-result-name,.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error,.pbss-view-all{font-size:14px}.pbss-result-distance{font-size:12px}}.pbss-root.is-dark{--pbss-action-color: #f5f3f0;--pbss-surface: #1c1917;--pbss-control-surface: #292524;--pbss-border: rgb(255 255 255 / .16);--pbss-divider: rgb(255 255 255 / .1);--pbss-text: #f5f3f0;--pbss-muted-text: #d6d3d1;--pbss-placeholder-text: #d6d3d1;--pbss-danger-surface: #4c0519;--pbss-danger-text: #fecdd3}.pbss-root.is-dark .pbss-results-panel{box-shadow:0 18px 38px #0000006b,0 0 0 1px #ffffff1a}@media(prefers-reduced-motion:reduce){.pbss-spinner{animation-duration:1.4s}}@keyframes pbss-spin{to{transform:rotate(360deg)}}";
+function Se(e, t) {
+  const r = Y(e);
+  return r.render(/* @__PURE__ */ l(te, { ...t })), r;
+}
+const j = "data-partbot-stockist-search-styles", G = "data-partbot-stockist-search-root";
+function Ae(e) {
+  return e.shadowRoot || e.attachShadow({ mode: "open" });
+}
+function Te(e) {
+  if (e.querySelector(`style[${j}]`)) return;
+  const t = document.createElement("style");
+  t.setAttribute(j, ""), t.textContent = ke, e.prepend(t);
+}
+function Ce(e) {
+  const t = e.querySelector(
+    `div[${G}]`
+  );
+  if (t) return t;
+  const r = document.createElement("div");
+  return r.setAttribute(G, ""), e.appendChild(r), r;
+}
+const Me = typeof HTMLElement > "u" ? class {
+} : HTMLElement;
+class se extends Me {
+  constructor() {
+    super(...arguments);
+    O(this, "root");
+    O(this, "mountElement");
+  }
+  connectedCallback() {
+    this.renderStockistSearch();
+  }
+  disconnectedCallback() {
+    var r;
+    (r = this.root) == null || r.unmount(), this.root = void 0;
+  }
+  attributeChangedCallback() {
+    this.isConnected && this.renderStockistSearch();
+  }
+  renderStockistSearch() {
+    const r = Ae(this);
+    Te(r), this.mountElement || (this.mountElement = Ce(r)), this.root || (this.root = Y(this.mountElement)), this.root.render(/* @__PURE__ */ l(te, { ...this.stockistSearchProps() }));
+  }
+  stockistSearchProps() {
+    return {
+      token: this.getAttribute("token") || void 0,
+      configUrl: this.getAttribute("config-url") || void 0,
+      initialQuery: this.getAttribute("initial-query") || "",
+      viewAllUrl: this.getAttribute("view-all-url") || "/pages/stockists"
+    };
+  }
+}
+O(se, "observedAttributes", ["token", "config-url", "initial-query", "view-all-url"]);
+function V() {
+  typeof window > "u" || !window.customElements || window.customElements.get("partbot-stockist-search") || window.customElements.define("partbot-stockist-search", se);
+}
+typeof window < "u" && (V(), window.PartbotStockistSearch = {
+  defineCustomElement: V,
+  mount: Se
+});
+export {
+  se as PartbotStockistSearchElement,
+  te as StockistSearch,
+  V as defineStockistSearchElement,
+  Se as mountStockistSearch
+};