From 3802cb1fb584fe95aac902cc13da9da3f23913f2 Mon Sep 17 00:00:00 2001
From: Rah Emil <013131@mail.ru>
Date: Fri, 15 Jul 2022 22:28:08 +0300
Subject: [PATCH] publish v2.2.0

---
 CHANGELOG.md                    | 10 +++++
 README.md                       | 80 +++++++++++++++++++++++++--------
 __test__/easySetup.test.js      | 19 ++++----
 __test__/test-dom.js            | 12 ++++-
 dist/easy-toggler.cjs           | 63 +++++++++++++++++---------
 dist/easy-toggler.cjs.map       |  2 +-
 dist/easy-toggler.es.js         | 63 +++++++++++++++++---------
 dist/easy-toggler.es.js.map     |  2 +-
 dist/easy-toggler.es.min.js     |  4 +-
 dist/easy-toggler.es.min.js.map |  2 +-
 dist/easy-toggler.js            | 60 +++++++++++++++++--------
 dist/easy-toggler.js.map        |  2 +-
 dist/easy-toggler.min.js        |  4 +-
 dist/easy-toggler.min.js.map    |  2 +-
 package.json                    |  2 +-
 src/core/add.js                 |  2 +
 src/core/attrs.js               | 11 ++++-
 src/core/index.js               | 17 +------
 src/core/rcoes.js               | 20 +++++++++
 src/core/remove.js              |  2 +
 src/core/toggle.js              |  2 +
 src/easy-toggler.es.js          |  6 ++-
 src/easy-toggler.umd.js         |  4 +-
 23 files changed, 275 insertions(+), 116 deletions(-)
 create mode 100644 src/core/rcoes.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c5c782..7feb738 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## 2.2.0 (2022-07-15)
+**Closed issues:**
+- easy-self don't work with easy-rcoe attribute #5
+
+**Bugfix:**
+- fix error with attrsDefault for easy-toggler.es 
+
+**Implemented enhancements:**
+- Feature suggestion! Add hooks #6 (new hooks: `onToggle($el)`, `onAdd($el)`, `onRemove($el)`, `onRcoe($el)`)
+
 ## 2.1.0 (2022-06-18)
 **Closed issues:**
 - Delete log in core/index.js #4
diff --git a/README.md b/README.md
index 00b5388..d8a3fa8 100644
--- a/README.md
+++ b/README.md
@@ -15,20 +15,36 @@ Simple class switcher on web elements. JavaScript only.
   import easySetup from "easy-toggler";
 
   easySetup({
-      toggle: 'easy-toggle',
-      remove: 'easy-remove',
-      add: 'easy-add',
-      class: 'easy-class',
-      rcoe: 'easy-rcoe',
-      parallel: 'easy-parallel',
-      self: 'easy-self'
+    // html attrs
+    toggle: 'easy-toggle',
+    add: 'easy-add',
+    remove: 'easy-remove',
+    class: 'easy-class',
+    rcoe: 'easy-rcoe',
+    parallel: 'easy-parallel',
+    self: 'easy-self',
+    selfRcoe: 'easy-self-rcoe',
+
+    // Hooks
+    onToggle($el){},
+    onAdd($el){},
+    onRemove($el){},
+    onRcoe($el){},
   });
 </script>
 ```
+or easier:
+```html
+<script type="module">
+  import easySetup from "easy-toggler";
+
+  easySetup();
+</script>
+```
 
 ### UMD (+ jsDelivr)
 ```html
-<script src="https://cdn.jsdelivr.net/npm/easy-toggler@2.1.0/dist/easy-toggler.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/easy-toggler@2.2.0/dist/easy-toggler.min.js"></script>
 ```
 ### CJS
 ```html
@@ -36,21 +52,37 @@ Simple class switcher on web elements. JavaScript only.
   const easySetup = require("easy-toggler.cjs");
 
   easySetup({
-      toggle: 'easy-toggle',
-      remove: 'easy-remove',
-      add: 'easy-add',
-      class: 'easy-class',
-      rcoe: 'easy-rcoe',
-      parallel: 'easy-parallel',
-      self: 'easy-self'
+    // html attrs
+    toggle: 'easy-toggle',
+    add: 'easy-add',
+    remove: 'easy-remove',
+    class: 'easy-class',
+    rcoe: 'easy-rcoe',
+    parallel: 'easy-parallel',
+    self: 'easy-self',
+    selfRcoe: 'easy-self-rcoe',
+
+    // Hooks
+    onToggle($el){},
+    onAdd($el){},
+    onRemove($el){},
+    onRcoe($el){},
   });
 </script>
 ```
+or easier:
+```html
+<script type="module">
+  import easySetup from "easy-toggler";
+
+  easySetup();
+</script>
+```
 
 ## Example №1
 When you click the button, the class ```show``` will be added to ```<nav id="main_menu">```
 ```html
-<button data-easy-toggle="#main_menu" data-easy-class="show">Menu</button>
+<button easy-toggle="#main_menu" easy-class="show">Menu</button>
 
 <nav id="main_menu">
     <ul>
@@ -64,10 +96,10 @@ When you click the button, the class ```show``` will be added to ```<nav id="mai
 ```
 
 ## Example №2
-When you click the button, the class  ```open``` will be added to ```<div id="categories" class="dropdown-menu">```. When clicking outside the element area, class ```open``` will be deleted from ```<div id="categories" class="dropdown-menu">```, since we specified the  ```data-easy-rcoe``` attribute for the link.
+When you click the button, the class  ```open``` will be added to ```<div id="categories" class="dropdown-menu">```. When clicking outside the element area, class ```open``` will be deleted from ```<div id="categories" class="dropdown-menu">```, since we specified the  ```easy-rcoe``` attribute for the link.
 ```html
 <div class="dropdown">
-    <a href="#" data-easy-toggle="#categories" data-easy-class="open" data-easy-rcoe>Categories</a>
+    <a href="#" easy-toggle="#categories" easy-class="open" easy-rcoe>Categories</a>
 
     <div id="categories" class="dropdown-menu">
         <a href="#">HTML</a>
@@ -81,7 +113,7 @@ When you click the button, the class  ```open``` will be added to ```<div id="ca
 
 **EasyToggler.js** only allows you to conveniently manage the element classes. CSS styles (behavior of elements with certain classes) must be specified independently.
 
-#### Specificity of attributes
+## Attributes
 - **easy-toggle** - toggle class for target element
 - **easy-add** - add class for target element
 - **easy-remove** - remove class for target element
@@ -89,4 +121,14 @@ When you click the button, the class  ```open``` will be added to ```<div id="ca
 - **easy-rcoe** - indicate whether it is necessary to delete the class if another is pressed
 - **easy-parallel** - so that elements can open parallel to each other
 - **easy-self** - add a class to the clicked button
+- **easy-self-rcoe** - indicate whether it is necessary to delete the class if another is pressed (for self elements)
+
+
+## Hooks
+- **onToggle($el)** - hook before toggle action
+- **onAdd($el)** - hook before add action
+- **onRemove($el)** - hook before remove action
+- **onRcoe($el)** - hook before rcoe action
 
+## Contributing
+The author will be grateful to all developers for any suggestions to improve the plugin. Fork and submit pull requests. Thank you!
diff --git a/__test__/easySetup.test.js b/__test__/easySetup.test.js
index b6b8dff..5023bcb 100644
--- a/__test__/easySetup.test.js
+++ b/__test__/easySetup.test.js
@@ -6,14 +6,10 @@ import testDom from './test-dom';
 import easySetup from '../dist/easy-toggler.es';
 
 easySetup({
-    toggle: 'easy-toggle',
-    remove: 'easy-remove',
-    add: 'easy-add',
-    class: 'easy-class',
-    rcoe: 'easy-rcoe',
-    parallel: 'easy-parallel',
-    self: 'easy-self',
-    selfRcoe: 'easy-self-rcoe',
+    remove: 'data-easy-remove',
+    onRemove($el) {
+        console.log('remove hook!', $el.id);
+    }
 });
 
 beforeAll(() => {
@@ -66,3 +62,10 @@ test('test easy-self after click other button', () => {
     document.getElementById('dropdown').click();
     expect(btnSelf.classList.contains('btn-active')).toBe(false);
 });
+
+test('test easy-self-rcoe after click other button', () => {
+    const btnSelfRcoe = document.getElementById('btnSelfRcoe');
+    btnSelfRcoe.click();
+    document.getElementById('dropdown').click();
+    expect(btnSelfRcoe.classList.contains('btn-active')).toBe(false);
+});
diff --git a/__test__/test-dom.js b/__test__/test-dom.js
index 7b4ac90..69b4060 100644
--- a/__test__/test-dom.js
+++ b/__test__/test-dom.js
@@ -29,7 +29,7 @@ function testDom() {
         <button id="showModal" easy-add="#modal_1" easy-class="show" easy-rcoe>Modal show!</button>
 
         <div id="modal_1">
-            <button id="closeModal" easy-remove="#modal_1" easy-class="show">Close modal</button>
+            <button id="closeModal" data-easy-remove="#modal_1" easy-class="show">Close modal</button>
             <div>
                 <h3>Modal window</h3>
                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita reiciendis, earum cupiditate obcaecati vel in vitae officia nihil praesentium id, quod quasi repellat maxime fugiat eos ipsa. Consectetur, aperiam dignissimos!</p>
@@ -55,6 +55,16 @@ function testDom() {
             <a href="#">Item 2</a>
             <a href="#">Item 3</a>
         </div>
+
+        <button id="btnSelfRcoe" easy-toggle="#dropdownSelfRcoe" easy-class="active-menu" easy-rcoe easy-self="btn-active" easy-self-rcoe>
+            Button with self & rcoe
+        </button>
+
+        <div id="dropdownSelfRcoe">
+            <a href="#">Item 1</a>
+            <a href="#">Item 2</a>
+            <a href="#">Item 3</a>
+        </div>
     `
 }
 
