web-mojo 2.2.57 → 2.2.59

package/dist/map.es.js

@@ -1,1033 +1,2 @@
-import { M as MapView } from "./chunks/MetricsCountryMapView-B2xz6zUw.js";
-import { b, a } from "./chunks/MetricsCountryMapView-B2xz6zUw.js";
-import { r as rest, V as View } from "./chunks/Rest-W-sPfGh9.js";
-import Dialog from "./chunks/Dialog-DOGDalUq.js";
-import { F as FormPlugins } from "./chunks/FormPlugins-DY6e88YT.js";
-import { C, M } from "./chunks/Collection-DaiL0uGl.js";
-class LocationClient {
-  /**
-   * @param {Object} options
-   * @param {string} [options.basePath='/api'] - API base path prefix (e.g., '/api')
-   * @param {string|(() => string|null)} [options.authHeader] - Authorization header string or function returning one
-   * @param {Object} [options.endpoints] - Override endpoint paths
-   * @param {Function} [options.fetchImpl] - Custom fetch implementation, defaults to global fetch
-   */
-  constructor({
-    basePath = "/api",
-    endpoints = {}
-  } = {}) {
-    this.basePath = String(basePath || "");
-    this.sessionToken = null;
-    this.endpoints = {
-      validate: "/location/address/validate",
-      autocomplete: "/location/address/suggestions",
-      details: "/location/address/place-details",
-      geocode: "/location/address/geocode",
-      reverse: "/location/address/reverse-geocode",
-      timezone: "/location/timezone",
-      ...endpoints
-    };
-  }
-  /**
-   * Optional helper: supply or change auth header at runtime
-   * @param {string|(() => string|null)} header
-   */
-  setAuthHeader(header) {
-    this._authHeader = header;
-  }
-  /**
-   * Compute headers for a request.
-   * @param {Object} [extra]
-   * @returns {Record<string,string>}
-   */
-  headers(extra) {
-    let auth = null;
-    if (typeof this._authHeader === "function") {
-      try {
-        auth = this._authHeader();
-      } catch {
-        auth = null;
-      }
-    } else {
-      auth = this._authHeader;
-    }
-    const h = { "Content-Type": "application/json", ...extra || {} };
-    if (auth) h.Authorization = auth;
-    return h;
-  }
-  /**
-   * Perform JSON GET with query params
-   * @param {string} path - relative path starting with '/'
-   * @param {Record<string, any>} [params]
-   */
-  async jsonGet(path, params) {
-    const resp = await rest.GET(this.fullPath(path), params || {});
-    return resp && resp.data !== void 0 ? resp.data : resp;
-  }
-  /**
-   * Perform JSON POST
-   * @param {string} path - relative path starting with '/'
-   * @param {any} body
-   */
-  async jsonPost(path, body) {
-    const resp = await rest.POST(this.fullPath(path), body ?? {}, {}, {});
-    return resp && resp.data !== void 0 ? resp.data : resp;
-  }
-  fullPath(path) {
-    return `${this.basePath}${path}`;
-  }
-  async _safeJson(res) {
-    try {
-      return await res.json();
-    } catch {
-      return null;
-    }
-  }
-  // ----------------------------
-  // API Methods
-  // ----------------------------
-  /**
-   * Address Validation
-   * @param {Object} address
-   * @param {string} address.address1
-   * @param {string} [address.address2]
-   * @param {string} address.city
-   * @param {string} address.state
-   * @param {string} address.postal_code
-   * @param {string} [address.provider] - e.g., 'usps' (if API supports provider selection)
-   * @returns {Promise<any>} API response
-   */
-  validateAddress(address) {
-    return this.jsonPost(this.endpoints.validate, address);
-  }
-  /**
-   * Address Autocomplete (GET)
-   * Maintains a session token for repeated queries to optimize provider cost.
-   * @param {string} query
-   * @param {Object} [opts] - e.g., { country, state, ... }
-   * @returns {Promise<any>} { success, session_token, data: [{ id, place_id, description, ... }], ... }
-   */
-  async autocomplete(query, opts = {}) {
-    if (!query || String(query).trim().length === 0) {
-      return { success: true, data: [], size: 0, count: 0 };
-    }
-    if (!this.sessionToken) {
-      this.sessionToken = this._createSessionToken();
-    }
-    const params = { input: query, session_token: this.sessionToken, ...opts };
-    const result = await this.jsonGet(this.endpoints.autocomplete, params);
-    if (result && result.session_token) {
-      this.sessionToken = result.session_token;
-    }
-    return result;
-  }
-  /**
-   * Place Details (GET)
-   * @param {Object} params
-   * @param {string} [params.place_id]
-   * @param {string} [params.id]
-   * @returns {Promise<any>} { success, address: { formatted_address, latitude, longitude, ... } }
-   */
-  placeDetails({ place_id, session_token, id } = {}) {
-    const q = {};
-    const pid = place_id || id || null;
-    if (pid) q.place_id = pid;
-    if (session_token) q.session_token = session_token;
-    return this.jsonGet(this.endpoints.details, q);
-  }
-  /**
-   * Geocode (POST)
-   * @param {string|Object} address - string or object { address1, city, state, postal_code }
-   * @returns {Promise<any>} { success, latitude, longitude, formatted_address, place_id, address_components... }
-   */
-  geocode(address) {
-    return this.jsonPost(this.endpoints.geocode, { address });
-  }
-  /**
-   * Reverse Geocoding (GET)
-   * @param {Object} coords
-   * @param {number|string} coords.lat
-   * @param {number|string} coords.lng
-   * @returns {Promise<any>} { success, formatted_address, place_id, address_components... }
-   */
-  reverseGeocode({ lat, lng }) {
-    return this.jsonGet(this.endpoints.reverse, { lat, lng });
-  }
-  /**
-   * Timezone Lookup (GET)
-   * @param {Object} coords
-   * @param {number|string} coords.lat
-   * @param {number|string} coords.lng
-   * @returns {Promise<any>} { success, timezone_id, timezone_name, raw_offset, dst_offset, total_offset }
-   */
-  timezone({ lat, lng }) {
-    return this.jsonGet(this.endpoints.timezone, { lat, lng });
-  }
-  /**
-   * Reset session token (useful when user starts a new autocomplete flow).
-   */
-  resetSessionToken() {
-    this.sessionToken = null;
-  }
-  /**
-   * Basic parser for suggestion item to extract display info.
-   * @param {Object} suggestion - item from autocomplete response
-   */
-  normalizeSuggestion(suggestion) {
-    return {
-      id: suggestion?.id || suggestion?.place_id || null,
-      place_id: suggestion?.place_id || suggestion?.id || null,
-      description: suggestion?.description || "",
-      main_text: suggestion?.main_text || "",
-      secondary_text: suggestion?.secondary_text || "",
-      types: suggestion?.types || []
-    };
-  }
-  _createSessionToken() {
-    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-      return crypto.randomUUID();
-    }
-    return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
-  }
-}
-function useLocationAutocomplete(formView, {
-  client,
-  field = "address1",
-  dropdownClass = "loc-suggest",
-  minChars = 3,
-  debounceMs = 200,
-  mapping = {
-    address1: "address1",
-    city: "city",
-    state_code: "state",
-    postal_code: "postal_code",
-    country_code: "country",
-    latitude: "latitude",
-    longitude: "longitude",
-    formatted_address: "formatted_address",
-    place_id: "place_id"
-  },
-  onSelect
-} = {}) {
-  if (!formView || !formView.element) {
-    console.warn("[useLocationAutocomplete] Missing formView or formView.element");
-    return () => {
-    };
-  }
-  if (!client || typeof client.autocomplete !== "function" || typeof client.placeDetails !== "function") {
-    console.warn("[useLocationAutocomplete] Missing or invalid client. Provide an object with autocomplete() and placeDetails().");
-    return () => {
-    };
-  }
-  const inputEl = typeof field === "string" ? formView.element.querySelector(`input[name="${field}"], #${field}`) || null : field instanceof HTMLElement ? field : null;
-  if (!inputEl) {
-    return () => {
-    };
-  }
-  const dd = document.createElement("div");
-  dd.className = dropdownClass || "loc-suggest";
-  dd.style.position = "absolute";
-  dd.style.zIndex = "10000";
-  dd.style.display = "none";
-  dd.style.background = "#fff";
-  dd.style.border = "1px solid #e5e7eb";
-  dd.style.borderRadius = "8px";
-  dd.style.boxShadow = "0 8px 24px rgba(0,0,0,.08)";
-  dd.style.padding = "4px 0";
-  dd.style.maxHeight = "280px";
-  dd.style.overflowY = "auto";
-  dd.style.minWidth = "240px";
-  dd.setAttribute("role", "listbox");
-  dd.setAttribute("aria-label", "Address suggestions");
-  let open = false;
-  let timer = null;
-  let suppress = false;
-  function placeDropdown() {
-    if (!open) return;
-    const r = inputEl.getBoundingClientRect();
-    dd.style.minWidth = `${r.width}px`;
-    dd.style.left = `${r.left + window.scrollX}px`;
-    dd.style.top = `${r.bottom + window.scrollY + 4}px`;
-  }
-  function openDropdown() {
-    if (!open) {
-      open = true;
-      dd.style.display = "block";
-      document.body.appendChild(dd);
-      placeDropdown();
-    }
-  }
-  function closeDropdown() {
-    open = false;
-    dd.style.display = "none";
-    dd.innerHTML = "";
-    if (dd.parentNode) {
-      dd.parentNode.removeChild(dd);
-    }
-  }
-  function createRow(item, index) {
-    const row = document.createElement("div");
-    row.setAttribute("role", "option");
-    row.setAttribute("tabindex", "-1");
-    row.style.padding = "8px 12px";
-    row.style.cursor = "pointer";
-    row.style.display = "flex";
-    row.style.flexDirection = "column";
-    row.dataset.index = String(index);
-    const main = document.createElement("div");
-    main.style.fontWeight = "600";
-    main.style.color = "#111827";
-    main.textContent = item.main_text || item.description || "";
-    const sub = document.createElement("div");
-    sub.style.fontSize = "12px";
-    sub.style.color = "#6b7280";
-    sub.textContent = item.secondary_text || "";
-    row.appendChild(main);
-    if (sub.textContent) row.appendChild(sub);
-    row.addEventListener("mouseenter", () => {
-      row.style.background = "#f3f4f6";
-    });
-    row.addEventListener("mouseleave", () => {
-      row.style.background = "transparent";
-    });
-    row.addEventListener("mousedown", (e) => {
-      e.preventDefault();
-      selectSuggestion(item);
-    });
-    return row;
-  }
-  async function renderSuggestions(list) {
-    dd.innerHTML = "";
-    if (!list || list.length === 0) {
-      const empty = document.createElement("div");
-      empty.style.padding = "8px 12px";
-      empty.style.color = "#6b7280";
-      empty.textContent = "No results";
-      dd.appendChild(empty);
-      return;
-    }
-    list.forEach((item, idx) => dd.appendChild(createRow(item, idx)));
-  }
-  async function selectSuggestion(item) {
-    try {
-      const id = item.place_id || item.id;
-      let details = null;
-      if (id) {
-        const res = await client.placeDetails({ place_id: id, id, session_token: client.sessionToken });
-        details = res?.address || null;
-      }
-      suppress = true;
-      clearTimeout(timer);
-      if (details?.formatted_address) {
-        inputEl.value = details.formatted_address;
-        inputEl.dispatchEvent(new Event("input", { bubbles: true }));
-      } else if (item.description) {
-        inputEl.value = item.description;
-        inputEl.dispatchEvent(new Event("input", { bubbles: true }));
-      }
-      try {
-        inputEl.blur();
-      } catch {
-      }
-      closeDropdown();
-      setTimeout(() => {
-        suppress = false;
-      }, debounceMs + 50);
-      if (details && mapping && typeof mapping === "object") {
-        Object.entries(mapping).forEach(([srcKey, formField]) => {
-          if (!formField) return;
-          const val = details[srcKey];
-          if (val !== void 0 && val !== null) {
-            try {
-              if (typeof formView.setFieldValue === "function") {
-                formView.setFieldValue(formField, String(val));
-              }
-            } catch (err) {
-            }
-            const targetEl = formView.element.querySelector(`input[name="${formField}"], #${formField}, textarea[name="${formField}"], select[name="${formField}"]`);
-            if (targetEl) {
-              targetEl.value = String(val);
-              targetEl.dispatchEvent(new Event("input", { bubbles: true }));
-              targetEl.dispatchEvent(new Event("change", { bubbles: true }));
-            }
-          }
-        });
-      }
-      if (typeof onSelect === "function") {
-        onSelect(details || null);
-      }
-    } catch (err) {
-      console.warn("[useLocationAutocomplete] placeDetails error:", err);
-    } finally {
-      closeDropdown();
-    }
-  }
-  async function handleInput() {
-    const q = inputEl.value.trim();
-    if (q.length < minChars) {
-      closeDropdown();
-      return;
-    }
-    try {
-      const res = await client.autocomplete(q);
-      const list = Array.isArray(res?.data) ? res.data : [];
-      const items = list.map((x) => ({
-        id: x.id,
-        place_id: x.place_id,
-        description: x.description,
-        main_text: x.main_text,
-        secondary_text: x.secondary_text,
-        types: x.types
-      }));
-      openDropdown();
-      placeDropdown();
-      await renderSuggestions(items);
-    } catch (err) {
-      console.warn("[useLocationAutocomplete] autocomplete error:", err);
-      closeDropdown();
-    }
-  }
-  function onInput() {
-    if (suppress) return;
-    clearTimeout(timer);
-    timer = setTimeout(handleInput, debounceMs);
-  }
-  function onFocus() {
-    if (suppress) return;
-    if (inputEl.value.trim().length >= minChars) {
-      onInput();
-    }
-  }
-  function onBlur() {
-    setTimeout(() => {
-      if (!dd.contains(document.activeElement)) {
-        closeDropdown();
-      }
-    }, 120);
-  }
-  function onWindowMove() {
-    if (open) placeDropdown();
-  }
-  function onDocumentClick(e) {
-    if (!dd.contains(e.target) && e.target !== inputEl) {
-      closeDropdown();
-    }
-  }
-  inputEl.addEventListener("input", onInput);
-  inputEl.addEventListener("focus", onFocus);
-  inputEl.addEventListener("blur", onBlur);
-  window.addEventListener("resize", onWindowMove);
-  window.addEventListener("scroll", onWindowMove, true);
-  document.addEventListener("click", onDocumentClick);
-  return function dispose() {
-    clearTimeout(timer);
-    try {
-      inputEl.removeEventListener("input", onInput);
-    } catch (e) {
-    }
-    try {
-      inputEl.removeEventListener("focus", onFocus);
-    } catch (e) {
-    }
-    try {
-      inputEl.removeEventListener("blur", onBlur);
-    } catch (e) {
-    }
-    try {
-      window.removeEventListener("resize", onWindowMove);
-    } catch (e) {
-    }
-    try {
-      window.removeEventListener("scroll", onWindowMove, true);
-    } catch (e) {
-    }
-    try {
-      document.removeEventListener("click", onDocumentClick);
-    } catch (e) {
-    }
-    try {
-      closeDropdown();
-    } catch (e) {
-    }
-  };
-}
-class LocationDetailsView extends View {
-  /**
-   * @param {Object} options
-   * @param {Object} [options.details] - Address details (formatted_address, latitude, longitude, place_id, etc.)
-   * @param {number} [options.height=260] - Map height (px)
-   * @param {string} [options.tileLayer='osm'] - Tile layer key for MapView
-   */
-  constructor({ details = {}, height = 260, tileLayer = "osm" } = {}) {
-    super({
-      className: "location-details-view"
-    });
-    this.details = details || {};
-    this.height = Number.isFinite(height) ? height : 260;
-    this.tileLayer = tileLayer || "osm";
-    this.formatted_address = this.details.formatted_address || "";
-    this.place_id = this.details.place_id || "";
-    this.latitude = this._toNumber(this.details.latitude ?? this.details.lat ?? null);
-    this.longitude = this._toNumber(this.details.longitude ?? this.details.lng ?? null);
-    this.hasCoords = Number.isFinite(this.latitude) && Number.isFinite(this.longitude);
-    this._mapView = null;
-    this.template = `
-      <div class="loc-details">
-        {{#formatted_address}}
-          <div class="mb-2 fw-semibold" style="word-break: break-word;">
-            {{formatted_address}}
-          </div>
-        {{/formatted_address}}
-
-        {{#place_id}}
-          <div class="text-muted small mb-2">Place ID: {{place_id}}</div>
-        {{/place_id}}
-
-        {{^formatted_address}}
-          <div class="text-muted small mb-2">No formatted address provided</div>
-        {{/formatted_address}}
-
-        {{#hasCoords}}
-          <div data-container="map"></div>
-        {{/hasCoords}}
-
-        {{^hasCoords}}
-          <div class="text-muted small" style="border: 1px dashed #e5e7eb; border-radius: 8px; padding: 12px;">
-            No coordinates available for map preview
-          </div>
-        {{/hasCoords}}
-      </div>
-    `;
-  }
-  async onInit() {
-    if (this.hasCoords) {
-      const markers = [{
-        lat: this.latitude,
-        lng: this.longitude,
-        popup: this.formatted_address || ""
-      }];
-      this._mapView = new MapView({
-        markers,
-        center: [this.latitude, this.longitude],
-        zoom: 13,
-        height: this.height,
-        tileLayer: this.tileLayer,
-        showLayerControl: true,
-        containerId: "map"
-      });
-      this.addChild(this._mapView);
-    }
-  }
-  _toNumber(v) {
-    if (v === null || v === void 0 || v === "") return null;
-    const n = Number(v);
-    return Number.isFinite(n) ? n : null;
-  }
-}
-async function showLocationDetailsDialog({
-  client = new LocationClient({ basePath: "/api" }),
-  details = null,
-  place_id = null,
-  id = null,
-  title = "Location Details",
-  height = 260,
-  tileLayer = "osm"
-} = {}) {
-  let resolved = details;
-  if (!resolved && (place_id || id)) {
-    try {
-      const res = await client.placeDetails({ place_id, id, session_token: client.sessionToken });
-      resolved = res?.address || null;
-    } catch (err) {
-      resolved = {
-        formatted_address: "Unable to load place details",
-        error: err?.message || "Unknown error"
-      };
-    }
-  }
-  const view = new LocationDetailsView({
-    details: resolved || {},
-    height,
-    tileLayer
-  });
-  return Dialog.showDialog({
-    title,
-    body: view,
-    size: "md",
-    buttons: [{ text: "Close", class: "btn-secondary", dismiss: true, value: "close" }]
-  });
-}
-class LocationPickerView extends View {
-  constructor({
-    client,
-    minChars = 3,
-    debounceMs = 200,
-    placeholder = "Search address",
-    height = 240,
-    tileLayer = "osm"
-  } = {}) {
-    super({
-      className: "location-picker-view",
-      template: '<div class="location-picker-view-root"></div>'
-    });
-    this.client = client;
-    this.minChars = minChars;
-    this.debounceMs = debounceMs;
-    this.placeholder = placeholder;
-    this.height = height;
-    this.tileLayer = tileLayer;
-    this._selected = null;
-    this._timer = null;
-    this._suggestions = [];
-    this._elements = {};
-    this._previewView = null;
-  }
-  getSelected() {
-    return this._selected;
-  }
-  async onAfterRender() {
-    const root = document.createElement("div");
-    root.style.display = "grid";
-    root.style.gap = "10px";
-    const input = document.createElement("input");
-    input.type = "text";
-    input.className = "form-control";
-    input.placeholder = this.placeholder || "Search address";
-    input.setAttribute("aria-label", "Address search");
-    root.appendChild(input);
-    const dd = document.createElement("div");
-    dd.style.border = "1px solid #e5e7eb";
-    dd.style.borderRadius = "8px";
-    dd.style.background = "#fff";
-    dd.style.boxShadow = "0 8px 24px rgba(0,0,0,.08)";
-    dd.style.maxHeight = "260px";
-    dd.style.overflowY = "auto";
-    dd.style.display = "none";
-    root.appendChild(dd);
-    const previewHost = document.createElement("div");
-    root.appendChild(previewHost);
-    this.element.appendChild(root);
-    this._elements = { root, input, dd, previewHost };
-    input.addEventListener("input", () => {
-      clearTimeout(this._timer);
-      this._timer = setTimeout(() => this._handleInput(), this.debounceMs);
-    });
-    input.addEventListener("focus", () => {
-      if ((input.value || "").trim().length >= this.minChars) {
-        this._handleInput();
-      }
-    });
-    await this._renderPreview(null);
-  }
-  async _handleInput() {
-    const q = (this._elements.input.value || "").trim();
-    if (q.length < this.minChars) {
-      this._elements.dd.style.display = "none";
-      this._elements.dd.innerHTML = "";
-      return;
-    }
-    try {
-      const res = await this.client.autocomplete(q);
-      const items = Array.isArray(res?.data) ? res.data : [];
-      this._suggestions = items.map((x) => ({
-        id: x.id,
-        place_id: x.place_id,
-        description: x.description,
-        main_text: x.main_text,
-        secondary_text: x.secondary_text,
-        types: x.types
-      }));
-      await this._renderSuggestions();
-    } catch (err) {
-      this._suggestions = [];
-      await this._renderSuggestions();
-    }
-  }
-  async _renderSuggestions() {
-    const dd = this._elements.dd;
-    dd.innerHTML = "";
-    if (!this._suggestions.length) {
-      const empty = document.createElement("div");
-      empty.style.padding = "8px 12px";
-      empty.style.color = "#6b7280";
-      empty.textContent = "No results";
-      dd.appendChild(empty);
-      dd.style.display = "block";
-      return;
-    }
-    this._suggestions.forEach((item, idx) => {
-      const row = document.createElement("div");
-      row.style.padding = "8px 12px";
-      row.style.cursor = "pointer";
-      row.style.display = "flex";
-      row.style.flexDirection = "column";
-      row.addEventListener("mouseenter", () => {
-        row.style.background = "#f3f4f6";
-      });
-      row.addEventListener("mouseleave", () => {
-        row.style.background = "transparent";
-      });
-      const main = document.createElement("div");
-      main.style.fontWeight = "600";
-      main.style.color = "#111827";
-      main.textContent = item.main_text || item.description || "";
-      const sub = document.createElement("div");
-      sub.style.fontSize = "12px";
-      sub.style.color = "#6b7280";
-      sub.textContent = item.secondary_text || "";
-      row.appendChild(main);
-      if (sub.textContent) row.appendChild(sub);
-      row.addEventListener("mousedown", (e) => {
-        e.preventDefault();
-        this._selectSuggestion(item);
-      });
-      dd.appendChild(row);
-    });
-    dd.style.display = "block";
-  }
-  async _selectSuggestion(item) {
-    try {
-      const id = item.place_id || item.id;
-      if (!id) return;
-      const res = await this.client.placeDetails({ place_id: id, id, session_token: this.client.sessionToken });
-      const details = res?.address || null;
-      if (details?.formatted_address) {
-        this._elements.input.value = details.formatted_address;
-      } else if (item.description) {
-        this._elements.input.value = item.description;
-      }
-      this._selected = details || null;
-      this._elements.dd.style.display = "none";
-      this._elements.dd.innerHTML = "";
-      await this._renderPreview(this._selected);
-    } catch (err) {
-    }
-  }
-  async _renderPreview(details) {
-    this._elements.previewHost.innerHTML = "";
-    if (!details) {
-      const ph = document.createElement("div");
-      ph.style.border = "1px dashed #e5e7eb";
-      ph.style.borderRadius = "8px";
-      ph.style.padding = "12px";
-      ph.style.color = "#6b7280";
-      ph.textContent = "No location selected";
-      this._elements.previewHost.appendChild(ph);
-      return;
-    }
-    try {
-      this._previewView = new LocationDetailsView({
-        details,
-        height: this.height,
-        tileLayer: this.tileLayer
-      });
-      await this._previewView.render(true, this._elements.previewHost);
-    } catch {
-      const fallback = document.createElement("div");
-      fallback.style.border = "1px dashed #e5e7eb";
-      fallback.style.borderRadius = "8px";
-      fallback.style.padding = "12px";
-      fallback.textContent = details?.formatted_address || "Selected location";
-      this._elements.previewHost.appendChild(fallback);
-    }
-  }
-  async onBeforeDestroy() {
-    clearTimeout(this._timer);
-    await super.onBeforeDestroy();
-  }
-}
-async function showLocationPickerDialog({
-  client = new LocationClient({ basePath: "/api" }),
-  title = "Pick a Location",
-  minChars = 3,
-  debounceMs = 200,
-  placeholder = "Search address",
-  confirmText = "Select",
-  height = 240,
-  tileLayer = "osm"
-} = {}) {
-  const view = new LocationPickerView({
-    client,
-    minChars,
-    debounceMs,
-    placeholder,
-    height,
-    tileLayer
-  });
-  const result = await Dialog.showDialog({
-    title,
-    body: view,
-    size: "md",
-    buttons: [
-      { text: "Cancel", class: "btn-secondary", dismiss: true, value: "cancel" },
-      { text: confirmText, class: "btn-primary", value: "ok" }
-    ]
-  });
-  if (result === "ok") {
-    return view.getSelected() || null;
-  }
-  return null;
-}
-class LocationFormPlugin {
-  /**
-   * @param {Object} options
-   * @param {string} [options.basePath] - API base path prefix (e.g., '/api') used with core Rest
-   * @param {Object} [options.mapping] - Mapping from API address keys -> form field names
-   * @param {boolean} [options.registerFieldType=true] - Register custom field type (address)
-   * @param {string} [options.fieldTypeName='address'] - Field type name to register
-   * @param {string} [options.attributeSelector='data-location'] - Attribute to opt-in on any text input (e.g., data-location="address")
-   * @param {number} [options.minChars=3] - Minimum characters before triggering autocomplete
-   * @param {number} [options.debounceMs=200] - Typing debounce for autocomplete
-   */
-  constructor({
-    basePath = "/api",
-    mapping,
-    registerFieldType = true,
-    fieldTypeName = "address",
-    attributeSelector = "data-location",
-    minChars = 3,
-    debounceMs = 200,
-    // Browser autofill/autocomplete suppression (important for suggestion inputs)
-    // Chrome often ignores autocomplete="off" for address-like fields, so we default
-    // to a more reliable value.
-    suppressBrowserAutocomplete = true,
-    autocompleteValue = "new-password"
-  } = {}) {
-    this.id = "location";
-    this.client = new LocationClient({ basePath });
-    this.mapping = mapping || {
-      address1: "address1",
-      city: "city",
-      state_code: "state",
-      postal_code: "postal_code",
-      country_code: "country",
-      latitude: "latitude",
-      longitude: "longitude",
-      formatted_address: "formatted_address",
-      place_id: "place_id"
-    };
-    this.fieldTypeName = fieldTypeName;
-    this.attributeSelector = attributeSelector;
-    this.minChars = minChars;
-    this.debounceMs = debounceMs;
-    this.suppressBrowserAutocomplete = suppressBrowserAutocomplete !== false;
-    this.autocompleteValue = autocompleteValue || "new-password";
-    if (registerFieldType) {
-      this.fieldTypes = {
-        [this.fieldTypeName]: (builder, field) => this.renderAddressField(builder, field)
-      };
-    }
-  }
-  /**
-   * Custom renderer for the "address" field type.
-   * Leverages existing FormBuilder input rendering for consistency (text input).
-   */
-  renderAddressField(builder, field) {
-    const suppressAttrs = this.suppressBrowserAutocomplete ? `autocomplete="${this.autocompleteValue}" autocapitalize="off" autocorrect="off" spellcheck="false" inputmode="search"` : "";
-    const f = {
-      ...field,
-      type: "text",
-      placeholder: field.placeholder || "Start typing an address",
-      attrs: this.mergeAttrs(
-        field.attrs,
-        `${this.attributeSelector}="address" ${suppressAttrs} aria-autocomplete="list" role="combobox"`
-      )
-    };
-    if (typeof builder.renderTextField === "function") {
-      return builder.renderTextField(f);
-    }
-    if (typeof builder.renderInputField === "function") {
-      return builder.renderInputField(f, "text");
-    }
-    const id = builder.getFieldId?.(f.name) || `field_${f.name}`;
-    return `
-      <div class="mojo-form-control">
-        ${f.label ? `<label for="${id}" class="${builder.options?.labelClass || "form-label"}">${f.label}</label>` : ""}
-        <input type="text" id="${id}" name="${f.name}" class="${builder.options?.inputClass || "form-control"}"
-               placeholder="${f.placeholder || ""}" ${this.attributeSelector}="address" ${suppressAttrs} />
-      </div>
-    `;
-  }
-  /**
-   * Helper to merge existing attrs with an additional attribute string
-   */
-  mergeAttrs(existing, add) {
-    const base = (existing || "").trim();
-    const extra = (add || "").trim();
-    if (!base) return extra;
-    if (!extra) return base;
-    return `${base} ${extra}`;
-  }
-  /**
-   * Hook: called when FormView is initialized
-   * You can read application config here if needed.
-   */
-  onFormViewInit(_formView) {
-  }
-  /**
-   * Hook: called after FormView finished rendering and initializing components
-   * This is a good spot to opt-in based on attributes (e.g., data-location="address") on any text input.
-   */
-  onAfterRender(formView) {
-    if (!formView?.element) return;
-    try {
-      const selector = `input[${this.attributeSelector}="address"]`;
-      const inputs = formView.element.querySelectorAll(selector);
-      inputs.forEach((inputEl) => {
-        if (inputEl.dataset && inputEl.dataset._locationBound === "1") return;
-        if (this.suppressBrowserAutocomplete) {
-          try {
-            inputEl.setAttribute("autocomplete", this.autocompleteValue);
-            inputEl.setAttribute("autocapitalize", "off");
-            inputEl.setAttribute("autocorrect", "off");
-            inputEl.setAttribute("spellcheck", "false");
-            inputEl.setAttribute("inputmode", "search");
-          } catch (e) {
-          }
-        }
-        let dispose;
-        const rebind = () => {
-          dispose = useLocationAutocomplete(formView, {
-            client: this.client,
-            field: inputEl,
-            mapping: this.mapping,
-            minChars: this.minChars,
-            debounceMs: this.debounceMs,
-            onSelect: (_details) => {
-              try {
-                inputEl.blur();
-              } catch (e) {
-              }
-              try {
-                dispose && dispose();
-              } catch (e) {
-              }
-              setTimeout(() => {
-                rebind();
-              }, this.debounceMs + 50);
-            }
-          });
-          inputEl.dataset._locationBound = "1";
-          this._trackDisposer(formView, dispose);
-        };
-        rebind();
-      });
-    } catch (err) {
-    }
-  }
-  /**
-   * Hook: called for each field element with its config after FormView initialization
-   * If the field is our "address" type (or opt-in via attribute), attach autocomplete.
-   */
-  onFieldInit(formView, fieldEl, fieldConfig) {
-    try {
-      const isAddressType = fieldConfig?.type === this.fieldTypeName;
-      const hasAttr = fieldEl?.getAttribute?.(this.attributeSelector) === "address";
-      if (isAddressType || hasAttr) {
-        if (fieldEl.dataset && fieldEl.dataset._locationBound === "1") return;
-        if (this.suppressBrowserAutocomplete) {
-          try {
-            fieldEl.setAttribute("autocomplete", this.autocompleteValue);
-            fieldEl.setAttribute("autocapitalize", "off");
-            fieldEl.setAttribute("autocorrect", "off");
-            fieldEl.setAttribute("spellcheck", "false");
-            fieldEl.setAttribute("inputmode", "search");
-          } catch (e) {
-          }
-        }
-        let dispose;
-        const rebind = () => {
-          dispose = useLocationAutocomplete(formView, {
-            client: this.client,
-            field: fieldEl,
-            mapping: this.mapping,
-            minChars: this.minChars,
-            debounceMs: this.debounceMs,
-            onSelect: (_details) => {
-              try {
-                fieldEl.blur();
-              } catch (e) {
-              }
-              try {
-                dispose && dispose();
-              } catch (e) {
-              }
-              setTimeout(() => {
-                rebind();
-              }, this.debounceMs + 50);
-            }
-          });
-          fieldEl.dataset._locationBound = "1";
-          this._trackDisposer(formView, dispose);
-        };
-        rebind();
-      }
-    } catch (err) {
-    }
-  }
-  /**
-   * Hook: field change notification (no-op for now)
-   */
-  onFieldChange(_formView, _name, _value) {
-  }
-  /**
-   * Track disposers for cleanup. If the FormView provides an event API, attach to destroy/before-destroy.
-   */
-  _trackDisposer(formView, dispose) {
-    if (!dispose || typeof dispose !== "function") return;
-    if (!formView) return;
-    if (!formView._locationDisposers) {
-      Object.defineProperty(formView, "_locationDisposers", {
-        configurable: true,
-        enumerable: false,
-        writable: true,
-        value: []
-      });
-    }
-    formView._locationDisposers.push(dispose);
-    const tryBind = (eventName) => {
-      if (typeof formView.on === "function") {
-        try {
-          formView.on(eventName, () => {
-            try {
-              formView._locationDisposers?.forEach((fn) => {
-                try {
-                  fn();
-                } catch {
-                }
-              });
-            } finally {
-              formView._locationDisposers = [];
-            }
-          });
-          return true;
-        } catch {
-        }
-      }
-      return false;
-    };
-    if (!tryBind("before:destroy")) {
-      tryBind("destroy");
-    }
-  }
-}
-function registerLocationPlugin(options = {}) {
-  const plugin = new LocationFormPlugin(options);
-  return FormPlugins.register(plugin);
-}
-export {
-  C as Collection,
-  LocationClient,
-  LocationDetailsView,
-  LocationFormPlugin,
-  b as MapLibreView,
-  MapView,
-  a as MetricsCountryMapView,
-  M as Model,
-  View,
-  registerLocationPlugin,
-  showLocationDetailsDialog,
-  showLocationPickerDialog,
-  useLocationAutocomplete
-};
+import{M as e}from"./chunks/MetricsCountryMapView-J067qrrt.js";import{b as t,a as s}from"./chunks/MetricsCountryMapView-J067qrrt.js";import{r as i,V as n}from"./chunks/Rest-DHbszkuP.js";import o from"./chunks/Dialog-BcgSR01Z.js";import{F as a}from"./chunks/FormPlugins-DvQ-G5J5.js";import{C as r,M as l}from"./chunks/Collection-1sPoIFvQ.js";class LocationClient{constructor({basePath:e="/api",endpoints:t={}}={}){this.basePath=String(e||""),this.sessionToken=null,this.endpoints={validate:"/location/address/validate",autocomplete:"/location/address/suggestions",details:"/location/address/place-details",geocode:"/location/address/geocode",reverse:"/location/address/reverse-geocode",timezone:"/location/timezone",...t}}setAuthHeader(e){this._authHeader=e}headers(e){let t=null;if("function"==typeof this._authHeader)try{t=this._authHeader()}catch{t=null}else t=this._authHeader;const s={"Content-Type":"application/json",...e||{}};return t&&(s.Authorization=t),s}async jsonGet(e,t){const s=await i.GET(this.fullPath(e),t||{});return s&&void 0!==s.data?s.data:s}async jsonPost(e,t){const s=await i.POST(this.fullPath(e),t??{},{},{});return s&&void 0!==s.data?s.data:s}fullPath(e){return`${this.basePath}${e}`}async _safeJson(e){try{return await e.json()}catch{return null}}validateAddress(e){return this.jsonPost(this.endpoints.validate,e)}async autocomplete(e,t={}){if(!e||0===String(e).trim().length)return{success:!0,data:[],size:0,count:0};this.sessionToken||(this.sessionToken=this._createSessionToken());const s={input:e,session_token:this.sessionToken,...t},i=await this.jsonGet(this.endpoints.autocomplete,s);return i&&i.session_token&&(this.sessionToken=i.session_token),i}placeDetails({place_id:e,session_token:t,id:s}={}){const i={},n=e||s||null;return n&&(i.place_id=n),t&&(i.session_token=t),this.jsonGet(this.endpoints.details,i)}geocode(e){return this.jsonPost(this.endpoints.geocode,{address:e})}reverseGeocode({lat:e,lng:t}){return this.jsonGet(this.endpoints.reverse,{lat:e,lng:t})}timezone({lat:e,lng:t}){return this.jsonGet(this.endpoints.timezone,{lat:e,lng:t})}resetSessionToken(){this.sessionToken=null}normalizeSuggestion(e){return{id:e?.id||e?.place_id||null,place_id:e?.place_id||e?.id||null,description:e?.description||"",main_text:e?.main_text||"",secondary_text:e?.secondary_text||"",types:e?.types||[]}}_createSessionToken(){return"undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(16).slice(2)}`}}function d(e,{client:t,field:s="address1",dropdownClass:i="loc-suggest",minChars:n=3,debounceMs:o=200,mapping:a={address1:"address1",city:"city",state_code:"state",postal_code:"postal_code",country_code:"country",latitude:"latitude",longitude:"longitude",formatted_address:"formatted_address",place_id:"place_id"},onSelect:r}={}){if(!e||!e.element)return console.warn("[useLocationAutocomplete] Missing formView or formView.element"),()=>{};if(!t||"function"!=typeof t.autocomplete||"function"!=typeof t.placeDetails)return console.warn("[useLocationAutocomplete] Missing or invalid client. Provide an object with autocomplete() and placeDetails()."),()=>{};const l="string"==typeof s?e.element.querySelector(`input[name="${s}"], #${s}`)||null:s instanceof HTMLElement?s:null;if(!l)return()=>{};const d=document.createElement("div");d.className=i||"loc-suggest",d.style.position="absolute",d.style.zIndex="10000",d.style.display="none",d.style.background="#fff",d.style.border="1px solid #e5e7eb",d.style.borderRadius="8px",d.style.boxShadow="0 8px 24px rgba(0,0,0,.08)",d.style.padding="4px 0",d.style.maxHeight="280px",d.style.overflowY="auto",d.style.minWidth="240px",d.setAttribute("role","listbox"),d.setAttribute("aria-label","Address suggestions");let c=!1,u=null,p=!1;function h(){if(!c)return;const e=l.getBoundingClientRect();d.style.minWidth=`${e.width}px`,d.style.left=`${e.left+window.scrollX}px`,d.style.top=`${e.bottom+window.scrollY+4}px`}function m(){c=!1,d.style.display="none",d.innerHTML="",d.parentNode&&d.parentNode.removeChild(d)}async function y(){const s=l.value.trim();if(s.length<n)m();else try{const i=await t.autocomplete(s),n=(Array.isArray(i?.data)?i.data:[]).map(e=>({id:e.id,place_id:e.place_id,description:e.description,main_text:e.main_text,secondary_text:e.secondary_text,types:e.types}));c||(c=!0,d.style.display="block",document.body.appendChild(d),h()),h(),await async function(s){if(d.innerHTML="",!s||0===s.length){const e=document.createElement("div");return e.style.padding="8px 12px",e.style.color="#6b7280",e.textContent="No results",void d.appendChild(e)}s.forEach((s,i)=>d.appendChild(function(s,i){const n=document.createElement("div");n.setAttribute("role","option"),n.setAttribute("tabindex","-1"),n.style.padding="8px 12px",n.style.cursor="pointer",n.style.display="flex",n.style.flexDirection="column",n.dataset.index=String(i);const d=document.createElement("div");d.style.fontWeight="600",d.style.color="#111827",d.textContent=s.main_text||s.description||"";const c=document.createElement("div");return c.style.fontSize="12px",c.style.color="#6b7280",c.textContent=s.secondary_text||"",n.appendChild(d),c.textContent&&n.appendChild(c),n.addEventListener("mouseenter",()=>{n.style.background="#f3f4f6"}),n.addEventListener("mouseleave",()=>{n.style.background="transparent"}),n.addEventListener("mousedown",i=>{i.preventDefault(),async function(s){try{const i=s.place_id||s.id;let n=null;if(i){const e=await t.placeDetails({place_id:i,id:i,session_token:t.sessionToken});n=e?.address||null}p=!0,clearTimeout(u),n?.formatted_address?(l.value=n.formatted_address,l.dispatchEvent(new Event("input",{bubbles:!0}))):s.description&&(l.value=s.description,l.dispatchEvent(new Event("input",{bubbles:!0})));try{l.blur()}catch{}m(),setTimeout(()=>{p=!1},o+50),n&&a&&"object"==typeof a&&Object.entries(a).forEach(([t,s])=>{if(!s)return;const i=n[t];if(null!=i){try{"function"==typeof e.setFieldValue&&e.setFieldValue(s,String(i))}catch(o){}const t=e.element.querySelector(`input[name="${s}"], #${s}, textarea[name="${s}"], select[name="${s}"]`);t&&(t.value=String(i),t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))}}),"function"==typeof r&&r(n||null)}catch(i){console.warn("[useLocationAutocomplete] placeDetails error:",i)}finally{m()}}(s)}),n}(s,i)))}(n)}catch(i){console.warn("[useLocationAutocomplete] autocomplete error:",i),m()}}function f(){p||(clearTimeout(u),u=setTimeout(y,o))}function _(){p||l.value.trim().length>=n&&f()}function b(){setTimeout(()=>{d.contains(document.activeElement)||m()},120)}function g(){c&&h()}function v(e){d.contains(e.target)||e.target===l||m()}return l.addEventListener("input",f),l.addEventListener("focus",_),l.addEventListener("blur",b),window.addEventListener("resize",g),window.addEventListener("scroll",g,!0),document.addEventListener("click",v),function(){clearTimeout(u);try{l.removeEventListener("input",f)}catch(e){}try{l.removeEventListener("focus",_)}catch(e){}try{l.removeEventListener("blur",b)}catch(e){}try{window.removeEventListener("resize",g)}catch(e){}try{window.removeEventListener("scroll",g,!0)}catch(e){}try{document.removeEventListener("click",v)}catch(e){}try{m()}catch(e){}}}class LocationDetailsView extends n{constructor({details:e={},height:t=260,tileLayer:s="osm"}={}){super({className:"location-details-view"}),this.details=e||{},this.height=Number.isFinite(t)?t:260,this.tileLayer=s||"osm",this.formatted_address=this.details.formatted_address||"",this.place_id=this.details.place_id||"",this.latitude=this._toNumber(this.details.latitude??this.details.lat??null),this.longitude=this._toNumber(this.details.longitude??this.details.lng??null),this.hasCoords=Number.isFinite(this.latitude)&&Number.isFinite(this.longitude),this._mapView=null,this.template='\n      <div class="loc-details">\n        {{#formatted_address}}\n          <div class="mb-2 fw-semibold" style="word-break: break-word;">\n            {{formatted_address}}\n          </div>\n        {{/formatted_address}}\n\n        {{#place_id}}\n          <div class="text-muted small mb-2">Place ID: {{place_id}}</div>\n        {{/place_id}}\n\n        {{^formatted_address}}\n          <div class="text-muted small mb-2">No formatted address provided</div>\n        {{/formatted_address}}\n\n        {{#hasCoords}}\n          <div data-container="map"></div>\n        {{/hasCoords}}\n\n        {{^hasCoords}}\n          <div class="text-muted small" style="border: 1px dashed #e5e7eb; border-radius: 8px; padding: 12px;">\n            No coordinates available for map preview\n          </div>\n        {{/hasCoords}}\n      </div>\n    '}async onInit(){if(this.hasCoords){const t=[{lat:this.latitude,lng:this.longitude,popup:this.formatted_address||""}];this._mapView=new e({markers:t,center:[this.latitude,this.longitude],zoom:13,height:this.height,tileLayer:this.tileLayer,showLayerControl:!0,containerId:"map"}),this.addChild(this._mapView)}}_toNumber(e){if(null==e||""===e)return null;const t=Number(e);return Number.isFinite(t)?t:null}}async function c({client:e=new LocationClient({basePath:"/api"}),details:t=null,place_id:s=null,id:i=null,title:n="Location Details",height:a=260,tileLayer:r="osm"}={}){let l=t;if(!l&&(s||i))try{const t=await e.placeDetails({place_id:s,id:i,session_token:e.sessionToken});l=t?.address||null}catch(c){l={formatted_address:"Unable to load place details",error:c?.message||"Unknown error"}}const d=new LocationDetailsView({details:l||{},height:a,tileLayer:r});return o.showDialog({title:n,body:d,size:"md",buttons:[{text:"Close",class:"btn-secondary",dismiss:!0,value:"close"}]})}class LocationPickerView extends n{constructor({client:e,minChars:t=3,debounceMs:s=200,placeholder:i="Search address",height:n=240,tileLayer:o="osm"}={}){super({className:"location-picker-view",template:'<div class="location-picker-view-root"></div>'}),this.client=e,this.minChars=t,this.debounceMs=s,this.placeholder=i,this.height=n,this.tileLayer=o,this._selected=null,this._timer=null,this._suggestions=[],this._elements={},this._previewView=null}getSelected(){return this._selected}async onAfterRender(){const e=document.createElement("div");e.style.display="grid",e.style.gap="10px";const t=document.createElement("input");t.type="text",t.className="form-control",t.placeholder=this.placeholder||"Search address",t.setAttribute("aria-label","Address search"),e.appendChild(t);const s=document.createElement("div");s.style.border="1px solid #e5e7eb",s.style.borderRadius="8px",s.style.background="#fff",s.style.boxShadow="0 8px 24px rgba(0,0,0,.08)",s.style.maxHeight="260px",s.style.overflowY="auto",s.style.display="none",e.appendChild(s);const i=document.createElement("div");e.appendChild(i),this.element.appendChild(e),this._elements={root:e,input:t,dd:s,previewHost:i},t.addEventListener("input",()=>{clearTimeout(this._timer),this._timer=setTimeout(()=>this._handleInput(),this.debounceMs)}),t.addEventListener("focus",()=>{(t.value||"").trim().length>=this.minChars&&this._handleInput()}),await this._renderPreview(null)}async _handleInput(){const e=(this._elements.input.value||"").trim();if(e.length<this.minChars)return this._elements.dd.style.display="none",void(this._elements.dd.innerHTML="");try{const t=await this.client.autocomplete(e),s=Array.isArray(t?.data)?t.data:[];this._suggestions=s.map(e=>({id:e.id,place_id:e.place_id,description:e.description,main_text:e.main_text,secondary_text:e.secondary_text,types:e.types})),await this._renderSuggestions()}catch(t){this._suggestions=[],await this._renderSuggestions()}}async _renderSuggestions(){const e=this._elements.dd;if(e.innerHTML="",!this._suggestions.length){const t=document.createElement("div");return t.style.padding="8px 12px",t.style.color="#6b7280",t.textContent="No results",e.appendChild(t),void(e.style.display="block")}this._suggestions.forEach((t,s)=>{const i=document.createElement("div");i.style.padding="8px 12px",i.style.cursor="pointer",i.style.display="flex",i.style.flexDirection="column",i.addEventListener("mouseenter",()=>{i.style.background="#f3f4f6"}),i.addEventListener("mouseleave",()=>{i.style.background="transparent"});const n=document.createElement("div");n.style.fontWeight="600",n.style.color="#111827",n.textContent=t.main_text||t.description||"";const o=document.createElement("div");o.style.fontSize="12px",o.style.color="#6b7280",o.textContent=t.secondary_text||"",i.appendChild(n),o.textContent&&i.appendChild(o),i.addEventListener("mousedown",e=>{e.preventDefault(),this._selectSuggestion(t)}),e.appendChild(i)}),e.style.display="block"}async _selectSuggestion(e){try{const t=e.place_id||e.id;if(!t)return;const s=await this.client.placeDetails({place_id:t,id:t,session_token:this.client.sessionToken}),i=s?.address||null;i?.formatted_address?this._elements.input.value=i.formatted_address:e.description&&(this._elements.input.value=e.description),this._selected=i||null,this._elements.dd.style.display="none",this._elements.dd.innerHTML="",await this._renderPreview(this._selected)}catch(t){}}async _renderPreview(e){if(this._elements.previewHost.innerHTML="",!e){const e=document.createElement("div");return e.style.border="1px dashed #e5e7eb",e.style.borderRadius="8px",e.style.padding="12px",e.style.color="#6b7280",e.textContent="No location selected",void this._elements.previewHost.appendChild(e)}try{this._previewView=new LocationDetailsView({details:e,height:this.height,tileLayer:this.tileLayer}),await this._previewView.render(!0,this._elements.previewHost)}catch{const t=document.createElement("div");t.style.border="1px dashed #e5e7eb",t.style.borderRadius="8px",t.style.padding="12px",t.textContent=e?.formatted_address||"Selected location",this._elements.previewHost.appendChild(t)}}async onBeforeDestroy(){clearTimeout(this._timer),await super.onBeforeDestroy()}}async function u({client:e=new LocationClient({basePath:"/api"}),title:t="Pick a Location",minChars:s=3,debounceMs:i=200,placeholder:n="Search address",confirmText:a="Select",height:r=240,tileLayer:l="osm"}={}){const d=new LocationPickerView({client:e,minChars:s,debounceMs:i,placeholder:n,height:r,tileLayer:l});return"ok"===await o.showDialog({title:t,body:d,size:"md",buttons:[{text:"Cancel",class:"btn-secondary",dismiss:!0,value:"cancel"},{text:a,class:"btn-primary",value:"ok"}]})&&d.getSelected()||null}class LocationFormPlugin{constructor({basePath:e="/api",mapping:t,registerFieldType:s=!0,fieldTypeName:i="address",attributeSelector:n="data-location",minChars:o=3,debounceMs:a=200,suppressBrowserAutocomplete:r=!0,autocompleteValue:l="new-password"}={}){this.id="location",this.client=new LocationClient({basePath:e}),this.mapping=t||{address1:"address1",city:"city",state_code:"state",postal_code:"postal_code",country_code:"country",latitude:"latitude",longitude:"longitude",formatted_address:"formatted_address",place_id:"place_id"},this.fieldTypeName=i,this.attributeSelector=n,this.minChars=o,this.debounceMs=a,this.suppressBrowserAutocomplete=!1!==r,this.autocompleteValue=l||"new-password",s&&(this.fieldTypes={[this.fieldTypeName]:(e,t)=>this.renderAddressField(e,t)})}renderAddressField(e,t){const s=this.suppressBrowserAutocomplete?`autocomplete="${this.autocompleteValue}" autocapitalize="off" autocorrect="off" spellcheck="false" inputmode="search"`:"",i={...t,type:"text",placeholder:t.placeholder||"Start typing an address",attrs:this.mergeAttrs(t.attrs,`${this.attributeSelector}="address" ${s} aria-autocomplete="list" role="combobox"`)};if("function"==typeof e.renderTextField)return e.renderTextField(i);if("function"==typeof e.renderInputField)return e.renderInputField(i,"text");const n=e.getFieldId?.(i.name)||`field_${i.name}`;return`\n      <div class="mojo-form-control">\n        ${i.label?`<label for="${n}" class="${e.options?.labelClass||"form-label"}">${i.label}</label>`:""}\n        <input type="text" id="${n}" name="${i.name}" class="${e.options?.inputClass||"form-control"}"\n               placeholder="${i.placeholder||""}" ${this.attributeSelector}="address" ${s} />\n      </div>\n    `}mergeAttrs(e,t){const s=(e||"").trim(),i=(t||"").trim();return s?i?`${s} ${i}`:s:i}onFormViewInit(e){}onAfterRender(e){if(e?.element)try{const t=`input[${this.attributeSelector}="address"]`;e.element.querySelectorAll(t).forEach(t=>{if(t.dataset&&"1"===t.dataset._locationBound)return;if(this.suppressBrowserAutocomplete)try{t.setAttribute("autocomplete",this.autocompleteValue),t.setAttribute("autocapitalize","off"),t.setAttribute("autocorrect","off"),t.setAttribute("spellcheck","false"),t.setAttribute("inputmode","search")}catch(n){}let s;const i=()=>{s=d(e,{client:this.client,field:t,mapping:this.mapping,minChars:this.minChars,debounceMs:this.debounceMs,onSelect:e=>{try{t.blur()}catch(n){}try{s&&s()}catch(n){}setTimeout(()=>{i()},this.debounceMs+50)}}),t.dataset._locationBound="1",this._trackDisposer(e,s)};i()})}catch(t){}}onFieldInit(e,t,s){try{const n=s?.type===this.fieldTypeName,o="address"===t?.getAttribute?.(this.attributeSelector);if(n||o){if(t.dataset&&"1"===t.dataset._locationBound)return;if(this.suppressBrowserAutocomplete)try{t.setAttribute("autocomplete",this.autocompleteValue),t.setAttribute("autocapitalize","off"),t.setAttribute("autocorrect","off"),t.setAttribute("spellcheck","false"),t.setAttribute("inputmode","search")}catch(i){}let s;const n=()=>{s=d(e,{client:this.client,field:t,mapping:this.mapping,minChars:this.minChars,debounceMs:this.debounceMs,onSelect:e=>{try{t.blur()}catch(i){}try{s&&s()}catch(i){}setTimeout(()=>{n()},this.debounceMs+50)}}),t.dataset._locationBound="1",this._trackDisposer(e,s)};n()}}catch(n){}}onFieldChange(e,t,s){}_trackDisposer(e,t){if(!t||"function"!=typeof t)return;if(!e)return;e._locationDisposers||Object.defineProperty(e,"_locationDisposers",{configurable:!0,enumerable:!1,writable:!0,value:[]}),e._locationDisposers.push(t);const s=t=>{if("function"==typeof e.on)try{return e.on(t,()=>{try{e._locationDisposers?.forEach(e=>{try{e()}catch{}})}finally{e._locationDisposers=[]}}),!0}catch{}return!1};s("before:destroy")||s("destroy")}}function p(e={}){const t=new LocationFormPlugin(e);return a.register(t)}export{r as Collection,LocationClient,LocationDetailsView,LocationFormPlugin,t as MapLibreView,e as MapView,s as MetricsCountryMapView,l as Model,n as View,p as registerLocationPlugin,c as showLocationDetailsDialog,u as showLocationPickerDialog,d as useLocationAutocomplete};
 //# sourceMappingURL=map.es.js.map