@ogc-maps/storybook-components 0.9.0 → 0.10.0

package/dist/Legend-CwaZA84A.js

@@ -1,273 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as v } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { BsArrowsAngleContract as C, BsArrowsAngleExpand as A } from "react-icons/bs";
-import { MdOutlineKeyboardArrowDown as k, MdOutlineKeyboardArrowRight as $ } from "react-icons/md";
-const E = {
-  fill: "fill-opacity",
-  line: "line-opacity",
-  circle: "circle-opacity",
-  symbol: "icon-opacity"
-};
-function I(m) {
-  var r, s;
-  const a = (r = m.styles) == null ? void 0 : r[0];
-  if (!a) return 1;
-  const i = E[a.type];
-  if (!i) return 1;
-  const n = (s = a.paint) == null ? void 0 : s[i];
-  return typeof n == "number" ? n : 1;
-}
-function w({ color: m, shape: a }) {
-  const i = a ?? "square";
-  let n;
-  return i === "circle" ? n = /* @__PURE__ */ e(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-full",
-      style: { backgroundColor: m }
-    }
-  ) : i === "line" ? n = /* @__PURE__ */ e(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-0.5 mapui:w-4 mapui:rounded-full",
-      style: { backgroundColor: m }
-    }
-  ) : n = /* @__PURE__ */ e(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-sm",
-      style: { backgroundColor: m }
-    }
-  ), /* @__PURE__ */ e("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: n });
-}
-function j(m) {
-  return `linear-gradient(to right, ${m.map((a, i) => `${a.color} ${i / m.length * 100}% ${(i + 1) / m.length * 100}%`).join(", ")})`;
-}
-function y(m) {
-  return `linear-gradient(to right, ${m.map((a) => a.color).join(", ")})`;
-}
-function N(m) {
-  const a = m.trim();
-  let i, n, r;
-  if (/^#[0-9a-f]{3}$/i.test(a))
-    i = parseInt(a[1] + a[1], 16), n = parseInt(a[2] + a[2], 16), r = parseInt(a[3] + a[3], 16);
-  else if (/^#[0-9a-f]{6}$/i.test(a))
-    i = parseInt(a.slice(1, 3), 16), n = parseInt(a.slice(3, 5), 16), r = parseInt(a.slice(5, 7), 16);
-  else
-    return null;
-  const s = i / 255, u = n / 255, p = r / 255, g = Math.max(s, u, p), f = Math.min(s, u, p), d = g - f;
-  if (d === 0) return 0;
-  let h = 0;
-  return g === s ? h = ((u - p) / d + 6) % 6 : g === u ? h = (p - s) / d + 2 : h = (s - u) / d + 4, h * 60;
-}
-function L(m) {
-  return [...m].sort((a, i) => {
-    const n = N(a.color), r = N(i.color);
-    return n === null && r === null ? 0 : n === null ? 1 : r === null ? -1 : n - r;
-  });
-}
-function S({ legend: m, label: a, hasArrowColumn: i }) {
-  const { entries: n } = m, r = i ? /* @__PURE__ */ e("span", { className: "mapui:w-5 mapui:shrink-0" }) : null;
-  return n.length === 1 ? /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0", children: [
-    r,
-    /* @__PURE__ */ e(w, { color: n[0].color, shape: n[0].shape }),
-    /* @__PURE__ */ e("span", { className: "mapui:text-gray-700 mapui:truncate", children: n[0].label || a })
-  ] }) : /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ e("div", { className: "mapui:mb-1 mapui:text-xs mapui:font-medium mapui:text-gray-600", children: a }),
-    /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:pl-1", children: n.map((s, u) => /* @__PURE__ */ l(
-      "li",
-      {
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
-        children: [
-          r,
-          /* @__PURE__ */ e(w, { color: s.color, shape: s.shape }),
-          /* @__PURE__ */ e("span", { className: "mapui:text-gray-700 mapui:truncate", children: s.label })
-        ]
-      },
-      `${s.label}-${u}`
-    )) })
-  ] });
-}
-function M({
-  legend: m,
-  label: a,
-  expanded: i,
-  onToggle: n,
-  hasArrowColumn: r
-}) {
-  const { entries: s } = m, u = m.showColorBar !== !1, p = m.showDisclosureArrow !== !1, g = s.filter((t, o, c) => c.findIndex((x) => x.color === t.color) === o), f = L(g), d = /* @__PURE__ */ e("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: /* @__PURE__ */ e("span", { className: "mapui:text-gray-400", children: i ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e($, {}) }) }), h = /* @__PURE__ */ l(v, { children: [
-    r && (p ? d : /* @__PURE__ */ e("span", { className: "mapui:w-5 mapui:shrink-0" })),
-    u ? /* @__PURE__ */ e(
-      "div",
-      {
-        className: "mapui:h-3 mapui:w-5 mapui:rounded-sm mapui:shrink-0",
-        style: { background: j(f) }
-      }
-    ) : !r && p ? d : /* @__PURE__ */ e("span", { className: "mapui:w-5 mapui:shrink-0" }),
-    /* @__PURE__ */ e("span", { className: "mapui:truncate", children: a })
-  ] });
-  return /* @__PURE__ */ l("div", { children: [
-    p ? /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium mapui:min-w-0",
-        onClick: n,
-        "aria-expanded": i,
-        children: h
-      }
-    ) : /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:text-gray-700 mapui:text-sm mapui:font-medium mapui:min-w-0", children: h }),
-    i && /* @__PURE__ */ e("ul", { className: `mapui:m-0 mapui:mt-1 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:max-h-48 mapui:overflow-y-auto${p ? " mapui:ml-7" : ""}`, children: s.map((t, o) => /* @__PURE__ */ l(
-      "li",
-      {
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
-        children: [
-          /* @__PURE__ */ e(w, { color: t.color, shape: t.shape }),
-          /* @__PURE__ */ e("span", { className: "mapui:text-gray-700 mapui:truncate mapui:text-xs", children: t.label })
-        ]
-      },
-      `${t.label}-${o}`
-    )) })
-  ] });
-}
-function B({
-  legend: m,
-  label: a,
-  expanded: i,
-  onToggle: n,
-  hasArrowColumn: r
-}) {
-  const { entries: s, gradientProperty: u } = m, p = m.showDisclosureArrow !== !1, f = /* @__PURE__ */ l(v, { children: [
-    r && (p ? /* @__PURE__ */ e("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: /* @__PURE__ */ e("span", { className: "mapui:text-gray-400", children: i ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e($, {}) }) }) : /* @__PURE__ */ e("span", { className: "mapui:w-5 mapui:shrink-0" })),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "mapui:h-3 mapui:w-5 mapui:rounded-sm mapui:shrink-0",
-        style: { background: y(s) }
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: "mapui:truncate", children: a })
-  ] });
-  return /* @__PURE__ */ l("div", { children: [
-    p ? /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium",
-        onClick: n,
-        "aria-expanded": i,
-        children: f
-      }
-    ) : /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:text-gray-700 mapui:text-sm mapui:font-medium", children: f }),
-    /* @__PURE__ */ e("div", { className: p ? "mapui:mt-1 mapui:ml-7" : "mapui:mt-1", children: /* @__PURE__ */ e(
-      "div",
-      {
-        className: "mapui:h-3 mapui:min-w-12 mapui:max-w-32 mapui:rounded-sm",
-        style: { background: y(s) }
-      }
-    ) }),
-    i && /* @__PURE__ */ l("div", { className: `mapui:mt-1 mapui:text-xs mapui:text-gray-600${p ? " mapui:ml-7" : ""}`, children: [
-      u && /* @__PURE__ */ e("div", { className: "mapui:font-medium mapui:mb-1", children: u }),
-      s.length >= 2 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:justify-between mapui:max-w-32", children: [
-        /* @__PURE__ */ e("span", { children: s[0].label }),
-        /* @__PURE__ */ e("span", { children: s[s.length - 1].label })
-      ] })
-    ] })
-  ] });
-}
-function D({
-  layerId: m,
-  opacity: a,
-  onChange: i
-}) {
-  return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-1.5 mapui:mt-0.5 mapui:ml-1", children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        type: "range",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        value: a,
-        onChange: (n) => i(m, parseFloat(n.target.value)),
-        className: "range-sm mapui:w-14"
-      }
-    ),
-    /* @__PURE__ */ l("span", { className: "mapui:text-[9px] mapui:text-gray-400 mapui:w-6 mapui:text-right mapui:tabular-nums", children: [
-      Math.round(a * 100),
-      "%"
-    ] })
-  ] });
-}
-function q({ layers: m, visibleLayerIds: a, onOpacityChange: i, className: n }) {
-  const [r, s] = b(/* @__PURE__ */ new Set()), [u, p] = b(!1), g = m.filter((t) => a.includes(t.id));
-  function f(t) {
-    s((o) => {
-      const c = new Set(o);
-      return c.has(t) ? c.delete(t) : c.add(t), c;
-    });
-  }
-  const d = g.filter((t) => t.legend !== void 0);
-  if (d.length === 0)
-    return null;
-  const h = d.some((t) => {
-    const o = t.legend, c = o.displayMode ?? "simple", x = o.showDisclosureArrow !== !1;
-    return c === "gradient" ? x : c === "categorical" ? x && o.showColorBar !== !1 : !1;
-  });
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: `mapui:rounded-lg mapui:bg-white mapui:p-3 mapui:shadow-md mapui:text-sm${n ? ` ${n}` : ""}`,
-      children: [
-        /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:mb-2", children: [
-          /* @__PURE__ */ e("h3", { className: "mapui:m-0 mapui:text-xs mapui:font-semibold mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Legend" }),
-          i && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: "mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-gray-400 hover:mapui:text-gray-600 mapui:text-sm",
-              onClick: () => p((t) => !t),
-              "aria-label": u ? "Collapse legend" : "Expand legend",
-              children: u ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ e(A, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("ul", { className: `mapui:m-0 mapui:list-none mapui:p-0 ${u ? "mapui:space-y-1.5" : "mapui:space-y-2"}`, children: d.map((t) => {
-          const o = t.legend, c = o.displayMode ?? "simple", x = u || r.has(t.id);
-          return /* @__PURE__ */ l("li", { children: [
-            c === "categorical" ? /* @__PURE__ */ e(
-              M,
-              {
-                legend: o,
-                label: t.label,
-                expanded: x,
-                onToggle: () => f(t.id),
-                hasArrowColumn: h
-              }
-            ) : c === "gradient" ? /* @__PURE__ */ e(
-              B,
-              {
-                legend: o,
-                label: t.label,
-                expanded: x,
-                onToggle: () => f(t.id),
-                hasArrowColumn: h
-              }
-            ) : /* @__PURE__ */ e(S, { legend: o, label: t.label, hasArrowColumn: h }),
-            u && i && /* @__PURE__ */ e(
-              D,
-              {
-                layerId: t.id,
-                opacity: I(t),
-                onChange: i
-              }
-            )
-          ] }, t.id);
-        }) })
-      ]
-    }
-  );
-}
-export {
-  q as L
-};

