Events
OnCamera
On
Camera: (event: CustomEvent & { detail: { eventType: ICameraEventType } }) => void
OnContainerInjected
OnContainerInjected: (event: CustomEvent & { detail: { visualizer: Visualizer } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { visualizer: Visualizer } }): void
-
Parameters
-
event: CustomEvent & { detail: { visualizer: Visualizer } }
Returns void
OnProductChanged
OnProductChanged: (event: CustomEvent & { detail: { product: IProduct } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { product: IProduct } }): void
-
Parameters
-
event: CustomEvent & { detail: { product: IProduct } }
Returns void
OnSceneConfigurationLabelChanged
OnSceneConfigurationLabelChanged: () => void
OnUserChangedProduct
OnUserChangedProduct: (event: CustomEvent & { detail: { product: IProduct } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { product: IProduct } }): void
-
Parameters
-
event: CustomEvent & { detail: { product: IProduct } }
Returns void
onApplicationHotspotClicked
on
ApplicationHotspotClicked: (event: CustomEvent & { detail: { application: IApplication } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { application: IApplication } }): void
-
Parameters
-
event: CustomEvent & { detail: { application: IApplication } }
Returns void
onApplicationPointClicked
onApplicationPointClicked: () => void
onApplicationsNavigateButtonClicked
onApplicationsNavigateButtonClicked: () => void
onApplicationsStripButtonClicked
onApplicationsStripButtonClicked: () => void
onApplicationsStripOpened
onApplicationsStripOpened: () => void
onAsyncOperationEnded
onAsyncOperationEnded: (event: CustomEvent & { detail: { processId: string } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { processId: string } }): void
-
Parameters
-
event: CustomEvent & { detail: { processId: string } }
Returns void
onAsyncOperationStarted
onAsyncOperationStarted: (event: CustomEvent & { detail: { processId: string } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { processId: string } }): void
-
Parameters
-
event: CustomEvent & { detail: { processId: string } }
Returns void
onCloseFullscreenClicked
onCloseFullscreenClicked: () => void
onFavoriteSceneClicked
onFavoriteSceneClicked: () => void
onFavoritesPanelClosed
onFavoritesPanelClosed: () => void
onFavoritesPanelOpened
onFavoritesPanelOpened: () => void
onFavoritesSceneDisplayed
on
FavoritesSceneDisplayed: (event: CustomEvent & { detail: { scene: IFavoriteScene } }) => void
onFullscreenClicked
onFullscreenClicked: () => void
onHoverHotspot
onHoverHotspot: (event: CustomEvent & { detail: { hotspot: { application: string; isHover: boolean; title: string } } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { hotspot: { application: string; isHover: boolean; title: string } } }): void
-
Parameters
-
event: CustomEvent & { detail: { hotspot: { application: string; isHover: boolean; title: string } } }
Returns void
onOrderSample
on
OrderSample: (event: CustomEvent & { detail: { product: IProduct } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { product: IProduct } }): void
-
Parameters
-
event: CustomEvent & { detail: { product: IProduct } }
Returns void
onProductAddedToCart
on
ProductAddedToCart: (event: CustomEvent & { detail: { product: IProduct } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { product: IProduct } }): void
-
Parameters
-
event: CustomEvent & { detail: { product: IProduct } }
Returns void
onProductAddedToFavorites
onProductRemovedFromFavorites
onSceneRemovedFromFavorites
onSceneTouched
on
SceneTouched: (event: CustomEvent & { detail: { scene: IScene } }) => void
Type declaration
-
- (event: CustomEvent & { detail: { scene: IScene } }): void
-
Parameters
-
event: CustomEvent & { detail: { scene: IScene } }
Returns void
onScenesPanelClosed
onScenesPanelClosed: () => void
onScenesPanelOpened
onScenesPanelOpened: () => void
onSummaryClicked
onSummaryClicked: () => void
events when using on/off on the visualizer instance for example:
const onVisualizerLoaded = ({ detail }) => { const visualizerApp: Visualizer = detail.visualizer; const applications = visualizerApp.GetApplicationsList(); console.log(applications); }; const containerElement = document.querySelector('.visualizer'); containerElement.addEventListener('visualizerLoaded', onVisualizerLoaded);