@ablogcms/lib 3.2.28-beta.0

package/dist/google-maps/picker/index.mjs

@@ -0,0 +1,483 @@
+import {
+  loader_default
+} from "../../chunk-ZPZHEKTI.mjs";
+
+// src/google-maps/picker/google-maps-picker.ts
+var defaultOptions = {
+  latInput: '.js-map_editable-lat, input[name^="map_lat_"]',
+  lngInput: '.js-map_editable-lng, input[name^="map_lng_"]',
+  zoomInput: '.js-map_editable-zoom, input[name^="map_zoom_"]',
+  pitchInput: '.js-map_editable-pitch, input[name^="map_view_pitch_"]',
+  zoomViewInput: '.js-map_editable-zoom-view, input[name^="map_view_zoom_"]',
+  headingInput: '.js-map_editable-heading, input[name^="map_view_heading_"]',
+  modeSwitcher: '.js-map_editable-activate, input[type="checkbox"][name^="map_view_activate_"]',
+  searchInput: ".js-editable_map-search_text",
+  searchButton: ".js-editable_map-search_button",
+  mapRoot: ".js-map_editable-container",
+  apiKey: ACMS.Config.googleApiKey
+};
+var GoogleMapsPicker = class {
+  options;
+  google = null;
+  googleMap = null;
+  googleMapMarker = null;
+  // 状態管理
+  value;
+  // DOM要素
+  container;
+  mapRoot;
+  latInput;
+  lngInput;
+  zoomInput;
+  pitchInput = null;
+  zoomViewInput = null;
+  headingInput = null;
+  modeSwitcher = null;
+  searchInput = null;
+  searchButton = null;
+  // イベントリスナー管理
+  eventRegistry = /* @__PURE__ */ new Map();
+  constructor(elementOrSelector, options) {
+    const container = typeof elementOrSelector === "string" ? document.querySelector(elementOrSelector) : elementOrSelector;
+    if (!container) {
+      throw new Error("Container element not found");
+    }
+    this.container = container;
+    this.options = {
+      ...defaultOptions,
+      ...options
+    };
+    const latInput = this.getInputElement(this.options.latInput, this.container);
+    const lngInput = this.getInputElement(this.options.lngInput, this.container);
+    const zoomInput = this.getInputElement(this.options.zoomInput, this.container);
+    const pitchInput = this.getInputElement(this.options.pitchInput, this.container);
+    const zoomViewInput = this.getInputElement(this.options.zoomViewInput, this.container);
+    const headingInput = this.getInputElement(this.options.headingInput, this.container);
+    const modeSwitcher = this.getInputElement(this.options.modeSwitcher, this.container);
+    const searchInput = this.getInputElement(this.options.searchInput, this.container);
+    const searchButton = this.getButtonElement(this.options.searchButton, this.container);
+    const mapRoot = this.getElement(this.options.mapRoot, this.container);
+    if (!latInput) {
+      throw new Error("Latitude input element is required");
+    }
+    if (!lngInput) {
+      throw new Error("Longitude input element is required");
+    }
+    if (!zoomInput) {
+      throw new Error("Zoom input element is required");
+    }
+    if (!mapRoot) {
+      throw new Error("Map root element is required");
+    }
+    this.latInput = latInput;
+    this.lngInput = lngInput;
+    this.zoomInput = zoomInput;
+    this.pitchInput = pitchInput;
+    this.zoomViewInput = zoomViewInput;
+    this.headingInput = headingInput;
+    this.modeSwitcher = modeSwitcher;
+    this.searchInput = searchInput;
+    this.searchButton = searchButton;
+    this.mapRoot = mapRoot;
+    this.value = {
+      type: "ROADMAP",
+      lat: 0,
+      lng: 0,
+      zoom: 0,
+      streetView: {
+        heading: 0,
+        pitch: 0,
+        zoomView: 0
+      },
+      ...this.options.defaultValue
+    };
+    if (mapRoot instanceof HTMLImageElement) {
+      const div = document.createElement("div");
+      div.className = mapRoot.className;
+      div.style.cssText = getComputedStyle(mapRoot).cssText;
+      div.style.width = `${mapRoot.width}px`;
+      div.style.height = `${mapRoot.height}px`;
+      mapRoot.parentNode?.replaceChild(div, mapRoot);
+      this.mapRoot = div;
+    }
+  }
+  async init() {
+    if (this.google) {
+      return this;
+    }
+    try {
+      this.google = await loader_default(this.options.apiKey);
+      this.setValue();
+      this.setupEventListeners();
+      this.createMap(this.options.mapOptions);
+      this.toggleStreetView();
+      return this;
+    } catch (error) {
+      throw new Error(`Failed to initialize Google Maps: ${error}`, { cause: error });
+    }
+  }
+  // DOM要素取得のヘルパーメソッド
+  getElement(elementOrSelector, context = document.body) {
+    if (!elementOrSelector) return null;
+    if (typeof elementOrSelector === "string") {
+      if (context.matches && context.matches(elementOrSelector)) {
+        return context;
+      }
+      return context.querySelector(elementOrSelector);
+    }
+    return elementOrSelector;
+  }
+  getInputElement(elementOrSelector, context = document.body) {
+    const element = this.getElement(elementOrSelector, context);
+    return element instanceof HTMLInputElement ? element : null;
+  }
+  getButtonElement(elementOrSelector, context = document.body) {
+    const element = this.getElement(elementOrSelector, context);
+    return element instanceof HTMLButtonElement ? element : null;
+  }
+  setupEventListeners() {
+    const handleLatLngChange = () => {
+      if (!this.google) {
+        return;
+      }
+      this.setValue();
+      const center = new this.google.maps.LatLng(this.value.lat, this.value.lng);
+      if (this.googleMap) {
+        this.googleMap.panTo(center);
+      }
+      if (this.googleMapMarker) {
+        this.googleMapMarker.setPosition(center);
+      }
+      this.emitChange();
+    };
+    this.latInput.addEventListener("change", handleLatLngChange);
+    this.lngInput.addEventListener("change", handleLatLngChange);
+    this.eventRegistry.set(this.latInput, [{ type: "change", listener: handleLatLngChange }]);
+    this.eventRegistry.set(this.lngInput, [{ type: "change", listener: handleLatLngChange }]);
+    if (this.zoomInput) {
+      const handleZoomChange = () => {
+        if (this.googleMap) {
+          this.setValue();
+          this.googleMap.setZoom(this.value.zoom);
+          this.emitChange();
+        }
+      };
+      this.zoomInput.addEventListener("change", handleZoomChange);
+      this.eventRegistry.set(this.zoomInput, [{ type: "change", listener: handleZoomChange }]);
+    }
+    if (this.modeSwitcher) {
+      const handleModeChange = () => {
+        this.toggleStreetView();
+        this.emitChange();
+      };
+      this.modeSwitcher.addEventListener("change", handleModeChange);
+      this.eventRegistry.set(this.modeSwitcher, [{ type: "change", listener: handleModeChange }]);
+    }
+    this.setupSearch();
+  }
+  createMap(options = {}) {
+    if (!this.google) {
+      return;
+    }
+    const div = document.createElement("div");
+    div.style.height = "100%";
+    this.mapRoot.replaceChildren(div);
+    const center = new this.google.maps.LatLng(this.value.lat, this.value.lng);
+    this.googleMap = new this.google.maps.Map(div, {
+      zoom: this.value.zoom,
+      center,
+      mapTypeId: this.google.maps.MapTypeId.ROADMAP,
+      gestureHandling: "cooperative",
+      ...options
+    });
+    this.registerMapEvents();
+    this.createMarker();
+  }
+  registerMapEvents() {
+    if (!this.google || !this.googleMap) {
+      return;
+    }
+    if (this.zoomInput) {
+      this.google.maps.event.addListener(this.googleMap, "zoom_changed", () => {
+        if (this.googleMap && this.zoomInput) {
+          this.zoomInput.value = this.googleMap.getZoom().toString();
+          this.setValue();
+          this.emitChange();
+        }
+      });
+    }
+  }
+  unregisterMapEvents() {
+    if (!this.google || !this.googleMap) {
+      return;
+    }
+    this.google.maps.event.clearInstanceListeners(this.googleMap);
+  }
+  createMarker() {
+    if (!this.google || !this.googleMap) {
+      return;
+    }
+    const center = this.googleMap.getCenter();
+    this.googleMapMarker = new this.google.maps.Marker({
+      position: center,
+      map: this.googleMap,
+      draggable: true
+    });
+    this.google.maps.event.addListener(this.googleMapMarker, "dragend", (event) => {
+      this.setPosition(event.latLng);
+      this.emitChange();
+    });
+  }
+  createPanorama() {
+    if (!this.google || !this.googleMap) {
+      return null;
+    }
+    const center = this.googleMap.getCenter();
+    const config = {
+      position: {
+        lat: center.lat(),
+        lng: center.lng()
+      },
+      pov: {
+        heading: this.value.streetView.heading,
+        pitch: this.value.streetView.pitch
+      },
+      zoom: this.value.streetView.zoomView
+    };
+    const mapDiv = this.googleMap.getDiv();
+    const panorama = new this.google.maps.StreetViewPanorama(mapDiv, config);
+    return panorama;
+  }
+  registerStreetViewEvents() {
+    if (!this.google || !this.googleMap) {
+      return;
+    }
+    const panorama = this.googleMap.getStreetView();
+    this.google.maps.event.addListener(panorama, "pov_changed", () => {
+      this.updateStreetViewInputs();
+      this.emitChange();
+    });
+    this.google.maps.event.addListener(panorama, "position_changed", () => {
+      const pos = panorama.getPosition();
+      this.setPosition(pos);
+      this.emitChange();
+    });
+  }
+  unregisterStreetViewEvents() {
+    if (!this.google || !this.googleMap) {
+      return;
+    }
+    const panorama = this.googleMap.getStreetView();
+    this.google.maps.event.clearInstanceListeners(panorama);
+  }
+  updateStreetViewInputs() {
+    if (!this.googleMap) {
+      return;
+    }
+    const streetView = this.googleMap.getStreetView();
+    const pov = streetView.getPov();
+    if (pov.pitch !== void 0 && this.pitchInput) {
+      this.pitchInput.value = pov.pitch.toString();
+    }
+    if (pov.heading !== void 0 && this.headingInput) {
+      this.headingInput.value = pov.heading.toString();
+    }
+    if (this.zoomViewInput) {
+      this.zoomViewInput.value = streetView.getZoom().toString();
+    }
+    this.setValue();
+  }
+  toggleStreetView() {
+    const isStreetViewMode = this.modeSwitcher?.checked || false;
+    if (isStreetViewMode) {
+      this.activateStreetView();
+    } else {
+      this.deactivateStreetView();
+    }
+    this.setValue();
+  }
+  activateStreetView() {
+    if (!this.googleMap) {
+      return;
+    }
+    const panorama = this.createPanorama();
+    if (panorama) {
+      this.googleMap.setStreetView(panorama);
+      this.googleMap.setOptions({
+        streetViewControl: true
+      });
+      this.registerStreetViewEvents();
+      this.updateStreetViewInputs();
+      this.toggleUIElements();
+      setTimeout(() => {
+        if (panorama.getStatus() !== this.google.maps.StreetViewStatus.OK) {
+          alert("\u6307\u5B9A\u306E\u4F4D\u7F6E\u306B\u30B9\u30C8\u30EA\u30FC\u30C8\u30D3\u30E5\u30FC\u304C\u3042\u308A\u307E\u305B\u3093\u3002\u30B9\u30C8\u30EA\u30FC\u30C8\u30D3\u30E5\u30FC\u306E\u7BC4\u56F2\u306B\u30DA\u30B0\u30DE\u30F3\u3092\u30C9\u30ED\u30C3\u30D7\u3057\u3066\u304F\u3060\u3055\u3044\u3002");
+        }
+      }, 1e3);
+    }
+  }
+  deactivateStreetView() {
+    if (this.googleMap) {
+      this.googleMap.setStreetView(null);
+      this.googleMap.setOptions({
+        streetViewControl: false
+      });
+    }
+    this.resetStreetViewInputs();
+    this.unregisterStreetViewEvents();
+    this.toggleUIElements();
+  }
+  resetStreetViewInputs() {
+    if (this.headingInput) {
+      this.headingInput.value = "";
+    }
+    if (this.pitchInput) {
+      this.pitchInput.value = "";
+    }
+    if (this.zoomViewInput) {
+      this.zoomViewInput.value = "";
+    }
+    this.setValue();
+  }
+  toggleUIElements() {
+    const isStreetViewMode = this.modeSwitcher?.checked || false;
+    const streetviewTable = this.container.querySelector(".js-streetview-table");
+    const mapTable = this.container.querySelector(".js-map-table");
+    if (streetviewTable) {
+      streetviewTable.style.display = isStreetViewMode ? "block" : "none";
+    }
+    if (mapTable) {
+      mapTable.style.display = isStreetViewMode ? "none" : "block";
+    }
+  }
+  setupSearch() {
+    if (!this.searchInput || !this.searchButton) {
+      return;
+    }
+    this.searchInput.disabled = false;
+    this.searchButton.disabled = false;
+    const handleClick = (event) => {
+      event.preventDefault();
+      this.performSearch();
+    };
+    const handleKeydown = (event) => {
+      if (event.keyCode === 13) {
+        event.preventDefault();
+        this.searchButton?.click();
+      }
+    };
+    this.searchButton.addEventListener("click", handleClick);
+    this.searchInput.addEventListener("keydown", handleKeydown);
+    this.eventRegistry.set(this.searchButton, [{ type: "click", listener: handleClick }]);
+    this.eventRegistry.set(this.searchInput, [{ type: "keydown", listener: handleKeydown }]);
+  }
+  async performSearch() {
+    if (!this.google || !this.searchInput || !this.searchButton) {
+      return;
+    }
+    const address = this.searchInput.value;
+    if (!address) {
+      return;
+    }
+    this.searchInput.disabled = true;
+    this.searchButton.disabled = true;
+    const geocoder = new this.google.maps.Geocoder();
+    try {
+      const results = await new Promise((resolve, reject) => {
+        geocoder.geocode({ address }, (results2, status) => {
+          if (status === this.google.maps.GeocoderStatus.OK && results2) {
+            resolve(results2);
+          } else {
+            reject(new Error(`Geocoding failed: ${status}`));
+          }
+        });
+      });
+      if (results.length > 0) {
+        this.setPosition(results[0].geometry.location);
+        this.emitChange();
+      }
+    } catch (error) {
+      console.error("Search failed:", error);
+    } finally {
+      this.searchInput.disabled = false;
+      this.searchButton.disabled = false;
+    }
+  }
+  setPosition(latLng) {
+    if (this.googleMap) {
+      this.googleMap.panTo(latLng);
+    }
+    if (this.googleMapMarker) {
+      this.googleMapMarker.setPosition(latLng);
+    }
+    const lat = Math.round(latLng.lat() * 1e6);
+    const lng = Math.round(latLng.lng() * 1e6);
+    this.latInput.value = (lat / 1e6).toString();
+    this.lngInput.value = (lng / 1e6).toString();
+    this.setValue();
+  }
+  setValue() {
+    const lat = parseFloat(this.latInput.value) || this.options.defaultValue?.lat || 0;
+    const lng = parseFloat(this.lngInput.value) || this.options.defaultValue?.lng || 0;
+    const zoom = parseInt(this.zoomInput.value, 10) || this.options.defaultValue?.zoom || 14;
+    const heading = this.headingInput ? parseFloat(this.headingInput.value) || this.options.defaultValue?.streetView?.heading || 0 : 0;
+    const pitch = this.pitchInput ? parseFloat(this.pitchInput.value) || this.options.defaultValue?.streetView?.pitch || 0 : 0;
+    const zoomView = this.zoomViewInput ? parseFloat(this.zoomViewInput.value) || this.options.defaultValue?.streetView?.zoomView || 0 : 0;
+    const type = this.modeSwitcher && this.modeSwitcher.checked ? "STREETVIEW" : "ROADMAP";
+    const newValue = {
+      type,
+      lat,
+      lng,
+      zoom,
+      streetView: { heading, pitch, zoomView }
+    };
+    this.value = {
+      ...this.value,
+      ...newValue
+    };
+    return this;
+  }
+  emitChange() {
+    if (this.options.onChange) {
+      this.options.onChange(this.value);
+    }
+  }
+  getMap() {
+    return this.googleMap;
+  }
+  destroy() {
+    this.unregisterMapEvents();
+    this.unregisterStreetViewEvents();
+    if (this.googleMapMarker) {
+      this.googleMapMarker.setMap(null);
+    }
+    for (const [element, listeners] of this.eventRegistry) {
+      listeners.forEach(({ type, listener, options }) => {
+        element.removeEventListener(type, listener, options);
+      });
+    }
+    this.eventRegistry.clear();
+    const mapDiv = this.googleMap?.getDiv();
+    if (mapDiv) {
+      this.mapRoot.removeChild(mapDiv);
+    }
+    this.googleMap = null;
+    this.googleMapMarker = null;
+    this.google = null;
+  }
+};
+
+// src/google-maps/picker/index.ts
+function setupGoogleMapsPicker(element, options = {}) {
+  if (element.googleMapsPicker) {
+    return element.googleMapsPicker;
+  }
+  const picker = new GoogleMapsPicker(element, options);
+  picker.init();
+  element.googleMapsPicker = picker;
+  return picker;
+}
+export {
+  setupGoogleMapsPicker as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/google-maps/picker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/google-maps/picker/google-maps-picker.ts","../../../src/google-maps/picker/index.ts"],"sourcesContent":["import loadGoogleMap from '../loader';\n\nexport interface GoogleMapsValue {\n  type: 'ROADMAP' | 'STREETVIEW';\n  lat: number;\n  lng: number;\n  zoom: number;\n  streetView: {\n    heading: number;\n    pitch: number;\n    zoomView: number;\n  };\n}\n\nexport interface GoogleMapsPickerOptions {\n  // DOM要素セレクターまたは要素自体\n  latInput: string | HTMLInputElement;\n  lngInput: string | HTMLInputElement;\n  zoomInput: string | HTMLInputElement;\n  pitchInput?: string | HTMLInputElement;\n  zoomViewInput?: string | HTMLInputElement;\n  headingInput?: string | HTMLInputElement;\n  modeSwitcher?: string | HTMLInputElement;\n  searchInput?: string | HTMLInputElement;\n  searchButton?: string | HTMLButtonElement;\n  mapRoot?: string | HTMLElement;\n\n  // コールバック\n  onChange?: (value: GoogleMapsValue | null) => void;\n\n  // 設定\n  apiKey: string;\n  defaultValue?: Partial<GoogleMapsValue>;\n  mapOptions?: google.maps.MapOptions;\n}\n\nconst defaultOptions: GoogleMapsPickerOptions = {\n  latInput: '.js-map_editable-lat, input[name^=\"map_lat_\"]',\n  lngInput: '.js-map_editable-lng, input[name^=\"map_lng_\"]',\n  zoomInput: '.js-map_editable-zoom, input[name^=\"map_zoom_\"]',\n  pitchInput: '.js-map_editable-pitch, input[name^=\"map_view_pitch_\"]',\n  zoomViewInput: '.js-map_editable-zoom-view, input[name^=\"map_view_zoom_\"]',\n  headingInput: '.js-map_editable-heading, input[name^=\"map_view_heading_\"]',\n  modeSwitcher: '.js-map_editable-activate, input[type=\"checkbox\"][name^=\"map_view_activate_\"]',\n  searchInput: '.js-editable_map-search_text',\n  searchButton: '.js-editable_map-search_button',\n  mapRoot: '.js-map_editable-container',\n  apiKey: ACMS.Config.googleApiKey,\n};\n\nexport default class GoogleMapsPicker {\n  private options: GoogleMapsPickerOptions;\n\n  private google: typeof google | null = null;\n\n  private googleMap: google.maps.Map | null = null;\n\n  private googleMapMarker: google.maps.Marker | null = null;\n\n  // 状態管理\n  private value: GoogleMapsValue;\n\n  // DOM要素\n  private container: HTMLElement;\n\n  private mapRoot: HTMLElement;\n\n  private latInput!: HTMLInputElement;\n\n  private lngInput!: HTMLInputElement;\n\n  private zoomInput!: HTMLInputElement;\n\n  private pitchInput: HTMLInputElement | null = null;\n\n  private zoomViewInput: HTMLInputElement | null = null;\n\n  private headingInput: HTMLInputElement | null = null;\n\n  private modeSwitcher: HTMLInputElement | null = null;\n\n  private searchInput: HTMLInputElement | null = null;\n\n  private searchButton: HTMLButtonElement | null = null;\n\n  // イベントリスナー管理\n  private eventRegistry: Map<\n    Element | Document,\n    Array<{\n      type: string;\n      listener: EventListener;\n      options?: AddEventListenerOptions;\n    }>\n  > = new Map();\n\n  constructor(elementOrSelector: string | HTMLElement, options: Partial<GoogleMapsPickerOptions>) {\n    const container =\n      typeof elementOrSelector === 'string'\n        ? document.querySelector<HTMLElement>(elementOrSelector)\n        : elementOrSelector;\n\n    if (!container) {\n      throw new Error('Container element not found');\n    }\n\n    this.container = container;\n    this.options = {\n      ...defaultOptions,\n      ...options,\n    };\n\n    const latInput = this.getInputElement(this.options.latInput, this.container);\n    const lngInput = this.getInputElement(this.options.lngInput, this.container);\n    const zoomInput = this.getInputElement(this.options.zoomInput, this.container);\n    const pitchInput = this.getInputElement(this.options.pitchInput, this.container);\n    const zoomViewInput = this.getInputElement(this.options.zoomViewInput, this.container);\n    const headingInput = this.getInputElement(this.options.headingInput, this.container);\n    const modeSwitcher = this.getInputElement(this.options.modeSwitcher, this.container);\n    const searchInput = this.getInputElement(this.options.searchInput, this.container);\n    const searchButton = this.getButtonElement(this.options.searchButton, this.container);\n    const mapRoot = this.getElement(this.options.mapRoot, this.container);\n    // 必須要素のバリデーション\n    if (!latInput) {\n      throw new Error('Latitude input element is required');\n    }\n\n    if (!lngInput) {\n      throw new Error('Longitude input element is required');\n    }\n\n    if (!zoomInput) {\n      throw new Error('Zoom input element is required');\n    }\n\n    if (!mapRoot) {\n      throw new Error('Map root element is required');\n    }\n\n    this.latInput = latInput;\n    this.lngInput = lngInput;\n    this.zoomInput = zoomInput;\n    this.pitchInput = pitchInput;\n    this.zoomViewInput = zoomViewInput;\n    this.headingInput = headingInput;\n    this.modeSwitcher = modeSwitcher;\n    this.searchInput = searchInput;\n    this.searchButton = searchButton;\n    this.mapRoot = mapRoot;\n\n    this.value = {\n      type: 'ROADMAP',\n      lat: 0,\n      lng: 0,\n      zoom: 0,\n      streetView: {\n        heading: 0,\n        pitch: 0,\n        zoomView: 0,\n      },\n      ...this.options.defaultValue,\n    };\n\n    if (mapRoot instanceof HTMLImageElement) {\n      // compatibility\n      const div = document.createElement('div');\n      div.className = mapRoot.className;\n\n      // style をコピー\n      div.style.cssText = getComputedStyle(mapRoot).cssText;\n\n      // サイズを固定\n      div.style.width = `${mapRoot.width}px`;\n      div.style.height = `${mapRoot.height}px`;\n      mapRoot.parentNode?.replaceChild(div, mapRoot);\n      this.mapRoot = div;\n    }\n  }\n\n  async init(): Promise<GoogleMapsPicker> {\n    if (this.google) {\n      return this;\n    }\n\n    try {\n      // Google Maps API読み込み\n      this.google = await loadGoogleMap(this.options.apiKey);\n\n      this.setValue();\n      // イベントリスナー設定\n      this.setupEventListeners();\n\n      // マップ作成\n      this.createMap(this.options.mapOptions);\n      this.toggleStreetView();\n\n      return this;\n    } catch (error) {\n      throw new Error(`Failed to initialize Google Maps: ${error}`, { cause: error });\n    }\n  }\n\n  // DOM要素取得のヘルパーメソッド\n  private getElement<T extends HTMLElement = HTMLElement>(\n    elementOrSelector: string | T | undefined,\n    context: HTMLElement = document.body\n  ): T | null {\n    if (!elementOrSelector) return null;\n\n    if (typeof elementOrSelector === 'string') {\n      // コンテナ自身がセレクタに一致するかチェック\n      if (context.matches && context.matches(elementOrSelector)) {\n        return context as T;\n      }\n      return context.querySelector<T>(elementOrSelector);\n    }\n\n    return elementOrSelector;\n  }\n\n  private getInputElement(\n    elementOrSelector: string | HTMLInputElement | undefined,\n    context: HTMLElement = document.body\n  ): HTMLInputElement | null {\n    const element = this.getElement(elementOrSelector, context);\n    return element instanceof HTMLInputElement ? element : null;\n  }\n\n  private getButtonElement(\n    elementOrSelector: string | HTMLButtonElement | undefined,\n    context: HTMLElement = document.body\n  ): HTMLButtonElement | null {\n    const element = this.getElement(elementOrSelector, context);\n    return element instanceof HTMLButtonElement ? element : null;\n  }\n\n  private setupEventListeners(): void {\n    const handleLatLngChange = () => {\n      if (!this.google) {\n        return;\n      }\n\n      this.setValue();\n\n      const center = new this.google.maps.LatLng(this.value.lat, this.value.lng);\n      if (this.googleMap) {\n        this.googleMap.panTo(center);\n      }\n      if (this.googleMapMarker) {\n        this.googleMapMarker.setPosition(center);\n      }\n      this.emitChange();\n    };\n    this.latInput.addEventListener('change', handleLatLngChange);\n    this.lngInput.addEventListener('change', handleLatLngChange);\n    this.eventRegistry.set(this.latInput, [{ type: 'change', listener: handleLatLngChange }]);\n    this.eventRegistry.set(this.lngInput, [{ type: 'change', listener: handleLatLngChange }]);\n\n    // ズーム変更イベント\n    if (this.zoomInput) {\n      const handleZoomChange = () => {\n        if (this.googleMap) {\n          // 入力値を取り込んでから setZoom する。逆順だと古い zoom がマップに適用され、\n          // zoom_changed イベント経由で入力欄が元の値に巻き戻る\n          this.setValue();\n          this.googleMap.setZoom(this.value.zoom);\n          this.emitChange();\n        }\n      };\n      this.zoomInput.addEventListener('change', handleZoomChange);\n      this.eventRegistry.set(this.zoomInput, [{ type: 'change', listener: handleZoomChange }]);\n    }\n\n    // ストリートビュー有効化チェックボックス\n    if (this.modeSwitcher) {\n      const handleModeChange = () => {\n        this.toggleStreetView();\n        this.emitChange();\n      };\n      this.modeSwitcher.addEventListener('change', handleModeChange);\n      this.eventRegistry.set(this.modeSwitcher, [{ type: 'change', listener: handleModeChange }]);\n    }\n\n    // 検索機能\n    this.setupSearch();\n  }\n\n  private createMap(options: google.maps.MapOptions = {}): void {\n    if (!this.google) {\n      return;\n    }\n\n    const div = document.createElement('div');\n    div.style.height = '100%';\n\n    this.mapRoot.replaceChildren(div);\n\n    const center = new this.google.maps.LatLng(this.value.lat, this.value.lng);\n\n    this.googleMap = new this.google.maps.Map(div, {\n      zoom: this.value.zoom,\n      center,\n      mapTypeId: this.google.maps.MapTypeId.ROADMAP,\n      gestureHandling: 'cooperative',\n      ...options,\n    });\n\n    this.registerMapEvents();\n    this.createMarker();\n  }\n\n  private registerMapEvents(): void {\n    if (!this.google || !this.googleMap) {\n      return;\n    }\n\n    // ズームイベント\n    if (this.zoomInput) {\n      this.google.maps.event.addListener(this.googleMap, 'zoom_changed', () => {\n        if (this.googleMap && this.zoomInput) {\n          this.zoomInput.value = this.googleMap.getZoom().toString();\n          this.setValue();\n          this.emitChange();\n        }\n      });\n    }\n  }\n\n  private unregisterMapEvents(): void {\n    if (!this.google || !this.googleMap) {\n      return;\n    }\n    this.google.maps.event.clearInstanceListeners(this.googleMap);\n  }\n\n  private createMarker(): void {\n    if (!this.google || !this.googleMap) {\n      return;\n    }\n\n    const center = this.googleMap.getCenter();\n    this.googleMapMarker = new this.google.maps.Marker({\n      position: center,\n      map: this.googleMap,\n      draggable: true,\n    });\n\n    this.google.maps.event.addListener(this.googleMapMarker, 'dragend', (event) => {\n      this.setPosition(event.latLng);\n      this.emitChange();\n    });\n  }\n\n  private createPanorama(): google.maps.StreetViewPanorama | null {\n    if (!this.google || !this.googleMap) {\n      return null;\n    }\n\n    const center = this.googleMap.getCenter();\n    const config: google.maps.StreetViewPanoramaOptions = {\n      position: {\n        lat: center.lat(),\n        lng: center.lng(),\n      },\n      pov: {\n        heading: this.value.streetView.heading,\n        pitch: this.value.streetView.pitch,\n      },\n      zoom: this.value.streetView.zoomView,\n    };\n\n    // マップのdiv要素を取得\n    const mapDiv = this.googleMap.getDiv();\n    const panorama = new this.google!.maps.StreetViewPanorama(mapDiv, config);\n    return panorama;\n  }\n\n  private registerStreetViewEvents(): void {\n    if (!this.google || !this.googleMap) {\n      return;\n    }\n\n    const panorama = this.googleMap.getStreetView();\n\n    // POV変更イベント\n    this.google.maps.event.addListener(panorama, 'pov_changed', () => {\n      this.updateStreetViewInputs();\n      this.emitChange();\n    });\n\n    // 位置変更イベント\n    this.google.maps.event.addListener(panorama, 'position_changed', () => {\n      const pos = panorama.getPosition();\n      this.setPosition(pos);\n      this.emitChange();\n    });\n  }\n\n  private unregisterStreetViewEvents(): void {\n    if (!this.google || !this.googleMap) {\n      return;\n    }\n    const panorama = this.googleMap.getStreetView();\n    this.google.maps.event.clearInstanceListeners(panorama);\n  }\n\n  private updateStreetViewInputs(): void {\n    if (!this.googleMap) {\n      return;\n    }\n\n    const streetView = this.googleMap.getStreetView();\n\n    const pov = streetView.getPov();\n    if (pov.pitch !== undefined && this.pitchInput) {\n      this.pitchInput.value = pov.pitch.toString();\n    }\n    if (pov.heading !== undefined && this.headingInput) {\n      this.headingInput.value = pov.heading.toString();\n    }\n    if (this.zoomViewInput) {\n      this.zoomViewInput.value = streetView.getZoom().toString();\n    }\n    this.setValue();\n  }\n\n  private toggleStreetView(): void {\n    const isStreetViewMode = this.modeSwitcher?.checked || false;\n\n    if (isStreetViewMode) {\n      this.activateStreetView();\n    } else {\n      this.deactivateStreetView();\n    }\n\n    this.setValue();\n  }\n\n  private activateStreetView(): void {\n    if (!this.googleMap) {\n      return;\n    }\n\n    const panorama = this.createPanorama();\n    if (panorama) {\n      this.googleMap.setStreetView(panorama);\n      this.googleMap.setOptions({\n        streetViewControl: true,\n      });\n      this.registerStreetViewEvents();\n      this.updateStreetViewInputs();\n      this.toggleUIElements();\n\n      setTimeout(() => {\n        if (panorama.getStatus() !== this.google!.maps.StreetViewStatus.OK) {\n          alert('指定の位置にストリートビューがありません。ストリートビューの範囲にペグマンをドロップしてください。');\n        }\n      }, 1000);\n    }\n  }\n\n  private deactivateStreetView(): void {\n    // ストリートビューをクリア\n    if (this.googleMap) {\n      this.googleMap.setStreetView(null);\n      this.googleMap.setOptions({\n        streetViewControl: false,\n      });\n    }\n\n    this.resetStreetViewInputs();\n    this.unregisterStreetViewEvents();\n    this.toggleUIElements();\n  }\n\n  private resetStreetViewInputs(): void {\n    if (this.headingInput) {\n      this.headingInput.value = '';\n    }\n    if (this.pitchInput) {\n      this.pitchInput.value = '';\n    }\n    if (this.zoomViewInput) {\n      this.zoomViewInput.value = '';\n    }\n    this.setValue();\n  }\n\n  private toggleUIElements(): void {\n    const isStreetViewMode = this.modeSwitcher?.checked || false;\n\n    const streetviewTable = this.container.querySelector<HTMLElement>('.js-streetview-table');\n    const mapTable = this.container.querySelector<HTMLElement>('.js-map-table');\n\n    if (streetviewTable) {\n      streetviewTable.style.display = isStreetViewMode ? 'block' : 'none';\n    }\n    if (mapTable) {\n      mapTable.style.display = isStreetViewMode ? 'none' : 'block';\n    }\n  }\n\n  private setupSearch(): void {\n    if (!this.searchInput || !this.searchButton) {\n      return;\n    }\n\n    this.searchInput.disabled = false;\n    this.searchButton.disabled = false;\n\n    const handleClick = (event: Event) => {\n      event.preventDefault();\n      this.performSearch();\n    };\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.keyCode === 13) {\n        event.preventDefault();\n        this.searchButton?.click();\n      }\n    };\n\n    this.searchButton.addEventListener('click', handleClick);\n    this.searchInput.addEventListener('keydown', handleKeydown);\n    this.eventRegistry.set(this.searchButton, [{ type: 'click', listener: handleClick }]);\n    this.eventRegistry.set(this.searchInput, [{ type: 'keydown', listener: handleKeydown as EventListener }]);\n  }\n\n  private async performSearch(): Promise<void> {\n    if (!this.google || !this.searchInput || !this.searchButton) {\n      return;\n    }\n\n    const address = this.searchInput.value;\n    if (!address) {\n      return;\n    }\n\n    this.searchInput.disabled = true;\n    this.searchButton.disabled = true;\n\n    const geocoder = new this.google.maps.Geocoder();\n\n    try {\n      const results = await new Promise<google.maps.GeocoderResult[]>((resolve, reject) => {\n        geocoder.geocode({ address }, (results, status) => {\n          if (status === this.google!.maps.GeocoderStatus.OK && results) {\n            resolve(results);\n          } else {\n            reject(new Error(`Geocoding failed: ${status}`));\n          }\n        });\n      });\n\n      if (results.length > 0) {\n        this.setPosition(results[0].geometry.location);\n        this.emitChange();\n      }\n    } catch (error) {\n      console.error('Search failed:', error);\n    } finally {\n      this.searchInput.disabled = false;\n      this.searchButton.disabled = false;\n    }\n  }\n\n  private setPosition(latLng: google.maps.LatLng): void {\n    if (this.googleMap) {\n      this.googleMap.panTo(latLng);\n    }\n    if (this.googleMapMarker) {\n      this.googleMapMarker.setPosition(latLng);\n    }\n\n    const lat = Math.round(latLng.lat() * 1000000);\n    const lng = Math.round(latLng.lng() * 1000000);\n\n    this.latInput.value = (lat / 1000000).toString();\n    this.lngInput.value = (lng / 1000000).toString();\n\n    this.setValue();\n  }\n\n  private setValue(): GoogleMapsPicker {\n    const lat = parseFloat(this.latInput.value) || this.options.defaultValue?.lat || 0;\n    const lng = parseFloat(this.lngInput.value) || this.options.defaultValue?.lng || 0;\n    const zoom = parseInt(this.zoomInput.value, 10) || this.options.defaultValue?.zoom || 14;\n    const heading = this.headingInput\n      ? parseFloat(this.headingInput.value) || this.options.defaultValue?.streetView?.heading || 0\n      : 0;\n    const pitch = this.pitchInput\n      ? parseFloat(this.pitchInput.value) || this.options.defaultValue?.streetView?.pitch || 0\n      : 0;\n    const zoomView = this.zoomViewInput\n      ? parseFloat(this.zoomViewInput.value) || this.options.defaultValue?.streetView?.zoomView || 0\n      : 0;\n    const type = this.modeSwitcher && this.modeSwitcher.checked ? 'STREETVIEW' : 'ROADMAP';\n\n    const newValue: GoogleMapsValue = {\n      type,\n      lat,\n      lng,\n      zoom,\n      streetView: { heading, pitch, zoomView },\n    };\n\n    this.value = {\n      ...this.value,\n      ...newValue,\n    };\n\n    return this;\n  }\n\n  private emitChange(): void {\n    if (this.options.onChange) {\n      this.options.onChange(this.value);\n    }\n  }\n\n  getMap(): google.maps.Map | null {\n    return this.googleMap;\n  }\n\n  destroy(): void {\n    // Google Maps APIのイベントリスナーを削除\n    this.unregisterMapEvents();\n    this.unregisterStreetViewEvents();\n    if (this.googleMapMarker) {\n      this.googleMapMarker.setMap(null);\n    }\n\n    // Vanilla JSイベントリスナーを削除\n    for (const [element, listeners] of this.eventRegistry) {\n      listeners.forEach(({ type, listener, options }) => {\n        element.removeEventListener(type, listener, options);\n      });\n    }\n    this.eventRegistry.clear();\n\n    // プレビューを元に戻す\n    const mapDiv = this.googleMap?.getDiv() as HTMLElement | null;\n    if (mapDiv) {\n      this.mapRoot.removeChild(mapDiv);\n    }\n\n    // インスタンス変数をクリア\n    this.googleMap = null;\n    this.googleMapMarker = null;\n    this.google = null;\n  }\n}\n","import type { GoogleMapsPickerOptions } from './google-maps-picker';\nimport GoogleMapsPicker from './google-maps-picker';\n\nexport default function setupGoogleMapsPicker(\n  element: HTMLElement & { googleMapsPicker?: GoogleMapsPicker },\n  options: Partial<GoogleMapsPickerOptions> = {}\n): GoogleMapsPicker {\n  if (element.googleMapsPicker) {\n    return element.googleMapsPicker;\n  }\n\n  const picker = new GoogleMapsPicker(element, options);\n\n  picker.init();\n\n  element.googleMapsPicker = picker;\n\n  return picker;\n}\n"],"mappings":";;;;;AAoCA,IAAM,iBAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ,KAAK,OAAO;AACtB;AAEA,IAAqB,mBAArB,MAAsC;AAAA,EAC5B;AAAA,EAEA,SAA+B;AAAA,EAE/B,YAAoC;AAAA,EAEpC,kBAA6C;AAAA;AAAA,EAG7C;AAAA;AAAA,EAGA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA,aAAsC;AAAA,EAEtC,gBAAyC;AAAA,EAEzC,eAAwC;AAAA,EAExC,eAAwC;AAAA,EAExC,cAAuC;AAAA,EAEvC,eAAyC;AAAA;AAAA,EAGzC,gBAOJ,oBAAI,IAAI;AAAA,EAEZ,YAAY,mBAAyC,SAA2C;AAC9F,UAAM,YACJ,OAAO,sBAAsB,WACzB,SAAS,cAA2B,iBAAiB,IACrD;AAEN,QAAI,CAAC,WAAW;AACd,YAAM,IAAI,MAAM,6BAA6B;AAAA,IAC/C;AAEA,SAAK,YAAY;AACjB,SAAK,UAAU;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,UAAM,WAAW,KAAK,gBAAgB,KAAK,QAAQ,UAAU,KAAK,SAAS;AAC3E,UAAM,WAAW,KAAK,gBAAgB,KAAK,QAAQ,UAAU,KAAK,SAAS;AAC3E,UAAM,YAAY,KAAK,gBAAgB,KAAK,QAAQ,WAAW,KAAK,SAAS;AAC7E,UAAM,aAAa,KAAK,gBAAgB,KAAK,QAAQ,YAAY,KAAK,SAAS;AAC/E,UAAM,gBAAgB,KAAK,gBAAgB,KAAK,QAAQ,eAAe,KAAK,SAAS;AACrF,UAAM,eAAe,KAAK,gBAAgB,KAAK,QAAQ,cAAc,KAAK,SAAS;AACnF,UAAM,eAAe,KAAK,gBAAgB,KAAK,QAAQ,cAAc,KAAK,SAAS;AACnF,UAAM,cAAc,KAAK,gBAAgB,KAAK,QAAQ,aAAa,KAAK,SAAS;AACjF,UAAM,eAAe,KAAK,iBAAiB,KAAK,QAAQ,cAAc,KAAK,SAAS;AACpF,UAAM,UAAU,KAAK,WAAW,KAAK,QAAQ,SAAS,KAAK,SAAS;AAEpE,QAAI,CAAC,UAAU;AACb,YAAM,IAAI,MAAM,oCAAoC;AAAA,IACtD;AAEA,QAAI,CAAC,UAAU;AACb,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAEA,QAAI,CAAC,WAAW;AACd,YAAM,IAAI,MAAM,gCAAgC;AAAA,IAClD;AAEA,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,8BAA8B;AAAA,IAChD;AAEA,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,YAAY;AACjB,SAAK,aAAa;AAClB,SAAK,gBAAgB;AACrB,SAAK,eAAe;AACpB,SAAK,eAAe;AACpB,SAAK,cAAc;AACnB,SAAK,eAAe;AACpB,SAAK,UAAU;AAEf,SAAK,QAAQ;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,YAAY;AAAA,QACV,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA,GAAG,KAAK,QAAQ;AAAA,IAClB;AAEA,QAAI,mBAAmB,kBAAkB;AAEvC,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,YAAY,QAAQ;AAGxB,UAAI,MAAM,UAAU,iBAAiB,OAAO,EAAE;AAG9C,UAAI,MAAM,QAAQ,GAAG,QAAQ,KAAK;AAClC,UAAI,MAAM,SAAS,GAAG,QAAQ,MAAM;AACpC,cAAQ,YAAY,aAAa,KAAK,OAAO;AAC7C,WAAK,UAAU;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,MAAM,OAAkC;AACtC,QAAI,KAAK,QAAQ;AACf,aAAO;AAAA,IACT;AAEA,QAAI;AAEF,WAAK,SAAS,MAAM,eAAc,KAAK,QAAQ,MAAM;AAErD,WAAK,SAAS;AAEd,WAAK,oBAAoB;AAGzB,WAAK,UAAU,KAAK,QAAQ,UAAU;AACtC,WAAK,iBAAiB;AAEtB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,YAAM,IAAI,MAAM,qCAAqC,KAAK,IAAI,EAAE,OAAO,MAAM,CAAC;AAAA,IAChF;AAAA,EACF;AAAA;AAAA,EAGQ,WACN,mBACA,UAAuB,SAAS,MACtB;AACV,QAAI,CAAC,kBAAmB,QAAO;AAE/B,QAAI,OAAO,sBAAsB,UAAU;AAEzC,UAAI,QAAQ,WAAW,QAAQ,QAAQ,iBAAiB,GAAG;AACzD,eAAO;AAAA,MACT;AACA,aAAO,QAAQ,cAAiB,iBAAiB;AAAA,IACnD;AAEA,WAAO;AAAA,EACT;AAAA,EAEQ,gBACN,mBACA,UAAuB,SAAS,MACP;AACzB,UAAM,UAAU,KAAK,WAAW,mBAAmB,OAAO;AAC1D,WAAO,mBAAmB,mBAAmB,UAAU;AAAA,EACzD;AAAA,EAEQ,iBACN,mBACA,UAAuB,SAAS,MACN;AAC1B,UAAM,UAAU,KAAK,WAAW,mBAAmB,OAAO;AAC1D,WAAO,mBAAmB,oBAAoB,UAAU;AAAA,EAC1D;AAAA,EAEQ,sBAA4B;AAClC,UAAM,qBAAqB,MAAM;AAC/B,UAAI,CAAC,KAAK,QAAQ;AAChB;AAAA,MACF;AAEA,WAAK,SAAS;AAEd,YAAM,SAAS,IAAI,KAAK,OAAO,KAAK,OAAO,KAAK,MAAM,KAAK,KAAK,MAAM,GAAG;AACzE,UAAI,KAAK,WAAW;AAClB,aAAK,UAAU,MAAM,MAAM;AAAA,MAC7B;AACA,UAAI,KAAK,iBAAiB;AACxB,aAAK,gBAAgB,YAAY,MAAM;AAAA,MACzC;AACA,WAAK,WAAW;AAAA,IAClB;AACA,SAAK,SAAS,iBAAiB,UAAU,kBAAkB;AAC3D,SAAK,SAAS,iBAAiB,UAAU,kBAAkB;AAC3D,SAAK,cAAc,IAAI,KAAK,UAAU,CAAC,EAAE,MAAM,UAAU,UAAU,mBAAmB,CAAC,CAAC;AACxF,SAAK,cAAc,IAAI,KAAK,UAAU,CAAC,EAAE,MAAM,UAAU,UAAU,mBAAmB,CAAC,CAAC;AAGxF,QAAI,KAAK,WAAW;AAClB,YAAM,mBAAmB,MAAM;AAC7B,YAAI,KAAK,WAAW;AAGlB,eAAK,SAAS;AACd,eAAK,UAAU,QAAQ,KAAK,MAAM,IAAI;AACtC,eAAK,WAAW;AAAA,QAClB;AAAA,MACF;AACA,WAAK,UAAU,iBAAiB,UAAU,gBAAgB;AAC1D,WAAK,cAAc,IAAI,KAAK,WAAW,CAAC,EAAE,MAAM,UAAU,UAAU,iBAAiB,CAAC,CAAC;AAAA,IACzF;AAGA,QAAI,KAAK,cAAc;AACrB,YAAM,mBAAmB,MAAM;AAC7B,aAAK,iBAAiB;AACtB,aAAK,WAAW;AAAA,MAClB;AACA,WAAK,aAAa,iBAAiB,UAAU,gBAAgB;AAC7D,WAAK,cAAc,IAAI,KAAK,cAAc,CAAC,EAAE,MAAM,UAAU,UAAU,iBAAiB,CAAC,CAAC;AAAA,IAC5F;AAGA,SAAK,YAAY;AAAA,EACnB;AAAA,EAEQ,UAAU,UAAkC,CAAC,GAAS;AAC5D,QAAI,CAAC,KAAK,QAAQ;AAChB;AAAA,IACF;AAEA,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,MAAM,SAAS;AAEnB,SAAK,QAAQ,gBAAgB,GAAG;AAEhC,UAAM,SAAS,IAAI,KAAK,OAAO,KAAK,OAAO,KAAK,MAAM,KAAK,KAAK,MAAM,GAAG;AAEzE,SAAK,YAAY,IAAI,KAAK,OAAO,KAAK,IAAI,KAAK;AAAA,MAC7C,MAAM,KAAK,MAAM;AAAA,MACjB;AAAA,MACA,WAAW,KAAK,OAAO,KAAK,UAAU;AAAA,MACtC,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,CAAC;AAED,SAAK,kBAAkB;AACvB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEQ,oBAA0B;AAChC,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC;AAAA,IACF;AAGA,QAAI,KAAK,WAAW;AAClB,WAAK,OAAO,KAAK,MAAM,YAAY,KAAK,WAAW,gBAAgB,MAAM;AACvE,YAAI,KAAK,aAAa,KAAK,WAAW;AACpC,eAAK,UAAU,QAAQ,KAAK,UAAU,QAAQ,EAAE,SAAS;AACzD,eAAK,SAAS;AACd,eAAK,WAAW;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,sBAA4B;AAClC,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC;AAAA,IACF;AACA,SAAK,OAAO,KAAK,MAAM,uBAAuB,KAAK,SAAS;AAAA,EAC9D;AAAA,EAEQ,eAAqB;AAC3B,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC;AAAA,IACF;AAEA,UAAM,SAAS,KAAK,UAAU,UAAU;AACxC,SAAK,kBAAkB,IAAI,KAAK,OAAO,KAAK,OAAO;AAAA,MACjD,UAAU;AAAA,MACV,KAAK,KAAK;AAAA,MACV,WAAW;AAAA,IACb,CAAC;AAED,SAAK,OAAO,KAAK,MAAM,YAAY,KAAK,iBAAiB,WAAW,CAAC,UAAU;AAC7E,WAAK,YAAY,MAAM,MAAM;AAC7B,WAAK,WAAW;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EAEQ,iBAAwD;AAC9D,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,KAAK,UAAU,UAAU;AACxC,UAAM,SAAgD;AAAA,MACpD,UAAU;AAAA,QACR,KAAK,OAAO,IAAI;AAAA,QAChB,KAAK,OAAO,IAAI;AAAA,MAClB;AAAA,MACA,KAAK;AAAA,QACH,SAAS,KAAK,MAAM,WAAW;AAAA,QAC/B,OAAO,KAAK,MAAM,WAAW;AAAA,MAC/B;AAAA,MACA,MAAM,KAAK,MAAM,WAAW;AAAA,IAC9B;AAGA,UAAM,SAAS,KAAK,UAAU,OAAO;AACrC,UAAM,WAAW,IAAI,KAAK,OAAQ,KAAK,mBAAmB,QAAQ,MAAM;AACxE,WAAO;AAAA,EACT;AAAA,EAEQ,2BAAiC;AACvC,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,UAAU,cAAc;AAG9C,SAAK,OAAO,KAAK,MAAM,YAAY,UAAU,eAAe,MAAM;AAChE,WAAK,uBAAuB;AAC5B,WAAK,WAAW;AAAA,IAClB,CAAC;AAGD,SAAK,OAAO,KAAK,MAAM,YAAY,UAAU,oBAAoB,MAAM;AACrE,YAAM,MAAM,SAAS,YAAY;AACjC,WAAK,YAAY,GAAG;AACpB,WAAK,WAAW;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EAEQ,6BAAmC;AACzC,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAW;AACnC;AAAA,IACF;AACA,UAAM,WAAW,KAAK,UAAU,cAAc;AAC9C,SAAK,OAAO,KAAK,MAAM,uBAAuB,QAAQ;AAAA,EACxD;AAAA,EAEQ,yBAA+B;AACrC,QAAI,CAAC,KAAK,WAAW;AACnB;AAAA,IACF;AAEA,UAAM,aAAa,KAAK,UAAU,cAAc;AAEhD,UAAM,MAAM,WAAW,OAAO;AAC9B,QAAI,IAAI,UAAU,UAAa,KAAK,YAAY;AAC9C,WAAK,WAAW,QAAQ,IAAI,MAAM,SAAS;AAAA,IAC7C;AACA,QAAI,IAAI,YAAY,UAAa,KAAK,cAAc;AAClD,WAAK,aAAa,QAAQ,IAAI,QAAQ,SAAS;AAAA,IACjD;AACA,QAAI,KAAK,eAAe;AACtB,WAAK,cAAc,QAAQ,WAAW,QAAQ,EAAE,SAAS;AAAA,IAC3D;AACA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,mBAAyB;AAC/B,UAAM,mBAAmB,KAAK,cAAc,WAAW;AAEvD,QAAI,kBAAkB;AACpB,WAAK,mBAAmB;AAAA,IAC1B,OAAO;AACL,WAAK,qBAAqB;AAAA,IAC5B;AAEA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,qBAA2B;AACjC,QAAI,CAAC,KAAK,WAAW;AACnB;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,eAAe;AACrC,QAAI,UAAU;AACZ,WAAK,UAAU,cAAc,QAAQ;AACrC,WAAK,UAAU,WAAW;AAAA,QACxB,mBAAmB;AAAA,MACrB,CAAC;AACD,WAAK,yBAAyB;AAC9B,WAAK,uBAAuB;AAC5B,WAAK,iBAAiB;AAEtB,iBAAW,MAAM;AACf,YAAI,SAAS,UAAU,MAAM,KAAK,OAAQ,KAAK,iBAAiB,IAAI;AAClE,gBAAM,wSAAmD;AAAA,QAC3D;AAAA,MACF,GAAG,GAAI;AAAA,IACT;AAAA,EACF;AAAA,EAEQ,uBAA6B;AAEnC,QAAI,KAAK,WAAW;AAClB,WAAK,UAAU,cAAc,IAAI;AACjC,WAAK,UAAU,WAAW;AAAA,QACxB,mBAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAEA,SAAK,sBAAsB;AAC3B,SAAK,2BAA2B;AAChC,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEQ,wBAA8B;AACpC,QAAI,KAAK,cAAc;AACrB,WAAK,aAAa,QAAQ;AAAA,IAC5B;AACA,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,QAAQ;AAAA,IAC1B;AACA,QAAI,KAAK,eAAe;AACtB,WAAK,cAAc,QAAQ;AAAA,IAC7B;AACA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,mBAAyB;AAC/B,UAAM,mBAAmB,KAAK,cAAc,WAAW;AAEvD,UAAM,kBAAkB,KAAK,UAAU,cAA2B,sBAAsB;AACxF,UAAM,WAAW,KAAK,UAAU,cAA2B,eAAe;AAE1E,QAAI,iBAAiB;AACnB,sBAAgB,MAAM,UAAU,mBAAmB,UAAU;AAAA,IAC/D;AACA,QAAI,UAAU;AACZ,eAAS,MAAM,UAAU,mBAAmB,SAAS;AAAA,IACvD;AAAA,EACF;AAAA,EAEQ,cAAoB;AAC1B,QAAI,CAAC,KAAK,eAAe,CAAC,KAAK,cAAc;AAC3C;AAAA,IACF;AAEA,SAAK,YAAY,WAAW;AAC5B,SAAK,aAAa,WAAW;AAE7B,UAAM,cAAc,CAAC,UAAiB;AACpC,YAAM,eAAe;AACrB,WAAK,cAAc;AAAA,IACrB;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,MAAM,YAAY,IAAI;AACxB,cAAM,eAAe;AACrB,aAAK,cAAc,MAAM;AAAA,MAC3B;AAAA,IACF;AAEA,SAAK,aAAa,iBAAiB,SAAS,WAAW;AACvD,SAAK,YAAY,iBAAiB,WAAW,aAAa;AAC1D,SAAK,cAAc,IAAI,KAAK,cAAc,CAAC,EAAE,MAAM,SAAS,UAAU,YAAY,CAAC,CAAC;AACpF,SAAK,cAAc,IAAI,KAAK,aAAa,CAAC,EAAE,MAAM,WAAW,UAAU,cAA+B,CAAC,CAAC;AAAA,EAC1G;AAAA,EAEA,MAAc,gBAA+B;AAC3C,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,eAAe,CAAC,KAAK,cAAc;AAC3D;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,YAAY;AACjC,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,SAAK,YAAY,WAAW;AAC5B,SAAK,aAAa,WAAW;AAE7B,UAAM,WAAW,IAAI,KAAK,OAAO,KAAK,SAAS;AAE/C,QAAI;AACF,YAAM,UAAU,MAAM,IAAI,QAAsC,CAAC,SAAS,WAAW;AACnF,iBAAS,QAAQ,EAAE,QAAQ,GAAG,CAACA,UAAS,WAAW;AACjD,cAAI,WAAW,KAAK,OAAQ,KAAK,eAAe,MAAMA,UAAS;AAC7D,oBAAQA,QAAO;AAAA,UACjB,OAAO;AACL,mBAAO,IAAI,MAAM,qBAAqB,MAAM,EAAE,CAAC;AAAA,UACjD;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAED,UAAI,QAAQ,SAAS,GAAG;AACtB,aAAK,YAAY,QAAQ,CAAC,EAAE,SAAS,QAAQ;AAC7C,aAAK,WAAW;AAAA,MAClB;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,kBAAkB,KAAK;AAAA,IACvC,UAAE;AACA,WAAK,YAAY,WAAW;AAC5B,WAAK,aAAa,WAAW;AAAA,IAC/B;AAAA,EACF;AAAA,EAEQ,YAAY,QAAkC;AACpD,QAAI,KAAK,WAAW;AAClB,WAAK,UAAU,MAAM,MAAM;AAAA,IAC7B;AACA,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,YAAY,MAAM;AAAA,IACzC;AAEA,UAAM,MAAM,KAAK,MAAM,OAAO,IAAI,IAAI,GAAO;AAC7C,UAAM,MAAM,KAAK,MAAM,OAAO,IAAI,IAAI,GAAO;AAE7C,SAAK,SAAS,SAAS,MAAM,KAAS,SAAS;AAC/C,SAAK,SAAS,SAAS,MAAM,KAAS,SAAS;AAE/C,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,WAA6B;AACnC,UAAM,MAAM,WAAW,KAAK,SAAS,KAAK,KAAK,KAAK,QAAQ,cAAc,OAAO;AACjF,UAAM,MAAM,WAAW,KAAK,SAAS,KAAK,KAAK,KAAK,QAAQ,cAAc,OAAO;AACjF,UAAM,OAAO,SAAS,KAAK,UAAU,OAAO,EAAE,KAAK,KAAK,QAAQ,cAAc,QAAQ;AACtF,UAAM,UAAU,KAAK,eACjB,WAAW,KAAK,aAAa,KAAK,KAAK,KAAK,QAAQ,cAAc,YAAY,WAAW,IACzF;AACJ,UAAM,QAAQ,KAAK,aACf,WAAW,KAAK,WAAW,KAAK,KAAK,KAAK,QAAQ,cAAc,YAAY,SAAS,IACrF;AACJ,UAAM,WAAW,KAAK,gBAClB,WAAW,KAAK,cAAc,KAAK,KAAK,KAAK,QAAQ,cAAc,YAAY,YAAY,IAC3F;AACJ,UAAM,OAAO,KAAK,gBAAgB,KAAK,aAAa,UAAU,eAAe;AAE7E,UAAM,WAA4B;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE,SAAS,OAAO,SAAS;AAAA,IACzC;AAEA,SAAK,QAAQ;AAAA,MACX,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL;AAEA,WAAO;AAAA,EACT;AAAA,EAEQ,aAAmB;AACzB,QAAI,KAAK,QAAQ,UAAU;AACzB,WAAK,QAAQ,SAAS,KAAK,KAAK;AAAA,IAClC;AAAA,EACF;AAAA,EAEA,SAAiC;AAC/B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,UAAgB;AAEd,SAAK,oBAAoB;AACzB,SAAK,2BAA2B;AAChC,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,OAAO,IAAI;AAAA,IAClC;AAGA,eAAW,CAAC,SAAS,SAAS,KAAK,KAAK,eAAe;AACrD,gBAAU,QAAQ,CAAC,EAAE,MAAM,UAAU,QAAQ,MAAM;AACjD,gBAAQ,oBAAoB,MAAM,UAAU,OAAO;AAAA,MACrD,CAAC;AAAA,IACH;AACA,SAAK,cAAc,MAAM;AAGzB,UAAM,SAAS,KAAK,WAAW,OAAO;AACtC,QAAI,QAAQ;AACV,WAAK,QAAQ,YAAY,MAAM;AAAA,IACjC;AAGA,SAAK,YAAY;AACjB,SAAK,kBAAkB;AACvB,SAAK,SAAS;AAAA,EAChB;AACF;;;ACvoBe,SAAR,sBACL,SACA,UAA4C,CAAC,GAC3B;AAClB,MAAI,QAAQ,kBAAkB;AAC5B,WAAO,QAAQ;AAAA,EACjB;AAEA,QAAM,SAAS,IAAI,iBAAiB,SAAS,OAAO;AAEpD,SAAO,KAAK;AAEZ,UAAQ,mBAAmB;AAE3B,SAAO;AACT;","names":["results"]}

package/dist/google-maps/street-view.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (element: HTMLElement) => Promise<void>;
+export default _default;

package/dist/google-maps/street-view.mjs

@@ -0,0 +1,25 @@
+import {
+  loader_default
+} from "../chunk-ZPZHEKTI.mjs";
+
+// src/google-maps/street-view.ts
+var street_view_default = async (element) => {
+  const lat = parseFloat(element.getAttribute("data-lat") ?? "0");
+  const lng = parseFloat(element.getAttribute("data-lng") ?? "0");
+  let pitch = parseFloat(element.getAttribute("data-pitch") ?? "0");
+  let heading = parseFloat(element.getAttribute("data-heading") ?? "0");
+  let zoom = parseFloat(element.getAttribute("data-zoom") ?? "0");
+  pitch = Number.isNaN(pitch) ? 0 : pitch;
+  heading = Number.isNaN(heading) ? 0 : heading;
+  zoom = Number.isNaN(zoom) ? 0 : zoom;
+  const google = await loader_default(ACMS.Config.googleApiKey);
+  new google.maps.StreetViewPanorama(element, {
+    position: { lat, lng },
+    pov: { heading, pitch },
+    zoom
+  });
+};
+export {
+  street_view_default as default
+};
+//# sourceMappingURL=street-view.mjs.map

package/dist/google-maps/street-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/google-maps/street-view.ts"],"sourcesContent":["import loadGoogleMap from './loader';\n\nexport default async (element: HTMLElement) => {\n  const lat = parseFloat(element.getAttribute('data-lat') ?? '0');\n  const lng = parseFloat(element.getAttribute('data-lng') ?? '0');\n  let pitch = parseFloat(element.getAttribute('data-pitch') ?? '0');\n  let heading = parseFloat(element.getAttribute('data-heading') ?? '0');\n  let zoom = parseFloat(element.getAttribute('data-zoom') ?? '0');\n  pitch = Number.isNaN(pitch) ? 0 : pitch;\n  heading = Number.isNaN(heading) ? 0 : heading;\n  zoom = Number.isNaN(zoom) ? 0 : zoom;\n\n  const google = await loadGoogleMap(ACMS.Config.googleApiKey);\n\n  new google.maps.StreetViewPanorama(element, {\n    position: { lat, lng },\n    pov: { heading, pitch },\n    zoom,\n  });\n};\n"],"mappings":";;;;;AAEA,IAAO,sBAAQ,OAAO,YAAyB;AAC7C,QAAM,MAAM,WAAW,QAAQ,aAAa,UAAU,KAAK,GAAG;AAC9D,QAAM,MAAM,WAAW,QAAQ,aAAa,UAAU,KAAK,GAAG;AAC9D,MAAI,QAAQ,WAAW,QAAQ,aAAa,YAAY,KAAK,GAAG;AAChE,MAAI,UAAU,WAAW,QAAQ,aAAa,cAAc,KAAK,GAAG;AACpE,MAAI,OAAO,WAAW,QAAQ,aAAa,WAAW,KAAK,GAAG;AAC9D,UAAQ,OAAO,MAAM,KAAK,IAAI,IAAI;AAClC,YAAU,OAAO,MAAM,OAAO,IAAI,IAAI;AACtC,SAAO,OAAO,MAAM,IAAI,IAAI,IAAI;AAEhC,QAAM,SAAS,MAAM,eAAc,KAAK,OAAO,YAAY;AAE3D,MAAI,OAAO,KAAK,mBAAmB,SAAS;AAAA,IAC1C,UAAU,EAAE,KAAK,IAAI;AAAA,IACrB,KAAK,EAAE,SAAS,MAAM;AAAA,IACtB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/htmx/geolocation.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/htmx/geolocation.mjs

@@ -0,0 +1,40 @@
+// src/htmx/geolocation.ts
+import htmx from "htmx.org";
+(function() {
+  let isRequesting = false;
+  htmx.defineExtension("acms-geolocation", {
+    onEvent(name, event) {
+      if (name === "htmx:beforeRequest") {
+        if (isRequesting) {
+          return true;
+        }
+        const { requestConfig } = event.detail;
+        event.preventDefault();
+        ACMS.Library.geolocation(
+          (latitude, longitude) => {
+            const { formData } = requestConfig;
+            formData.append("lat", latitude.toString());
+            formData.append("lng", longitude.toString());
+            formData.append("query[]", "lat");
+            formData.append("query[]", "lng");
+            isRequesting = true;
+            htmx.ajax(requestConfig.verb, requestConfig.path, {
+              source: requestConfig.elt,
+              event: requestConfig.triggeringEvent,
+              target: requestConfig.target,
+              values: requestConfig.parameters,
+              headers: requestConfig.headers
+            }).finally(() => {
+              isRequesting = false;
+            });
+          },
+          (message) => {
+            window.alert(message);
+          }
+        );
+      }
+      return true;
+    }
+  });
+})();
+//# sourceMappingURL=geolocation.mjs.map

package/dist/htmx/geolocation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/htmx/geolocation.ts"],"sourcesContent":["import htmx from 'htmx.org';\n\n(function () {\n  /**\n   * リクエスト中かどうかを管理するフラグ\n   */\n  let isRequesting = false;\n  htmx.defineExtension('acms-geolocation', {\n    onEvent(name, event) {\n      if (name === 'htmx:beforeRequest') {\n        if (isRequesting) {\n          // リクエスト中の場合は処理をスキップ\n          return true;\n        }\n        const { requestConfig } = event.detail;\n\n        event.preventDefault(); // 一旦リクエストをキャンセル\n\n        ACMS.Library.geolocation(\n          (latitude: number, longitude: number) => {\n            const { formData } = requestConfig;\n            // 緯度・経度の hidden フィールドを追加\n            formData.append('lat', latitude.toString());\n            formData.append('lng', longitude.toString());\n            formData.append('query[]', 'lat');\n            formData.append('query[]', 'lng');\n\n            // 改めてリクエストを送信\n            isRequesting = true;\n            htmx\n              .ajax(requestConfig.verb, requestConfig.path, {\n                source: requestConfig.elt,\n                event: requestConfig.triggeringEvent,\n                target: requestConfig.target,\n                values: requestConfig.parameters,\n                headers: requestConfig.headers,\n              })\n              .finally(() => {\n                // リクエストが完了したらフラグをリセット\n                isRequesting = false;\n              });\n          },\n          (message: string) => {\n            window.alert(message);\n          }\n        );\n      }\n      return true;\n    },\n  });\n})();\n"],"mappings":";AAAA,OAAO,UAAU;AAAA,CAEhB,WAAY;AAIX,MAAI,eAAe;AACnB,OAAK,gBAAgB,oBAAoB;AAAA,IACvC,QAAQ,MAAM,OAAO;AACnB,UAAI,SAAS,sBAAsB;AACjC,YAAI,cAAc;AAEhB,iBAAO;AAAA,QACT;AACA,cAAM,EAAE,cAAc,IAAI,MAAM;AAEhC,cAAM,eAAe;AAErB,aAAK,QAAQ;AAAA,UACX,CAAC,UAAkB,cAAsB;AACvC,kBAAM,EAAE,SAAS,IAAI;AAErB,qBAAS,OAAO,OAAO,SAAS,SAAS,CAAC;AAC1C,qBAAS,OAAO,OAAO,UAAU,SAAS,CAAC;AAC3C,qBAAS,OAAO,WAAW,KAAK;AAChC,qBAAS,OAAO,WAAW,KAAK;AAGhC,2BAAe;AACf,iBACG,KAAK,cAAc,MAAM,cAAc,MAAM;AAAA,cAC5C,QAAQ,cAAc;AAAA,cACtB,OAAO,cAAc;AAAA,cACrB,QAAQ,cAAc;AAAA,cACtB,QAAQ,cAAc;AAAA,cACtB,SAAS,cAAc;AAAA,YACzB,CAAC,EACA,QAAQ,MAAM;AAEb,6BAAe;AAAA,YACjB,CAAC;AAAA,UACL;AAAA,UACA,CAAC,YAAoB;AACnB,mBAAO,MAAM,OAAO;AAAA,UACtB;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH,GAAG;","names":[]}

package/dist/icons.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;