package/dist/SearchPanel-DtLXMoVs.js

@@ -1,363 +0,0 @@
-import { jsxs as h, jsx as m } from "react/jsx-runtime";
-import { useState as j, useRef as L, useId as D, useMemo as S, useCallback as A, useEffect as I } from "react";
-function V({
-  value: e,
-  onChange: t,
-  suggestions: u,
-  onQueryChange: d,
-  placeholder: N = "",
-  className: l = "",
-  id: y
-}) {
-  const [f, c] = j(!1), [p, o] = j(-1), g = L(null), i = D(), r = p >= 0 ? `${i}-option-${p}` : void 0, v = S(
-    () => u.filter((n) => n.toLowerCase().includes(e.toLowerCase())),
-    [u, e]
-  ), b = f && v.length > 0, a = A(
-    (n) => {
-      t(n), d == null || d(n), c(!1), o(-1);
-    },
-    [t, d]
-  ), x = (n) => {
-    const s = n.target.value;
-    t(s), d == null || d(s), c(!0), o(-1);
-  }, w = (n) => {
-    b && (n.key === "ArrowDown" ? (n.preventDefault(), o((s) => Math.min(s + 1, v.length - 1))) : n.key === "ArrowUp" ? (n.preventDefault(), o((s) => Math.max(s - 1, 0))) : n.key === "Enter" && p >= 0 ? (n.preventDefault(), a(v[p])) : n.key === "Escape" && (c(!1), o(-1)));
-  };
-  return I(() => {
-    const n = (s) => {
-      g.current && !g.current.contains(s.target) && (c(!1), o(-1));
-    };
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, []), /* @__PURE__ */ h("div", { ref: g, className: `mapui:relative ${l}`.trim(), children: [
-    /* @__PURE__ */ m(
-      "input",
-      {
-        id: y,
-        type: "text",
-        value: e,
-        placeholder: N,
-        role: "combobox",
-        "aria-expanded": b,
-        "aria-autocomplete": "list",
-        "aria-controls": i,
-        "aria-activedescendant": r,
-        onChange: x,
-        onFocus: () => c(!0),
-        onKeyDown: w,
-        className: "mapui:w-full mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-      }
-    ),
-    b && /* @__PURE__ */ m(
-      "ul",
-      {
-        id: i,
-        role: "listbox",
-        className: "mapui:absolute mapui:z-10 mapui:mt-1 mapui:w-full mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:shadow-lg mapui:max-h-48 mapui:overflow-y-auto mapui:p-0 mapui:m-0 mapui:list-none",
-        children: v.map((n, s) => /* @__PURE__ */ m(
-          "li",
-          {
-            id: `${i}-option-${s}`,
-            role: "option",
-            "aria-selected": s === p,
-            onMouseDown: (E) => {
-              E.preventDefault(), a(n);
-            },
-            className: `mapui:cursor-pointer mapui:px-2 mapui:py-1 mapui:text-sm ${s === p ? "mapui:bg-blue-100" : "hover:mapui:bg-gray-50"}`,
-            children: n
-          },
-          `${s}-${n}`
-        ))
-      }
-    )
-  ] });
-}
-function R({
-  startValue: e,
-  endValue: t,
-  onStartChange: u,
-  onEndChange: d,
-  className: N = "",
-  id: l
-}) {
-  const y = D(), f = l ?? y, c = `${f}-start`, p = `${f}-end`, o = "mapui:flex-1 mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-  return /* @__PURE__ */ h("div", { className: `mapui:flex mapui:flex-col mapui:gap-1.5 ${N}`.trim(), children: [
-    /* @__PURE__ */ h("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-      /* @__PURE__ */ m("label", { htmlFor: c, className: "mapui:text-xs mapui:text-gray-400 mapui:w-8", children: "From" }),
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: c,
-          type: "datetime-local",
-          value: e,
-          onChange: (g) => u(g.target.value),
-          "aria-label": "Start date",
-          className: o
-        }
-      )
-    ] }),
-    /* @__PURE__ */ h("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-      /* @__PURE__ */ m("label", { htmlFor: p, className: "mapui:text-xs mapui:text-gray-400 mapui:w-8", children: "To" }),
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: p,
-          type: "datetime-local",
-          value: t,
-          onChange: (g) => d(g.target.value),
-          "aria-label": "End date",
-          className: o
-        }
-      )
-    ] })
-  ] });
-}
-const k = {
-  eq: "=",
-  gt: ">",
-  lt: "<",
-  gte: ">=",
-  lte: "<=",
-  between: "between"
-}, M = ["eq", "gt", "lt", "gte", "lte", "between"];
-function O(e, t) {
-  if (e && typeof e == "object") {
-    if ("operator" in e) return e.operator;
-    if ("min" in e) return "between";
-  }
-  return t;
-}
-const $ = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", K = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500 mapui:bg-white";
-function P({ field: e, value: t, onChange: u, className: d = "", id: N }) {
-  const [l, y] = j(
-    () => O(t, e.operator)
-  );
-  I(() => {
-    y(O(t, e.operator));
-  }, [t, e.operator]);
-  const f = l === "between", c = e.inputMode === "slider" ? M.filter((a) => a !== "between") : M, p = (a) => {
-    if (y(a), a === "between")
-      u(void 0);
-    else if (f)
-      u(void 0);
-    else if (t && typeof t == "object" && "value" in t) {
-      const x = t.value;
-      u({ value: x, operator: a });
-    }
-  }, o = (a) => {
-    u(a === "" ? void 0 : { value: Number(a), operator: l });
-  }, g = (a) => {
-    const x = t && typeof t == "object" && "max" in t ? t.max : void 0;
-    u(a === "" ? x === void 0 ? void 0 : { min: e.min ?? 0, max: x } : { min: Number(a), max: x ?? e.max ?? 0 });
-  }, i = (a) => {
-    const x = t && typeof t == "object" && "min" in t ? t.min : void 0;
-    u(a === "" ? x === void 0 ? void 0 : { min: x, max: e.max ?? 0 } : { min: x ?? e.min ?? 0, max: Number(a) });
-  }, r = t && typeof t == "object" && "value" in t ? String(t.value) : "", v = t && typeof t == "object" && "min" in t ? String(t.min) : "", b = t && typeof t == "object" && "max" in t ? String(t.max) : "";
-  return /* @__PURE__ */ h("div", { className: `mapui:flex mapui:flex-col mapui:gap-1.5 ${d}`.trim(), children: [
-    /* @__PURE__ */ m(
-      "select",
-      {
-        value: l,
-        onChange: (a) => p(a.target.value),
-        "aria-label": `${e.label} operator`,
-        className: K,
-        children: c.map((a) => /* @__PURE__ */ m("option", { value: a, children: k[a] }, a))
-      }
-    ),
-    f ? (
-      /* Between: min + max inputs */
-      /* @__PURE__ */ h("div", { className: "mapui:flex mapui:gap-2", children: [
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "number",
-            value: v,
-            placeholder: e.min !== void 0 ? String(e.min) : "Min",
-            min: e.min,
-            max: e.max,
-            step: e.step,
-            onChange: (a) => g(a.target.value),
-            "aria-label": `${e.label} minimum`,
-            className: `${$} mapui:w-1/2`
-          }
-        ),
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "number",
-            value: b,
-            placeholder: e.max !== void 0 ? String(e.max) : "Max",
-            min: e.min,
-            max: e.max,
-            step: e.step,
-            onChange: (a) => i(a.target.value),
-            "aria-label": `${e.label} maximum`,
-            className: `${$} mapui:w-1/2`
-          }
-        )
-      ] })
-    ) : e.inputMode === "slider" ? (
-      /* Slider */
-      /* @__PURE__ */ h("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "range",
-            value: r !== "" ? r : e.min ?? 0,
-            min: e.min ?? 0,
-            max: e.max ?? 100,
-            step: e.step ?? 1,
-            onChange: (a) => o(a.target.value),
-            "aria-label": e.label,
-            className: "mapui:flex-1"
-          }
-        ),
-        /* @__PURE__ */ m("span", { className: "mapui:text-xs mapui:text-gray-600 mapui:min-w-12 mapui:whitespace-nowrap mapui:text-right", children: r !== "" ? r : e.min ?? 0 })
-      ] })
-    ) : (
-      /* Number input */
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: N,
-          type: "number",
-          value: r,
-          placeholder: e.placeholder ?? "",
-          min: e.min,
-          max: e.max,
-          step: e.step,
-          onChange: (a) => o(a.target.value),
-          className: $
-        }
-      )
-    )
-  ] });
-}
-function q(e) {
-  return e === void 0 || e === "" || e === null ? !1 : typeof e == "object" && "start" in e && "end" in e ? e.start !== "" || e.end !== "" : !0;
-}
-function _({
-  layers: e,
-  activeFilters: t,
-  onFilterChange: u,
-  onClearFilters: d,
-  autocompleteSuggestions: N = {},
-  onFetchSuggestions: l,
-  className: y = "",
-  hideTitle: f
-}) {
-  const c = S(
-    () => e.filter((p) => {
-      var o;
-      return (o = p.search) == null ? void 0 : o.fields.length;
-    }),
-    [e]
-  );
-  return I(() => {
-    if (l)
-      for (const p of c)
-        for (const o of p.search.fields)
-          o.type === "select" && o.prefetch && l(p.id, o.property, "", { prefetch: !0 });
-  }, [c, l]), c.length === 0 ? /* @__PURE__ */ h("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${y}`.trim(), children: [
-    !f && /* @__PURE__ */ m("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    /* @__PURE__ */ m("p", { className: "mapui:m-0 mapui:text-xs mapui:text-gray-500", children: "No searchable layers configured." })
-  ] }) : /* @__PURE__ */ h("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${y}`.trim(), children: [
-    !f && /* @__PURE__ */ m("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    c.map((p) => {
-      const o = t[p.id] ?? {}, g = Object.values(o).some(q);
-      return /* @__PURE__ */ h("div", { className: "mapui:flex mapui:flex-col mapui:gap-3 mapui:border-b mapui:border-gray-100 mapui:pb-3 last:mapui:border-0", children: [
-        /* @__PURE__ */ h("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
-          /* @__PURE__ */ m("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-600", children: p.label }),
-          g && /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: () => d(p.id),
-              className: "mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0 mapui:text-xs mapui:text-blue-600 hover:mapui:text-blue-800",
-              children: "Clear"
-            }
-          )
-        ] }),
-        p.search.fields.map((i) => {
-          const r = o[i.property], v = `${p.id}:${i.property}`, b = `search-${p.id}-${i.property}`;
-          return /* @__PURE__ */ h("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
-            /* @__PURE__ */ m("label", { htmlFor: b, className: "mapui:text-xs mapui:text-gray-500", children: i.label }),
-            i.type === "text" && i.autocomplete ? /* @__PURE__ */ m(
-              V,
-              {
-                id: b,
-                value: r ?? "",
-                onChange: (a) => u(p.id, i.property, a || void 0),
-                suggestions: [.../* @__PURE__ */ new Set([
-                  ...N[v] ?? [],
-                  ...i.options ?? []
-                ])],
-                onQueryChange: (a) => l == null ? void 0 : l(p.id, i.property, a, { prefetch: i.prefetch }),
-                placeholder: i.placeholder ?? ""
-              }
-            ) : i.type === "text" ? /* @__PURE__ */ m(
-              "input",
-              {
-                id: b,
-                type: "text",
-                value: r ?? "",
-                placeholder: i.placeholder ?? "",
-                onChange: (a) => u(p.id, i.property, a.target.value || void 0),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ) : i.type === "datetime" && i.range ? /* @__PURE__ */ m(
-              R,
-              {
-                id: b,
-                startValue: r && typeof r == "object" && "start" in r ? r.start : "",
-                endValue: r && typeof r == "object" && "end" in r ? r.end : "",
-                onStartChange: (a) => u(p.id, i.property, {
-                  start: a,
-                  end: r && typeof r == "object" && "end" in r ? r.end : ""
-                }),
-                onEndChange: (a) => u(p.id, i.property, {
-                  start: r && typeof r == "object" && "start" in r ? r.start : "",
-                  end: a
-                })
-              }
-            ) : i.type === "datetime" ? /* @__PURE__ */ m(
-              "input",
-              {
-                id: b,
-                type: "datetime-local",
-                value: r ?? "",
-                onChange: (a) => u(p.id, i.property, a.target.value || void 0),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ) : i.type === "number" ? /* @__PURE__ */ m(
-              P,
-              {
-                id: b,
-                field: i,
-                value: r,
-                onChange: (a) => u(p.id, i.property, a)
-              }
-            ) : i.type === "select" ? (() => {
-              const a = i, x = N[v] ?? [], w = a.options ?? [], n = [.../* @__PURE__ */ new Set([...x, ...w])];
-              return /* @__PURE__ */ h(
-                "select",
-                {
-                  id: b,
-                  value: r ?? "",
-                  onChange: (s) => u(p.id, i.property, s.target.value || void 0),
-                  className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500",
-                  children: [
-                    /* @__PURE__ */ m("option", { value: "", children: i.placeholder ?? "Select..." }),
-                    n.map((s) => /* @__PURE__ */ m("option", { value: s, children: s }, s))
-                  ]
-                }
-              );
-            })() : null
-          ] }, i.property);
-        })
-      ] }, p.id);
-    })
-  ] });
-}
-export {
-  _ as S
-};