diff --git a/build/make_docs.js b/build/make_docs.js
index 740e9db..29bd4f0 100644
--- a/build/make_docs.js
+++ b/build/make_docs.js
@@ -403,7 +403,7 @@ function declarationToMarkdown(declaration, module, headerLevel) {
'Property type',
'Description',
'Default',
- 'Reflects?',
+ '[Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection)',
],
];
for (const field of fields) {
diff --git a/src/api_loader/README.md b/src/api_loader/README.md
index 20d21e6..8f61ca6 100644
--- a/src/api_loader/README.md
+++ b/src/api_loader/README.md
@@ -33,15 +33,15 @@ import { APILoader } from '@googlemaps/extended-component-library/api_loader.js'
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ---------------------- | -------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | --------- |
-| | `apiKey` | `string\|undefined` | An alias for the `key` property. React developers should use this prop to set the API key. | | ❌ |
-| `auth-referrer-policy` | `authReferrerPolicy` | `string \| undefined` | Maps JS customers can configure HTTP Referrer Restrictions in the Cloud Console to limit which URLs are allowed to use a particular API Key. This parameter can limit the amount of data sent to Google Maps when evaluating HTTP Referrer Restrictions. Please see the [documentation](https://developers.google.com/maps/documentation/javascript/dynamic-loading?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#optional_parameters) for more information. | | ✅ |
-| `key` | `key` | `string \| undefined` | (Required) A valid Google Maps Platform API key. If you don't have one already [sign up for Google Maps Platform and create an API key](https://console.cloud.google.com/google/maps-apis/start?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). React developers are encouraged to use the `apiKey` property instead, as `key` is a reserved word. You can learn more about API keys in the Google Maps Platform [documentation](https://developers.google.com/maps/documentation/javascript/get-api-key?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). | | ✅ |
-| `language` | `language` | `string \| undefined` | The language code; defaults to the user's preferred language setting as specified in the browser when displaying textual information. Read [more on localization](https://developers.google.com/maps/documentation/javascript/localization?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). | | ✅ |
-| `region` | `region` | `string \| undefined` | The region code to use. This alters the map's behavior based on a given country or territory. Read [more on region codes](https://developers.google.com/maps/documentation/javascript/localization?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#Region). | | ✅ |
-| `solution-channel` | `solutionChannel` | `string \| undefined` | To understand usage and ways to improve our solutions, Google includes the `solution_channel` query parameter in API calls to gather information about code usage. You may opt out at any time by setting this attribute to an empty string. Read more in the [documentation](https://developers.google.com/maps/reporting-and-monitoring/reporting?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#solutions-usage). | | ✅ |
-| `version` | `version` | `string` | The release channel or version numbers. See the [documentation](https://developers.google.com/maps/documentation/javascript/versions?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) for more information. | `'beta'` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ---------------------- | -------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------------------------------------------------------------------------------------------------------------- |
+| | `apiKey` | `string\|undefined` | An alias for the `key` property. React developers should use this prop to set the API key. | | ❌ |
+| `auth-referrer-policy` | `authReferrerPolicy` | `string \| undefined` | Maps JS customers can configure HTTP Referrer Restrictions in the Cloud Console to limit which URLs are allowed to use a particular API Key. This parameter can limit the amount of data sent to Google Maps when evaluating HTTP Referrer Restrictions. Please see the [documentation](https://developers.google.com/maps/documentation/javascript/dynamic-loading?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#optional_parameters) for more information. | | ✅ |
+| `key` | `key` | `string \| undefined` | (Required) A valid Google Maps Platform API key. If you don't have one already [sign up for Google Maps Platform and create an API key](https://console.cloud.google.com/google/maps-apis/start?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). React developers are encouraged to use the `apiKey` property instead, as `key` is a reserved word. You can learn more about API keys in the Google Maps Platform [documentation](https://developers.google.com/maps/documentation/javascript/get-api-key?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). | | ✅ |
+| `language` | `language` | `string \| undefined` | The language code; defaults to the user's preferred language setting as specified in the browser when displaying textual information. Read [more on localization](https://developers.google.com/maps/documentation/javascript/localization?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). | | ✅ |
+| `region` | `region` | `string \| undefined` | The region code to use. This alters the map's behavior based on a given country or territory. Read [more on region codes](https://developers.google.com/maps/documentation/javascript/localization?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#Region). | | ✅ |
+| `solution-channel` | `solutionChannel` | `string \| undefined` | To understand usage and ways to improve our solutions, Google includes the `solution_channel` query parameter in API calls to gather information about code usage. You may opt out at any time by setting this attribute to an empty string. Read more in the [documentation](https://developers.google.com/maps/reporting-and-monitoring/reporting?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#solutions-usage). | | ✅ |
+| `version` | `version` | `string` | The release channel or version numbers. See the [documentation](https://developers.google.com/maps/documentation/javascript/versions?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) for more information. | `'beta'` | ✅ |
## Methods
diff --git a/src/icon_button/README.md b/src/icon_button/README.md
index 6086443..ee9f223 100644
--- a/src/icon_button/README.md
+++ b/src/icon_button/README.md
@@ -31,14 +31,14 @@ import { IconButton } from '@googlemaps/extended-component-library/icon_button.j
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------------- | -------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | --------- |
-| `aria-haspopup` | `ariaHasPopup` | `'true'\|'dialog'\|'menu'\|'listbox'\|'tree'\|'grid'\| 'false'` | Indicates the availability and type of interactive popup element that can be triggered by the button. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup. This attribute has no effect when `href` is set. | `'false'` | ✅ |
-| `aria-label` | `ariaLabel` | `string\|null` | A description that gets read by assistive devices. In the case of icon-only buttons, you should always include an ARIA label for optimal accessibility. | `null` | ✅ |
-| `condensed` | `condensed` | `boolean` | Whether to render the button in a condensed layout, where the label appears below the icon. | `false` | ✅ |
-| `href` | `href` | `string \| undefined` | Set this attribute to a URL to have the Icon Button open it in a new tab, when clicked. Alternatively, specify on-click behavior for this component by attaching an event listener. Per accessibility best practice, the component will render its content inside an `` instead of `` element when this attribute is set. | | ✅ |
-| `icon` | `icon` | `string \| undefined` | Name of icon from [Material Symbols Set](https://fonts.google.com/icons) to display before the button label. If icon is unspecified, then a "+" icon will be rendered by default. This default icon is omitted if button has a label or other content and is not in condensed layout. | | ✅ |
-| `variant` | `variant` | `'outlined'\|'filled'` | Specifies the display style of the button. | `'outlined'` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------------- | -------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | -------------------------------------------------------------------------------------------------------------- |
+| `aria-haspopup` | `ariaHasPopup` | `'true'\|'dialog'\|'menu'\|'listbox'\|'tree'\|'grid'\| 'false'` | Indicates the availability and type of interactive popup element that can be triggered by the button. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup. This attribute has no effect when `href` is set. | `'false'` | ✅ |
+| `aria-label` | `ariaLabel` | `string\|null` | A description that gets read by assistive devices. In the case of icon-only buttons, you should always include an ARIA label for optimal accessibility. | `null` | ✅ |
+| `condensed` | `condensed` | `boolean` | Whether to render the button in a condensed layout, where the label appears below the icon. | `false` | ✅ |
+| `href` | `href` | `string \| undefined` | Set this attribute to a URL to have the Icon Button open it in a new tab, when clicked. Alternatively, specify on-click behavior for this component by attaching an event listener. Per accessibility best practice, the component will render its content inside an `` instead of `` element when this attribute is set. | | ✅ |
+| `icon` | `icon` | `string \| undefined` | Name of icon from [Material Symbols Set](https://fonts.google.com/icons) to display before the button label. If icon is unspecified, then a "+" icon will be rendered by default. This default icon is omitted if button has a label or other content and is not in condensed layout. | | ✅ |
+| `variant` | `variant` | `'outlined'\|'filled'` | Specifies the display style of the button. | `'outlined'` | ✅ |
## Slots
diff --git a/src/place_building_blocks/place_attribution/README.md b/src/place_building_blocks/place_attribution/README.md
index e11096f..c8d582e 100644
--- a/src/place_building_blocks/place_attribution/README.md
+++ b/src/place_building_blocks/place_attribution/README.md
@@ -34,10 +34,10 @@ import { PlaceAttribution } from '@googlemaps/extended-component-library/place_b
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------- | -------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------- | -------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_data_provider/README.md b/src/place_building_blocks/place_data_provider/README.md
index 93ab86c..3bcb0af 100644
--- a/src/place_building_blocks/place_data_provider/README.md
+++ b/src/place_building_blocks/place_data_provider/README.md
@@ -28,11 +28,11 @@ import { PlaceDataProvider } from '@googlemaps/extended-component-library/place_
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------------------- | ------------------- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `auto-fetch-disabled` | `autoFetchDisabled` | `boolean` | If `place` is provided with a `Place` or `PlaceResult` instance, but does not contain fields required by child components, this element will make a request to the Place API to retrieve the missing data. Set `auto-fetch-disabled` to prevent the component from performing these requests. | `false` | ✅ |
-| `fields` | `fields` | `string[] \| undefined` | Manually specify the fields to request from the Places API. If unspecified, the component will request only fields used by child components. | | ✅ |
-| `place` | `place` | `string\|Place\|PlaceResult \| undefined` | The place to be displayed by this component. Provide a [Place ID]( https://developers.google.com/maps/documentation/places/web-service/place-id?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) as a string to have the component look up and display details from the Place API. The component will not make further API requests if child components are added at a later time. If required, explicitly request a data fetch by re-setting `place` to the same Place ID as before. Alternatively, assign a `Place` or `PlaceResult` object to the `place` property to render it directly (note that the attribute, on the other hand, only accepts a Place ID string). | | ❌ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------------------- | ------------------- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `auto-fetch-disabled` | `autoFetchDisabled` | `boolean` | If `place` is provided with a `Place` or `PlaceResult` instance, but does not contain fields required by child components, this element will make a request to the Place API to retrieve the missing data. Set `auto-fetch-disabled` to prevent the component from performing these requests. | `false` | ✅ |
+| `fields` | `fields` | `string[] \| undefined` | Manually specify the fields to request from the Places API. If unspecified, the component will request only fields used by child components. | | ✅ |
+| `place` | `place` | `string\|Place\|PlaceResult \| undefined` | The place to be displayed by this component. Provide a [Place ID]( https://developers.google.com/maps/documentation/places/web-service/place-id?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) as a string to have the component look up and display details from the Place API. The component will not make further API requests if child components are added at a later time. If required, explicitly request a data fetch by re-setting `place` to the same Place ID as before. Alternatively, assign a `Place` or `PlaceResult` object to the `place` property to render it directly (note that the attribute, on the other hand, only accepts a Place ID string). | | ❌ |
## Slots
diff --git a/src/place_building_blocks/place_directions_button/README.md b/src/place_building_blocks/place_directions_button/README.md
index 7b47ba0..8482a87 100644
--- a/src/place_building_blocks/place_directions_button/README.md
+++ b/src/place_building_blocks/place_directions_button/README.md
@@ -24,15 +24,15 @@ import { PlaceDirectionsButton } from '@googlemaps/extended-component-library/pl
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ------------ | ----------- | ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | --------- |
-| `aria-label` | `ariaLabel` | `null` | A description that gets read by assistive devices. In the case of icon-only buttons, you should always include an ARIA label for optimal accessibility. | `null` | ✅ |
-| `condensed` | `condensed` | `boolean` | Whether to render the button in a condensed layout, where the label appears below the icon. | `false` | ✅ |
-| | `origin` | `google.maps.LatLng\|google.maps.LatLngLiteral\|Place \| undefined` | Optionally specify the starting location or Place. Otherwise Google Maps will ask for or estimate the user’s starting location. | | ❌ |
-| `reversed` | `reversed` | `boolean` | Get directions from destination to origin instead. | `false` | ✅ |
-| `variant` | `variant` | `'outlined'\|'filled'` | Specifies the display style of the button. | `'outlined'` | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ------------ | ----------- | ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | -------------------------------------------------------------------------------------------------------------- |
+| `aria-label` | `ariaLabel` | `null` | A description that gets read by assistive devices. In the case of icon-only buttons, you should always include an ARIA label for optimal accessibility. | `null` | ✅ |
+| `condensed` | `condensed` | `boolean` | Whether to render the button in a condensed layout, where the label appears below the icon. | `false` | ✅ |
+| | `origin` | `google.maps.LatLng\|google.maps.LatLngLiteral\|Place \| undefined` | Optionally specify the starting location or Place. Otherwise Google Maps will ask for or estimate the user’s starting location. | | ❌ |
+| `reversed` | `reversed` | `boolean` | Get directions from destination to origin instead. | `false` | ✅ |
+| `variant` | `variant` | `'outlined'\|'filled'` | Specifies the display style of the button. | `'outlined'` | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Slots
diff --git a/src/place_building_blocks/place_field_boolean/README.md b/src/place_building_blocks/place_field_boolean/README.md
index 5efdedd..ec5bc6b 100644
--- a/src/place_building_blocks/place_field_boolean/README.md
+++ b/src/place_building_blocks/place_field_boolean/README.md
@@ -29,11 +29,11 @@ import { PlaceFieldBoolean } from '@googlemaps/extended-component-library/place_
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------- | -------- | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------- | --------- |
-| `field` | `field` | `BooleanField \| undefined` | The field to display, formatted as it is on either a `Place` or `PlaceResult`. Allowed [Place fields](https://developers.google.com/maps/documentation/javascript/reference/place?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) are `hasCurbsidePickup`, `hasDelivery`, `hasDineIn`, `hasTakeout`, `hasWheelchairAccessibleEntrance`, `isReservable`, `servesBeer`, `servesBreakfast`, `servesBrunch`, `servesDinner`, `servesLunch`, `servesVegetarianFood`, `servesWine`, and `isOpen()`. Please note that only `isOpen()` is supported by the legacy [`PlaceResult` class](https://developers.google.com/maps/documentation/javascript/reference/places-service?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#PlaceResult). The component also supports the `PlaceResult` field specifier `opening_hours.isOpen()` as an alias for `isOpen()`. | | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------- | -------- | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `field` | `field` | `BooleanField \| undefined` | The field to display, formatted as it is on either a `Place` or `PlaceResult`. Allowed [Place fields](https://developers.google.com/maps/documentation/javascript/reference/place?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) are `hasCurbsidePickup`, `hasDelivery`, `hasDineIn`, `hasTakeout`, `hasWheelchairAccessibleEntrance`, `isReservable`, `servesBeer`, `servesBreakfast`, `servesBrunch`, `servesDinner`, `servesLunch`, `servesVegetarianFood`, `servesWine`, and `isOpen()`. Please note that only `isOpen()` is supported by the legacy [`PlaceResult` class](https://developers.google.com/maps/documentation/javascript/reference/places-service?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#PlaceResult). The component also supports the `PlaceResult` field specifier `opening_hours.isOpen()` as an alias for `isOpen()`. | | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Slots
diff --git a/src/place_building_blocks/place_field_link/README.md b/src/place_building_blocks/place_field_link/README.md
index 683186a..739d0bb 100644
--- a/src/place_building_blocks/place_field_link/README.md
+++ b/src/place_building_blocks/place_field_link/README.md
@@ -26,11 +26,11 @@ import { PlaceFieldLink } from '@googlemaps/extended-component-library/place_bui
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ------------ | ----------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | --------- |
-| `href-field` | `hrefField` | `LinkField` | The field to link to, formatted as it is on either a `Place` or `PlaceResult`. Allowed fields are: `googleMapsURI` or `url` for a link to this place on Google Maps; `websiteURI` or `website` for a link to this place's website. | `'websiteURI'` | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ------------ | ----------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------------------------------------------------------------------------------------------------------------- |
+| `href-field` | `hrefField` | `LinkField` | The field to link to, formatted as it is on either a `Place` or `PlaceResult`. Allowed fields are: `googleMapsURI` or `url` for a link to this place on Google Maps; `websiteURI` or `website` for a link to this place's website. | `'websiteURI'` | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_field_text/README.md b/src/place_building_blocks/place_field_text/README.md
index 65299a3..674c38f 100644
--- a/src/place_building_blocks/place_field_text/README.md
+++ b/src/place_building_blocks/place_field_text/README.md
@@ -26,11 +26,11 @@ import { PlaceFieldText } from '@googlemaps/extended-component-library/place_bui
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------- | -------- | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `field` | `field` | `TextField \| undefined` | The field to display, formatted as it is on either a `Place` or `PlaceResult`. Allowed [`Place` fields](https://developers.google.com/maps/documentation/javascript/reference/place?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) are: `businessStatus`, `displayName`, `formattedAddress`, `id`, `internationalPhoneNumber`, `location`, `location.lat`, `location.lng`, `nationalPhoneNumber`, `plusCode.compoundCode`, `plusCode.globalCode`, `rating`, `types`, and `userRatingCount`. You may also specify one of the equivalent [`PlaceResult` field names](https://developers.google.com/maps/documentation/javascript/reference/places-service?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#PlaceResult): `business_status`, `name`, `formatted_address`, `place_id`, `international_phone_number`, `geometry.location`, `geometry.location.lat`, `geometry.location.lng`, `formatted_phone_number`, `plus_code.compound_code`, `plus_code.global_code`, `rating`, `types`, and `user_ratings_total`. | | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------- | -------- | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `field` | `field` | `TextField \| undefined` | The field to display, formatted as it is on either a `Place` or `PlaceResult`. Allowed [`Place` fields](https://developers.google.com/maps/documentation/javascript/reference/place?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) are: `businessStatus`, `displayName`, `formattedAddress`, `id`, `internationalPhoneNumber`, `location`, `location.lat`, `location.lng`, `nationalPhoneNumber`, `plusCode.compoundCode`, `plusCode.globalCode`, `rating`, `types`, and `userRatingCount`. You may also specify one of the equivalent [`PlaceResult` field names](https://developers.google.com/maps/documentation/javascript/reference/places-service?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#PlaceResult): `business_status`, `name`, `formatted_address`, `place_id`, `international_phone_number`, `geometry.location`, `geometry.location.lat`, `geometry.location.lng`, `formatted_phone_number`, `plus_code.compound_code`, `plus_code.global_code`, `rating`, `types`, and `user_ratings_total`. | | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_opening_hours/README.md b/src/place_building_blocks/place_opening_hours/README.md
index 0d21ad0..0030c48 100644
--- a/src/place_building_blocks/place_opening_hours/README.md
+++ b/src/place_building_blocks/place_opening_hours/README.md
@@ -31,11 +31,11 @@ import { PlaceOpeningHours } from '@googlemaps/extended-component-library/place_
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| -------------- | ------------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `summary-only` | `summaryOnly` | `boolean` | Render only the summary line, without the accordion containing weekly opening hours. | `false` | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| -------------- | ------------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `summary-only` | `summaryOnly` | `boolean` | Render only the summary line, without the accordion containing weekly opening hours. | `false` | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_photo_gallery/README.md b/src/place_building_blocks/place_photo_gallery/README.md
index d7f3ffc..72dfaec 100644
--- a/src/place_building_blocks/place_photo_gallery/README.md
+++ b/src/place_building_blocks/place_photo_gallery/README.md
@@ -25,11 +25,11 @@ import { PlacePhotoGallery } from '@googlemaps/extended-component-library/place_
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ----------- | ---------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `max-tiles` | `maxTiles` | `number \| undefined` | The maximum number of photos to display as tiles. If undefined, all available photos from the Place object will be displayed. Note that the Places API can fetch up to ten photos of a place. | | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ----------- | ---------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `max-tiles` | `maxTiles` | `number \| undefined` | The maximum number of photos to display as tiles. If undefined, all available photos from the Place object will be displayed. Note that the Places API can fetch up to ten photos of a place. | | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_price_level/README.md b/src/place_building_blocks/place_price_level/README.md
index 1480e1c..2cbd116 100644
--- a/src/place_building_blocks/place_price_level/README.md
+++ b/src/place_building_blocks/place_price_level/README.md
@@ -24,11 +24,11 @@ import { PlacePriceLevel } from '@googlemaps/extended-component-library/place_bu
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------- | -------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `symbol` | `symbol` | `string` | The currency symbol (such as $) to use. | `'$'` | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------- | -------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `symbol` | `symbol` | `string` | The currency symbol (such as $) to use. | `'$'` | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_rating/README.md b/src/place_building_blocks/place_rating/README.md
index 36171f7..6d47274 100644
--- a/src/place_building_blocks/place_rating/README.md
+++ b/src/place_building_blocks/place_rating/README.md
@@ -25,11 +25,11 @@ import { PlaceRating } from '@googlemaps/extended-component-library/place_buildi
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ----------- | ----------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `condensed` | `condensed` | `boolean` | Render a condensed star rating (4.9 ★) instead of the full format (4.9 ★★★★★). | `false` | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ----------- | ----------- | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `condensed` | `condensed` | `boolean` | Render a condensed star rating (4.9 ★) instead of the full format (4.9 ★★★★★). | `false` | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_building_blocks/place_reviews/README.md b/src/place_building_blocks/place_reviews/README.md
index 27c82ff..c8eafc2 100644
--- a/src/place_building_blocks/place_reviews/README.md
+++ b/src/place_building_blocks/place_reviews/README.md
@@ -28,11 +28,11 @@ import { PlaceReviews } from '@googlemaps/extended-component-library/place_build
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ------------- | ------------ | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `max-reviews` | `maxReviews` | `number \| undefined` | The maximum number of reviews to display. If undefined, displays all reviews returned by the Places API, which provides at most 5. | | ✅ |
-| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
-| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ------------- | ------------ | ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `max-reviews` | `maxReviews` | `number \| undefined` | The maximum number of reviews to display. If undefined, displays all reviews returned by the Places API, which provides at most 5. | | ✅ |
+| | `place` | `Place\|PlaceResult\|null\|undefined` | Place data to render, overriding anything provided by context. | | ❌ |
+| `no-data` | `noData` | `boolean` | This read-only property and attribute indicate whether the component has the required Place data to display itself. Use the attribute to target CSS rules if you wish to hide this component, or display alternate content, when there's no valid data. | `true` | ✅ |
## Styling
diff --git a/src/place_overview/README.md b/src/place_overview/README.md
index bd61e08..ecb5428 100644
--- a/src/place_overview/README.md
+++ b/src/place_overview/README.md
@@ -44,14 +44,14 @@ import { PlaceOverview } from '@googlemaps/extended-component-library/place_over
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ------------------------------- | ---------------------------- | -------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | --------- |
-| `auto-fetch-disabled` | `autoFetchDisabled` | `boolean` | If a `Place` or `PlaceResult` is provided for the `place` property, this component will automatically make API calls to fetch any missing data fields required for display. However, you can set this attribute to prevent the component from making any API calls to fetch missing data. In this case, the component will only display information present in the original `Place` or `PlaceResult` object. | `false` | ✅ |
-| `google-logo-already-displayed` | `googleLogoAlreadyDisplayed` | `boolean` | This component displays the Google logo to abide by Google Maps Platform [attribution policies]( https://developers.google.com/maps/documentation/places/web-service/policies?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#logo). However, if you otherwise satisfy these requirements (e.g. by placing this component on the same screen as a Google Map), you may hide the logo. | `false` | ✅ |
-| `place` | `place` | `string\|Place\|PlaceResult \| undefined` | The place to be displayed by this component. Provide a [Place ID]( https://developers.google.com/maps/documentation/places/web-service/place-id?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) as a string to have the component look up and display details from the Place API. Alternatively, assign a `Place` or `PlaceResult` object to `place` property to render it directly (note that the attribute, on the other hand, only accepts a Place ID string). | | ❌ |
-| `size` | `size` | `'x-small'\|'small'\|'medium'\|'large'\|'x-large'` | Specifies a variation of this component, from smallest to largest. Larger variations of this component display more data, which may affect cost: - `x-small` size uses [Basic Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic) and [Atmosphere Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#atmosphere). - All other sizes use [Basic Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic), [Contact Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#contact), and [Atmosphere Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#atmosphere). | `'x-large'` | ✅ |
-| `travel-mode` | `travelMode` | `Lowercase` | Travel mode to be used when computing transit time from `travel-origin`. | `'driving'` | ✅ |
-| | `travelOrigin` | `LatLng\|LatLngLiteral\|Place \| undefined` | If specified, small, medium, large, and extra-large versions will calculate transit time from this location to the current place, then display the result. | | ❌ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ------------------------------- | ---------------------------- | -------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------- |
+| `auto-fetch-disabled` | `autoFetchDisabled` | `boolean` | If a `Place` or `PlaceResult` is provided for the `place` property, this component will automatically make API calls to fetch any missing data fields required for display. However, you can set this attribute to prevent the component from making any API calls to fetch missing data. In this case, the component will only display information present in the original `Place` or `PlaceResult` object. | `false` | ✅ |
+| `google-logo-already-displayed` | `googleLogoAlreadyDisplayed` | `boolean` | This component displays the Google logo to abide by Google Maps Platform [attribution policies]( https://developers.google.com/maps/documentation/places/web-service/policies?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#logo). However, if you otherwise satisfy these requirements (e.g. by placing this component on the same screen as a Google Map), you may hide the logo. | `false` | ✅ |
+| `place` | `place` | `string\|Place\|PlaceResult \| undefined` | The place to be displayed by this component. Provide a [Place ID]( https://developers.google.com/maps/documentation/places/web-service/place-id?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components) as a string to have the component look up and display details from the Place API. Alternatively, assign a `Place` or `PlaceResult` object to `place` property to render it directly (note that the attribute, on the other hand, only accepts a Place ID string). | | ❌ |
+| `size` | `size` | `'x-small'\|'small'\|'medium'\|'large'\|'x-large'` | Specifies a variation of this component, from smallest to largest. Larger variations of this component display more data, which may affect cost: - `x-small` size uses [Basic Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic) and [Atmosphere Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#atmosphere). - All other sizes use [Basic Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic), [Contact Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#contact), and [Atmosphere Data]( https://developers.google.com/maps/documentation/javascript/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#atmosphere). | `'x-large'` | ✅ |
+| `travel-mode` | `travelMode` | `Lowercase` | Travel mode to be used when computing transit time from `travel-origin`. | `'driving'` | ✅ |
+| | `travelOrigin` | `LatLng\|LatLngLiteral\|Place \| undefined` | If specified, small, medium, large, and extra-large versions will calculate transit time from this location to the current place, then display the result. | | ❌ |
## Slots
diff --git a/src/place_picker/README.md b/src/place_picker/README.md
index 3ec8a42..f2b3551 100644
--- a/src/place_picker/README.md
+++ b/src/place_picker/README.md
@@ -26,16 +26,16 @@ import { PlacePicker } from '@googlemaps/extended-component-library/place_picker
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| --------------- | -------------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `country` | `country` | `string[] \| undefined` | Restricts predictions to up to five countries identified by their ISO 3166-1 Alpha-2 country codes, case insensitive ('us', 'br', 'au', etc.). Multiple country codes can be specified in the attribute as a set of space-separated tokens (for example, "us ca"). | | ✅ |
-| `for-map` | `forMap` | `string \| undefined` | The HTML id of a `` element on the page that Place Autocomplete should bind to for location biasing. Note that the map need not be a parent of the current element. | | ✅ |
-| `location-bias` | `locationBias` | `google.maps.LatLngLiteral \| undefined` | Location of the region to bias predictions towards (or restrict if `strict-bounds` is set), in "lat,lng" format. This attribute must be used in conjunction with `radius`. | | ✅ |
-| `placeholder` | `placeholder` | `string \| undefined` | Placeholder text to display before the user has entered any input. | | ✅ |
-| `radius` | `radius` | `number \| undefined` | Radius of the region, in meters, to bias predictions towards. This attribute must be used in conjunction with `location-bias`. | | ✅ |
-| `strict-bounds` | `strictBounds` | `boolean` | If true, only predictions that are within the specified location/radius or map viewport will be returned. Setting this property to false (which is the default) will make the results biased towards, but not restricted to, places contained within the bounds. | `false` | ✅ |
-| `type` | `type` | `string \| undefined` | The type of predictions to return. Some examples include “restaurant”, “country” and “address”. This property supports any one type found in Tables 1~3 of [Place Types]( https://developers.google.com/maps/documentation/javascript/supported_types?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). If no type is specified, predictions of all types will be returned. | | ✅ |
-| | `value` | `Place\|null\|undefined` | This readonly property contains data about the user-selected place. If the user selects a valid place, then the object is guaranteed to contain at minimum its Place ID, along with all available [Basic Data fields]( https://developers.google.com/maps/documentation/places/web-service/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic). This property is undefined when user input is empty, and null when no results are found based on user input. | | ❌ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| --------------- | -------------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `country` | `country` | `string[] \| undefined` | Restricts predictions to up to five countries identified by their ISO 3166-1 Alpha-2 country codes, case insensitive ('us', 'br', 'au', etc.). Multiple country codes can be specified in the attribute as a set of space-separated tokens (for example, "us ca"). | | ✅ |
+| `for-map` | `forMap` | `string \| undefined` | The HTML id of a `` element on the page that Place Autocomplete should bind to for location biasing. Note that the map need not be a parent of the current element. | | ✅ |
+| `location-bias` | `locationBias` | `google.maps.LatLngLiteral \| undefined` | Location of the region to bias predictions towards (or restrict if `strict-bounds` is set), in "lat,lng" format. This attribute must be used in conjunction with `radius`. | | ✅ |
+| `placeholder` | `placeholder` | `string \| undefined` | Placeholder text to display before the user has entered any input. | | ✅ |
+| `radius` | `radius` | `number \| undefined` | Radius of the region, in meters, to bias predictions towards. This attribute must be used in conjunction with `location-bias`. | | ✅ |
+| `strict-bounds` | `strictBounds` | `boolean` | If true, only predictions that are within the specified location/radius or map viewport will be returned. Setting this property to false (which is the default) will make the results biased towards, but not restricted to, places contained within the bounds. | `false` | ✅ |
+| `type` | `type` | `string \| undefined` | The type of predictions to return. Some examples include “restaurant”, “country” and “address”. This property supports any one type found in Tables 1~3 of [Place Types]( https://developers.google.com/maps/documentation/javascript/supported_types?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components). If no type is specified, predictions of all types will be returned. | | ✅ |
+| | `value` | `Place\|null\|undefined` | This readonly property contains data about the user-selected place. If the user selects a valid place, then the object is guaranteed to contain at minimum its Place ID, along with all available [Basic Data fields]( https://developers.google.com/maps/documentation/places/web-service/place-data-fields?utm_source=github&utm_medium=documentation&utm_campaign=&utm_content=web_components#basic). This property is undefined when user input is empty, and null when no results are found based on user input. | | ❌ |
## Methods
diff --git a/src/route_building_blocks/route_data_provider/README.md b/src/route_building_blocks/route_data_provider/README.md
index bbcb386..3ac040d 100644
--- a/src/route_building_blocks/route_data_provider/README.md
+++ b/src/route_building_blocks/route_data_provider/README.md
@@ -26,16 +26,16 @@ import { RouteDataProvider } from '@googlemaps/extended-component-library/route_
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ---------------------- | -------------------- | ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | --------- |
-| `destination-lat-lng` | `destinationLatLng` | `LatLng\|LatLngLiteral \| undefined` | The destination of the directions request as a lat/lng. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `destination-place-id` | `destinationPlaceId` | `string \| undefined` | The destination of the directions request as a Place ID. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `destination-address` | `destinationAddress` | `string \| undefined` | The destination of the directions request as an address query. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-lat-lng` | `originLatLng` | `LatLng\|LatLngLiteral \| undefined` | The origin of the directions request as a lat/lng. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-place-id` | `originPlaceId` | `string \| undefined` | The origin of the directions request as a Place ID. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-address` | `originAddress` | `string \| undefined` | The origin of the directions request as an address query. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| | `route` | `DirectionsRoute \| undefined` | Route data to be provided to consumers directly, instead of making an API call. | | ❌ |
-| `travel-mode` | `travelMode` | `Lowercase` | The travel mode of the directions request. | `'driving'` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ---------------------- | -------------------- | ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------- |
+| `destination-lat-lng` | `destinationLatLng` | `LatLng\|LatLngLiteral \| undefined` | The destination of the directions request as a lat/lng. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `destination-place-id` | `destinationPlaceId` | `string \| undefined` | The destination of the directions request as a Place ID. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `destination-address` | `destinationAddress` | `string \| undefined` | The destination of the directions request as an address query. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-lat-lng` | `originLatLng` | `LatLng\|LatLngLiteral \| undefined` | The origin of the directions request as a lat/lng. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-place-id` | `originPlaceId` | `string \| undefined` | The origin of the directions request as a Place ID. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-address` | `originAddress` | `string \| undefined` | The origin of the directions request as an address query. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| | `route` | `DirectionsRoute \| undefined` | Route data to be provided to consumers directly, instead of making an API call. | | ❌ |
+| `travel-mode` | `travelMode` | `Lowercase` | The travel mode of the directions request. | `'driving'` | ✅ |
## Slots
diff --git a/src/route_building_blocks/route_marker/README.md b/src/route_building_blocks/route_marker/README.md
index 816e087..1990b7e 100644
--- a/src/route_building_blocks/route_marker/README.md
+++ b/src/route_building_blocks/route_marker/README.md
@@ -24,14 +24,14 @@ import { RouteMarker } from '@googlemaps/extended-component-library/route_buildi
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ---------- | -------------------- | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------- | --------- |
-| `waypoint` | `waypoint` | `'origin'\|'destination'` | Which waypoint of the route to position the marker on. For now, this is either "origin" or "destination"; intermediate waypoints are not yet supported. | `'origin'` | ✅ |
-| `title` | `title` | `string` | Rollover text for the marker, displayed on mouse hover. | `''` | ✅ |
-| | `zIndex` | `number \| undefined` | The z-index of the marker relative to other Advanced Markers. | | ❌ |
-| | `innerMarker` | `AdvancedMarkerElement\|undefined` | The inner `google.maps.marker.AdvancedMarkerElement` from the Maps JS API. This value is set once `innerMarkerPromise` is resolved. | | ❌ |
-| | `innerMarkerPromise` | `Promise` | Resolves to the inner marker when it's ready. It might not be ready immediately becasue the `AdvancedMarkerElement` class is loaded asynchronously from the Maps JS API. | | ❌ |
-| | `route` | `DirectionsRoute \| undefined` | Route data to render, overriding anything provided by context. | | ❌ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ---------- | -------------------- | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------- | -------------------------------------------------------------------------------------------------------------- |
+| `waypoint` | `waypoint` | `'origin'\|'destination'` | Which waypoint of the route to position the marker on. For now, this is either "origin" or "destination"; intermediate waypoints are not yet supported. | `'origin'` | ✅ |
+| `title` | `title` | `string` | Rollover text for the marker, displayed on mouse hover. | `''` | ✅ |
+| | `zIndex` | `number \| undefined` | The z-index of the marker relative to other Advanced Markers. | | ❌ |
+| | `innerMarker` | `AdvancedMarkerElement\|undefined` | The inner `google.maps.marker.AdvancedMarkerElement` from the Maps JS API. This value is set once `innerMarkerPromise` is resolved. | | ❌ |
+| | `innerMarkerPromise` | `Promise` | Resolves to the inner marker when it's ready. It might not be ready immediately becasue the `AdvancedMarkerElement` class is loaded asynchronously from the Maps JS API. | | ❌ |
+| | `route` | `DirectionsRoute \| undefined` | Route data to render, overriding anything provided by context. | | ❌ |
## Slots
diff --git a/src/route_building_blocks/route_polyline/README.md b/src/route_building_blocks/route_polyline/README.md
index 3bf84d5..623c2ac 100644
--- a/src/route_building_blocks/route_polyline/README.md
+++ b/src/route_building_blocks/route_polyline/README.md
@@ -24,17 +24,17 @@ import { RoutePolyline } from '@googlemaps/extended-component-library/route_buil
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ----------------- | ---------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `fit-in-viewport` | `fitInViewport` | `boolean` | Whether or not to automatically adjust the map's viewport to include the polyline. | `false` | ✅ |
-| `invisible` | `invisible` | `boolean` | Whether or not the polyline is invisible or visible on the map. | `false` | ✅ |
-| `stroke-color` | `strokeColor` | `string \| undefined` | Stroke color of the polyline. All CSS3 colors are supported except for extended named colors. | | ✅ |
-| `stroke-opacity` | `strokeOpacity` | `number \| undefined` | The stroke opacity of the polyline between 0.0 and 1.0. | | ✅ |
-| `stroke-weight` | `strokeWeight` | `number \| undefined` | The stroke width of the polyline in pixels. | | ✅ |
-| `z-index` | `zIndex` | `number \| undefined` | The z-index of the polyline compared to other polys. | | ✅ |
-| | `innerPolyline` | `google.maps.Polyline\|undefined` | The inner `google.maps.Polyline` from the Maps JS API. This value is set once `innerPolylinePromise` is resolved. | | ❌ |
-| | `innerPolylinePromise` | `Promise` | Resolves to the inner polyline when it's ready. It might not be ready immediately because the `Polyline` class is loaded asynchronously from the Maps JS API. | | ❌ |
-| | `route` | `DirectionsRoute \| undefined` | Route data to render, overriding anything provided by context. | | ❌ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ----------------- | ---------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `fit-in-viewport` | `fitInViewport` | `boolean` | Whether or not to automatically adjust the map's viewport to include the polyline. | `false` | ✅ |
+| `invisible` | `invisible` | `boolean` | Whether or not the polyline is invisible or visible on the map. | `false` | ✅ |
+| `stroke-color` | `strokeColor` | `string \| undefined` | Stroke color of the polyline. All CSS3 colors are supported except for extended named colors. | | ✅ |
+| `stroke-opacity` | `strokeOpacity` | `number \| undefined` | The stroke opacity of the polyline between 0.0 and 1.0. | | ✅ |
+| `stroke-weight` | `strokeWeight` | `number \| undefined` | The stroke width of the polyline in pixels. | | ✅ |
+| `z-index` | `zIndex` | `number \| undefined` | The z-index of the polyline compared to other polys. | | ✅ |
+| | `innerPolyline` | `google.maps.Polyline\|undefined` | The inner `google.maps.Polyline` from the Maps JS API. This value is set once `innerPolylinePromise` is resolved. | | ❌ |
+| | `innerPolylinePromise` | `Promise` | Resolves to the inner polyline when it's ready. It might not be ready immediately because the `Polyline` class is loaded asynchronously from the Maps JS API. | | ❌ |
+| | `route` | `DirectionsRoute \| undefined` | Route data to render, overriding anything provided by context. | | ❌ |
diff --git a/src/route_overview/README.md b/src/route_overview/README.md
index 4b267c6..a80a67f 100644
--- a/src/route_overview/README.md
+++ b/src/route_overview/README.md
@@ -28,17 +28,17 @@ import { RouteOverview } from '@googlemaps/extended-component-library/route_over
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ---------------------- | -------------------- | ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | --------- |
-| `destination-lat-lng` | `destinationLatLng` | `LatLng\|LatLngLiteral \| undefined` | The destination of the directions request as a lat/lng. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `destination-place-id` | `destinationPlaceId` | `string \| undefined` | The destination of the directions request as a Place ID. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `destination-address` | `destinationAddress` | `string \| undefined` | The destination of the directions request as an address query. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-lat-lng` | `originLatLng` | `LatLng\|LatLngLiteral \| undefined` | The origin of the directions request as a lat/lng. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-place-id` | `originPlaceId` | `string \| undefined` | The origin of the directions request as a Place ID. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| `origin-address` | `originAddress` | `string \| undefined` | The origin of the directions request as an address query. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
-| | `route` | `DirectionsRoute \| undefined` | Route data to render directly, instead of making an API call. | | ❌ |
-| `travel-mode` | `travelMode` | `Lowercase` | The travel mode of the directions request. | `'driving'` | ✅ |
-| `no-pin` | `noPin` | `boolean` | Hides the red pin displayed at the destination. | `false` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ---------------------- | -------------------- | ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------- |
+| `destination-lat-lng` | `destinationLatLng` | `LatLng\|LatLngLiteral \| undefined` | The destination of the directions request as a lat/lng. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `destination-place-id` | `destinationPlaceId` | `string \| undefined` | The destination of the directions request as a Place ID. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `destination-address` | `destinationAddress` | `string \| undefined` | The destination of the directions request as an address query. When setting the destination, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-lat-lng` | `originLatLng` | `LatLng\|LatLngLiteral \| undefined` | The origin of the directions request as a lat/lng. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-place-id` | `originPlaceId` | `string \| undefined` | The origin of the directions request as a Place ID. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| `origin-address` | `originAddress` | `string \| undefined` | The origin of the directions request as an address query. When setting the origin, only one of lat/lng, Place ID, or address should be specified. | | ✅ |
+| | `route` | `DirectionsRoute \| undefined` | Route data to render directly, instead of making an API call. | | ❌ |
+| `travel-mode` | `travelMode` | `Lowercase` | The travel mode of the directions request. | `'driving'` | ✅ |
+| `no-pin` | `noPin` | `boolean` | Hides the red pin displayed at the destination. | `false` | ✅ |
## Events
diff --git a/src/split_layout/README.md b/src/split_layout/README.md
index 32f6b9d..1cced8c 100644
--- a/src/split_layout/README.md
+++ b/src/split_layout/README.md
@@ -30,11 +30,11 @@ import { SplitLayout } from '@googlemaps/extended-component-library/split_layout
## Attributes and properties
-| Attribute | Property | Property type | Description | Default | Reflects? |
-| ---------------------- | ------------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------- |
-| `column-reverse` | `columnReverse` | `boolean` | By default, the fixed panel is rendered below the main content when layout is in column direction. If this attribute is specified, then the fixed panel will appear above the main content instead. | `false` | ✅ |
-| `row-layout-min-width` | `rowLayoutMinWidth` | `number` | When the component’s width in pixels is less than this amount, it displays in a mobile-friendly column layout instead. | `640` | ✅ |
-| `row-reverse` | `rowReverse` | `boolean` | By default, the fixed panel is rendered before the main content when layout is in row direction (left for LTR and vice versa). If this attribute is specified, then the fixed panel will appear after the main content instead (right for LTR and vice versa). | `false` | ✅ |
+| Attribute | Property | Property type | Description | Default | [Reflects?](https://open-wc.org/guides/knowledge/attributes-and-properties/#attribute-and-property-reflection) |
+| ---------------------- | ------------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------- |
+| `column-reverse` | `columnReverse` | `boolean` | By default, the fixed panel is rendered below the main content when layout is in column direction. If this attribute is specified, then the fixed panel will appear above the main content instead. | `false` | ✅ |
+| `row-layout-min-width` | `rowLayoutMinWidth` | `number` | When the component’s width in pixels is less than this amount, it displays in a mobile-friendly column layout instead. | `640` | ✅ |
+| `row-reverse` | `rowReverse` | `boolean` | By default, the fixed panel is rendered before the main content when layout is in row direction (left for LTR and vice versa). If this attribute is specified, then the fixed panel will appear after the main content instead (right for LTR and vice versa). | `false` | ✅ |
## Slots