Constructor
new DCOfferGroup()
Properties:
| Name | Type | Description |
|---|---|---|
nestedChild |
Boolean | boolean value to check if vlocity-dc-product-group is a nested child. |
currentPlanGroup |
OfferProductGroupObject | current plan group |
groupSections |
Boolean | boolean value condition for creating product-group section |
isParent |
Boolean | boolean value to check if product group is parent. |
groupMaxQtyMulti |
Boolean | boolean value to check if group max quantity is greater than 1. |
showSingleProductAddon |
Boolean | boolean value to check whether to show single product addon. |
collapsed |
Boolean | boolean value to check collapse/expand state. |
nestedProductsAvailable |
Boolean | boolean value to show if nested product are available. |
isRecurring |
Boolean | price type is recurring or one time. |
Example
Sample Usage -
Include the component in your template simply by adding c-dc-offer-group-selection custom tag
<c-dc-offer-group current-plan-group={currentPlanGroup} isparent=true nested-child=null></c-dc-offer-group>
--------------------------------------------------------------------------------------------------------------------------------------
KEY INFO -
events fired : None
events registered : None
Dependency - c-dc-offer-group is dependent on c-dc-offer-addons and c-dc-offer-group-sections components.
| Parent Component | Expected Child Component |
|---------------------------|----------------------------|
| c-dc-offer-addons | c-dc-offer-group-selection |
| c-dc-offer-group-sections | |
Sample with slots -
<c-dc-offer-group>
<span slot="{slot_name}">
Custom HTML elements goes here
</span>
</c-dc-offer-group>
List of available slots -
| Slot names | Dynamic | Description | Impact |
|-------------------------------------|-------------|-----------------------------------------------------|
| dc-offer-group-wrapper | - | Wrapper for component | Replaces template DOM |
| dc-offer-group-title | - | offer Group Title | Replace title |
| dc-offer-group-collapse-icons | - | collapse icons | Replace icon |Extends
Methods
(static) connectedCallback()
Invoked when c-dc-offer-group component is added to the document’s DOM.
(static) expandCollapseProducts()
Show or hide the addons in the mobile screens.