From d6c8360f4f5b456209f0202dc96c5227ddbc9959 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Mon, 19 Aug 2019 13:14:56 +0200
Subject: [PATCH] added toggled event to DirectChat.js

---
 build/js/DirectChat.js         |  7 +++++++
 docs/javascript/direct-chat.md | 12 ++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/build/js/DirectChat.js b/build/js/DirectChat.js
index df8b0e717..c211bc710 100644
--- a/build/js/DirectChat.js
+++ b/build/js/DirectChat.js
@@ -17,6 +17,10 @@ const DirectChat = (($) => {
   const JQUERY_NO_CONFLICT = $.fn[NAME]
   const DATA_API_KEY       = '.data-api'
 
+  const Event = {
+    TOGGLED: `toggled{EVENT_KEY}`
+  }
+
   const Selector = {
     DATA_TOGGLE: '[data-widget="chat-pane-toggle"]',
     DIRECT_CHAT: '.direct-chat'
@@ -38,6 +42,9 @@ const DirectChat = (($) => {
 
     toggle() {
       $(this._element).parents(Selector.DIRECT_CHAT).first().toggleClass(ClassName.DIRECT_CHAT_OPEN);
+
+      const toggledEvent = $.Event(Event.TOGGLED)
+      $(this._element).trigger(toggledEvent)
     }
 
     // Static
diff --git a/docs/javascript/direct-chat.md b/docs/javascript/direct-chat.md
index 537f62b44..a43307459 100644
--- a/docs/javascript/direct-chat.md
+++ b/docs/javascript/direct-chat.md
@@ -33,3 +33,15 @@ $('#chat-pane-toggle').DirectChat('toggle')
 {: .table .table-bordered .bg-light}
 
 Example: `$('#chat-pane-toggle').DirectChat('toggle')`
+
+
+##### Events
+{: .mt-4}
+
+|---
+| Event Type | Description
+|-|-
+|toggled.lte.directchat | Triggered after a direct chat contacts pane is toggled.
+{: .table .table-bordered .bg-light}
+
+Example: `$('#toggle-button').on('toggled.lte.directchat', handleToggledEvent)`