diff --git a/dist/easy-toggler.cjs b/dist/easy-toggler.cjs
index e1c961c..ac50fa2 100644
--- a/dist/easy-toggler.cjs
+++ b/dist/easy-toggler.cjs
@@ -1,11 +1,13 @@
 /*!
- * EasyToggler v2.1.0 (https://github.com/rah-emil/easy-toggler#readme)
+ * EasyToggler v2.2.0 (https://github.com/rah-emil/easy-toggler#readme)
  * Copyright 2022 Rah Emil <013131@mail.ru>
  * Licensed under MIT (https://github.com/rah-emil/easy-toggler/blob/master/LICENSE)
  */
 'use strict';
 
 const toggle = ($toggler, attrs) => {
+  attrs.onToggle($toggler);
+
   const _target = $toggler.getAttribute(attrs.toggle);
 
   document.querySelectorAll(`[${attrs.toggle}]`).forEach(easyBlock => {
@@ -29,6 +31,8 @@ const toggle = ($toggler, attrs) => {
 };
 
 const add = ($add, attrs) => {
+  attrs.onAdd($add);
+
   const _target = $add.getAttribute(attrs.add);
 
   const _class = $add.getAttribute(attrs.class);
@@ -45,6 +49,8 @@ const add = ($add, attrs) => {
 };
 
 const remove = ($remove, attrs) => {
+  attrs.onRemove($remove);
+
   const _target = $remove.getAttribute(attrs.remove);
 
   const _class = $remove.getAttribute(attrs.class);
@@ -60,6 +66,25 @@ const remove = ($remove, attrs) => {
   }
 };
 
+const rcoes = (e, attrs) => {
+  const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
+  Array.from($rcoes).forEach($rcoe => {
+    let block = $rcoe.getAttribute(attrs.toggle);
+    let block_class = $rcoe.getAttribute(attrs.class);
+
+    if (!e.target.closest(block)) {
+      attrs.onRcoe($rcoe);
+      document.querySelector(block)?.classList.remove(block_class);
+
+      const _selfClass = $rcoe.getAttribute(attrs.self);
+
+      if (_selfClass) {
+        $rcoe.classList.remove(_selfClass);
+      }
+    }
+  });
+};
+
 function easyTogglerHandler(e, attrs) {
   const $toggler = e.target.closest(`[${attrs.toggle}]`);
   const $remove = e.target.closest(`[${attrs.remove}]`);
@@ -81,21 +106,7 @@ function easyTogglerHandler(e, attrs) {
   }
 
   if (!$toggler && !$remove && !$add) {
-    const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
-    Array.from($rcoes).forEach($rcoe => {
-      let block = $rcoe.getAttribute(attrs.toggle);
-      let block_class = $rcoe.getAttribute(attrs.class);
-
-      if (!e.target.closest(block)) {
-        document.querySelector(block)?.classList.remove(block_class);
-
-        const _selfClass = $rcoe.getAttribute(attrs.self);
-
-        if (_selfClass) {
-          $rcoe.classList.remove(_selfClass);
-        }
-      }
-    });
+    rcoes(e, attrs);
   }
 }
 
@@ -106,7 +117,18 @@ const attrsDefault = {
   class: 'easy-class',
   rcoe: 'easy-rcoe',
   parallel: 'easy-parallel',
-  self: 'easy-self'
+  self: 'easy-self',
+  selfRcoe: 'easy-self-rcoe',
+
+  // Hooks
+  onToggle($el) {},
+
+  onAdd($el) {},
+
+  onRemove($el) {},
+
+  onRcoe($el) {}
+
 };
 
 /**
@@ -116,11 +138,12 @@ const attrsDefault = {
  */
 
 const easySetup = params => {
-  const customAttrs = {
-    attrsDefault,
+  const customAttrs = { ...attrsDefault,
     ...params
   };
-  document.addEventListener('click', e => easyTogglerHandler(e, customAttrs));
+  document.addEventListener('click', e => {
+    easyTogglerHandler(e, customAttrs);
+  });
 };
 
 module.exports = easySetup;
diff --git a/dist/easy-toggler.cjs.map b/dist/easy-toggler.cjs.map
index 795f9a1..2468097 100644
--- a/dist/easy-toggler.cjs.map
+++ b/dist/easy-toggler.cjs.map
@@ -1 +1 @@
-{"version":3,"file":"easy-toggler.cjs","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n        Array.from($rcoes).forEach(($rcoe) => {\n            let block = $rcoe.getAttribute(attrs.toggle);\n            let block_class = $rcoe.getAttribute(attrs.class);\n\n            if(!e.target.closest(block)) {\n                document.querySelector(block)?.classList.remove(block_class);\n\n                const _selfClass = $rcoe.getAttribute(attrs.self);\n                if(_selfClass) {\n                    $rcoe.classList.remove(_selfClass);\n                }\n            }\n        });\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self'\n}\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = {attrsDefault, ...params};\n    document.addEventListener('click', (e) => easyTogglerHandler(e, customAttrs));\n};\n\nexport default easySetup;\n"],"names":["toggle","$toggler","attrs","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","_class","$remove","easyTogglerHandler","e","target","closest","preventDefault","$rcoes","rcoe","Array","from","$rcoe","block","block_class","attrsDefault","easySetup","params","customAttrs","addEventListener"],"mappings":";;;;;;;AAAA,MAAMA,MAAM,GAAG,CAACC,QAAD,EAAWC,KAAX,KAAqB;EAChC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,YAAT,CAAsBF,KAAK,CAACF,MAA5B,CAAhB,CAAA;;AAEAK,EAAAA,QAAQ,CAACC,gBAAT,CAA2B,CAAA,CAAA,EAAIJ,KAAK,CAACF,MAAQ,CAAA,CAAA,CAA7C,CAAiDO,CAAAA,OAAjD,CAA0DC,SAAD,IAAe;AACpE,IAAA,IAAG,CAACA,SAAS,CAACC,YAAV,CAAuBP,KAAK,CAACQ,QAA7B,CAAD,IAA2CF,SAAS,KAAKP,QAA5D,EAAqE;MACjEI,QAAQ,CAACM,aAAT,CAAuBH,SAAS,CAACJ,YAAV,CAAuBF,KAAK,CAACF,MAA7B,CAAvB,EAA6DY,SAA7D,CAAuEC,MAAvE,CAA8EL,SAAS,CAACJ,YAAV,CAAuBF,KAAK,CAACY,KAA7B,CAA9E,CAAA,CAAA;;MAEA,MAAMC,UAAU,GAAGd,QAAQ,CAACG,YAAT,CAAsBF,KAAK,CAACc,IAA5B,CAAnB,CAAA;;AACA,MAAA,IAAGD,UAAH,EAAe;AACXd,QAAAA,QAAQ,CAACW,SAAT,CAAmBC,MAAnB,CAA0BE,UAA1B,CAAA,CAAA;AACH,OAAA;AACJ,KAAA;GARL,CAAA,CAAA;AAWAV,EAAAA,QAAQ,CAACM,aAAT,CAAuBR,OAAvB,CAAA,EAAiCS,SAAjC,CAA2CZ,MAA3C,CAAkDC,QAAQ,CAACG,YAAT,CAAsBF,KAAK,CAACY,KAA5B,CAAlD,CAAA,CAAA;;EAEA,MAAMC,UAAU,GAAGd,QAAQ,CAACG,YAAT,CAAsBF,KAAK,CAACc,IAA5B,CAAnB,CAAA;;AACA,EAAA,IAAGD,UAAH,EAAe;AACXd,IAAAA,QAAQ,CAACW,SAAT,CAAmBZ,MAAnB,CAA0Be,UAA1B,CAAA,CAAA;AACH,GAAA;AACJ,CApBD;;ACAA,MAAME,GAAG,GAAG,CAACC,IAAD,EAAOhB,KAAP,KAAiB;EACzB,MAAMC,OAAO,GAAGe,IAAI,CAACd,YAAL,CAAkBF,KAAK,CAACe,GAAxB,CAAhB,CAAA;;EACA,MAAME,MAAM,GAAGD,IAAI,CAACd,YAAL,CAAkBF,KAAK,CAACY,KAAxB,CAAf,CAAA;;EAEAT,QAAQ,CAACC,gBAAT,CAA0BH,OAA1B,EAAmCI,OAAnC,CAA4CC,SAAD,IAAe;AACtDA,IAAAA,SAAS,CAACI,SAAV,CAAoBK,GAApB,CAAwBE,MAAxB,CAAA,CAAA;GADJ,CAAA,CAAA;;EAIA,MAAMJ,UAAU,GAAGG,IAAI,CAACd,YAAL,CAAkBF,KAAK,CAACc,IAAxB,CAAnB,CAAA;;AACA,EAAA,IAAGD,UAAH,EAAe;AACXG,IAAAA,IAAI,CAACN,SAAL,CAAeK,GAAf,CAAmBF,UAAnB,CAAA,CAAA;AACH,GAAA;AACJ,CAZD;;ACAA,MAAMF,MAAM,GAAG,CAACO,OAAD,EAAUlB,KAAV,KAAoB;EAC/B,MAAMC,OAAO,GAAGiB,OAAO,CAAChB,YAAR,CAAqBF,KAAK,CAACW,MAA3B,CAAhB,CAAA;;EACA,MAAMM,MAAM,GAAGC,OAAO,CAAChB,YAAR,CAAqBF,KAAK,CAACY,KAA3B,CAAf,CAAA;;EAEAT,QAAQ,CAACC,gBAAT,CAA0BH,OAA1B,EAAmCI,OAAnC,CAA4CC,SAAD,IAAe;AACtDA,IAAAA,SAAS,CAACI,SAAV,CAAoBC,MAApB,CAA2BM,MAA3B,CAAA,CAAA;GADJ,CAAA,CAAA;;EAIA,MAAMJ,UAAU,GAAGK,OAAO,CAAChB,YAAR,CAAqBF,KAAK,CAACc,IAA3B,CAAnB,CAAA;;AACA,EAAA,IAAGD,UAAH,EAAe;AACXK,IAAAA,OAAO,CAACR,SAAR,CAAkBC,MAAlB,CAAyBE,UAAzB,CAAA,CAAA;AACH,GAAA;AACJ,CAZD;;ACIA,SAASM,kBAAT,CAA4BC,CAA5B,EAA+BpB,KAA/B,EAAsC;AAClC,EAAA,MAAMD,QAAQ,GAAGqB,CAAC,CAACC,MAAF,CAASC,OAAT,CAAkB,CAAItB,CAAAA,EAAAA,KAAK,CAACF,MAAQ,GAApC,CAAjB,CAAA;AACA,EAAA,MAAMoB,OAAO,GAAGE,CAAC,CAACC,MAAF,CAASC,OAAT,CAAkB,CAAItB,CAAAA,EAAAA,KAAK,CAACW,MAAQ,GAApC,CAAhB,CAAA;AACA,EAAA,MAAMK,IAAI,GAAGI,CAAC,CAACC,MAAF,CAASC,OAAT,CAAkB,CAAItB,CAAAA,EAAAA,KAAK,CAACe,GAAK,GAAjC,CAAb,CAAA;;AAEA,EAAA,IAAGhB,QAAH,EAAa;AACTqB,IAAAA,CAAC,CAACG,cAAF,EAAA,CAAA;AACAzB,IAAAA,MAAM,CAACC,QAAD,EAAWC,KAAX,CAAN,CAAA;AACH,GAAA;;AAED,EAAA,IAAGkB,OAAH,EAAY;AACRE,IAAAA,CAAC,CAACG,cAAF,EAAA,CAAA;AACAZ,IAAAA,MAAM,CAACO,OAAD,EAAUlB,KAAV,CAAN,CAAA;AACH,GAAA;;AAED,EAAA,IAAGgB,IAAH,EAAS;AACLI,IAAAA,CAAC,CAACG,cAAF,EAAA,CAAA;AACAR,IAAAA,GAAG,CAACC,IAAD,EAAOhB,KAAP,CAAH,CAAA;AACH,GAAA;;EAED,IAAG,CAACD,QAAD,IAAa,CAACmB,OAAd,IAAyB,CAACF,IAA7B,EAAmC;IAC/B,MAAMQ,MAAM,GAAGrB,QAAQ,CAACC,gBAAT,CAA2B,CAAA,CAAA,EAAIJ,KAAK,CAACyB,IAAM,CAAA,CAAA,CAA3C,CAAf,CAAA;IAEAC,KAAK,CAACC,IAAN,CAAWH,MAAX,EAAmBnB,OAAnB,CAA4BuB,KAAD,IAAW;MAClC,IAAIC,KAAK,GAAGD,KAAK,CAAC1B,YAAN,CAAmBF,KAAK,CAACF,MAAzB,CAAZ,CAAA;MACA,IAAIgC,WAAW,GAAGF,KAAK,CAAC1B,YAAN,CAAmBF,KAAK,CAACY,KAAzB,CAAlB,CAAA;;MAEA,IAAG,CAACQ,CAAC,CAACC,MAAF,CAASC,OAAT,CAAiBO,KAAjB,CAAJ,EAA6B;QACzB1B,QAAQ,CAACM,aAAT,CAAuBoB,KAAvB,GAA+BnB,SAA/B,CAAyCC,MAAzC,CAAgDmB,WAAhD,CAAA,CAAA;;QAEA,MAAMjB,UAAU,GAAGe,KAAK,CAAC1B,YAAN,CAAmBF,KAAK,CAACc,IAAzB,CAAnB,CAAA;;AACA,QAAA,IAAGD,UAAH,EAAe;AACXe,UAAAA,KAAK,CAAClB,SAAN,CAAgBC,MAAhB,CAAuBE,UAAvB,CAAA,CAAA;AACH,SAAA;AACJ,OAAA;KAXL,CAAA,CAAA;AAaH,GAAA;AACJ;;ACzCD,MAAMkB,YAAY,GAAG;AACjBjC,EAAAA,MAAM,EAAE,aADS;AAEjBiB,EAAAA,GAAG,EAAE,UAFY;AAGjBJ,EAAAA,MAAM,EAAE,aAHS;AAIjBC,EAAAA,KAAK,EAAE,YAJU;AAKjBa,EAAAA,IAAI,EAAE,WALW;AAMjBjB,EAAAA,QAAQ,EAAE,eANO;AAOjBM,EAAAA,IAAI,EAAE,WAAA;AAPW,CAArB;;ACGA;AACA;AACA;AACA;AACA;;AACMkB,MAAAA,SAAS,GAAIC,MAAD,IAAY;AAC1B,EAAA,MAAMC,WAAW,GAAG;IAACH,YAAD;IAAe,GAAGE,MAAAA;GAAtC,CAAA;AACA9B,EAAAA,QAAQ,CAACgC,gBAAT,CAA0B,OAA1B,EAAoCf,CAAD,IAAOD,kBAAkB,CAACC,CAAD,EAAIc,WAAJ,CAA5D,CAAA,CAAA;AACH;;;;"}
\ No newline at end of file
+{"version":3,"file":"easy-toggler.cjs","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/rcoes.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    attrs.onToggle($toggler);\n\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    attrs.onAdd($add);\n    \n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    attrs.onRemove($remove);\n\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const rcoes = (e, attrs) => {\n    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n    Array.from($rcoes).forEach(($rcoe) => {\n        let block = $rcoe.getAttribute(attrs.toggle);\n        let block_class = $rcoe.getAttribute(attrs.class);\n\n        if(!e.target.closest(block)) {\n            attrs.onRcoe($rcoe);\n            document.querySelector(block)?.classList.remove(block_class);\n\n            const _selfClass = $rcoe.getAttribute(attrs.self);\n            if(_selfClass) {\n                $rcoe.classList.remove(_selfClass);\n            }\n        }\n    });\n}\n\nexport default rcoes;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\nimport rcoes from './rcoes';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        rcoes(e, attrs);\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self',\n    selfRcoe: 'easy-self-rcoe',\n\n    // Hooks\n    onToggle($el){},\n    onAdd($el){},\n    onRemove($el){},\n    onRcoe($el){},\n};\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = { ...attrsDefault, ...params };\n    document.addEventListener('click', (e) => {\n        easyTogglerHandler(e, customAttrs);\n    });\n};\n\nexport default easySetup;\n"],"names":["toggle","$toggler","attrs","onToggle","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","onAdd","_class","$remove","onRemove","rcoes","e","$rcoes","rcoe","Array","from","$rcoe","block","block_class","target","closest","onRcoe","easyTogglerHandler","preventDefault","attrsDefault","selfRcoe","$el","easySetup","params","customAttrs","addEventListener"],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/easy-toggler.es.js b/dist/easy-toggler.es.js
index 9653f01..dcbdaa7 100644
--- a/dist/easy-toggler.es.js
+++ b/dist/easy-toggler.es.js
@@ -1,9 +1,11 @@
 /*!
- * EasyToggler v2.1.0 (https://github.com/rah-emil/easy-toggler#readme)
+ * EasyToggler v2.2.0 (https://github.com/rah-emil/easy-toggler#readme)
  * Copyright 2022 Rah Emil <013131@mail.ru>
  * Licensed under MIT (https://github.com/rah-emil/easy-toggler/blob/master/LICENSE)
  */
 const toggle = ($toggler, attrs) => {
+  attrs.onToggle($toggler);
+
   const _target = $toggler.getAttribute(attrs.toggle);
 
   document.querySelectorAll(`[${attrs.toggle}]`).forEach(easyBlock => {
@@ -27,6 +29,8 @@ const toggle = ($toggler, attrs) => {
 };
 
 const add = ($add, attrs) => {
+  attrs.onAdd($add);
+
   const _target = $add.getAttribute(attrs.add);
 
   const _class = $add.getAttribute(attrs.class);
@@ -43,6 +47,8 @@ const add = ($add, attrs) => {
 };
 
 const remove = ($remove, attrs) => {
+  attrs.onRemove($remove);
+
   const _target = $remove.getAttribute(attrs.remove);
 
   const _class = $remove.getAttribute(attrs.class);
@@ -58,6 +64,25 @@ const remove = ($remove, attrs) => {
   }
 };
 
+const rcoes = (e, attrs) => {
+  const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
+  Array.from($rcoes).forEach($rcoe => {
+    let block = $rcoe.getAttribute(attrs.toggle);
+    let block_class = $rcoe.getAttribute(attrs.class);
+
+    if (!e.target.closest(block)) {
+      attrs.onRcoe($rcoe);
+      document.querySelector(block)?.classList.remove(block_class);
+
+      const _selfClass = $rcoe.getAttribute(attrs.self);
+
+      if (_selfClass) {
+        $rcoe.classList.remove(_selfClass);
+      }
+    }
+  });
+};
+
 function easyTogglerHandler(e, attrs) {
   const $toggler = e.target.closest(`[${attrs.toggle}]`);
   const $remove = e.target.closest(`[${attrs.remove}]`);
@@ -79,21 +104,7 @@ function easyTogglerHandler(e, attrs) {
   }
 
   if (!$toggler && !$remove && !$add) {
-    const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
-    Array.from($rcoes).forEach($rcoe => {
-      let block = $rcoe.getAttribute(attrs.toggle);
-      let block_class = $rcoe.getAttribute(attrs.class);
-
-      if (!e.target.closest(block)) {
-        document.querySelector(block)?.classList.remove(block_class);
-
-        const _selfClass = $rcoe.getAttribute(attrs.self);
-
-        if (_selfClass) {
-          $rcoe.classList.remove(_selfClass);
-        }
-      }
-    });
+    rcoes(e, attrs);
   }
 }
 
@@ -104,7 +115,18 @@ const attrsDefault = {
   class: 'easy-class',
   rcoe: 'easy-rcoe',
   parallel: 'easy-parallel',
-  self: 'easy-self'
+  self: 'easy-self',
+  selfRcoe: 'easy-self-rcoe',
+
+  // Hooks
+  onToggle($el) {},
+
+  onAdd($el) {},
+
+  onRemove($el) {},
+
+  onRcoe($el) {}
+
 };
 
 /**
@@ -114,11 +136,12 @@ const attrsDefault = {
  */
 
 const easySetup = params => {
-  const customAttrs = {
-    attrsDefault,
+  const customAttrs = { ...attrsDefault,
     ...params
   };
-  document.addEventListener('click', e => easyTogglerHandler(e, customAttrs));
+  document.addEventListener('click', e => {
+    easyTogglerHandler(e, customAttrs);
+  });
 };
 
 export { easySetup as default };
diff --git a/dist/easy-toggler.es.js.map b/dist/easy-toggler.es.js.map
index 7a296f6..9e5fa80 100644
--- a/dist/easy-toggler.es.js.map
+++ b/dist/easy-toggler.es.js.map
@@ -1 +1 @@
-{"version":3,"file":"easy-toggler.es.js","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n        Array.from($rcoes).forEach(($rcoe) => {\n            let block = $rcoe.getAttribute(attrs.toggle);\n            let block_class = $rcoe.getAttribute(attrs.class);\n\n            if(!e.target.closest(block)) {\n                document.querySelector(block)?.classList.remove(block_class);\n\n                const _selfClass = $rcoe.getAttribute(attrs.self);\n                if(_selfClass) {\n                    $rcoe.classList.remove(_selfClass);\n                }\n            }\n        });\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self'\n}\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = {attrsDefault, ...params};\n    document.addEventListener('click', (e) => easyTogglerHandler(e, customAttrs));\n};\n\nexport default easySetup;\n"],"names":["toggle","$toggler","attrs","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","_class","$remove","easyTogglerHandler","e","target","closest","preventDefault","$rcoes","rcoe","Array","from","$rcoe","block","block_class","attrsDefault","easySetup","params","customAttrs","addEventListener"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"easy-toggler.es.js","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/rcoes.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    attrs.onToggle($toggler);\n\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    attrs.onAdd($add);\n    \n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    attrs.onRemove($remove);\n\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const rcoes = (e, attrs) => {\n    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n    Array.from($rcoes).forEach(($rcoe) => {\n        let block = $rcoe.getAttribute(attrs.toggle);\n        let block_class = $rcoe.getAttribute(attrs.class);\n\n        if(!e.target.closest(block)) {\n            attrs.onRcoe($rcoe);\n            document.querySelector(block)?.classList.remove(block_class);\n\n            const _selfClass = $rcoe.getAttribute(attrs.self);\n            if(_selfClass) {\n                $rcoe.classList.remove(_selfClass);\n            }\n        }\n    });\n}\n\nexport default rcoes;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\nimport rcoes from './rcoes';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        rcoes(e, attrs);\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self',\n    selfRcoe: 'easy-self-rcoe',\n\n    // Hooks\n    onToggle($el){},\n    onAdd($el){},\n    onRemove($el){},\n    onRcoe($el){},\n};\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = { ...attrsDefault, ...params };\n    document.addEventListener('click', (e) => {\n        easyTogglerHandler(e, customAttrs);\n    });\n};\n\nexport default easySetup;\n"],"names":["toggle","$toggler","attrs","onToggle","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","onAdd","_class","$remove","onRemove","rcoes","e","$rcoes","rcoe","Array","from","$rcoe","block","block_class","target","closest","onRcoe","easyTogglerHandler","preventDefault","attrsDefault","selfRcoe","$el","easySetup","params","customAttrs","addEventListener"],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/easy-toggler.es.min.js b/dist/easy-toggler.es.min.js
index 3f33a60..8a037df 100644
--- a/dist/easy-toggler.es.min.js
+++ b/dist/easy-toggler.es.min.js
@@ -1,7 +1,7 @@
 /*!
- * EasyToggler v2.1.0 (https://github.com/rah-emil/easy-toggler#readme)
+ * EasyToggler v2.2.0 (https://github.com/rah-emil/easy-toggler#readme)
  * Copyright 2022 Rah Emil <013131@mail.ru>
  * Licensed under MIT (https://github.com/rah-emil/easy-toggler/blob/master/LICENSE)
  */
-function t(t,e){const s=t.target.closest(`[${e.toggle}]`),l=t.target.closest(`[${e.remove}]`),r=t.target.closest(`[${e.add}]`);if(s&&(t.preventDefault(),((t,e)=>{const s=t.getAttribute(e.toggle);document.querySelectorAll(`[${e.toggle}]`).forEach((s=>{if(!s.hasAttribute(e.parallel)&&s!==t){document.querySelector(s.getAttribute(e.toggle)).classList.remove(s.getAttribute(e.class));const l=t.getAttribute(e.self);l&&t.classList.remove(l)}})),document.querySelector(s)?.classList.toggle(t.getAttribute(e.class));const l=t.getAttribute(e.self);l&&t.classList.toggle(l)})(s,e)),l&&(t.preventDefault(),((t,e)=>{const s=t.getAttribute(e.remove),l=t.getAttribute(e.class);document.querySelectorAll(s).forEach((t=>{t.classList.remove(l)}));const r=t.getAttribute(e.self);r&&t.classList.remove(r)})(l,e)),r&&(t.preventDefault(),((t,e)=>{const s=t.getAttribute(e.add),l=t.getAttribute(e.class);document.querySelectorAll(s).forEach((t=>{t.classList.add(l)}));const r=t.getAttribute(e.self);r&&t.classList.add(r)})(r,e)),!s&&!l&&!r){const s=document.querySelectorAll(`[${e.rcoe}]`);Array.from(s).forEach((s=>{let l=s.getAttribute(e.toggle),r=s.getAttribute(e.class);if(!t.target.closest(l)){document.querySelector(l)?.classList.remove(r);const t=s.getAttribute(e.self);t&&s.classList.remove(t)}}))}}const e={toggle:"easy-toggle",add:"easy-add",remove:"easy-remove",class:"easy-class",rcoe:"easy-rcoe",parallel:"easy-parallel",self:"easy-self"},s=s=>{const l={attrsDefault:e,...s};document.addEventListener("click",(e=>t(e,l)))};export{s as default};
+function e(e,t){const s=e.target.closest(`[${t.toggle}]`),o=e.target.closest(`[${t.remove}]`),l=e.target.closest(`[${t.add}]`);s&&(e.preventDefault(),((e,t)=>{t.onToggle(e);const s=e.getAttribute(t.toggle);document.querySelectorAll(`[${t.toggle}]`).forEach((s=>{if(!s.hasAttribute(t.parallel)&&s!==e){document.querySelector(s.getAttribute(t.toggle)).classList.remove(s.getAttribute(t.class));const o=e.getAttribute(t.self);o&&e.classList.remove(o)}})),document.querySelector(s)?.classList.toggle(e.getAttribute(t.class));const o=e.getAttribute(t.self);o&&e.classList.toggle(o)})(s,t)),o&&(e.preventDefault(),((e,t)=>{t.onRemove(e);const s=e.getAttribute(t.remove),o=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.remove(o)}));const l=e.getAttribute(t.self);l&&e.classList.remove(l)})(o,t)),l&&(e.preventDefault(),((e,t)=>{t.onAdd(e);const s=e.getAttribute(t.add),o=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.add(o)}));const l=e.getAttribute(t.self);l&&e.classList.add(l)})(l,t)),s||o||l||((e,t)=>{const s=document.querySelectorAll(`[${t.rcoe}]`);Array.from(s).forEach((s=>{let o=s.getAttribute(t.toggle),l=s.getAttribute(t.class);if(!e.target.closest(o)){t.onRcoe(s),document.querySelector(o)?.classList.remove(l);const e=s.getAttribute(t.self);e&&s.classList.remove(e)}}))})(e,t)}const t={toggle:"easy-toggle",add:"easy-add",remove:"easy-remove",class:"easy-class",rcoe:"easy-rcoe",parallel:"easy-parallel",self:"easy-self",selfRcoe:"easy-self-rcoe",onToggle(e){},onAdd(e){},onRemove(e){},onRcoe(e){}},s=s=>{const o={...t,...s};document.addEventListener("click",(t=>{e(t,o)}))};export{s as default};
 //# sourceMappingURL=easy-toggler.es.min.js.map
diff --git a/dist/easy-toggler.es.min.js.map b/dist/easy-toggler.es.min.js.map
index ffa53d7..57e9db4 100644
--- a/dist/easy-toggler.es.min.js.map
+++ b/dist/easy-toggler.es.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"easy-toggler.es.min.js","sources":["../src/core/index.js","../src/core/toggle.js","../src/core/remove.js","../src/core/add.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n        Array.from($rcoes).forEach(($rcoe) => {\n            let block = $rcoe.getAttribute(attrs.toggle);\n            let block_class = $rcoe.getAttribute(attrs.class);\n\n            if(!e.target.closest(block)) {\n                document.querySelector(block)?.classList.remove(block_class);\n\n                const _selfClass = $rcoe.getAttribute(attrs.self);\n                if(_selfClass) {\n                    $rcoe.classList.remove(_selfClass);\n                }\n            }\n        });\n    }\n}\n\nexport default easyTogglerHandler;\n","const toggle = ($toggler, attrs) => {\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const remove = ($remove, attrs) => {\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const add = ($add, attrs) => {\n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self'\n}\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = {attrsDefault, ...params};\n    document.addEventListener('click', (e) => easyTogglerHandler(e, customAttrs));\n};\n\nexport default easySetup;\n"],"names":["easyTogglerHandler","e","attrs","$toggler","target","closest","toggle","$remove","remove","$add","add","preventDefault","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","class","_selfClass","self","_class","$rcoes","rcoe","Array","from","$rcoe","block","block_class","attrsDefault","easySetup","params","customAttrs","addEventListener"],"mappings":";;;;;AAIA,SAASA,EAAmBC,EAAGC,GAC3B,MAAMC,EAAWF,EAAEG,OAAOC,QAAS,IAAIH,EAAMI,WACvCC,EAAUN,EAAEG,OAAOC,QAAS,IAAIH,EAAMM,WACtCC,EAAOR,EAAEG,OAAOC,QAAS,IAAIH,EAAMQ,QAiBzC,GAfGP,IACCF,EAAEU,iBCVK,EAACR,EAAUD,KACtB,MAAMU,EAAUT,EAASU,aAAaX,EAAMI,QAE5CQ,SAASC,iBAAkB,IAAIb,EAAMI,WAAYU,SAASC,IACtD,IAAIA,EAAUC,aAAahB,EAAMiB,WAAaF,IAAcd,EAAS,CACjEW,SAASM,cAAcH,EAAUJ,aAAaX,EAAMI,SAASe,UAAUb,OAAOS,EAAUJ,aAAaX,EAAMoB,QAE3G,MAAMC,EAAapB,EAASU,aAAaX,EAAMsB,MAC5CD,GACCpB,EAASkB,UAAUb,OAAOe,OAKtCT,SAASM,cAAcR,IAAUS,UAAUf,OAAOH,EAASU,aAAaX,EAAMoB,QAE9E,MAAMC,EAAapB,EAASU,aAAaX,EAAMsB,MAC5CD,GACCpB,EAASkB,UAAUf,OAAOiB,IDP1BjB,CAAOH,EAAUD,IAGlBK,IACCN,EAAEU,iBEfK,EAACJ,EAASL,KACrB,MAAMU,EAAUL,EAAQM,aAAaX,EAAMM,QACrCiB,EAASlB,EAAQM,aAAaX,EAAMoB,OAE1CR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUb,OAAOiB,MAG/B,MAAMF,EAAahB,EAAQM,aAAaX,EAAMsB,MAC3CD,GACChB,EAAQc,UAAUb,OAAOe,IFMzBf,CAAOD,EAASL,IAGjBO,IACCR,EAAEU,iBGpBE,EAACF,EAAMP,KACf,MAAMU,EAAUH,EAAKI,aAAaX,EAAMQ,KAClCe,EAAShB,EAAKI,aAAaX,EAAMoB,OAEvCR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUX,IAAIe,MAG5B,MAAMF,EAAad,EAAKI,aAAaX,EAAMsB,MACxCD,GACCd,EAAKY,UAAUX,IAAIa,IHWnBb,CAAID,EAAMP,KAGVC,IAAaI,IAAYE,EAAM,CAC/B,MAAMiB,EAASZ,SAASC,iBAAkB,IAAIb,EAAMyB,SAEpDC,MAAMC,KAAKH,GAAQV,SAASc,IACxB,IAAIC,EAAQD,EAAMjB,aAAaX,EAAMI,QACjC0B,EAAcF,EAAMjB,aAAaX,EAAMoB,OAE3C,IAAIrB,EAAEG,OAAOC,QAAQ0B,GAAQ,CACzBjB,SAASM,cAAcW,IAAQV,UAAUb,OAAOwB,GAEhD,MAAMT,EAAaO,EAAMjB,aAAaX,EAAMsB,MACzCD,GACCO,EAAMT,UAAUb,OAAOe,QIpC3C,MAAMU,EAAe,CACjB3B,OAAQ,cACRI,IAAK,WACLF,OAAQ,cACRc,MAAO,aACPK,KAAM,YACNR,SAAU,gBACVK,KAAM,aCCJU,EAAaC,IACf,MAAMC,EAAc,CAACH,kBAAiBE,GACtCrB,SAASuB,iBAAiB,SAAUpC,GAAMD,EAAmBC,EAAGmC"}
\ No newline at end of file
+{"version":3,"file":"easy-toggler.es.min.js","sources":["../src/core/index.js","../src/core/toggle.js","../src/core/remove.js","../src/core/add.js","../src/core/rcoes.js","../src/core/attrs.js","../src/easy-toggler.es.js"],"sourcesContent":["import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\nimport rcoes from './rcoes';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        rcoes(e, attrs);\n    }\n}\n\nexport default easyTogglerHandler;\n","const toggle = ($toggler, attrs) => {\n    attrs.onToggle($toggler);\n\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const remove = ($remove, attrs) => {\n    attrs.onRemove($remove);\n\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const add = ($add, attrs) => {\n    attrs.onAdd($add);\n    \n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const rcoes = (e, attrs) => {\n    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n    Array.from($rcoes).forEach(($rcoe) => {\n        let block = $rcoe.getAttribute(attrs.toggle);\n        let block_class = $rcoe.getAttribute(attrs.class);\n\n        if(!e.target.closest(block)) {\n            attrs.onRcoe($rcoe);\n            document.querySelector(block)?.classList.remove(block_class);\n\n            const _selfClass = $rcoe.getAttribute(attrs.self);\n            if(_selfClass) {\n                $rcoe.classList.remove(_selfClass);\n            }\n        }\n    });\n}\n\nexport default rcoes;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self',\n    selfRcoe: 'easy-self-rcoe',\n\n    // Hooks\n    onToggle($el){},\n    onAdd($el){},\n    onRemove($el){},\n    onRcoe($el){},\n};\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\n/**\n * Setup easyToggler plugin\n * with custom attributes\n * @param params<Object>\n */\nconst easySetup = (params) => {\n    const customAttrs = { ...attrsDefault, ...params };\n    document.addEventListener('click', (e) => {\n        easyTogglerHandler(e, customAttrs);\n    });\n};\n\nexport default easySetup;\n"],"names":["easyTogglerHandler","e","attrs","$toggler","target","closest","toggle","$remove","remove","$add","add","preventDefault","onToggle","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","class","_selfClass","self","onRemove","_class","onAdd","$rcoes","rcoe","Array","from","$rcoe","block","block_class","onRcoe","rcoes","attrsDefault","selfRcoe","$el","easySetup","params","customAttrs","addEventListener"],"mappings":";;;;;AAKA,SAASA,EAAmBC,EAAGC,GAC3B,MAAMC,EAAWF,EAAEG,OAAOC,QAAS,IAAIH,EAAMI,WACvCC,EAAUN,EAAEG,OAAOC,QAAS,IAAIH,EAAMM,WACtCC,EAAOR,EAAEG,OAAOC,QAAS,IAAIH,EAAMQ,QAEtCP,IACCF,EAAEU,iBCXK,EAACR,EAAUD,KACtBA,EAAMU,SAAST,GAEf,MAAMU,EAAUV,EAASW,aAAaZ,EAAMI,QAE5CS,SAASC,iBAAkB,IAAId,EAAMI,WAAYW,SAASC,IACtD,IAAIA,EAAUC,aAAajB,EAAMkB,WAAaF,IAAcf,EAAS,CACjEY,SAASM,cAAcH,EAAUJ,aAAaZ,EAAMI,SAASgB,UAAUd,OAAOU,EAAUJ,aAAaZ,EAAMqB,QAE3G,MAAMC,EAAarB,EAASW,aAAaZ,EAAMuB,MAC5CD,GACCrB,EAASmB,UAAUd,OAAOgB,OAKtCT,SAASM,cAAcR,IAAUS,UAAUhB,OAAOH,EAASW,aAAaZ,EAAMqB,QAE9E,MAAMC,EAAarB,EAASW,aAAaZ,EAAMuB,MAC5CD,GACCrB,EAASmB,UAAUhB,OAAOkB,IDR1BlB,CAAOH,EAAUD,IAGlBK,IACCN,EAAEU,iBEhBK,EAACJ,EAASL,KACrBA,EAAMwB,SAASnB,GAEf,MAAMM,EAAUN,EAAQO,aAAaZ,EAAMM,QACrCmB,EAASpB,EAAQO,aAAaZ,EAAMqB,OAE1CR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUd,OAAOmB,MAG/B,MAAMH,EAAajB,EAAQO,aAAaZ,EAAMuB,MAC3CD,GACCjB,EAAQe,UAAUd,OAAOgB,IFKzBhB,CAAOD,EAASL,IAGjBO,IACCR,EAAEU,iBGrBE,EAACF,EAAMP,KACfA,EAAM0B,MAAMnB,GAEZ,MAAMI,EAAUJ,EAAKK,aAAaZ,EAAMQ,KAClCiB,EAASlB,EAAKK,aAAaZ,EAAMqB,OAEvCR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUZ,IAAIiB,MAG5B,MAAMH,EAAaf,EAAKK,aAAaZ,EAAMuB,MACxCD,GACCf,EAAKa,UAAUZ,IAAIc,IHUnBd,CAAID,EAAMP,IAGVC,GAAaI,GAAYE,GIzBnB,EAACR,EAAGC,KACd,MAAM2B,EAASd,SAASC,iBAAkB,IAAId,EAAM4B,SAEpDC,MAAMC,KAAKH,GAAQZ,SAASgB,IACxB,IAAIC,EAAQD,EAAMnB,aAAaZ,EAAMI,QACjC6B,EAAcF,EAAMnB,aAAaZ,EAAMqB,OAE3C,IAAItB,EAAEG,OAAOC,QAAQ6B,GAAQ,CACzBhC,EAAMkC,OAAOH,GACblB,SAASM,cAAca,IAAQZ,UAAUd,OAAO2B,GAEhD,MAAMX,EAAaS,EAAMnB,aAAaZ,EAAMuB,MACzCD,GACCS,EAAMX,UAAUd,OAAOgB,QJa/Ba,CAAMpC,EAAGC,GK1BjB,MAAMoC,EAAe,CACjBhC,OAAQ,cACRI,IAAK,WACLF,OAAQ,cACRe,MAAO,aACPO,KAAM,YACNV,SAAU,gBACVK,KAAM,YACNc,SAAU,iBAGV3B,SAAS4B,KACTZ,MAAMY,KACNd,SAASc,KACTJ,OAAOI,MCNLC,EAAaC,IACf,MAAMC,EAAc,IAAKL,KAAiBI,GAC1C3B,SAAS6B,iBAAiB,SAAU3C,IAChCD,EAAmBC,EAAG0C"}
\ No newline at end of file
diff --git a/dist/easy-toggler.js b/dist/easy-toggler.js
index ca8c98a..7c2f4ca 100644
--- a/dist/easy-toggler.js
+++ b/dist/easy-toggler.js
@@ -1,5 +1,5 @@
 /*!
- * EasyToggler v2.1.0 (https://github.com/rah-emil/easy-toggler#readme)
+ * EasyToggler v2.2.0 (https://github.com/rah-emil/easy-toggler#readme)
  * Copyright 2022 Rah Emil <013131@mail.ru>
  * Licensed under MIT (https://github.com/rah-emil/easy-toggler/blob/master/LICENSE)
  */
@@ -9,6 +9,8 @@
 })((function () { 'use strict';
 
     const toggle = ($toggler, attrs) => {
+      attrs.onToggle($toggler);
+
       const _target = $toggler.getAttribute(attrs.toggle);
 
       document.querySelectorAll(`[${attrs.toggle}]`).forEach(easyBlock => {
@@ -32,6 +34,8 @@
     };
 
     const add = ($add, attrs) => {
+      attrs.onAdd($add);
+
       const _target = $add.getAttribute(attrs.add);
 
       const _class = $add.getAttribute(attrs.class);
@@ -48,6 +52,8 @@
     };
 
     const remove = ($remove, attrs) => {
+      attrs.onRemove($remove);
+
       const _target = $remove.getAttribute(attrs.remove);
 
       const _class = $remove.getAttribute(attrs.class);
@@ -63,6 +69,25 @@
       }
     };
 
+    const rcoes = (e, attrs) => {
+      const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
+      Array.from($rcoes).forEach($rcoe => {
+        let block = $rcoe.getAttribute(attrs.toggle);
+        let block_class = $rcoe.getAttribute(attrs.class);
+
+        if (!e.target.closest(block)) {
+          attrs.onRcoe($rcoe);
+          document.querySelector(block)?.classList.remove(block_class);
+
+          const _selfClass = $rcoe.getAttribute(attrs.self);
+
+          if (_selfClass) {
+            $rcoe.classList.remove(_selfClass);
+          }
+        }
+      });
+    };
+
     function easyTogglerHandler(e, attrs) {
       const $toggler = e.target.closest(`[${attrs.toggle}]`);
       const $remove = e.target.closest(`[${attrs.remove}]`);
@@ -84,21 +109,7 @@
       }
 
       if (!$toggler && !$remove && !$add) {
-        const $rcoes = document.querySelectorAll(`[${attrs.rcoe}]`);
-        Array.from($rcoes).forEach($rcoe => {
-          let block = $rcoe.getAttribute(attrs.toggle);
-          let block_class = $rcoe.getAttribute(attrs.class);
-
-          if (!e.target.closest(block)) {
-            document.querySelector(block)?.classList.remove(block_class);
-
-            const _selfClass = $rcoe.getAttribute(attrs.self);
-
-            if (_selfClass) {
-              $rcoe.classList.remove(_selfClass);
-            }
-          }
-        });
+        rcoes(e, attrs);
       }
     }
 
@@ -109,11 +120,24 @@
       class: 'easy-class',
       rcoe: 'easy-rcoe',
       parallel: 'easy-parallel',
-      self: 'easy-self'
+      self: 'easy-self',
+      selfRcoe: 'easy-self-rcoe',
+
+      // Hooks
+      onToggle($el) {},
+
+      onAdd($el) {},
+
+      onRemove($el) {},
+
+      onRcoe($el) {}
+
     };
 
     document.addEventListener('DOMContentLoaded', () => {
-      document.addEventListener('click', e => easyTogglerHandler(e, attrsDefault));
+      document.addEventListener('click', e => {
+        easyTogglerHandler(e, attrsDefault);
+      });
     });
 
 }));
diff --git a/dist/easy-toggler.js.map b/dist/easy-toggler.js.map
index 3a49d45..54320cc 100644
--- a/dist/easy-toggler.js.map
+++ b/dist/easy-toggler.js.map
@@ -1 +1 @@
-{"version":3,"file":"easy-toggler.js","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.umd.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n        Array.from($rcoes).forEach(($rcoe) => {\n            let block = $rcoe.getAttribute(attrs.toggle);\n            let block_class = $rcoe.getAttribute(attrs.class);\n\n            if(!e.target.closest(block)) {\n                document.querySelector(block)?.classList.remove(block_class);\n\n                const _selfClass = $rcoe.getAttribute(attrs.self);\n                if(_selfClass) {\n                    $rcoe.classList.remove(_selfClass);\n                }\n            }\n        });\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self'\n}\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.addEventListener('click', (e) => easyTogglerHandler(e, attrsDefault));\n});\n"],"names":["toggle","$toggler","attrs","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","_class","$remove","easyTogglerHandler","e","target","closest","preventDefault","$rcoes","rcoe","Array","from","$rcoe","block","block_class","attrsDefault","addEventListener"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"easy-toggler.js","sources":["../src/core/toggle.js","../src/core/add.js","../src/core/remove.js","../src/core/rcoes.js","../src/core/index.js","../src/core/attrs.js","../src/easy-toggler.umd.js"],"sourcesContent":["const toggle = ($toggler, attrs) => {\n    attrs.onToggle($toggler);\n\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const add = ($add, attrs) => {\n    attrs.onAdd($add);\n    \n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const remove = ($remove, attrs) => {\n    attrs.onRemove($remove);\n\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const rcoes = (e, attrs) => {\n    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n    Array.from($rcoes).forEach(($rcoe) => {\n        let block = $rcoe.getAttribute(attrs.toggle);\n        let block_class = $rcoe.getAttribute(attrs.class);\n\n        if(!e.target.closest(block)) {\n            attrs.onRcoe($rcoe);\n            document.querySelector(block)?.classList.remove(block_class);\n\n            const _selfClass = $rcoe.getAttribute(attrs.self);\n            if(_selfClass) {\n                $rcoe.classList.remove(_selfClass);\n            }\n        }\n    });\n}\n\nexport default rcoes;\n","import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\nimport rcoes from './rcoes';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        rcoes(e, attrs);\n    }\n}\n\nexport default easyTogglerHandler;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self',\n    selfRcoe: 'easy-self-rcoe',\n\n    // Hooks\n    onToggle($el){},\n    onAdd($el){},\n    onRemove($el){},\n    onRcoe($el){},\n};\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.addEventListener('click', (e) => {\n        easyTogglerHandler(e, attrsDefault);\n    });\n});\n"],"names":["toggle","$toggler","attrs","onToggle","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","remove","class","_selfClass","self","add","$add","onAdd","_class","$remove","onRemove","rcoes","e","$rcoes","rcoe","Array","from","$rcoe","block","block_class","target","closest","onRcoe","easyTogglerHandler","preventDefault","attrsDefault","selfRcoe","$el","addEventListener"],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/easy-toggler.min.js b/dist/easy-toggler.min.js
index 4b965cd..2f8532c 100644
--- a/dist/easy-toggler.min.js
+++ b/dist/easy-toggler.min.js
@@ -1,7 +1,7 @@
 /*!
- * EasyToggler v2.1.0 (https://github.com/rah-emil/easy-toggler#readme)
+ * EasyToggler v2.2.0 (https://github.com/rah-emil/easy-toggler#readme)
  * Copyright 2022 Rah Emil <013131@mail.ru>
  * Licensed under MIT (https://github.com/rah-emil/easy-toggler/blob/master/LICENSE)
  */
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e,t){const s=e.target.closest(`[${t.toggle}]`),l=e.target.closest(`[${t.remove}]`),o=e.target.closest(`[${t.add}]`);if(s&&(e.preventDefault(),((e,t)=>{const s=e.getAttribute(t.toggle);document.querySelectorAll(`[${t.toggle}]`).forEach((s=>{if(!s.hasAttribute(t.parallel)&&s!==e){document.querySelector(s.getAttribute(t.toggle)).classList.remove(s.getAttribute(t.class));const l=e.getAttribute(t.self);l&&e.classList.remove(l)}})),document.querySelector(s)?.classList.toggle(e.getAttribute(t.class));const l=e.getAttribute(t.self);l&&e.classList.toggle(l)})(s,t)),l&&(e.preventDefault(),((e,t)=>{const s=e.getAttribute(t.remove),l=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.remove(l)}));const o=e.getAttribute(t.self);o&&e.classList.remove(o)})(l,t)),o&&(e.preventDefault(),((e,t)=>{const s=e.getAttribute(t.add),l=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.add(l)}));const o=e.getAttribute(t.self);o&&e.classList.add(o)})(o,t)),!s&&!l&&!o){const s=document.querySelectorAll(`[${t.rcoe}]`);Array.from(s).forEach((s=>{let l=s.getAttribute(t.toggle),o=s.getAttribute(t.class);if(!e.target.closest(l)){document.querySelector(l)?.classList.remove(o);const e=s.getAttribute(t.self);e&&s.classList.remove(e)}}))}}const t={toggle:"easy-toggle",add:"easy-add",remove:"easy-remove",class:"easy-class",rcoe:"easy-rcoe",parallel:"easy-parallel",self:"easy-self"};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",(s=>e(s,t)))}))}));
+!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e,t){const s=e.target.closest(`[${t.toggle}]`),o=e.target.closest(`[${t.remove}]`),l=e.target.closest(`[${t.add}]`);s&&(e.preventDefault(),((e,t)=>{t.onToggle(e);const s=e.getAttribute(t.toggle);document.querySelectorAll(`[${t.toggle}]`).forEach((s=>{if(!s.hasAttribute(t.parallel)&&s!==e){document.querySelector(s.getAttribute(t.toggle)).classList.remove(s.getAttribute(t.class));const o=e.getAttribute(t.self);o&&e.classList.remove(o)}})),document.querySelector(s)?.classList.toggle(e.getAttribute(t.class));const o=e.getAttribute(t.self);o&&e.classList.toggle(o)})(s,t)),o&&(e.preventDefault(),((e,t)=>{t.onRemove(e);const s=e.getAttribute(t.remove),o=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.remove(o)}));const l=e.getAttribute(t.self);l&&e.classList.remove(l)})(o,t)),l&&(e.preventDefault(),((e,t)=>{t.onAdd(e);const s=e.getAttribute(t.add),o=e.getAttribute(t.class);document.querySelectorAll(s).forEach((e=>{e.classList.add(o)}));const l=e.getAttribute(t.self);l&&e.classList.add(l)})(l,t)),s||o||l||((e,t)=>{const s=document.querySelectorAll(`[${t.rcoe}]`);Array.from(s).forEach((s=>{let o=s.getAttribute(t.toggle),l=s.getAttribute(t.class);if(!e.target.closest(o)){t.onRcoe(s),document.querySelector(o)?.classList.remove(l);const e=s.getAttribute(t.self);e&&s.classList.remove(e)}}))})(e,t)}const t={toggle:"easy-toggle",add:"easy-add",remove:"easy-remove",class:"easy-class",rcoe:"easy-rcoe",parallel:"easy-parallel",self:"easy-self",selfRcoe:"easy-self-rcoe",onToggle(e){},onAdd(e){},onRemove(e){},onRcoe(e){}};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",(s=>{e(s,t)}))}))}));
 //# sourceMappingURL=easy-toggler.min.js.map
