feat: Add placeholder text to Place AC widget.

willum070 · willum070 · commit 6a3e1c992c48 · 2026-01-12T15:08:09.000-08:00
diff --git a/samples/ai-powered-summaries/index.html b/samples/ai-powered-summaries/index.html
@@ -15,13 +15,12 @@
         ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
     </head>
     <body>
-        <gmp-map center="37.805, -122.425" zoom="14" map-id="DEMO_MAP_ID">
+        <gmp-map center="37.80, -122.425" zoom="14" map-id="DEMO_MAP_ID">
             <!-- Search Input Card -->
             <div
                 class="place-autocomplete-card"
                 slot="control-inline-start-block-start">
-                <p>Search for a place with AI summaries:</p>
-                <gmp-place-autocomplete></gmp-place-autocomplete>
+                <gmp-place-autocomplete placeholder="Find places with AI summaries"></gmp-place-autocomplete>
             </div>
 
             <!-- Summary text panel (initially hidden) -->
diff --git a/samples/ai-powered-summaries/package.json b/samples/ai-powered-summaries/package.json
@@ -9,6 +9,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    
+    "@js-api-samples/ai-powered-summaries": "file:"
   }
 }
diff --git a/samples/ai-powered-summaries/style.css b/samples/ai-powered-summaries/style.css
@@ -22,13 +22,13 @@ body {
     border-radius: 5px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     margin: 10px;
-    padding: 15px;
+    padding: 2px;
     font-family: Roboto, sans-serif;
     font-size: 1rem;
 }
 
 gmp-place-autocomplete {
-    width: 300px;
+    width: 330px;
 }
 
 /* New: Summary Panel Styles */

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,6 @@`
`9`	`9`	`"preview": "vite preview"`
`10`	`10`	`},`
`11`	`11`	`"dependencies": {`
`12`		`-`
	`12`	`+ "@js-api-samples/ai-powered-summaries": "file:"`
`13`	`13`	`}`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -22,13 +22,13 @@ body {`
`22`	`22`	`border-radius: 5px;`
`23`	`23`	`box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;`
`24`	`24`	`margin: 10px;`
`25`		`- padding: 15px;`
	`25`	`+ padding: 2px;`
`26`	`26`	`font-family: Roboto, sans-serif;`
`27`	`27`	`font-size: 1rem;`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`gmp-place-autocomplete {`
`31`		`- width: 300px;`
	`31`	`+ width: 330px;`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`/* New: Summary Panel Styles */`