Unmount Component

ADPChatComponent.unmount(container: string)

// Unmount component from specified container
ADPChatComponent.unmount('#chat-container')

// Unmount component when navigating away in SPA
router.beforeEach((to, from, next) => {
  if (from.path === '/chat') {
    ADPChatComponent.unmount('#chat-container');
  }
  next();
});

// Show/hide chat component based on condition
function toggleChat(show) {
  if (show) {
    ADPChatComponent.init('#chat-container', {
      theme: 'light'
    });
  } else {
    ADPChatComponent.unmount('#chat-container');
  }
}

// Cleanup in Vue component destroy
onUnmounted(() => {
  ADPChatComponent.unmount('#chat-container');
});

// Cleanup in React component destroy
useEffect(() => {
  return () => {
    ADPChatComponent.unmount('#chat-container');
  };
}, []);

// 1. Initialize component
const instance = ADPChatComponent.init('#chat-container', {
  theme: 'light',
  logoTitle: 'AI Assistant',
  apiConfig: {
    baseURL: 'https://api.example.com'
  }
});

// 2. Get current config
const currentConfig = ADPChatComponent.getProps('#chat-container');
console.log('Current theme:', currentConfig?.theme);

// 3. Dynamically update config
ADPChatComponent.update('#chat-container', {
  theme: 'dark',
  logoTitle: 'Smart Assistant'
});

// 4. Unmount component when appropriate
ADPChatComponent.unmount('#chat-container');

// 5. Re-initialize if needed
ADPChatComponent.init('#chat-container', {
  theme: 'light'
});