diff --git a/dist/easy-toggler.min.js.map b/dist/easy-toggler.min.js.map
index 0f0c054..bc945ca 100644
--- a/dist/easy-toggler.min.js.map
+++ b/dist/easy-toggler.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"easy-toggler.min.js","sources":["../src/core/index.js","../src/core/toggle.js","../src/core/remove.js","../src/core/add.js","../src/core/attrs.js","../src/easy-toggler.umd.js"],"sourcesContent":["import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n        Array.from($rcoes).forEach(($rcoe) => {\n            let block = $rcoe.getAttribute(attrs.toggle);\n            let block_class = $rcoe.getAttribute(attrs.class);\n\n            if(!e.target.closest(block)) {\n                document.querySelector(block)?.classList.remove(block_class);\n\n                const _selfClass = $rcoe.getAttribute(attrs.self);\n                if(_selfClass) {\n                    $rcoe.classList.remove(_selfClass);\n                }\n            }\n        });\n    }\n}\n\nexport default easyTogglerHandler;\n","const toggle = ($toggler, attrs) => {\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const remove = ($remove, attrs) => {\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const add = ($add, attrs) => {\n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self'\n}\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.addEventListener('click', (e) => easyTogglerHandler(e, attrsDefault));\n});\n"],"names":["easyTogglerHandler","e","attrs","$toggler","target","closest","toggle","$remove","remove","$add","add","preventDefault","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","class","_selfClass","self","_class","$rcoes","rcoe","Array","from","$rcoe","block","block_class","attrsDefault","addEventListener"],"mappings":";;;;;2FAIA,SAASA,EAAmBC,EAAGC,GAC3B,MAAMC,EAAWF,EAAEG,OAAOC,QAAS,IAAIH,EAAMI,WACvCC,EAAUN,EAAEG,OAAOC,QAAS,IAAIH,EAAMM,WACtCC,EAAOR,EAAEG,OAAOC,QAAS,IAAIH,EAAMQ,QAiBzC,GAfGP,IACCF,EAAEU,iBCVK,EAACR,EAAUD,KACtB,MAAMU,EAAUT,EAASU,aAAaX,EAAMI,QAE5CQ,SAASC,iBAAkB,IAAIb,EAAMI,WAAYU,SAASC,IACtD,IAAIA,EAAUC,aAAahB,EAAMiB,WAAaF,IAAcd,EAAS,CACjEW,SAASM,cAAcH,EAAUJ,aAAaX,EAAMI,SAASe,UAAUb,OAAOS,EAAUJ,aAAaX,EAAMoB,QAE3G,MAAMC,EAAapB,EAASU,aAAaX,EAAMsB,MAC5CD,GACCpB,EAASkB,UAAUb,OAAOe,OAKtCT,SAASM,cAAcR,IAAUS,UAAUf,OAAOH,EAASU,aAAaX,EAAMoB,QAE9E,MAAMC,EAAapB,EAASU,aAAaX,EAAMsB,MAC5CD,GACCpB,EAASkB,UAAUf,OAAOiB,IDP1BjB,CAAOH,EAAUD,IAGlBK,IACCN,EAAEU,iBEfK,EAACJ,EAASL,KACrB,MAAMU,EAAUL,EAAQM,aAAaX,EAAMM,QACrCiB,EAASlB,EAAQM,aAAaX,EAAMoB,OAE1CR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUb,OAAOiB,MAG/B,MAAMF,EAAahB,EAAQM,aAAaX,EAAMsB,MAC3CD,GACChB,EAAQc,UAAUb,OAAOe,IFMzBf,CAAOD,EAASL,IAGjBO,IACCR,EAAEU,iBGpBE,EAACF,EAAMP,KACf,MAAMU,EAAUH,EAAKI,aAAaX,EAAMQ,KAClCe,EAAShB,EAAKI,aAAaX,EAAMoB,OAEvCR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUX,IAAIe,MAG5B,MAAMF,EAAad,EAAKI,aAAaX,EAAMsB,MACxCD,GACCd,EAAKY,UAAUX,IAAIa,IHWnBb,CAAID,EAAMP,KAGVC,IAAaI,IAAYE,EAAM,CAC/B,MAAMiB,EAASZ,SAASC,iBAAkB,IAAIb,EAAMyB,SAEpDC,MAAMC,KAAKH,GAAQV,SAASc,IACxB,IAAIC,EAAQD,EAAMjB,aAAaX,EAAMI,QACjC0B,EAAcF,EAAMjB,aAAaX,EAAMoB,OAE3C,IAAIrB,EAAEG,OAAOC,QAAQ0B,GAAQ,CACzBjB,SAASM,cAAcW,IAAQV,UAAUb,OAAOwB,GAEhD,MAAMT,EAAaO,EAAMjB,aAAaX,EAAMsB,MACzCD,GACCO,EAAMT,UAAUb,OAAOe,QIpC3C,MAAMU,EAAe,CACjB3B,OAAQ,cACRI,IAAK,WACLF,OAAQ,cACRc,MAAO,aACPK,KAAM,YACNR,SAAU,gBACVK,KAAM,aCJVV,SAASoB,iBAAiB,oBAAoB,KAC1CpB,SAASoB,iBAAiB,SAAUjC,GAAMD,EAAmBC,EAAGgC"}
\ No newline at end of file
+{"version":3,"file":"easy-toggler.min.js","sources":["../src/core/index.js","../src/core/toggle.js","../src/core/remove.js","../src/core/add.js","../src/core/rcoes.js","../src/core/attrs.js","../src/easy-toggler.umd.js"],"sourcesContent":["import toggle from './toggle';\nimport add from './add';\nimport remove from './remove';\nimport rcoes from './rcoes';\n\nfunction easyTogglerHandler(e, attrs) {\n    const $toggler = e.target.closest(`[${ attrs.toggle }]`);\n    const $remove = e.target.closest(`[${ attrs.remove }]`);\n    const $add = e.target.closest(`[${ attrs.add }]`);\n\n    if($toggler) {\n        e.preventDefault();\n        toggle($toggler, attrs);\n    }\n\n    if($remove) {\n        e.preventDefault();\n        remove($remove, attrs);\n    }\n\n    if($add) {\n        e.preventDefault();\n        add($add, attrs);\n    }\n\n    if(!$toggler && !$remove && !$add) {\n        rcoes(e, attrs);\n    }\n}\n\nexport default easyTogglerHandler;\n","const toggle = ($toggler, attrs) => {\n    attrs.onToggle($toggler);\n\n    const _target = $toggler.getAttribute(attrs.toggle);\n\n    document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {\n        if(!easyBlock.hasAttribute(attrs.parallel) && easyBlock !== $toggler){\n            document.querySelector(easyBlock.getAttribute(attrs.toggle)).classList.remove(easyBlock.getAttribute(attrs.class));\n\n            const _selfClass = $toggler.getAttribute(attrs.self);\n            if(_selfClass) {\n                $toggler.classList.remove(_selfClass);\n            }\n        }\n    });\n\n    document.querySelector(_target)?.classList.toggle($toggler.getAttribute(attrs.class));\n\n    const _selfClass = $toggler.getAttribute(attrs.self);\n    if(_selfClass) {\n        $toggler.classList.toggle(_selfClass);\n    }\n}\n\nexport default toggle;\n","const remove = ($remove, attrs) => {\n    attrs.onRemove($remove);\n\n    const _target = $remove.getAttribute(attrs.remove);\n    const _class = $remove.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.remove(_class);\n    });\n\n    const _selfClass = $remove.getAttribute(attrs.self);\n    if(_selfClass) {\n        $remove.classList.remove(_selfClass);\n    }\n}\n\nexport default remove;\n","const add = ($add, attrs) => {\n    attrs.onAdd($add);\n    \n    const _target = $add.getAttribute(attrs.add);\n    const _class = $add.getAttribute(attrs.class);\n\n    document.querySelectorAll(_target).forEach((easyBlock) => {\n        easyBlock.classList.add(_class);\n    });\n\n    const _selfClass = $add.getAttribute(attrs.self);\n    if(_selfClass) {\n        $add.classList.add(_selfClass);\n    }\n}\n\nexport default add;\n","const rcoes = (e, attrs) => {\n    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);\n\n    Array.from($rcoes).forEach(($rcoe) => {\n        let block = $rcoe.getAttribute(attrs.toggle);\n        let block_class = $rcoe.getAttribute(attrs.class);\n\n        if(!e.target.closest(block)) {\n            attrs.onRcoe($rcoe);\n            document.querySelector(block)?.classList.remove(block_class);\n\n            const _selfClass = $rcoe.getAttribute(attrs.self);\n            if(_selfClass) {\n                $rcoe.classList.remove(_selfClass);\n            }\n        }\n    });\n}\n\nexport default rcoes;\n","const attrsDefault = {\n    toggle: 'easy-toggle',\n    add: 'easy-add',\n    remove: 'easy-remove',\n    class: 'easy-class',\n    rcoe: 'easy-rcoe',\n    parallel: 'easy-parallel',\n    self: 'easy-self',\n    selfRcoe: 'easy-self-rcoe',\n\n    // Hooks\n    onToggle($el){},\n    onAdd($el){},\n    onRemove($el){},\n    onRcoe($el){},\n};\n\nexport default attrsDefault;\n","import easyTogglerHandler from './core';\nimport attrsDefault from './core/attrs';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.addEventListener('click', (e) => {\n        easyTogglerHandler(e, attrsDefault);\n    });\n});\n"],"names":["easyTogglerHandler","e","attrs","$toggler","target","closest","toggle","$remove","remove","$add","add","preventDefault","onToggle","_target","getAttribute","document","querySelectorAll","forEach","easyBlock","hasAttribute","parallel","querySelector","classList","class","_selfClass","self","onRemove","_class","onAdd","$rcoes","rcoe","Array","from","$rcoe","block","block_class","onRcoe","rcoes","attrsDefault","selfRcoe","$el","addEventListener"],"mappings":";;;;;2FAKA,SAASA,EAAmBC,EAAGC,GAC3B,MAAMC,EAAWF,EAAEG,OAAOC,QAAS,IAAIH,EAAMI,WACvCC,EAAUN,EAAEG,OAAOC,QAAS,IAAIH,EAAMM,WACtCC,EAAOR,EAAEG,OAAOC,QAAS,IAAIH,EAAMQ,QAEtCP,IACCF,EAAEU,iBCXK,EAACR,EAAUD,KACtBA,EAAMU,SAAST,GAEf,MAAMU,EAAUV,EAASW,aAAaZ,EAAMI,QAE5CS,SAASC,iBAAkB,IAAId,EAAMI,WAAYW,SAASC,IACtD,IAAIA,EAAUC,aAAajB,EAAMkB,WAAaF,IAAcf,EAAS,CACjEY,SAASM,cAAcH,EAAUJ,aAAaZ,EAAMI,SAASgB,UAAUd,OAAOU,EAAUJ,aAAaZ,EAAMqB,QAE3G,MAAMC,EAAarB,EAASW,aAAaZ,EAAMuB,MAC5CD,GACCrB,EAASmB,UAAUd,OAAOgB,OAKtCT,SAASM,cAAcR,IAAUS,UAAUhB,OAAOH,EAASW,aAAaZ,EAAMqB,QAE9E,MAAMC,EAAarB,EAASW,aAAaZ,EAAMuB,MAC5CD,GACCrB,EAASmB,UAAUhB,OAAOkB,IDR1BlB,CAAOH,EAAUD,IAGlBK,IACCN,EAAEU,iBEhBK,EAACJ,EAASL,KACrBA,EAAMwB,SAASnB,GAEf,MAAMM,EAAUN,EAAQO,aAAaZ,EAAMM,QACrCmB,EAASpB,EAAQO,aAAaZ,EAAMqB,OAE1CR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUd,OAAOmB,MAG/B,MAAMH,EAAajB,EAAQO,aAAaZ,EAAMuB,MAC3CD,GACCjB,EAAQe,UAAUd,OAAOgB,IFKzBhB,CAAOD,EAASL,IAGjBO,IACCR,EAAEU,iBGrBE,EAACF,EAAMP,KACfA,EAAM0B,MAAMnB,GAEZ,MAAMI,EAAUJ,EAAKK,aAAaZ,EAAMQ,KAClCiB,EAASlB,EAAKK,aAAaZ,EAAMqB,OAEvCR,SAASC,iBAAiBH,GAASI,SAASC,IACxCA,EAAUI,UAAUZ,IAAIiB,MAG5B,MAAMH,EAAaf,EAAKK,aAAaZ,EAAMuB,MACxCD,GACCf,EAAKa,UAAUZ,IAAIc,IHUnBd,CAAID,EAAMP,IAGVC,GAAaI,GAAYE,GIzBnB,EAACR,EAAGC,KACd,MAAM2B,EAASd,SAASC,iBAAkB,IAAId,EAAM4B,SAEpDC,MAAMC,KAAKH,GAAQZ,SAASgB,IACxB,IAAIC,EAAQD,EAAMnB,aAAaZ,EAAMI,QACjC6B,EAAcF,EAAMnB,aAAaZ,EAAMqB,OAE3C,IAAItB,EAAEG,OAAOC,QAAQ6B,GAAQ,CACzBhC,EAAMkC,OAAOH,GACblB,SAASM,cAAca,IAAQZ,UAAUd,OAAO2B,GAEhD,MAAMX,EAAaS,EAAMnB,aAAaZ,EAAMuB,MACzCD,GACCS,EAAMX,UAAUd,OAAOgB,QJa/Ba,CAAMpC,EAAGC,GK1BjB,MAAMoC,EAAe,CACjBhC,OAAQ,cACRI,IAAK,WACLF,OAAQ,cACRe,MAAO,aACPO,KAAM,YACNV,SAAU,gBACVK,KAAM,YACNc,SAAU,iBAGV3B,SAAS4B,KACTZ,MAAMY,KACNd,SAASc,KACTJ,OAAOI,MCXXzB,SAAS0B,iBAAiB,oBAAoB,KAC1C1B,SAAS0B,iBAAiB,SAAUxC,IAChCD,EAAmBC,EAAGqC"}
\ No newline at end of file
diff --git a/package.json b/package.json
index f98f84e..b72c044 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "easy-toggler",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Simple class switcher on web elements. JavaScript only.",
   "main": "dist/easy-toggler.cjs",
   "module": "dist/easy-toggler.es.js",
diff --git a/src/core/add.js b/src/core/add.js
index 1403769..8e06fe3 100644
--- a/src/core/add.js
+++ b/src/core/add.js
@@ -1,4 +1,6 @@
 const add = ($add, attrs) => {
+    attrs.onAdd($add);
+    
     const _target = $add.getAttribute(attrs.add);
     const _class = $add.getAttribute(attrs.class);
 
diff --git a/src/core/attrs.js b/src/core/attrs.js
index 6239c69..6322dfa 100644
--- a/src/core/attrs.js
+++ b/src/core/attrs.js
@@ -5,7 +5,14 @@ const attrsDefault = {
     class: 'easy-class',
     rcoe: 'easy-rcoe',
     parallel: 'easy-parallel',
-    self: 'easy-self'
-}
+    self: 'easy-self',
+    selfRcoe: 'easy-self-rcoe',
+
+    // Hooks
+    onToggle($el){},
+    onAdd($el){},
+    onRemove($el){},
+    onRcoe($el){},
+};
 
 export default attrsDefault;
diff --git a/src/core/index.js b/src/core/index.js
index 2dee4dc..cf45bd8 100644
--- a/src/core/index.js
+++ b/src/core/index.js
@@ -1,6 +1,7 @@
 import toggle from './toggle';
 import add from './add';
 import remove from './remove';
+import rcoes from './rcoes';
 
 function easyTogglerHandler(e, attrs) {
     const $toggler = e.target.closest(`[${ attrs.toggle }]`);
@@ -23,21 +24,7 @@ function easyTogglerHandler(e, attrs) {
     }
 
     if(!$toggler && !$remove && !$add) {
-        const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);
-
-        Array.from($rcoes).forEach(($rcoe) => {
-            let block = $rcoe.getAttribute(attrs.toggle);
-            let block_class = $rcoe.getAttribute(attrs.class);
-
-            if(!e.target.closest(block)) {
-                document.querySelector(block)?.classList.remove(block_class);
-
-                const _selfClass = $rcoe.getAttribute(attrs.self);
-                if(_selfClass) {
-                    $rcoe.classList.remove(_selfClass);
-                }
-            }
-        });
+        rcoes(e, attrs);
     }
 }
 
diff --git a/src/core/rcoes.js b/src/core/rcoes.js
new file mode 100644
index 0000000..009a80f
--- /dev/null
+++ b/src/core/rcoes.js
@@ -0,0 +1,20 @@
+const rcoes = (e, attrs) => {
+    const $rcoes = document.querySelectorAll(`[${ attrs.rcoe }]`);
+
+    Array.from($rcoes).forEach(($rcoe) => {
+        let block = $rcoe.getAttribute(attrs.toggle);
+        let block_class = $rcoe.getAttribute(attrs.class);
+
+        if(!e.target.closest(block)) {
+            attrs.onRcoe($rcoe);
+            document.querySelector(block)?.classList.remove(block_class);
+
+            const _selfClass = $rcoe.getAttribute(attrs.self);
+            if(_selfClass) {
+                $rcoe.classList.remove(_selfClass);
+            }
+        }
+    });
+}
+
+export default rcoes;
diff --git a/src/core/remove.js b/src/core/remove.js
index 881a291..a598408 100644
--- a/src/core/remove.js
+++ b/src/core/remove.js
@@ -1,4 +1,6 @@
 const remove = ($remove, attrs) => {
+    attrs.onRemove($remove);
+
     const _target = $remove.getAttribute(attrs.remove);
     const _class = $remove.getAttribute(attrs.class);
 
diff --git a/src/core/toggle.js b/src/core/toggle.js
index 4db7cb2..159c773 100644
--- a/src/core/toggle.js
+++ b/src/core/toggle.js
@@ -1,4 +1,6 @@
 const toggle = ($toggler, attrs) => {
+    attrs.onToggle($toggler);
+
     const _target = $toggler.getAttribute(attrs.toggle);
 
     document.querySelectorAll(`[${ attrs.toggle }]`).forEach((easyBlock) => {
diff --git a/src/easy-toggler.es.js b/src/easy-toggler.es.js
index ee2eacb..5aa5455 100644
--- a/src/easy-toggler.es.js
+++ b/src/easy-toggler.es.js
@@ -7,8 +7,10 @@ import attrsDefault from './core/attrs';
  * @param params<Object>
  */
 const easySetup = (params) => {
-    const customAttrs = {attrsDefault, ...params};
-    document.addEventListener('click', (e) => easyTogglerHandler(e, customAttrs));
+    const customAttrs = { ...attrsDefault, ...params };
+    document.addEventListener('click', (e) => {
+        easyTogglerHandler(e, customAttrs);
+    });
 };
 
 export default easySetup;
diff --git a/src/easy-toggler.umd.js b/src/easy-toggler.umd.js
index 38d458d..38a98b1 100644
--- a/src/easy-toggler.umd.js
+++ b/src/easy-toggler.umd.js
@@ -2,5 +2,7 @@ import easyTogglerHandler from './core';
 import attrsDefault from './core/attrs';
 
 document.addEventListener('DOMContentLoaded', () => {
-    document.addEventListener('click', (e) => easyTogglerHandler(e, attrsDefault));
+    document.addEventListener('click', (e) => {
+        easyTogglerHandler(e, attrsDefault);
+    });
 });