{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "leaflet-neighborhood-walkscore-card", "title": "Leaflet Neighborhood Walkscore Card", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/leaflet-neighborhood-walkscore-card/leaflet-neighborhood-walkscore-card.component.ts", "content": "// Real estate neighborhood intelligence widget on free OpenStreetMap/Esri tiles — no API\n// key. Walk Score, Transit Score, Bike Score, categorized points of interest (transit, dining,\n// schools, parks), a 15-minute walk radius, and commute time estimator.\n// Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, DestroyRef, Input, computed, inject, signal } from '@angular/core'\nimport {\n ArrowUpRight,\n Bike,\n Bookmark,\n Bus,\n Car,\n Check,\n Clock,\n Coffee,\n Footprints,\n GraduationCap,\n LucideAngularModule,\n MapPin,\n Navigation,\n School,\n Search,\n Share2,\n ShieldCheck,\n Train,\n TreePine,\n UtensilsCrossed,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport { UiInputComponent } from '@/ui/input/input.component'\nimport { UiProgressComponent } from '@/ui/progress/progress.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport {\n UiLeafletCircleComponent,\n UiLeafletMapComponent,\n UiLeafletMarkerComponent,\n} from '@/ui/leaflet-map/leaflet-map.component'\n\nexport type PoiCategoryType = 'all' | 'transit' | 'dining' | 'schools' | 'parks'\nexport type CommuteMode = 'all' | 'transit' | 'drive'\n\nexport interface MobilityScore {\n score: number\n maxScore?: number\n label: string\n verdict: string\n description: string\n verdictClass: string\n gaugeColor: string\n subtext: string\n highlights: string[]\n}\n\nexport interface PoiItem {\n id: string\n name: string\n category: 'transit' | 'dining' | 'schools' | 'parks'\n categoryLabel: string\n distance: string\n timeWalk?: string\n timeDrive?: string\n rating?: string\n badge?: string\n description: string\n address: string\n coords?: [number, number]\n}\n\nexport interface CommuteDestination {\n id: string\n name: string\n region: string\n distance: string\n transitTime: number\n transitLabel: string\n transitRoute: string\n driveTime: number\n driveLabel: string\n driveRoute: string\n peakRushTime?: string\n}\n\nexport const DEFAULT_WALK_SCORE: MobilityScore = {\n score: 94,\n maxScore: 100,\n label: 'Walk Score®',\n verdict: \"Walker's Paradise\",\n description: 'Daily errands do not require a car',\n verdictClass: 'text-success',\n gaugeColor: '#10b981',\n subtext: '94 out of 100 on walkable street accessibility',\n highlights: ['48 amenities within 10-min walk', '98% continuous sidewalks', 'Pedestrian safety grade: A+'],\n}\n\nexport const DEFAULT_TRANSIT_SCORE: MobilityScore = {\n score: 82,\n maxScore: 100,\n label: 'Transit Score®',\n verdict: 'Excellent Transit',\n description: '6 nearby bus & light rail routes',\n verdictClass: 'text-info',\n gaugeColor: '#0ea5e9',\n subtext: '82 out of 100 on public transportation connectivity',\n highlights: ['Metro A Line station in 4 min', '5 frequent municipal bus routes', '18 min direct train to DTLA'],\n}\n\nexport const DEFAULT_BIKE_SCORE: MobilityScore = {\n score: 88,\n maxScore: 100,\n label: 'Bike Score®',\n verdict: 'Very Bikeable',\n description: 'Dedicated bike lanes and flat terrain',\n verdictClass: 'text-chart-1',\n gaugeColor: 'var(--chart-1)',\n subtext: '88 out of 100 on cycling infrastructure & slope',\n highlights: ['14 miles of protected bike lanes', '<2% average street gradient', '3 bikeshare docks nearby'],\n}\n\nexport const DEFAULT_POIS: PoiItem[] = [\n {\n id: 'poi-1',\n name: 'Metro A Line Station',\n category: 'transit',\n categoryLabel: 'Public Transit',\n distance: '0.2 mi',\n timeWalk: '4 min walk',\n badge: 'Light Rail',\n description: 'High-frequency light rail connecting Pasadena directly to Downtown LA and Long Beach.',\n address: 'Del Mar Ave & S Raymond Ave',\n },\n {\n id: 'poi-2',\n name: 'Pasadena Transit Bus Stop',\n category: 'transit',\n categoryLabel: 'Public Transit',\n distance: '0.1 mi',\n timeWalk: '2 min walk',\n badge: 'Local Transit',\n description: 'Direct routes 10 & 20 connecting South Lake District to Old Town & City Hall.',\n address: 'S Lake Ave & E Green St',\n },\n {\n id: 'poi-3',\n name: 'Memorial Park Station',\n category: 'transit',\n categoryLabel: 'Public Transit',\n distance: '0.5 mi',\n timeWalk: '10 min walk',\n badge: 'Light Rail',\n description: 'Alternative metro access with regional bus connection bays and bike lockups.',\n address: '125 E Holly St',\n },\n {\n id: 'poi-4',\n name: 'Blue Bottle Coffee',\n category: 'dining',\n categoryLabel: 'Dining & Coffee',\n distance: '0.1 mi',\n timeWalk: '2 min walk',\n rating: '4.8 ★',\n badge: 'Artisanal Cafe',\n description: 'Specialty pour-over coffee, single-origin espresso drinks, and fresh bakery pastries.',\n address: '60 S Lake Ave',\n },\n {\n id: 'poi-5',\n name: 'Whole Foods Market',\n category: 'dining',\n categoryLabel: 'Dining & Coffee',\n distance: '0.3 mi',\n timeWalk: '6 min walk',\n rating: '4.7 ★',\n badge: 'Organic Grocery',\n description: 'Full-service natural grocer with organic produce, prepared hot bar, and wellness center.',\n address: '3751 E Foothill Blvd / Arroyo Pkwy',\n },\n {\n id: 'poi-6',\n name: \"Trader Joe's\",\n category: 'dining',\n categoryLabel: 'Dining & Coffee',\n distance: '0.4 mi',\n timeWalk: '8 min walk',\n rating: '4.9 ★',\n badge: 'Grocery',\n description: 'Neighborhood market renowned for unique provisions, fresh bakery, and wine selection.',\n address: '610 S Lake Ave',\n },\n {\n id: 'poi-7',\n name: 'Urth Caffe Pasadena',\n category: 'dining',\n categoryLabel: 'Dining & Coffee',\n distance: '0.2 mi',\n timeWalk: '5 min walk',\n rating: '4.6 ★',\n badge: 'Organic Eatery',\n description: 'Vibrant indoor/outdoor patio serving farm-to-table organic breakfast, lunch, and matcha.',\n address: '594 E Colorado Blvd',\n },\n {\n id: 'poi-8',\n name: 'Pasadena High School',\n category: 'schools',\n categoryLabel: 'Schools & Education',\n distance: '0.6 mi',\n timeWalk: '12 min walk',\n rating: '9/10',\n badge: 'Public 9-12',\n description: 'Top-rated public high school with Law and Creative Arts academies and AP honors programs.',\n address: '2925 E Sierra Madre Blvd',\n },\n {\n id: 'poi-9',\n name: 'Caltech Campus',\n category: 'schools',\n categoryLabel: 'Schools & Education',\n distance: '0.8 mi',\n timeWalk: '15 min walk',\n rating: 'Top Tier',\n badge: 'Higher Education',\n description: 'World-renowned private science & engineering research university campus and open grounds.',\n address: '1200 E California Blvd',\n },\n {\n id: 'poi-10',\n name: 'McKinley Elementary School',\n category: 'schools',\n categoryLabel: 'Schools & Education',\n distance: '0.4 mi',\n timeWalk: '8 min walk',\n rating: '8/10',\n badge: 'Public K-8',\n description: 'STEAM-focused neighborhood magnet school with dual-language immersion track.',\n address: '325 S Oak Knoll Ave',\n },\n {\n id: 'poi-11',\n name: 'Central Park',\n category: 'parks',\n categoryLabel: 'Parks & Recreation',\n distance: '0.3 mi',\n timeWalk: '6 min walk',\n rating: '4.8 ★',\n badge: 'Public Park',\n description: 'Historic shaded park with rolling green lawns, dedicated dog park, and lawn bowling greens.',\n address: '275 S Raymond Ave',\n },\n {\n id: 'poi-12',\n name: 'Rose Bowl Aquatics Center',\n category: 'parks',\n categoryLabel: 'Parks & Recreation',\n distance: '1.4 mi',\n timeDrive: '5 min drive',\n rating: '4.9 ★',\n badge: 'Sports Complex',\n description: 'Twin Olympic 50-meter pools, fitness facilities, and adjacent Arroyo Seco running trails.',\n address: '360 N Arroyo Blvd',\n },\n]\n\nexport const DEFAULT_COMMUTES: CommuteDestination[] = [\n {\n id: 'commute-dtla',\n name: 'Downtown Los Angeles',\n region: 'Financial District & Union Station',\n distance: '10.4 mi',\n transitTime: 18,\n transitLabel: '18m by train',\n transitRoute: 'Metro A Line (Direct Express)',\n driveTime: 24,\n driveLabel: '24m by car',\n driveRoute: 'via CA-110 S Freeway',\n peakRushTime: '28-34m at 8:30 AM',\n },\n {\n id: 'commute-sm',\n name: 'Santa Monica',\n region: 'Silicon Beach & Pier',\n distance: '26.2 mi',\n transitTime: 62,\n transitLabel: '62m by train',\n transitRoute: 'Metro A Line → Metro E Line',\n driveTime: 45,\n driveLabel: '45m by car',\n driveRoute: 'via I-10 W / CA-110 S',\n peakRushTime: '55-68m at 8:30 AM',\n },\n {\n id: 'commute-burbank',\n name: 'Burbank Media District',\n region: 'Warner Bros & Disney Studios',\n distance: '12.1 mi',\n transitTime: 38,\n transitLabel: '38m by transit',\n transitRoute: 'Metro Bus 501 Rapid',\n driveTime: 22,\n driveLabel: '22m by car',\n driveRoute: 'via CA-134 W Express',\n peakRushTime: '26-32m at 8:30 AM',\n },\n {\n id: 'commute-century',\n name: 'Century City / Westwood',\n region: 'Fox Studios & UCLA Area',\n distance: '21.5 mi',\n transitTime: 54,\n transitLabel: '54m by transit',\n transitRoute: 'Commuter Express 423',\n driveTime: 38,\n driveLabel: '38m by car',\n driveRoute: 'via CA-134 W to I-405 S',\n peakRushTime: '48-58m at 8:30 AM',\n },\n]\n\n// Subject property (742 Evergreen Terrace, Pasadena) — map center, home marker,\n// and the 15-minute walkshed circle all anchor here.\nexport const HOME_CENTER: [number, number] = [-118.1445, 34.1478]\n// ~15-minute pedestrian catchment (~1.2 km at typical walking speed).\nexport const WALK_RADIUS_METERS = 1200\n\nconst DEFAULT_POI_COORDS: Record = {\n 'poi-1': [-118.148, 34.141],\n 'poi-2': [-118.132, 34.152],\n 'poi-3': [-118.149, 34.148],\n 'poi-4': [-118.133, 34.144],\n 'poi-5': [-118.149, 34.135],\n 'poi-6': [-118.132, 34.136],\n 'poi-7': [-118.136, 34.146],\n 'poi-8': [-118.125, 34.155],\n 'poi-9': [-118.138, 34.138],\n 'poi-10': [-118.148, 34.143],\n 'poi-11': [-118.142, 34.133],\n}\n\n// Circular gauge calculation helper (radius 38, perimeter ~238.76)\nexport const GAUGE_CIRCUMFERENCE = 2 * Math.PI * 38\n\nexport function getGaugeDashOffset(score: number): number {\n const clamped = Math.min(100, Math.max(0, score))\n return GAUGE_CIRCUMFERENCE - (clamped / 100) * GAUGE_CIRCUMFERENCE\n}\n\ninterface PoiCategory {\n id: PoiCategoryType\n label: string\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-leaflet-neighborhood-walkscore-card, [ui-leaflet-neighborhood-walkscore-card]',\n standalone: true,\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiInputComponent,\n UiProgressComponent,\n UiSeparatorComponent,\n UiLeafletCircleComponent,\n UiLeafletMapComponent,\n UiLeafletMarkerComponent,\n ],\n host: {\n 'data-slot': 'leaflet-neighborhood-walkscore-card',\n '[class]': 'hostClass',\n },\n template: `\n \n \n \n
\n
\n \n
\n \n \n {{ city }} · {{ zipCode }}\n \n \n \n Walker's Paradise\n \n Urban Transit Hub \n
\n\n \n
\n

\n {{ title }}\n

\n

\n {{ address }}\n

\n

\n Neighborhood: {{ neighborhood }}\n

\n
\n
\n\n \n
\n \n @if (isCopied()) {\n \n } @else {\n \n }\n {{ isCopied() ? 'Address Copied' : 'Share Location' }}\n \n\n \n \n {{ isSaved() ? 'Saved Neighborhood' : 'Save Area' }}\n \n
\n
\n \n \n\n \n
\n \n \n \n
\n
\n \n \n
\n
\n {{ walkScore.label }}\n Pedestrian Index\n
\n
\n {{ walkScore.score }}/100 \n
\n \n\n \n \n
\n
\n \n \n \n \n
\n \n {{ walkScore.score }}\n \n / 100\n
\n
\n\n
\n
\n {{ walkScore.verdict }}\n
\n

\n {{ walkScore.description }}\n

\n
\n
\n\n \n\n \n
\n

Mobility Highlights

\n
    \n @for (item of walkScore.highlights; track $index) {\n
  • \n \n {{ item }}\n
    • \n }\n
\n
\n \n \n\n \n \n \n
\n
\n \n \n
\n
\n {{ transitScore.label }}\n Transit Connectivity\n
\n
\n {{ transitScore.score }}/100 \n \n \n\n \n \n
\n
\n \n \n \n \n
\n \n {{ transitScore.score }}\n \n / 100\n
\n
\n\n
\n
\n {{ transitScore.verdict }}\n
\n

\n {{ transitScore.description }}\n

\n
\n
\n\n \n\n \n
\n

Transit Highlights

\n
    \n @for (item of transitScore.highlights; track $index) {\n
  • \n \n {{ item }}\n
    • \n }\n
\n
\n \n \n\n \n \n \n
\n
\n \n \n
\n
\n {{ bikeScore.label }}\n Cycling Grid\n
\n
\n {{ bikeScore.score }}/100 \n \n \n\n \n \n
\n
\n \n \n \n \n
\n \n {{ bikeScore.score }}\n \n / 100\n
\n
\n\n
\n
\n {{ bikeScore.verdict }}\n
\n

\n {{ bikeScore.description }}\n

\n
\n
\n\n \n\n \n
\n

Cycling Highlights

\n
    \n @for (item of bikeScore.highlights; track $index) {\n
  • \n \n {{ item }}\n
    • \n }\n
\n
\n \n \n \n\n \n
\n
\n
\n

Commute Time Estimator

\n

\n Estimated travel duration from 742 Evergreen Terrace to key employment & lifestyle hubs.\n

\n
\n\n \n
\n \n \n \n Transit\n \n \n
\n
\n\n \n
\n @for (commute of commutes; track commute.id) {\n
\n
\n \n
\n
\n

{{ commute.name }}

\n · {{ commute.distance }}\n
\n

{{ commute.region }}

\n
\n\n \n
\n \n @if (showTransit()) {\n \n \n
\n \n {{ commute.transitLabel }}\n \n \n
\n
\n }\n\n \n @if (showDrive()) {\n \n \n
\n \n {{ commute.driveLabel }}\n \n \n
\n
\n }\n\n \n @if (commute.peakRushTime) {\n
\n \n Rush: {{ commute.peakRushTime }}\n
\n }\n
\n
\n\n \n
\n @if (showTransit()) {\n
\n
\n Transit Duration\n {{ commute.transitTime }} min\n
\n \n
\n }\n\n @if (showDrive()) {\n
\n
\n Driving Duration\n {{ commute.driveTime }} min\n
\n \n
\n }\n
\n
\n }\n \n \n \n\n \n
\n
\n
\n

Nearby Points of Interest

\n

\n Key transit hubs, dining, specialty cafes, schools, and parks located within walking distance.\n

\n
\n\n
\n \n {{ pois.length }} verified local venues\n
\n
\n\n \n
\n \n
\n @for (cat of categoriesList(); track cat.id) {\n \n }\n
\n\n \n
\n \n \n
\n
\n\n \n \n \n
\n
\n \n \n 15-Minute Walkshed & Amenity Locator\n \n \n Free OpenStreetMap/Esri basemap — no API key — with a 15-minute walk radius and categorized local\n destinations.\n \n
\n \n \n 98 Walk Score Paradise\n \n
\n \n
\n \n \n \n\n \n \n
\n \n \n \n
\n
\n \n\n \n @for (poi of filteredPois(); track poi.id) {\n \n \n @if (poi.category === 'dining') {\n \n } @else if (poi.category === 'transit') {\n \n } @else if (poi.category === 'schools') {\n \n } @else {\n \n }\n
\n \n }\n \n \n \n\n \n @if (filteredPois().length > 0) {\n
\n @for (poi of filteredPois(); track poi.id) {\n \n \n
\n \n
\n @if (poi.category === 'transit' && poi.badge === 'Light Rail') {\n \n } @else if (poi.category === 'transit') {\n \n } @else if (poi.category === 'dining' && poi.name.includes('Coffee')) {\n \n } @else if (poi.category === 'dining') {\n \n } @else if (poi.category === 'schools' && poi.name.includes('Caltech')) {\n \n } @else if (poi.category === 'schools') {\n \n } @else {\n \n }\n
\n\n \n
\n
\n

\n {{ poi.name }}\n

\n\n \n \n {{ poi.distance }}\n @if (poi.timeWalk) {\n · {{ poi.timeWalk }}\n } @else if (poi.timeDrive) {\n · {{ poi.timeDrive }}\n }\n
\n
\n\n

\n {{ poi.description }}\n

\n\n
\n {{ poi.address }}\n
\n @if (poi.rating) {\n \n {{ poi.rating }}\n \n }\n @if (poi.badge) {\n \n {{ poi.badge }}\n \n }\n
\n
\n
\n
\n \n \n }\n \n } @else {\n \n \n
\n \n

No points of interest match \"{{ searchQuery() }}\"

\n

\n Try searching for other amenities like \"coffee\", \"market\", \"school\", or clear the filter.\n

\n \n
\n \n }\n \n\n \n \n
\n
\n
\n \n

Official Location Score Intelligence Verification

\n
\n

\n Calculated based on standard 15-minute pedestrian catchment models, municipal route timetables, and GIS road\n grades.\n

\n
\n\n
\n \n \n Open in Maps\n \n
\n
\n \n `,\n})\nexport class UiLeafletNeighborhoodWalkscoreCardComponent {\n protected readonly ArrowUpRight = ArrowUpRight\n protected readonly Bike = Bike\n protected readonly Bookmark = Bookmark\n protected readonly Bus = Bus\n protected readonly Car = Car\n protected readonly Check = Check\n protected readonly Clock = Clock\n protected readonly Coffee = Coffee\n protected readonly Footprints = Footprints\n protected readonly GraduationCap = GraduationCap\n protected readonly MapPin = MapPin\n protected readonly Navigation = Navigation\n protected readonly School = School\n protected readonly Search = Search\n protected readonly Share2 = Share2\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Train = Train\n protected readonly TreePine = TreePine\n protected readonly UtensilsCrossed = UtensilsCrossed\n\n @Input() title = 'Neighborhood & Location Intelligence'\n @Input() address = '742 Evergreen Terrace, Pasadena, CA 91101'\n @Input() neighborhood = 'South Lake Commercial & Arts District'\n @Input() city = 'Pasadena'\n @Input() zipCode = '91101'\n @Input() walkScore: MobilityScore = DEFAULT_WALK_SCORE\n @Input() transitScore: MobilityScore = DEFAULT_TRANSIT_SCORE\n @Input() bikeScore: MobilityScore = DEFAULT_BIKE_SCORE\n @Input() pois: PoiItem[] = DEFAULT_POIS\n @Input() commutes: CommuteDestination[] = DEFAULT_COMMUTES\n @Input('class') className?: string\n\n protected readonly homeCenter = HOME_CENTER\n protected readonly walkRadiusMeters = WALK_RADIUS_METERS\n protected readonly gaugeCircumference = GAUGE_CIRCUMFERENCE\n\n readonly selectedCategory = signal('all')\n readonly searchQuery = signal('')\n readonly selectedCommuteMode = signal('all')\n readonly isSaved = signal(false)\n readonly isCopied = signal(false)\n private copyTimer: ReturnType | undefined\n\n constructor() {\n inject(DestroyRef).onDestroy(() => clearTimeout(this.copyTimer))\n }\n\n get hostClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n\n readonly categoriesList = computed(() => [\n { id: 'all', label: 'All Places' },\n { id: 'transit', label: 'Public Transit' },\n { id: 'dining', label: 'Dining & Coffee' },\n { id: 'schools', label: 'Schools & Education' },\n { id: 'parks', label: 'Parks & Rec' },\n ])\n\n categoryCount(id: PoiCategoryType): number {\n if (id === 'all') return this.pois.length\n return this.pois.filter((p) => p.category === id).length\n }\n\n readonly filteredPois = computed(() => {\n const cat = this.selectedCategory()\n const q = this.searchQuery().trim().toLowerCase()\n return this.pois.filter((poi) => {\n const matchesCat = cat === 'all' || poi.category === cat\n const matchesSearch =\n q === '' ||\n poi.name.toLowerCase().includes(q) ||\n poi.description.toLowerCase().includes(q) ||\n poi.address.toLowerCase().includes(q) ||\n (poi.badge?.toLowerCase().includes(q) ?? false)\n return matchesCat && matchesSearch\n })\n })\n\n showTransit(): boolean {\n return this.selectedCommuteMode() === 'all' || this.selectedCommuteMode() === 'transit'\n }\n\n showDrive(): boolean {\n return this.selectedCommuteMode() === 'all' || this.selectedCommuteMode() === 'drive'\n }\n\n gaugeOffset(score: number): number {\n return getGaugeDashOffset(score)\n }\n\n transitProgress(c: CommuteDestination): number {\n return Math.min(100, (c.transitTime / 70) * 100)\n }\n\n driveProgress(c: CommuteDestination): number {\n return Math.min(100, (c.driveTime / 70) * 100)\n }\n\n poiCoords(poi: PoiItem): [number, number] {\n if (poi.coords) return poi.coords\n return (\n DEFAULT_POI_COORDS[poi.id] ?? [\n HOME_CENTER[0] + Math.sin(poi.name.length) * 0.008,\n HOME_CENTER[1] + Math.cos(poi.name.length) * 0.008,\n ]\n )\n }\n\n categoryTabClass(id: PoiCategoryType): string {\n return cn(\n 'focus-visible:ring-ring rounded-md border px-3 py-1 text-xs font-medium transition-colors focus-visible:ring-2 focus-visible:outline-none',\n this.selectedCategory() === id\n ? 'border-primary bg-primary text-primary-foreground shadow-xs'\n : 'border-border/80 bg-card text-muted-foreground hover:bg-muted hover:text-foreground',\n )\n }\n\n commuteModeClass(mode: CommuteMode, withIcon = false): string {\n return cn(\n 'focus-visible:ring-ring rounded-md px-2.5 py-1 font-medium transition-colors focus-visible:ring-2 focus-visible:outline-none',\n withIcon && 'flex items-center gap-1',\n this.selectedCommuteMode() === mode\n ? 'bg-background text-foreground shadow-xs'\n : 'text-muted-foreground hover:text-foreground',\n )\n }\n\n poiIconBoxClass(poi: PoiItem): string {\n return cn(\n 'flex size-9 shrink-0 items-center justify-center rounded-lg border',\n poi.category === 'transit' && 'border-info/30 bg-info/10 text-info',\n poi.category === 'dining' && 'border-warning/30 bg-warning/10 text-warning',\n poi.category === 'schools' && 'border-chart-2/30 bg-chart-2/10 text-chart-2',\n poi.category === 'parks' && 'border-success/30 bg-success/10 text-success',\n )\n }\n\n resetFilters(): void {\n this.searchQuery.set('')\n this.selectedCategory.set('all')\n }\n\n handleCopyAddress(): void {\n try {\n void navigator.clipboard?.writeText(`${this.address}, ${this.neighborhood}`)\n this.isCopied.set(true)\n clearTimeout(this.copyTimer)\n this.copyTimer = setTimeout(() => this.isCopied.set(false), 2000)\n } catch {\n // Clipboard unavailable (non-secure context) — leave the button state alone.\n }\n }\n\n handleToggleSave(): void {\n this.isSaved.set(!this.isSaved())\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/leaflet-neighborhood-walkscore-card/leaflet-neighborhood-walkscore-card.component.ts" }, { "path": "packages/registry-angular/blocks/leaflet-neighborhood-walkscore-card/index.ts", "content": "export {\n UiLeafletNeighborhoodWalkscoreCardComponent,\n HOME_CENTER,\n WALK_RADIUS_METERS,\n DEFAULT_WALK_SCORE,\n DEFAULT_TRANSIT_SCORE,\n DEFAULT_BIKE_SCORE,\n DEFAULT_POIS,\n DEFAULT_COMMUTES,\n GAUGE_CIRCUMFERENCE,\n getGaugeDashOffset,\n type MobilityScore,\n type PoiItem,\n type PoiCategoryType,\n type CommuteDestination,\n type CommuteMode,\n} from './leaflet-neighborhood-walkscore-card.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/leaflet-neighborhood-walkscore-card/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/input.json", "https://uipkge.dev/r/angular/progress.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/leaflet-map.json" ], "description": "Real estate neighborhood intelligence widget on free OpenStreetMap/Esri tiles — no API key. Walk Score, Transit Score, Bike Score, categorized points of interest (transit, dining, schools, parks), a 15-minute walk radius, and commute time estimator.", "categories": [ "real-estate", "app", "dashboard", "marketing" ] }