@mhmo91/schmancy 0.10.4 → 0.10.6

package/dist/{map-Dhy3ta9v.js → map-CEreveeI.js}

@@ -1,4 +1,4 @@
-import { s as e } from "./mixins-CcIWET41.js";
+import { s as e } from "./mixins-Dw6hVfy-.js";
 import { t } from "./decorate-23nYs4Le.js";
 import { EMPTY as n, Observable as r, of as i } from "rxjs";
 import { catchError as a, finalize as o, shareReplay as s, switchMap as c, takeUntil as l, tap as u } from "rxjs/operators";

package/dist/{map-Dhy3ta9v.js.map → map-CEreveeI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"map-Dhy3ta9v.js","names":[],"sources":["../src/map/map.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { of, EMPTY, Observable } from 'rxjs'\nimport { switchMap, tap, catchError, takeUntil, finalize, shareReplay } from 'rxjs/operators'\n\ninterface GoogleMapsAPI {\n  maps: {\n    Map: new (element: HTMLElement, options: any) => any\n    Marker: new (options: any) => any\n    Geocoder: new () => any\n    LatLng: new (lat: number, lng: number) => any\n    MapTypeId: {\n      ROADMAP: string\n      SATELLITE: string\n      HYBRID: string\n      TERRAIN: string\n    }\n  }\n}\n\ndeclare global {\n  interface Window {\n    google?: GoogleMapsAPI\n    initGoogleMaps?: () => void\n    __schmancyGoogleMapsLoading?: Observable<boolean>\n  }\n}\n\n// Singleton for managing Google Maps script loading\n// oxlint-disable-next-line typescript/no-extraneous-class\nclass GoogleMapsLoader {\n  private static loading$?: Observable<boolean>\n\n  static load(apiKey: string): Observable<boolean> {\n    // If already loaded, return success\n    if (window.google?.maps) {\n      return of(true)\n    }\n\n    // If already loading, return the existing observable\n    if (this.loading$) {\n      return this.loading$\n    }\n\n    // Create a new loading observable\n    this.loading$ = new Observable<boolean>(observer => {\n      // Check again if loaded while waiting\n      if (window.google?.maps) {\n        observer.next(true)\n        observer.complete()\n        return\n      }\n\n      const script = document.createElement('script')\n      // Using places library instead of geometry for geocoding\n      script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&callback=initGoogleMaps&v=weekly`\n      script.async = true\n      script.defer = true\n\n      window.initGoogleMaps = () => {\n        observer.next(true)\n        observer.complete()\n      }\n\n      script.addEventListener('error', (error) => {\n        console.error('Google Maps script loading error:', error)\n        observer.error(new Error('Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized.'))\n      }, { once: true })\n\n      document.head.appendChild(script)\n    }).pipe(\n      shareReplay(1) // Share the result among all subscribers\n    )\n\n    return this.loading$\n  }\n}\n\n/**\n * `<schmancy-map>` component\n *\n * A Google Maps component with an intuitive API for displaying interactive or static maps.\n * Supports both address strings (with automatic geocoding) and precise coordinates.\n *\n * @element schmancy-map\n *\n * @example\n * <!-- Simple address -->\n * <schmancy-map address=\"Times Square, New York\"></schmancy-map>\n *\n * @example\n * <!-- With coordinates -->\n * <schmancy-map latitude=\"40.758\" longitude=\"-73.985\" zoom=\"17\"></schmancy-map>\n *\n * @example\n * <!-- Satellite view -->\n * <schmancy-map address=\"Grand Canyon\" type=\"satellite\" height=\"500px\"></schmancy-map>\n *\n * @example\n * <!-- Static map -->\n * <schmancy-map address=\"Eiffel Tower, Paris\" interactive=\"false\" controls=\"false\"></schmancy-map>\n */\n@customElement('schmancy-map')\nexport default class SchmancyMap extends SchmancyElement {\n\tstatic styles = [css`\n  :host {\n    display: block;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: var(--schmancy-sys-color-surface-container);\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  :host([height]) {\n    height: var(--map-height);\n  }\n  \n  .map-container {\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n  }\n  \n  .loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    padding: 24px;\n    text-align: center;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    color: var(--schmancy-sys-color-error-default);\n  }\n  \n  .error-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  .error-message {\n    font-size: 14px;\n    color: var(--schmancy-sys-color-surface-onVariant);\n    line-height: 1.5;\n  }\n`];\n  /**\n   * Simple address string that automatically geocodes to display the location.\n   * Takes precedence over latitude/longitude if both are provided.\n   */\n  @property({ type: String })\n  address: string = ''\n\n  /**\n   * Latitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  latitude?: number\n\n  /**\n   * Longitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  longitude?: number\n\n  /**\n   * Map zoom level. Higher numbers show more detail.\n   * @default 15\n   */\n  @property({ type: Number })\n  zoom: number = 15\n\n  /**\n   * Height of the map with CSS unit (e.g., \"400px\", \"50vh\").\n   * @default \"400px\"\n   */\n  @property({ type: String, reflect: true })\n  height: string = '400px'\n\n  /**\n   * Whether to show a marker at the location.\n   * @default true\n   */\n  @property({ type: Boolean })\n  marker: boolean = true\n\n  /**\n   * Tooltip text for the location marker.\n   */\n  @property({ type: String })\n  markerTitle: string = ''\n\n  /**\n   * Map display type.\n   * Options: \"roadmap\", \"satellite\", \"hybrid\", \"terrain\"\n   * @default \"roadmap\"\n   */\n  @property({ type: String })\n  type: 'roadmap' | 'satellite' | 'hybrid' | 'terrain' = 'roadmap'\n\n  /**\n   * Whether users can interact with the map (pan, zoom, click).\n   * @default true\n   */\n  @property({ type: Boolean })\n  interactive: boolean = true\n\n  /**\n   * Whether to show map controls (zoom buttons, fullscreen, etc.).\n   * @default true\n   */\n  @property({ type: Boolean })\n  controls: boolean = true\n\n  /**\n   * Google Maps API key. Required for the map to load.\n   */\n  @property({ type: String })\n  apiKey: string = ''\n\n  @state() private loading: boolean = false\n  @state() private error: string = ''\n\n  private mapRef = createRef<HTMLDivElement>()\n  private map?: any\n  private mapMarker?: any\n  private geocoder?: any\n  private intersectionObserver?: IntersectionObserver\n  private hasLoadedMap = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    \n    // Set CSS custom property for height\n    this.style.setProperty('--map-height', this.height)\n    \n    // Only load map when component becomes visible\n    this.setupIntersectionObserver()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect()\n    }\n  }\n\n  private setupIntersectionObserver() {\n    // Load map only when it's visible in the viewport\n    this.intersectionObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting && !this.hasLoadedMap) {\n            this.hasLoadedMap = true\n            this.loadMap()\n            // Stop observing after loading\n            this.intersectionObserver?.disconnect()\n          }\n        })\n      },\n      {\n        root: null,\n        rootMargin: '50px',\n        threshold: 0.01\n      }\n    )\n    \n    this.intersectionObserver.observe(this)\n  }\n\n  private loadMap() {\n    of(null).pipe(\n      tap(() => {\n        this.loading = true\n        this.error = ''\n      }),\n      switchMap(() => {\n        if (!this.apiKey) {\n          throw new Error('Google Maps API key is required. Please provide it via the apiKey property.')\n        }\n        return GoogleMapsLoader.load(this.apiKey)\n      }),\n      switchMap(() => this.getCoordinates()),\n      tap((coordinates) => {\n        // Store coordinates for later use\n        this.pendingCoordinates = coordinates\n      }),\n      catchError((error) => {\n        console.error('Map loading error:', error)\n        this.error = error.message || 'Failed to load map'\n        return EMPTY\n      }),\n      finalize(() => {\n        this.loading = false\n      }),\n      takeUntil(this.disconnecting)\n    ).subscribe()\n  }\n\n  private pendingCoordinates?: { lat: number; lng: number }\n\n  private getCoordinates() {\n    if (this.address) {\n      return this.geocodeAddress(this.address)\n    }\n\n    if (this.latitude !== undefined && this.longitude !== undefined) {\n      return of({ lat: this.latitude, lng: this.longitude })\n    }\n\n    throw new Error('Either address or latitude/longitude coordinates are required')\n  }\n\n  private geocodeAddress(address: string) {\n    if (!this.geocoder) {\n      this.geocoder = new window.google!.maps.Geocoder()\n    }\n\n    return new Promise<{ lat: number; lng: number }>((resolve, reject) => {\n      this.geocoder.geocode({ address }, (results: any[], status: string) => {\n        if (status === 'OK' && results[0]) {\n          const location = results[0].geometry.location\n          resolve({\n            lat: location.lat(),\n            lng: location.lng()\n          })\n        } else {\n          reject(new Error(`Geocoding failed: ${status}`))\n        }\n      })\n    })\n  }\n\n  private initializeMap(coordinates: { lat: number; lng: number }) {\n    if (!this.mapRef.value || !window.google?.maps) {\n      return\n    }\n\n    const mapOptions = {\n      center: coordinates,\n      zoom: this.zoom,\n      mapTypeId: this.getMapTypeId(),\n      disableDefaultUI: !this.controls,\n      gestureHandling: this.interactive ? 'cooperative' : 'none',\n      zoomControl: this.controls,\n      mapTypeControl: this.controls,\n      scaleControl: this.controls,\n      streetViewControl: this.controls,\n      rotateControl: this.controls,\n      fullscreenControl: this.controls,\n      styles: this.interactive ? undefined : [\n        {\n          featureType: 'poi',\n          stylers: [{ visibility: 'off' }]\n        }\n      ]\n    }\n\n    this.map = new window.google.maps.Map(this.mapRef.value, mapOptions)\n\n    if (this.marker) {\n      this.addMarker(coordinates)\n    }\n  }\n\n  private getMapTypeId(): string {\n    const typeMap = {\n      roadmap: window.google!.maps.MapTypeId.ROADMAP,\n      satellite: window.google!.maps.MapTypeId.SATELLITE,\n      hybrid: window.google!.maps.MapTypeId.HYBRID,\n      terrain: window.google!.maps.MapTypeId.TERRAIN\n    }\n    return typeMap[this.type] || typeMap.roadmap\n  }\n\n  private addMarker(coordinates: { lat: number; lng: number }) {\n    if (!window.google?.maps || !this.map) {\n      return\n    }\n\n    this.mapMarker = new window.google.maps.Marker({\n      position: coordinates,\n      map: this.map,\n      title: this.markerTitle || this.address || 'Location'\n    })\n  }\n\n  protected updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties)\n\n    if (changedProperties.has('height')) {\n      this.style.setProperty('--map-height', this.height)\n    }\n\n    // Initialize map when loading completes and container is ready\n    if (changedProperties.has('loading') && !this.loading && this.pendingCoordinates && !this.map) {\n      // Wait for next frame to ensure map container is rendered\n      requestAnimationFrame(() => {\n        if (this.mapRef.value && this.pendingCoordinates) {\n          this.initializeMap(this.pendingCoordinates)\n          this.pendingCoordinates = undefined\n        }\n      })\n    }\n\n    // Reload map if critical properties change (only if map was already loaded)\n    if (\n      changedProperties.has('address') ||\n      changedProperties.has('latitude') ||\n      changedProperties.has('longitude') ||\n      changedProperties.has('type') ||\n      changedProperties.has('zoom')\n    ) {\n      if (this.map && this.hasLoadedMap) {\n        this.loadMap()\n      }\n    }\n\n    // Update marker title if it changes\n    if (changedProperties.has('markerTitle') && this.mapMarker) {\n      this.mapMarker.setTitle(this.markerTitle || this.address || 'Location')\n    }\n  }\n\n  protected render() {\n    return html`\n      ${when(\n        this.loading,\n        () => html`\n          <div class=\"loading-container\">\n            <schmancy-spinner></schmancy-spinner>\n          </div>\n        `,\n        () => when(\n          this.error,\n          () => html`\n            <div class=\"error-container\">\n              <svg class=\"error-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" \n                      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n              </svg>\n              <div class=\"error-title\">Map could not be loaded</div>\n              <div class=\"error-message\">${this.error}</div>\n            </div>\n          `,\n          () => html`\n            <div class=\"map-container\" ${ref(this.mapRef)}></div>\n          `\n        )\n      )}\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-map': SchmancyMap\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"map-CEreveeI.js","names":[],"sources":["../src/map/map.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { of, EMPTY, Observable } from 'rxjs'\nimport { switchMap, tap, catchError, takeUntil, finalize, shareReplay } from 'rxjs/operators'\n\ninterface GoogleMapsAPI {\n  maps: {\n    Map: new (element: HTMLElement, options: any) => any\n    Marker: new (options: any) => any\n    Geocoder: new () => any\n    LatLng: new (lat: number, lng: number) => any\n    MapTypeId: {\n      ROADMAP: string\n      SATELLITE: string\n      HYBRID: string\n      TERRAIN: string\n    }\n  }\n}\n\ndeclare global {\n  interface Window {\n    google?: GoogleMapsAPI\n    initGoogleMaps?: () => void\n    __schmancyGoogleMapsLoading?: Observable<boolean>\n  }\n}\n\n// Singleton for managing Google Maps script loading\n// oxlint-disable-next-line typescript/no-extraneous-class\nclass GoogleMapsLoader {\n  private static loading$?: Observable<boolean>\n\n  static load(apiKey: string): Observable<boolean> {\n    // If already loaded, return success\n    if (window.google?.maps) {\n      return of(true)\n    }\n\n    // If already loading, return the existing observable\n    if (this.loading$) {\n      return this.loading$\n    }\n\n    // Create a new loading observable\n    this.loading$ = new Observable<boolean>(observer => {\n      // Check again if loaded while waiting\n      if (window.google?.maps) {\n        observer.next(true)\n        observer.complete()\n        return\n      }\n\n      const script = document.createElement('script')\n      // Using places library instead of geometry for geocoding\n      script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&callback=initGoogleMaps&v=weekly`\n      script.async = true\n      script.defer = true\n\n      window.initGoogleMaps = () => {\n        observer.next(true)\n        observer.complete()\n      }\n\n      script.addEventListener('error', (error) => {\n        console.error('Google Maps script loading error:', error)\n        observer.error(new Error('Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized.'))\n      }, { once: true })\n\n      document.head.appendChild(script)\n    }).pipe(\n      shareReplay(1) // Share the result among all subscribers\n    )\n\n    return this.loading$\n  }\n}\n\n/**\n * `<schmancy-map>` component\n *\n * A Google Maps component with an intuitive API for displaying interactive or static maps.\n * Supports both address strings (with automatic geocoding) and precise coordinates.\n *\n * @element schmancy-map\n *\n * @example\n * <!-- Simple address -->\n * <schmancy-map address=\"Times Square, New York\"></schmancy-map>\n *\n * @example\n * <!-- With coordinates -->\n * <schmancy-map latitude=\"40.758\" longitude=\"-73.985\" zoom=\"17\"></schmancy-map>\n *\n * @example\n * <!-- Satellite view -->\n * <schmancy-map address=\"Grand Canyon\" type=\"satellite\" height=\"500px\"></schmancy-map>\n *\n * @example\n * <!-- Static map -->\n * <schmancy-map address=\"Eiffel Tower, Paris\" interactive=\"false\" controls=\"false\"></schmancy-map>\n */\n@customElement('schmancy-map')\nexport default class SchmancyMap extends SchmancyElement {\n\tstatic styles = [css`\n  :host {\n    display: block;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: var(--schmancy-sys-color-surface-container);\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  :host([height]) {\n    height: var(--map-height);\n  }\n  \n  .map-container {\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n  }\n  \n  .loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    padding: 24px;\n    text-align: center;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    color: var(--schmancy-sys-color-error-default);\n  }\n  \n  .error-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  .error-message {\n    font-size: 14px;\n    color: var(--schmancy-sys-color-surface-onVariant);\n    line-height: 1.5;\n  }\n`];\n  /**\n   * Simple address string that automatically geocodes to display the location.\n   * Takes precedence over latitude/longitude if both are provided.\n   */\n  @property({ type: String })\n  address: string = ''\n\n  /**\n   * Latitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  latitude?: number\n\n  /**\n   * Longitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  longitude?: number\n\n  /**\n   * Map zoom level. Higher numbers show more detail.\n   * @default 15\n   */\n  @property({ type: Number })\n  zoom: number = 15\n\n  /**\n   * Height of the map with CSS unit (e.g., \"400px\", \"50vh\").\n   * @default \"400px\"\n   */\n  @property({ type: String, reflect: true })\n  height: string = '400px'\n\n  /**\n   * Whether to show a marker at the location.\n   * @default true\n   */\n  @property({ type: Boolean })\n  marker: boolean = true\n\n  /**\n   * Tooltip text for the location marker.\n   */\n  @property({ type: String })\n  markerTitle: string = ''\n\n  /**\n   * Map display type.\n   * Options: \"roadmap\", \"satellite\", \"hybrid\", \"terrain\"\n   * @default \"roadmap\"\n   */\n  @property({ type: String })\n  type: 'roadmap' | 'satellite' | 'hybrid' | 'terrain' = 'roadmap'\n\n  /**\n   * Whether users can interact with the map (pan, zoom, click).\n   * @default true\n   */\n  @property({ type: Boolean })\n  interactive: boolean = true\n\n  /**\n   * Whether to show map controls (zoom buttons, fullscreen, etc.).\n   * @default true\n   */\n  @property({ type: Boolean })\n  controls: boolean = true\n\n  /**\n   * Google Maps API key. Required for the map to load.\n   */\n  @property({ type: String })\n  apiKey: string = ''\n\n  @state() private loading: boolean = false\n  @state() private error: string = ''\n\n  private mapRef = createRef<HTMLDivElement>()\n  private map?: any\n  private mapMarker?: any\n  private geocoder?: any\n  private intersectionObserver?: IntersectionObserver\n  private hasLoadedMap = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    \n    // Set CSS custom property for height\n    this.style.setProperty('--map-height', this.height)\n    \n    // Only load map when component becomes visible\n    this.setupIntersectionObserver()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect()\n    }\n  }\n\n  private setupIntersectionObserver() {\n    // Load map only when it's visible in the viewport\n    this.intersectionObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting && !this.hasLoadedMap) {\n            this.hasLoadedMap = true\n            this.loadMap()\n            // Stop observing after loading\n            this.intersectionObserver?.disconnect()\n          }\n        })\n      },\n      {\n        root: null,\n        rootMargin: '50px',\n        threshold: 0.01\n      }\n    )\n    \n    this.intersectionObserver.observe(this)\n  }\n\n  private loadMap() {\n    of(null).pipe(\n      tap(() => {\n        this.loading = true\n        this.error = ''\n      }),\n      switchMap(() => {\n        if (!this.apiKey) {\n          throw new Error('Google Maps API key is required. Please provide it via the apiKey property.')\n        }\n        return GoogleMapsLoader.load(this.apiKey)\n      }),\n      switchMap(() => this.getCoordinates()),\n      tap((coordinates) => {\n        // Store coordinates for later use\n        this.pendingCoordinates = coordinates\n      }),\n      catchError((error) => {\n        console.error('Map loading error:', error)\n        this.error = error.message || 'Failed to load map'\n        return EMPTY\n      }),\n      finalize(() => {\n        this.loading = false\n      }),\n      takeUntil(this.disconnecting)\n    ).subscribe()\n  }\n\n  private pendingCoordinates?: { lat: number; lng: number }\n\n  private getCoordinates() {\n    if (this.address) {\n      return this.geocodeAddress(this.address)\n    }\n\n    if (this.latitude !== undefined && this.longitude !== undefined) {\n      return of({ lat: this.latitude, lng: this.longitude })\n    }\n\n    throw new Error('Either address or latitude/longitude coordinates are required')\n  }\n\n  private geocodeAddress(address: string) {\n    if (!this.geocoder) {\n      this.geocoder = new window.google!.maps.Geocoder()\n    }\n\n    return new Promise<{ lat: number; lng: number }>((resolve, reject) => {\n      this.geocoder.geocode({ address }, (results: any[], status: string) => {\n        if (status === 'OK' && results[0]) {\n          const location = results[0].geometry.location\n          resolve({\n            lat: location.lat(),\n            lng: location.lng()\n          })\n        } else {\n          reject(new Error(`Geocoding failed: ${status}`))\n        }\n      })\n    })\n  }\n\n  private initializeMap(coordinates: { lat: number; lng: number }) {\n    if (!this.mapRef.value || !window.google?.maps) {\n      return\n    }\n\n    const mapOptions = {\n      center: coordinates,\n      zoom: this.zoom,\n      mapTypeId: this.getMapTypeId(),\n      disableDefaultUI: !this.controls,\n      gestureHandling: this.interactive ? 'cooperative' : 'none',\n      zoomControl: this.controls,\n      mapTypeControl: this.controls,\n      scaleControl: this.controls,\n      streetViewControl: this.controls,\n      rotateControl: this.controls,\n      fullscreenControl: this.controls,\n      styles: this.interactive ? undefined : [\n        {\n          featureType: 'poi',\n          stylers: [{ visibility: 'off' }]\n        }\n      ]\n    }\n\n    this.map = new window.google.maps.Map(this.mapRef.value, mapOptions)\n\n    if (this.marker) {\n      this.addMarker(coordinates)\n    }\n  }\n\n  private getMapTypeId(): string {\n    const typeMap = {\n      roadmap: window.google!.maps.MapTypeId.ROADMAP,\n      satellite: window.google!.maps.MapTypeId.SATELLITE,\n      hybrid: window.google!.maps.MapTypeId.HYBRID,\n      terrain: window.google!.maps.MapTypeId.TERRAIN\n    }\n    return typeMap[this.type] || typeMap.roadmap\n  }\n\n  private addMarker(coordinates: { lat: number; lng: number }) {\n    if (!window.google?.maps || !this.map) {\n      return\n    }\n\n    this.mapMarker = new window.google.maps.Marker({\n      position: coordinates,\n      map: this.map,\n      title: this.markerTitle || this.address || 'Location'\n    })\n  }\n\n  protected updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties)\n\n    if (changedProperties.has('height')) {\n      this.style.setProperty('--map-height', this.height)\n    }\n\n    // Initialize map when loading completes and container is ready\n    if (changedProperties.has('loading') && !this.loading && this.pendingCoordinates && !this.map) {\n      // Wait for next frame to ensure map container is rendered\n      requestAnimationFrame(() => {\n        if (this.mapRef.value && this.pendingCoordinates) {\n          this.initializeMap(this.pendingCoordinates)\n          this.pendingCoordinates = undefined\n        }\n      })\n    }\n\n    // Reload map if critical properties change (only if map was already loaded)\n    if (\n      changedProperties.has('address') ||\n      changedProperties.has('latitude') ||\n      changedProperties.has('longitude') ||\n      changedProperties.has('type') ||\n      changedProperties.has('zoom')\n    ) {\n      if (this.map && this.hasLoadedMap) {\n        this.loadMap()\n      }\n    }\n\n    // Update marker title if it changes\n    if (changedProperties.has('markerTitle') && this.mapMarker) {\n      this.mapMarker.setTitle(this.markerTitle || this.address || 'Location')\n    }\n  }\n\n  protected render() {\n    return html`\n      ${when(\n        this.loading,\n        () => html`\n          <div class=\"loading-container\">\n            <schmancy-spinner></schmancy-spinner>\n          </div>\n        `,\n        () => when(\n          this.error,\n          () => html`\n            <div class=\"error-container\">\n              <svg class=\"error-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" \n                      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n              </svg>\n              <div class=\"error-title\">Map could not be loaded</div>\n              <div class=\"error-message\">${this.error}</div>\n            </div>\n          `,\n          () => html`\n            <div class=\"map-container\" ${ref(this.mapRef)}></div>\n          `\n        )\n      )}\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-map': SchmancyMap\n  }\n}\n"],"mappings":";;;;;;;;AAiCA,IAAM,IAAN,MAAA;CAGE,OAAA,KAAY,GAAA;AAEV,SAAI,OAAO,QAAQ,OACV,EAAA,CAAG,EAAA,IAIR,AAKJ,KAAK,aAAW,IAAI,GAAoB,MAAA;AAEtC,OAAI,OAAO,QAAQ,KAGjB,QAFA,EAAS,KAAA,CAAK,EAAA,EAAA,KACd,EAAS,UAAA;GAIX,IAAM,IAAS,SAAS,cAAc,SAAA;AAEtC,KAAO,MAAM,+CAA+C,EAAA,qDAC5D,EAAO,QAAA,CAAQ,GACf,EAAO,QAAA,CAAQ,GAEf,OAAO,uBAAA;AACL,MAAS,KAAA,CAAK,EAAA,EACd,EAAS,UAAA;MAGX,EAAO,iBAAiB,UAAU,MAAA;AAEhC,MAAS,MAAM,gBAAI,MAAM,sGAAA,CAAA;MACxB,EAAE,MAAA,CAAM,GAAA,CAAA,EAEX,SAAS,KAAK,YAAY,EAAA;IAAA,CACzB,KACD,EAAY,EAAA,CAAA,EA9BL,KAAK;;GA8DH,IAAA,cAA0B,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,UAqErB,IAAA,KAAA,OAqBH,IAAA,KAAA,SAOE,SAAA,KAAA,SAAA,CAOC,GAAA,KAAA,cAMI,IAAA,KAAA,OAQiC,WAAA,KAAA,cAAA,CAOhC,GAAA,KAAA,WAAA,CAOH,GAAA,KAAA,SAMH,IAAA,KAAA,UAAA,CAEmB,GAAA,KAAA,QACH,IAAA,KAAA,SAEhB,GAAA,EAAA,KAAA,eAAA,CAKM;;CAAA;AAAA,OAAA,SAnJR,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJnB,oBAAA;AACE,QAAM,mBAAA,EAGN,KAAK,MAAM,YAAY,gBAAgB,KAAK,OAAA,EAG5C,KAAK,2BAAA;;CAGP,uBAAA;AACE,QAAM,sBAAA,EACF,KAAK,wBACP,KAAK,qBAAqB,YAAA;;CAI9B,4BAAA;AAEE,OAAK,uBAAuB,IAAI,sBAC7B,MAAA;AACC,KAAQ,SAAQ,MAAA;AACV,MAAM,kBAAA,CAAmB,KAAK,iBAChC,KAAK,eAAA,CAAe,GACpB,KAAK,SAAA,EAEL,KAAK,sBAAsB,YAAA;KAAA;KAIjC;GACE,MAAM;GACN,YAAY;GACZ,WAAW;GAAA,CAAA,EAIf,KAAK,qBAAqB,QAAQ,KAAA;;CAGpC,UAAA;AACE,IAAG,KAAA,CAAM,KACP,QAAA;AACE,QAAK,UAAA,CAAU,GACf,KAAK,QAAQ;IAAA,EAEf,QAAA;AACE,OAAA,CAAK,KAAK,OACR,OAAU,MAAM,8EAAA;AAElB,UAAO,EAAiB,KAAK,KAAK,OAAA;IAAA,EAEpC,QAAgB,KAAK,gBAAA,CAAA,EACrB,GAAK,MAAA;AAEH,QAAK,qBAAqB;IAAA,EAE5B,GAAY,OAEV,KAAK,QAAQ,EAAM,WAAW,sBACvB,GAAA,EAET,QAAA;AACE,QAAK,UAAA,CAAU;IAAA,EAEjB,EAAU,KAAK,cAAA,CAAA,CACf,WAAA;;CAKJ,iBAAA;AACE,MAAI,KAAK,QACP,QAAO,KAAK,eAAe,KAAK,QAAA;AAGlC,MAAI,KAAK,aAAT,KAAsB,KAAa,KAAK,cAA/B,KAA6C,EACpD,QAAO,EAAG;GAAE,KAAK,KAAK;GAAU,KAAK,KAAK;GAAA,CAAA;AAG5C,QAAU,MAAM,gEAAA;;CAGlB,eAAuB,GAAA;AAKrB,SAJK,AACH,KAAK,aAAW,IAAI,OAAO,OAAQ,KAAK,UAAA,EAGnC,IAAI,SAAuC,GAAS,MAAA;AACzD,QAAK,SAAS,QAAQ,EAAE,SAAA,GAAA,GAAY,GAAgB,MAAA;AAClD,QAAI,MAAW,QAAQ,EAAQ,IAAI;KACjC,IAAM,IAAW,EAAQ,GAAG,SAAS;AACrC,OAAQ;MACN,KAAK,EAAS,KAAA;MACd,KAAK,EAAS,KAAA;MAAA,CAAA;UAGhB,GAAO,gBAAI,MAAM,qBAAqB,IAAA,CAAA;KAAA;IAAA;;CAM9C,cAAsB,GAAA;AACpB,MAAA,CAAK,KAAK,OAAO,SAAA,CAAU,OAAO,QAAQ,KACxC;EAGF,IAAM,IAAa;GACjB,QAAQ;GACR,MAAM,KAAK;GACX,WAAW,KAAK,cAAA;GAChB,kBAAA,CAAmB,KAAK;GACxB,iBAAiB,KAAK,cAAc,gBAAgB;GACpD,aAAa,KAAK;GAClB,gBAAgB,KAAK;GACrB,cAAc,KAAK;GACnB,mBAAmB,KAAK;GACxB,eAAe,KAAK;GACpB,mBAAmB,KAAK;GACxB,QAAQ,KAAK,cAAA,KAAc,IAAY,CACrC;IACE,aAAa;IACb,SAAS,CAAC,EAAE,YAAY,OAAA,CAAA;IAAA,CAAA;GAAA;AAK9B,OAAK,MAAM,IAAI,OAAO,OAAO,KAAK,IAAI,KAAK,OAAO,OAAO,EAAA,EAErD,KAAK,UACP,KAAK,UAAU,EAAA;;CAInB,eAAA;EACE,IAAM,IAAU;GACd,SAAS,OAAO,OAAQ,KAAK,UAAU;GACvC,WAAW,OAAO,OAAQ,KAAK,UAAU;GACzC,QAAQ,OAAO,OAAQ,KAAK,UAAU;GACtC,SAAS,OAAO,OAAQ,KAAK,UAAU;GAAA;AAEzC,SAAO,EAAQ,KAAK,SAAS,EAAQ;;CAGvC,UAAkB,GAAA;AACX,SAAO,QAAQ,QAAS,KAAK,QAIlC,KAAK,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO;GAC7C,UAAU;GACV,KAAK,KAAK;GACV,OAAO,KAAK,eAAe,KAAK,WAAW;GAAA,CAAA;;CAI/C,QAAkB,GAAA;AAChB,QAAM,QAAQ,EAAA,EAEV,EAAkB,IAAI,SAAA,IACxB,KAAK,MAAM,YAAY,gBAAgB,KAAK,OAAA,EAI1C,EAAkB,IAAI,UAAA,IAAA,CAAe,KAAK,WAAW,KAAK,sBAAA,CAAuB,KAAK,OAExF,4BAAA;AACM,QAAK,OAAO,SAAS,KAAK,uBAC5B,KAAK,cAAc,KAAK,mBAAA,EACxB,KAAK,qBAAA,KAAqB;IAAA,GAO9B,EAAkB,IAAI,UAAA,IACtB,EAAkB,IAAI,WAAA,IACtB,EAAkB,IAAI,YAAA,IACtB,EAAkB,IAAI,OAAA,IACtB,EAAkB,IAAI,OAAA,KAElB,KAAK,OAAO,KAAK,gBACnB,KAAK,SAAA,EAKL,EAAkB,IAAI,cAAA,IAAkB,KAAK,aAC/C,KAAK,UAAU,SAAS,KAAK,eAAe,KAAK,WAAW,WAAA;;CAIhE,SAAA;AACE,SAAO,CAAI;QACP,EACA,KAAK,eACC,CAAI;;;;iBAKJ,EACJ,KAAK,aACC,CAAI;;;;;;;2CAOuB,KAAK,MAAA;;mBAGhC,CAAI;yCACqB,EAAI,KAAK,OAAA,CAAA;;;;;GA1S/C,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;CAAA,CAAA,CAAA,EAAO,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,EAAA,CAOzC,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,EAAA,CAM3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAQ1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAO3B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAM3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,GAAA,CAAA,EAAO,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CACP,GAAA,CAAA,EAAO,EAAA,WAAA,SAAA,KAAA,EAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA9IT,EAAc,eAAA,CAAA,EAAe,EAAA;AAAA,SAAA,KAAA"}

package/dist/map.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./map-WXeVkx2K.cjs`);exports.SchmancyMap=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./map-BAQ9FEB6.cjs`);exports.SchmancyMap=e.t;

package/dist/map.js

@@ -1,2 +1,2 @@
-import { t as e } from "./map-Dhy3ta9v.js";
+import { t as e } from "./map-CEreveeI.js";
 export { e as SchmancyMap };

package/dist/menu-3yXDZusj.cjs

@@ -0,0 +1,23 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-Db7gjDah.cjs`),t=require(`./decorate-DpFmy0nm.cjs`),n=require(`./overlay.service-k2nCE4pi.cjs`);let r=require(`rxjs`),i=require(`lit/decorators.js`),a=require(`lit`);var o=class extends e.s{constructor(...e){super(...e),this.dismissParentMenu=()=>{this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}}static{this.styles=[a.css`
+	:host {
+		display: block;
+	}
+`]}render(){return a.html`
+			<schmancy-list-item @click=${this.dismissParentMenu}>
+				<slot></slot>
+			</schmancy-list-item>
+		`}};o=t.t([(0,i.customElement)(`schmancy-menu-item`)],o);var s=class extends e.s{constructor(...e){super(...e),this.showMenu=e=>{let t=this.menuSlot?.assignedElements()||[];if(t.length===0)return;let i=document.createElement(`div`);t.forEach(e=>i.appendChild(e)),n.o(i,{anchor:e}).pipe((0,r.takeUntil)(this.disconnecting)).subscribe({complete:()=>t.forEach(e=>this.appendChild(e))})}}static{this.styles=[a.css`
+	:host {
+		position: relative;
+		display: flex;
+	}
+`]}render(){return a.html`
+			<slot name="trigger" @click=${this.showMenu}>
+				<slot name="button" @click=${this.showMenu}>
+					<schmancy-icon-button>more_vert</schmancy-icon-button>
+				</slot>
+			</slot>
+			<div hidden>
+				<slot></slot>
+			</div>
+		`}};t.t([(0,i.query)(`slot:not([name])`)],s.prototype,`menuSlot`,void 0),s=t.t([(0,i.customElement)(`schmancy-menu`)],s);

package/dist/menu-3yXDZusj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-3yXDZusj.cjs","names":[],"sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\tprivate dismissParentMenu = (): void => {\n\t\t// Bubbling 'close' is the protocol the overlay `show()` watches; the\n\t\t// enclosing `<schmancy-menu>` opens the menu via `show()` and this\n\t\t// completes the subscription, so the overlay tears itself down.\n\t\tthis.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${this.dismissParentMenu}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { takeUntil } from 'rxjs'\nimport { show } from '../overlay/overlay.service'\n\n/**\n * Menu Component\n *\n * The overlay renders ONLY the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup. The overlay system\n * handles positioning (anchored at the trigger click) and dismissal.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: `<schmancy-menu-item>` dispatches a bubbling 'close' event on click;\n * the overlay `show()` observable completes and the menu tears down.\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form\n *     @submit=${(e) => e.target.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))}\n *   ></my-settings-form>\n * </schmancy-menu>\n * ```\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in the overlay\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`]\n\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu = (event: MouseEvent): void => {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Move slot items into a fresh container so the overlay can adopt them\n\t\t// without leaving stale references in our shadow tree.\n\t\tconst overlayContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => overlayContainer.appendChild(item))\n\n\t\t// Anchor at the click so the overlay system positions the menu\n\t\t// adjacent to the trigger; subscription completion (any dismissal —\n\t\t// item click → bubbling 'close', backdrop, Esc, disconnect) restores\n\t\t// the items as light DOM so the next open re-projects them.\n\t\tshow(overlayContainer, { anchor: event })\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe({\n\t\t\t\tcomplete: () => menuItems.forEach(item => this.appendChild(item)),\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"mappings":"gOAKe,IAAA,EAAA,cAA+B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,sBAAA,CAW5C,KAAK,cAAc,IAAI,YAAY,QAAS,CAAE,QAAA,CAAS,EAAM,SAAA,CAAU,EAAA,CAAA,CAAA,EAAA,OAAA,KAAA,OAVxD,CAAC,EAAA,GAAG;;;;GAapB,QAAA,CACC,MAAO,GAAA,IAAI;gCACmB,KAAK,kBAAA;;;iCAjBtB,qBAAA,CAAA,CAAqB,EAAA,CCmCrB,IAAA,EAAA,cAA2B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,SAWrB,GAAA,CACnB,IAAM,EAAY,KAAK,UAAU,kBAAA,EAAsB,EAAA,CACvD,GAAI,EAAU,SAAW,EAAG,OAI5B,IAAM,EAAmB,SAAS,cAAc,MAAA,CAChD,EAAU,QAAQ,GAAQ,EAAiB,YAAY,EAAA,CAAA,CAMvD,EAAA,EAAK,EAAkB,CAAE,OAAQ,EAAA,CAAA,CAC/B,MAAA,EAAA,EAAA,WAAe,KAAK,cAAA,CAAA,CACpB,UAAU,CACV,aAAgB,EAAU,QAAQ,GAAQ,KAAK,YAAY,EAAA,CAAA,CAAA,CAAA,EAAA,OAAA,KAAA,OA1B9C,CAAC,EAAA,GAAG;;;;;GA8BpB,QAAA,CACC,MAAO,GAAA,IAAI;iCACoB,KAAK,SAAA;iCACL,KAAK,SAAA;;;;;;;uBA1B9B,mBAAA,CAAA,CAAmB,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eATZ,gBAAA,CAAA,CAAgB,EAAA"}

package/dist/menu-CxChOxWT.js

@@ -0,0 +1,62 @@
+import { s as e } from "./mixins-Dw6hVfy-.js";
+import { t } from "./decorate-23nYs4Le.js";
+import { o as n } from "./overlay.service-B9On2-Aa.js";
+import { takeUntil as r } from "rxjs";
+import { customElement as i, query as a } from "lit/decorators.js";
+import { css as o, html as s } from "lit";
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.dismissParentMenu = () => {
+			this.dispatchEvent(new CustomEvent("close", {
+				bubbles: !0,
+				composed: !0
+			}));
+		};
+	}
+	static {
+		this.styles = [o`
+	:host {
+		display: block;
+	}
+`];
+	}
+	render() {
+		return s`
+			<schmancy-list-item @click=${this.dismissParentMenu}>
+				<slot></slot>
+			</schmancy-list-item>
+		`;
+	}
+};
+c = t([i("schmancy-menu-item")], c);
+var l = class extends e {
+	constructor(...e) {
+		super(...e), this.showMenu = (e) => {
+			let t = this.menuSlot?.assignedElements() || [];
+			if (t.length === 0) return;
+			let i = document.createElement("div");
+			t.forEach((e) => i.appendChild(e)), n(i, { anchor: e }).pipe(r(this.disconnecting)).subscribe({ complete: () => t.forEach((e) => this.appendChild(e)) });
+		};
+	}
+	static {
+		this.styles = [o`
+	:host {
+		position: relative;
+		display: flex;
+	}
+`];
+	}
+	render() {
+		return s`
+			<slot name="trigger" @click=${this.showMenu}>
+				<slot name="button" @click=${this.showMenu}>
+					<schmancy-icon-button>more_vert</schmancy-icon-button>
+				</slot>
+			</slot>
+			<div hidden>
+				<slot></slot>
+			</div>
+		`;
+	}
+};
+t([a("slot:not([name])")], l.prototype, "menuSlot", void 0), l = t([i("schmancy-menu")], l);

package/dist/menu-CxChOxWT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-CxChOxWT.js","names":[],"sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\tprivate dismissParentMenu = (): void => {\n\t\t// Bubbling 'close' is the protocol the overlay `show()` watches; the\n\t\t// enclosing `<schmancy-menu>` opens the menu via `show()` and this\n\t\t// completes the subscription, so the overlay tears itself down.\n\t\tthis.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${this.dismissParentMenu}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { takeUntil } from 'rxjs'\nimport { show } from '../overlay/overlay.service'\n\n/**\n * Menu Component\n *\n * The overlay renders ONLY the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup. The overlay system\n * handles positioning (anchored at the trigger click) and dismissal.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: `<schmancy-menu-item>` dispatches a bubbling 'close' event on click;\n * the overlay `show()` observable completes and the menu tears down.\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form\n *     @submit=${(e) => e.target.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))}\n *   ></my-settings-form>\n * </schmancy-menu>\n * ```\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in the overlay\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`]\n\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu = (event: MouseEvent): void => {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Move slot items into a fresh container so the overlay can adopt them\n\t\t// without leaving stale references in our shadow tree.\n\t\tconst overlayContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => overlayContainer.appendChild(item))\n\n\t\t// Anchor at the click so the overlay system positions the menu\n\t\t// adjacent to the trigger; subscription completion (any dismissal —\n\t\t// item click → bubbling 'close', backdrop, Esc, disconnect) restores\n\t\t// the items as light DOM so the next open re-projects them.\n\t\tshow(overlayContainer, { anchor: event })\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe({\n\t\t\t\tcomplete: () => menuItems.forEach(item => this.appendChild(item)),\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"mappings":";;;;;;AAKe,IAAA,IAAA,cAA+B,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,0BAAA;AAW5C,QAAK,cAAc,IAAI,YAAY,SAAS;IAAE,SAAA,CAAS;IAAM,UAAA,CAAU;IAAA,CAAA,CAAA;;;CAAA;AAAA,OAAA,SAVxD,CAAC,CAAG;;;;;;CAapB,SAAA;AACC,SAAO,CAAI;gCACmB,KAAK,kBAAA;;;;;;OAjBpC,EAAc,qBAAA,CAAA,EAAqB,EAAA;ACmCrB,IAAA,IAAA,cAA2B,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,YAWrB,MAAA;GACnB,IAAM,IAAY,KAAK,UAAU,kBAAA,IAAsB,EAAA;AACvD,OAAI,EAAU,WAAW,EAAG;GAI5B,IAAM,IAAmB,SAAS,cAAc,MAAA;AAChD,KAAU,SAAQ,MAAQ,EAAiB,YAAY,EAAA,CAAA,EAMvD,EAAK,GAAkB,EAAE,QAAQ,GAAA,CAAA,CAC/B,KAAK,EAAU,KAAK,cAAA,CAAA,CACpB,UAAU,EACV,gBAAgB,EAAU,SAAQ,MAAQ,KAAK,YAAY,EAAA,CAAA,EAAA,CAAA;;;CAAA;AAAA,OAAA,SA1B9C,CAAC,CAAG;;;;;;;CA8BpB,SAAA;AACC,SAAO,CAAI;iCACoB,KAAK,SAAA;iCACL,KAAK,SAAA;;;;;;;;;;GA1BpC,EAAM,mBAAA,CAAA,EAAmB,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAT1B,EAAc,gBAAA,CAAA,EAAgB,EAAA"}

package/dist/menu.cjs

@@ -1 +1 @@
-require(`./menu-Cg2aaDjs.cjs`);
+require(`./menu-3yXDZusj.cjs`);

package/dist/menu.js

@@ -1 +1 @@
-import "./menu-Bhd3EapX.js";
+import "./menu-CxChOxWT.js";