bp-sdk-question-set
Custom element hooks
| Name | Description |
|---|---|
bp-sdk-external-question-set | disables html |
Classes
| Name | Description |
|---|---|
bp-sdk-question-set | Div element wrapping each answer |
bp-sdk-question-set__input | Div element wrapping an answer that renders a single input |
bp-sdk-question-set__group | Div element wrapping an answer that renders a question group |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
areResourcesReady | are-resources-ready | Flag used to disable button if resources for question set are not ready | boolean | undefined |
canSave | can-save | Can Save | boolean | true |
locked | locked | Flag used to disable all answer inputs | boolean | undefined |
questionGroupsWithAnswersAsKey | -- | A Map of nested question groups for rendering nested question groups/question pools | Map<string, IMappedQuestionGroupAnswers> | new Map() |
questionSet | -- | ApplicationFormQuestionSet to show questions + answers | IApplicationFormQuestionSet | undefined |
saveHandler | -- | Save Question set function | (questionSet: IApplicationFormQuestionSet) => void | undefined |
shouldRenderQuestionGroup | -- | Function that gets passed from the container to decide if an answer should render as part of a question group | (mappedQuestionGroups: Map<string, IMappedQuestionGroupAnswers>, answer: IAnswer) => boolean | undefined |
Dependencies
Used by
Depends on
Graph
graph TD;
bp-sdk-question-set --> bp-sdk-dynamic-input-redux-container
bp-sdk-question-set --> bp-sdk-question-group-container
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-question-group-container --> bp-sdk-question-group
bp-sdk-question-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-question-group --> bp-sdk-question-group-container
bp-sdk-question-group --> bp-sdk-question-group-label
bp-sdk-question-group --> bp-sdk-address-group-container
bp-sdk-question-group --> bp-sdk-accumulation-question-group-container
bp-sdk-question-group --> bp-sdk-vehicle-question-pool-container
bp-sdk-question-group --> bp-sdk-driver-question-pool-container
bp-sdk-question-group --> bp-sdk-stepper-group-container
bp-sdk-question-group --> bp-sdk-accordion
bp-sdk-question-group --> bp-sdk-coverage-group
bp-sdk-address-group-container --> bp-sdk-address-group
bp-sdk-address-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-address-group --> bp-sdk-google-address-validation
bp-sdk-google-address-validation --> bp-sdk-button
bp-sdk-google-address-validation --> bp-sdk-address-group
bp-sdk-accumulation-question-group-container --> bp-sdk-accumulation-question-group
bp-sdk-accumulation-question-group --> bp-sdk-progress
bp-sdk-accumulation-question-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-vehicle-question-pool-container --> bp-sdk-vehicle-panel-container
bp-sdk-vehicle-panel-container --> bp-sdk-vehicle-panel
bp-sdk-vehicle-panel --> bp-sdk-vehicle-panel-content
bp-sdk-vehicle-panel --> bp-sdk-vehicle-group
bp-sdk-vehicle-panel --> bp-sdk-icon-container
bp-sdk-vehicle-panel --> bp-sdk-vehicle-panel-label
bp-sdk-vehicle-panel --> bp-sdk-vehicle-panel-buttons
bp-sdk-vehicle-panel-content --> bp-sdk-dynamic-input-redux-container
bp-sdk-vehicle-panel-content --> bp-sdk-question-group-container
bp-sdk-vehicle-group --> bp-sdk-vehicle-interface
bp-sdk-vehicle-group --> bp-sdk-vehicle-vin-container
bp-sdk-vehicle-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-vehicle-group --> bp-sdk-vehicle-delete-button
bp-sdk-vehicle-group --> bp-sdk-vehicle-save-button
bp-sdk-vehicle-interface --> bp-sdk-vehicle-years-container
bp-sdk-vehicle-interface --> bp-sdk-vehicle-makes-container
bp-sdk-vehicle-interface --> bp-sdk-vehicle-models-container
bp-sdk-vehicle-interface --> bp-sdk-vehicle-configurations-container
bp-sdk-vehicle-years-container --> bp-sdk-vehicle-years
bp-sdk-vehicle-years --> bp-sdk-dynamic-input
bp-sdk-vehicle-makes-container --> bp-sdk-vehicle-makes
bp-sdk-vehicle-makes --> bp-sdk-dynamic-input
bp-sdk-vehicle-models-container --> bp-sdk-vehicle-models
bp-sdk-vehicle-models --> bp-sdk-dynamic-input
bp-sdk-vehicle-configurations-container --> bp-sdk-vehicle-configurations
bp-sdk-vehicle-configurations --> bp-sdk-dynamic-input
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-vehicle-save-button --> bp-sdk-button
bp-sdk-vehicle-panel-buttons --> bp-sdk-vehicle-delete-button
bp-sdk-vehicle-panel-buttons --> bp-sdk-vehicle-edit-button
bp-sdk-driver-question-pool-container --> bp-sdk-driver-group
bp-sdk-driver-group --> bp-sdk-icon-container
bp-sdk-driver-group --> bp-sdk-dynamic-input-list
bp-sdk-dynamic-input-list --> bp-sdk-dynamic-input-redux-container
bp-sdk-stepper-group-container --> bp-sdk-stepper-group
bp-sdk-stepper-group-container --> bp-sdk-stepper-group-button
bp-sdk-stepper-group --> bp-sdk-stepper-group
bp-sdk-stepper-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-accordion --> bp-sdk-dynamic-input-redux-container
bp-sdk-accordion --> bp-sdk-question-group-container
bp-sdk-accordion --> bp-sdk-question-group-label
bp-sdk-coverage-group --> bp-sdk-dynamic-input-redux-container
bp-sdk-coverage-group --> bp-sdk-question-group-container
bp-sdk-coverage-group --> bp-sdk-question-group-label
bp-sdk-question-set-container --> bp-sdk-question-set
style bp-sdk-question-set fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS