Constructor
new VlocityDCAssetDetails()
Properties:
| Name | Type | Description |
|---|---|---|
asset |
Object | object containing an asset. |
Example
Sample Usage -
Include the component in your template by adding vlocity-dc-asset-details custom tag
<vlocity-dc-asset-details .asset="${asset}"></vlocity-dc-asset-details >
| Attribute Name | Type Expected | Required |
|-------------------|---------------------------------------------------------------------------------|----------|
| asset | It expects an object which contains a current asset from assets list | Yes |
KEY INFO -
events fired : "vlocity-dc-toggle-asset"
events registered : none
Dependency - vlocity-dc-asset-details is a child component of vlocity-dc-assets-list.
It is used inside vlocity-dc-toggle-asset for each iteration of assets.
| Parent Component | Expected Children Components |
|--------------------------|------------------------------|
| vlocity-dc-assets-list | vlocity-dc-asset-attributes |
| | vlocity-dc-asset-attributes |
Sample with slots -
<vlocity-dc-asset-details >
<span slot="{slot_name}">
Custom HTML elements goes here
</span>
</vlocity-dc-asset-details >
List of available slots -
| Slot names | Dynamic | Description | Impact |
|-------------------------- |-------------|---------------------------------|----------------------------------------|
| dc-asset-name | - | Wrapper for asset name | Replaces asset name |
| dc-asset-header | - | Wrapper for asset header | Replaces asset header |
| dc-loading-toggle-icon | - | Wrapper for toggle icon | Replaces toggle icon |
| dc-asset-details | - | Wrapper for each asset details | Replaces each asset detail view |
| dc-asset-attributes | - | Wrapper for asset attributes | Replaces asset attributes |Extends
- LitElement
Members
(static, readonly) properties
Properties that will be available in the template binding
Methods
(static) getPromotions()
Method to fetch promotion string from getPromotions utility
(static) toggleCheckbox()
Method to handle asset toggle selection