bp-sdk-vehicle-vin-container
Custom element hooks
| Name | Description |
|---|
bp-sdk-external-vehicle-vin-container | disable html |
Properties
| Property | Attribute | Description | Type | Default |
|---|
answerId | answer-id | The id of the answer associated with this field | string | undefined |
canSave | can-save | Can Save | boolean | false |
code | code | The question code associated with this field | string | undefined |
configurationOptions | -- | VIN resource injected by redux | IVehicleConfigurationOptions | {} |
questionGroupId | question-group-id | Vehicle question group ID | string | undefined |
value | value | Current value of answer | string | '' |
vinOptions | -- | VIN resource injected by redux | IVehicleVinOptions | { ...VehicleVinOptions } |
vinStatus | vin-status | Selection resource injected by redux | LoadingStates.Error \| LoadingStates.Loaded \| LoadingStates.Loading \| LoadingStates.NotLoaded | LoadingStates.NotLoaded |
Events
| Event | Description | Type |
|---|
vinUpdate | | CustomEvent<{ vin: string; answerId: string; }> |
ymmcUpdate | | CustomEvent<IYearMakeModelConfigurationUpdate> |
Dependencies
Used by
Depends on
Graph
graph TD;
bp-sdk-vehicle-vin-container --> bp-sdk-vehicle-vin
bp-sdk-vehicle-vin --> bp-sdk-text-input
bp-sdk-vehicle-vin --> bp-sdk-vehicle-configurations-container
bp-sdk-text-input --> bp-sdk-errors-container
bp-sdk-errors-container --> bp-sdk-errors
bp-sdk-vehicle-configurations-container --> bp-sdk-vehicle-configurations
bp-sdk-vehicle-configurations --> 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-driver-input-container --> bp-sdk-text-input-container
bp-sdk-text-input-container --> bp-sdk-text-input
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-vehicle-group --> bp-sdk-vehicle-vin-container
style bp-sdk-vehicle-vin-container fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS