@mhmo91/schmancy 0.4.92 → 0.4.93

package/dist/{map-sSS6ACVH.js.map → map-BCQwFMpm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"map-sSS6ACVH.js","sources":["../src/map/map.ts"],"sourcesContent":["import { TailwindElement } 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\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.onerror = (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      }\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 TailwindElement(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, any>) {\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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}
+{"version":3,"file":"map-BCQwFMpm.js","sources":["../src/map/map.ts"],"sourcesContent":["import { TailwindElement } 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\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.onerror = (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      }\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 TailwindElement(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, any>) {\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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}

package/dist/{map-D69SEPpf.cjs → map-DeRVVjHa.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const t=require("lit/decorators.js"),g=require("./tailwind.mixin-B-VcpMHn.cjs"),c=require("lit"),l=require("lit/directives/ref.js"),m=require("lit/directives/when.js"),n=require("rxjs/operators");var y=Object.defineProperty,u=Object.getOwnPropertyDescriptor,r=(e,i,a,o)=>{for(var p,s=o>1?void 0:o?u(i,a):i,d=e.length-1;d>=0;d--)(p=e[d])&&(s=(o?p(i,a,s):p(s))||s);return o&&s&&y(i,a,s),s};class v{static load(i){return window.google?.maps?h.of(!0):(this.loading$||(this.loading$=new h.Observable(a=>{if(window.google?.maps)return a.next(!0),void a.complete();const o=document.createElement("script");o.src=`https://maps.googleapis.com/maps/api/js?key=${i}&libraries=places&callback=initGoogleMaps&v=weekly`,o.async=!0,o.defer=!0,window.initGoogleMaps=()=>{a.next(!0),a.complete()},o.onerror=p=>{a.error(new Error("Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized."))},document.head.appendChild(o)}).pipe(n.shareReplay(1))),this.loading$)}}exports.SchmancyMap=class extends g.TailwindElement(c.css`
+"use strict";const h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const t=require("lit/decorators.js"),g=require("./tailwind.mixin-O9jmUJ7m.cjs"),c=require("lit"),l=require("lit/directives/ref.js"),m=require("lit/directives/when.js"),n=require("rxjs/operators");var y=Object.defineProperty,u=Object.getOwnPropertyDescriptor,r=(e,i,a,o)=>{for(var p,s=o>1?void 0:o?u(i,a):i,d=e.length-1;d>=0;d--)(p=e[d])&&(s=(o?p(i,a,s):p(s))||s);return o&&s&&y(i,a,s),s};class v{static load(i){return window.google?.maps?h.of(!0):(this.loading$||(this.loading$=new h.Observable(a=>{if(window.google?.maps)return a.next(!0),void a.complete();const o=document.createElement("script");o.src=`https://maps.googleapis.com/maps/api/js?key=${i}&libraries=places&callback=initGoogleMaps&v=weekly`,o.async=!0,o.defer=!0,window.initGoogleMaps=()=>{a.next(!0),a.complete()},o.onerror=p=>{a.error(new Error("Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized."))},document.head.appendChild(o)}).pipe(n.shareReplay(1))),this.loading$)}}exports.SchmancyMap=class extends g.TailwindElement(c.css`
   :host {
     display: block;
     position: relative;
@@ -78,4 +78,4 @@
             <div class="map-container" ${l.ref(this.mapRef)}></div>
           `))}
     `}},r([t.property({type:String})],exports.SchmancyMap.prototype,"address",2),r([t.property({type:Number})],exports.SchmancyMap.prototype,"latitude",2),r([t.property({type:Number})],exports.SchmancyMap.prototype,"longitude",2),r([t.property({type:Number})],exports.SchmancyMap.prototype,"zoom",2),r([t.property({type:String,reflect:!0})],exports.SchmancyMap.prototype,"height",2),r([t.property({type:Boolean})],exports.SchmancyMap.prototype,"marker",2),r([t.property({type:String})],exports.SchmancyMap.prototype,"markerTitle",2),r([t.property({type:String})],exports.SchmancyMap.prototype,"type",2),r([t.property({type:Boolean})],exports.SchmancyMap.prototype,"interactive",2),r([t.property({type:Boolean})],exports.SchmancyMap.prototype,"controls",2),r([t.property({type:String})],exports.SchmancyMap.prototype,"apiKey",2),r([t.state()],exports.SchmancyMap.prototype,"loading",2),r([t.state()],exports.SchmancyMap.prototype,"error",2),exports.SchmancyMap=r([t.customElement("schmancy-map")],exports.SchmancyMap);
-//# sourceMappingURL=map-D69SEPpf.cjs.map
+//# sourceMappingURL=map-DeRVVjHa.cjs.map

package/dist/{map-D69SEPpf.cjs.map → map-DeRVVjHa.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"map-D69SEPpf.cjs","sources":["../src/map/map.ts"],"sourcesContent":["import { TailwindElement } 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\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.onerror = (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      }\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 TailwindElement(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, any>) {\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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}
+{"version":3,"file":"map-DeRVVjHa.cjs","sources":["../src/map/map.ts"],"sourcesContent":["import { TailwindElement } 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\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.onerror = (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      }\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 TailwindElement(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, any>) {\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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}

package/dist/map.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./map-D69SEPpf.cjs");Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>e.SchmancyMap});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./map-DeRVVjHa.cjs");Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>e.SchmancyMap});
 //# sourceMappingURL=map.cjs.map

package/dist/map.js

@@ -1,4 +1,4 @@
-import { S as m } from "./map-sSS6ACVH.js";
+import { S as m } from "./map-BCQwFMpm.js";
 export {
   m as SchmancyMap
 };

package/dist/media-CL9LNHic.cjs

@@ -0,0 +1,226 @@
+"use strict";require("rxjs");const b=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const r=require("lit/decorators.js"),y=require("./tailwind.mixin-O9jmUJ7m.cjs"),c=require("lit"),f=require("lit/directives/if-defined.js");var m=Object.getOwnPropertyDescriptor;let v=class extends y.TailwindElement(c.css`
+	:host {
+		display: flex;
+		gap: 0.5rem;
+		padding: 0.5rem 1rem;
+		align-items: center;
+		justify-content: flex-end;
+	}
+`){render(){return c.html`<slot></slot>`}};v=((t,s,a,i)=>{for(var o,e=i>1?void 0:i?m(s,a):s,n=t.length-1;n>=0;n--)(o=t[n])&&(e=o(e)||e);return e})([r.customElement("schmancy-card-action")],v);var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,h=(t,s,a,i)=>{for(var o,e=i>1?void 0:i?w(s,a):s,n=t.length-1;n>=0;n--)(o=t[n])&&(e=(i?o(s,a,e):o(e))||e);return i&&e&&g(s,a,e),e};let l=class extends y.TailwindElement(c.css`
+	:host {
+		display: block;
+		position: relative;
+		border-radius: 12px; /* M3 spec: 12px for cards */
+		transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+		outline: none;
+	}
+
+	/* Type-specific base styles */
+	:host([type='elevated']) {
+		background-color: var(--schmancy-sys-color-surface-low);
+		box-shadow: var(--schmancy-sys-elevation-1);
+	}
+
+	:host([type='filled']) {
+		background-color: var(--schmancy-sys-color-surface-highest);
+		box-shadow: var(--schmancy-sys-elevation-0);
+	}
+
+	:host([type='outlined']) {
+		background-color: var(--schmancy-sys-color-surface-default);
+		border: 1px solid var(--schmancy-sys-color-outline-variant);
+		box-shadow: var(--schmancy-sys-elevation-0);
+	}
+
+	/* Interactive state layers */
+	:host([interactive]) {
+		cursor: pointer;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([interactive]:hover:not([disabled])) .state-layer {
+		opacity: 0.08;
+	}
+
+	:host([interactive]:focus-visible:not([disabled])) .state-layer {
+		opacity: 0.12;
+	}
+
+	:host([interactive][pressed]:not([disabled])) .state-layer {
+		opacity: 0.12;
+	}
+
+	/* Elevated interactive states */
+	:host([type='elevated'][interactive]:hover:not([disabled])) {
+		box-shadow: var(--schmancy-sys-elevation-2);
+	}
+
+	:host([type='elevated'][dragged]) {
+		box-shadow: var(--schmancy-sys-elevation-3);
+	}
+
+	/* Filled interactive states */
+	:host([type='filled'][interactive]:hover:not([disabled])) {
+		box-shadow: var(--schmancy-sys-elevation-1);
+	}
+
+	:host([type='filled'][dragged]) {
+		box-shadow: var(--schmancy-sys-elevation-3);
+	}
+
+	/* Outlined interactive states */
+	:host([type='outlined'][interactive]:hover:not([disabled])) {
+		box-shadow: var(--schmancy-sys-elevation-1);
+	}
+
+	:host([type='outlined'][dragged]) {
+		box-shadow: var(--schmancy-sys-elevation-3);
+	}
+
+	/* Disabled state */
+	:host([disabled]) {
+		pointer-events: none;
+		opacity: 0.38;
+	}
+
+	/* State layer overlay */
+	.state-layer {
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		background-color: var(--schmancy-sys-color-surface-on);
+		opacity: 0;
+		pointer-events: none;
+		transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	/* Focus ring */
+	:host([interactive]:focus-visible:not([disabled])) {
+		outline: 2px solid var(--schmancy-sys-color-primary);
+		outline-offset: 2px;
+	}
+
+	/* Ripple effect container */
+	.ripple-container {
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		overflow: hidden;
+		pointer-events: none;
+	}
+
+	.ripple {
+		position: absolute;
+		border-radius: 50%;
+		transform: scale(0);
+		animation: ripple 600ms linear;
+		background-color: var(--schmancy-sys-color-surface-on);
+		opacity: 0.12;
+		pointer-events: none;
+	}
+
+	@keyframes ripple {
+		to {
+			transform: scale(4);
+			opacity: 0;
+		}
+	}
+
+	/* Content container */
+	.content {
+		position: relative;
+		height: 100%;
+		width: 100%;
+		border-radius: inherit;
+	}
+`){constructor(){super(...arguments),this.type="elevated",this.interactive=!1,this.disabled=!1,this.dragged=!1,this.role="article",this.ariaLabel="",this.pressed=!1,this.ripples=[],this.nextRippleId=0,this.handleClick=t=>{if(this.disabled||!this.interactive)return;const s=this.getBoundingClientRect(),a=t.clientX-s.left,i=t.clientY-s.top,o=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:o}],setTimeout(()=>{this.ripples=this.ripples.filter(e=>e.id!==o)},600),this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("schmancy-click",{detail:{value:this.type},bubbles:!0,composed:!0}))},this.handleKeyDown=t=>{if(!this.disabled&&this.interactive&&(t.key==="Enter"||t.key===" ")){t.preventDefault(),this.pressed=!0,this.setAttribute("pressed","");const s=this.getBoundingClientRect(),a=s.width/2,i=s.height/2,o=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:o}],setTimeout(()=>{this.ripples=this.ripples.filter(e=>e.id!==o)},600),this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("schmancy-click",{detail:{value:this.type},bubbles:!0,composed:!0}))}},this.handleKeyUp=t=>{t.key!=="Enter"&&t.key!==" "||(this.pressed=!1,this.removeAttribute("pressed"))},this.handleMouseDown=()=>{!this.disabled&&this.interactive&&(this.pressed=!0,this.setAttribute("pressed",""))},this.handleMouseUp=()=>{this.pressed=!1,this.removeAttribute("pressed")},this.handleMouseLeave=()=>{this.pressed=!1,this.removeAttribute("pressed")}}connectedCallback(){super.connectedCallback(),this.interactive&&!this.disabled&&(this.setAttribute("tabindex","0"),this.role&&this.role!=="article"||(this.role=this.href?"link":"button"))}updated(t){super.updated(t),(t.has("interactive")||t.has("disabled"))&&(this.interactive&&!this.disabled?(this.setAttribute("tabindex","0"),this.role&&this.role!=="article"||(this.role=this.href?"link":"button")):(this.removeAttribute("tabindex"),this.role!=="button"&&this.role!=="link"||(this.role="article")))}render(){const t=b.classMap({"card-container":!0,interactive:this.interactive&&!this.disabled});return c.html`
+			<div
+				class=${t}
+				@click=${this.handleClick}
+				@keydown=${this.handleKeyDown}
+				@keyup=${this.handleKeyUp}
+				@mousedown=${this.handleMouseDown}
+				@mouseup=${this.handleMouseUp}
+				@mouseleave=${this.handleMouseLeave}
+				aria-label=${f.ifDefined(this.ariaLabel)}
+				aria-disabled=${this.disabled?"true":"false"}
+			>
+				<!-- State layer for hover/focus/pressed states -->
+				<div class="state-layer"></div>
+
+				<!-- Ripple container for click effects -->
+				${this.interactive?c.html`
+							<div class="ripple-container">
+								${this.ripples.map(s=>c.html`
+										<span
+											class="ripple"
+											style="
+												left: ${s.x}px;
+												top: ${s.y}px;
+												width: 20px;
+												height: 20px;
+												margin-left: -10px;
+												margin-top: -10px;
+											"
+										></span>
+									`)}
+							</div>
+						`:""}
+
+				<!-- Card content -->
+				<div class="content">
+					<slot></slot>
+				</div>
+			</div>
+		`}};l.shadowRootOptions={...c.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},h([r.property({reflect:!0})],l.prototype,"type",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"interactive",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"dragged",2),h([r.property()],l.prototype,"href",2),h([r.property()],l.prototype,"target",2),h([r.property({attribute:"role"})],l.prototype,"role",2),h([r.property({attribute:"aria-label"})],l.prototype,"ariaLabel",2),h([r.state()],l.prototype,"pressed",2),h([r.state()],l.prototype,"ripples",2),l=h([r.customElement("schmancy-card")],l);var x=Object.getOwnPropertyDescriptor;let u=class extends y.TailwindElement(c.css`
+	:host {
+		display: block;
+		padding: 1rem;
+	}
+`){render(){return c.html`<slot></slot>`}};u=((t,s,a,i)=>{for(var o,e=i>1?void 0:i?x(s,a):s,n=t.length-1;n>=0;n--)(o=t[n])&&(e=o(e)||e);return e})([r.customElement("schmancy-card-content")],u);var k=Object.defineProperty,E=Object.getOwnPropertyDescriptor,p=(t,s,a,i)=>{for(var o,e=i>1?void 0:i?E(s,a):s,n=t.length-1;n>=0;n--)(o=t[n])&&(e=(i?o(s,a,e):o(e))||e);return i&&e&&k(s,a,e),e};let d=class extends y.TailwindElement(c.css`
+	:host {
+		display: block;
+		position: relative;
+		height: 200px;
+		overflow: hidden;
+	}
+	
+	/* Allow height to be overridden when used in flex/grid layouts */
+	:host-context(.h-full) {
+		height: 100%;
+	}
+	
+	::slotted(img),
+	img {
+		width: 100%;
+		height: 100%;
+		object-position: center;
+	}
+	
+	/* Object fit styles based on fit attribute */
+	:host([fit="contain"]) img,
+	:host([fit="contain"]) ::slotted(img) {
+		object-fit: contain;
+	}
+	
+	:host([fit="cover"]) img,
+	:host([fit="cover"]) ::slotted(img) {
+		object-fit: cover;
+	}
+	
+	:host([fit="fill"]) img,
+	:host([fit="fill"]) ::slotted(img) {
+		object-fit: fill;
+	}
+	
+	:host([fit="none"]) img,
+	:host([fit="none"]) ::slotted(img) {
+		object-fit: none;
+	}
+	
+	:host([fit="scale-down"]) img,
+	:host([fit="scale-down"]) ::slotted(img) {
+		object-fit: scale-down;
+	}
+`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?c.html`<img src="${this.src}" alt="${this.alt}" />`:c.html`<slot></slot>`}};p([r.property({type:String,reflect:!0})],d.prototype,"src",2),p([r.property({type:String,reflect:!0})],d.prototype,"fit",2),p([r.property({type:String})],d.prototype,"alt",2),d=p([r.customElement("schmancy-card-media")],d);
+//# sourceMappingURL=media-CL9LNHic.cjs.map

package/dist/media-CL9LNHic.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-CL9LNHic.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: 12px; /* M3 spec: 12px for cards */\n\t\ttransition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);\n\t\toutline: none;\n\t}\n\n\t/* Type-specific base styles */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive state layers */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\n\t:host([interactive]:hover:not([disabled])) .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host([interactive]:focus-visible:not([disabled])) .state-layer {\n\t\topacity: 0.12;\n\t}\n\n\t:host([interactive][pressed]:not([disabled])) .state-layer {\n\t\topacity: 0.12;\n\t}\n\n\t/* Elevated interactive states */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\n\t:host([type='elevated'][dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t/* Filled interactive states */\n\t:host([type='filled'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t:host([type='filled'][dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t/* Outlined interactive states */\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t:host([type='outlined'][dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t/* Disabled state */\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: 0.38;\n\t}\n\n\t/* State layer overlay */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tbackground-color: var(--schmancy-sys-color-surface-on);\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\ttransition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t/* Focus ring */\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary);\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Ripple effect container */\n\t.ripple-container {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\toverflow: hidden;\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: var(--schmancy-sys-color-surface-on);\n\t\topacity: 0.12;\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* Content container */\n\t.content {\n\t\tposition: relative;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tborder-radius: inherit;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Set appropriate ARIA attributes for interactive cards\n\t\tif (this.interactive && !this.disabled) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t}\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update ARIA attributes when interactive or disabled state changes\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tif (this.interactive && !this.disabled) {\n\t\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute('tabindex')\n\t\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\t\tthis.role = 'article'\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\t// Add ripple effect at click position\n\t\tconst rect = this.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\t\tconst y = e.clientY - rect.top\n\t\tconst id = this.nextRippleId++\n\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600)\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch click event for parent components to handle\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\t// Activate on Enter or Space for keyboard navigation\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed = true\n\t\t\tthis.setAttribute('pressed', '')\n\n\t\t\t// Simulate click\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tconst x = rect.width / 2\n\t\t\tconst y = rect.height / 2\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\n\t\t\tif (this.href) {\n\t\t\t\tif (this.target === '_blank') {\n\t\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = this.href\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\t\tdetail: { value: this.type },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis.pressed = false\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis.pressed = true\n\t\tthis.setAttribute('pressed', '')\n\t}\n\n\tprivate handleMouseUp = () => {\n\t\tthis.pressed = false\n\t\tthis.removeAttribute('pressed')\n\t}\n\n\tprivate handleMouseLeave = () => {\n\t\tthis.pressed = false\n\t\tthis.removeAttribute('pressed')\n\t}\n\n\tprotected render() {\n\t\tconst containerClasses = classMap({\n\t\t\t'card-container': true,\n\t\t\tinteractive: this.interactive && !this.disabled,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${containerClasses}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer for hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\n\t\t\t\t<!-- Ripple container for click effects -->\n\t\t\t\t${this.interactive\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"ripple-container\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tripple => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\n\t\t\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\n\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Card content -->\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","href","target","window","open","location","dispatchEvent","CustomEvent","detail","value","bubbles","composed","handleKeyDown","key","preventDefault","setAttribute","width","height","handleKeyUp","removeAttribute","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","changedProperties","updated","has","containerClasses","classMap","ifDefined","map","ripple","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","constructor","src","fit","alt","String"],"mappings":"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"}