bp-sdk-address-group
Custom element hooks
| Name | Description |
|---|---|
bp-sdk-external-address-group | disables html |
Classes
| Name | Description |
|---|---|
bp-sdk-address-group__container | Root div element |
bp-sdk-address-group__streets | Group div for street containers |
bp-sdk-address-group__street-primary | Street container for primary street input |
bp-sdk-address-group__street-secondary | Street container for secondary street input |
bp-sdk-address-group__locality | Group div for locality containers |
bp-sdk-address-group__city | Locality container for city input |
bp-sdk-address-group__state | Locality container for state input |
bp-sdk-address-group__zipcode | Locality container for zipcode input |
bp-sdk-row | Optional class indicating row display |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
addressValidationId | address-validation-id | Answer pool ID if multiple address pool or group ID from the question set | string | undefined |
answers | -- | group of answers | IAnswer[] | [] |
disableAutoSave | disable-auto-save | Disable automatically saving answers when typing. This should only be used in specific advanced scenarios | boolean | false |
label | label | label | string | undefined |
labelledBy | labelled-by | Labels that describe group | string | undefined |
useAddressValidation | use-address-validation | Render validation component | boolean | false |
Events
| Event | Description | Type |
|---|---|---|
addressMissingComponents | Passes missing address_components | CustomEvent<{ missing_components: string[]; }> |
saveAnswer | Passes information needed to update answer | CustomEvent<IAnswerUpdatedEvent> |
stageAddressValidationAnswerForUpdate | Passes unsaved answer when disableAutoSave is true | CustomEvent<IAnswerUpdatedEvent> |
Dependencies
Used by
Depends on
Graph
graph TD;
bp-sdk-address-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-address-group --> bp-sdk-google-address-validation
bp-sdk-dynamic-input-redux-container --> bp-sdk-dynamic-input-event-container
bp-sdk-dynamic-input-event-container --> bp-sdk-dynamic-input
bp-sdk-dynamic-input --> bp-sdk-message-outlet
bp-sdk-dynamic-input --> bp-sdk-label
bp-sdk-dynamic-input --> bp-sdk-google-places-autocomplete-container
bp-sdk-dynamic-input --> bp-sdk-driver-input-container
bp-sdk-dynamic-input --> bp-sdk-increment-input
bp-sdk-dynamic-input --> bp-sdk-text-input-container
bp-sdk-dynamic-input --> bp-sdk-masked-input-container
bp-sdk-dynamic-input --> bp-sdk-date-input-container
bp-sdk-dynamic-input --> bp-sdk-month-year-input-container
bp-sdk-dynamic-input --> bp-sdk-select-input-container
bp-sdk-dynamic-input --> bp-sdk-autocomplete-naics-container
bp-sdk-dynamic-input --> bp-sdk-business-classification-selector-container
bp-sdk-dynamic-input --> bp-sdk-radio-dialog
bp-sdk-dynamic-input --> bp-sdk-checkbox-input
bp-sdk-dynamic-input --> bp-sdk-radio-input
bp-sdk-dynamic-input --> bp-sdk-product-list-container
bp-sdk-dynamic-input --> bp-sdk-add-question-pool-item-container
bp-sdk-dynamic-input --> bp-sdk-delete-question-pool-item-container
bp-sdk-dynamic-input --> bp-sdk-autocomplete-input
bp-sdk-google-places-autocomplete-container --> bp-sdk-google-places-autocomplete
bp-sdk-google-places-autocomplete --> bp-sdk-errors-container
bp-sdk-errors-container --> bp-sdk-errors
bp-sdk-driver-input-container --> bp-sdk-text-input-container
bp-sdk-text-input-container --> bp-sdk-text-input
bp-sdk-text-input --> bp-sdk-errors-container
bp-sdk-increment-input --> bp-sdk-text-input-container
bp-sdk-masked-input-container --> bp-sdk-masked-input
bp-sdk-masked-input --> bp-sdk-errors-container
bp-sdk-masked-input --> bp-sdk-masked-input-button
bp-sdk-masked-input --> bp-sdk-icon-container
bp-sdk-date-input-container --> bp-sdk-date-input
bp-sdk-date-input --> bp-sdk-errors-container
bp-sdk-month-year-input-container --> bp-sdk-month-year-input
bp-sdk-month-year-input --> bp-sdk-errors-container
bp-sdk-select-input-container --> bp-sdk-select-input
bp-sdk-select-input --> bp-sdk-errors-container
bp-sdk-autocomplete-naics-container --> bp-sdk-autocomplete-input
bp-sdk-autocomplete-input --> bp-sdk-errors-container
bp-sdk-business-classification-selector-container --> bp-sdk-business-classification-selector
bp-sdk-business-classification-selector --> bp-sdk-autocomplete-input
bp-sdk-business-classification-selector --> bp-sdk-business-classification-selector-list-container
bp-sdk-business-classification-selector-list-container --> bp-sdk-business-classification-selector-list
bp-sdk-business-classification-selector-list --> bp-sdk-business-classification-selector-naics-group
bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-naics-group-header
bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-list-item-container
bp-sdk-business-classification-selector-list-item-container --> bp-sdk-business-classification-selector-list-item
bp-sdk-business-classification-selector-list-item --> bp-sdk-business-classification-selector-card-content
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-header
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-body
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-relevance-chip
bp-sdk-radio-dialog --> bp-sdk-dialog
bp-sdk-radio-dialog --> bp-sdk-radio-input
bp-sdk-dialog --> bp-sdk-dialog-close-button
bp-sdk-dialog-close-button --> bp-sdk-button
bp-sdk-dialog-close-button --> bp-sdk-icon-container
bp-sdk-radio-input --> bp-sdk-errors-container
bp-sdk-checkbox-input --> bp-sdk-errors-container
bp-sdk-product-list-container --> bp-sdk-product-list
bp-sdk-product-list --> bp-sdk-select-input
bp-sdk-add-question-pool-item-container --> bp-sdk-question-pool-container
bp-sdk-question-pool-container --> bp-sdk-parent-question-pool-selector
bp-sdk-question-pool-container --> bp-sdk-add-item-container
bp-sdk-parent-question-pool-selector --> bp-sdk-select-input
bp-sdk-parent-question-pool-selector --> bp-sdk-button
bp-sdk-add-item-container --> bp-sdk-icon-container
bp-sdk-add-item-container --> bp-sdk-button
bp-sdk-delete-question-pool-item-container --> bp-sdk-delete-question-pool-item
bp-sdk-delete-question-pool-item --> bp-sdk-delete-button
bp-sdk-delete-button --> bp-sdk-icon-container
bp-sdk-google-address-validation --> bp-sdk-address-group
bp-sdk-address-group-container --> bp-sdk-address-group
style bp-sdk-address-group fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS