From 9600b0bd444207f93cfbc1b9086b5dbce8a726ad Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Tue, 3 Jan 2023 18:12:27 +0700
Subject: [PATCH 01/13] :zap: getOptions > refactor code for reuse purpose

---
 src/helpers.js | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index 1dad461..eb027a7 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -195,34 +195,39 @@ export function log(context, status, ...message){
  * @returns void
  */
 export function getOptions(context){
+    const numeric = ['duration', 'activeSection']; // convert these props to float
+    const wrapper = context.wrapper;
+
     // options from attribute
-    let string = context.wrapper.getAttribute(context._attr.container);
+    let dataAttribute = wrapper.getAttribute(context._attr.container);
     let options = {};
 
-    if(!isJSON(string)){
-        context.id = context.options.id;
+    // data attribute doesn't exist or not JSON format -> get default ID
+    if(!dataAttribute || !isJSON(dataAttribute)){
+        context.id = dataAttribute || context.options.id;
         return;
     }
 
     // option priority: attribute > js object > default
-    options = {...JSON.parse(string)};
+    options = JSON.parse(dataAttribute);
 
-    // convert boolean string to real boolean
     for(const [key, value] of Object.entries(options)){
+        // convert boolean string to real boolean
         if(value === "false") options[key] = false;
-        if(value === "true") options[key] = true;
-        if(!isNaN(value)) options[key] = parseInt(value);
-    }
+        else if(value === "true") options[key] = true;
+        else options[key] = value;
 
-    // get ID
-    if(options['id'] && !isEmptyString(options['id'])){
-        context.id = options['id'];
-    }else{
-        context.id = context.options.id;
+        // convert string to float
+        if(numeric.includes(key) && typeof value === 'string' && value.length > 0){
+            options[key] = parseFloat(value);
+        }
     }
 
-    // replace default options
     context.options = {...context.options, ...options};
+    context.id = options.id || context.options.id;
+
+    // remove json
+    wrapper.removeAttribute(context._attr.container);
 }
 
 

From caf4173d8fbdab1e3651f32b293b58d802fe5a11 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Tue, 3 Jan 2023 18:19:57 +0700
Subject: [PATCH 02/13] :zap: getOptions > set version

---
 src/helpers.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/helpers.js b/src/helpers.js
index eb027a7..d4877f6 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -192,6 +192,7 @@ export function log(context, status, ...message){
 
 /**
  * Get JSON options
+ * @version 0.0.1
  * @returns void
  */
 export function getOptions(context){

From 6fbf1567a933692ba8700af6fe176889eba8f6bb Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Wed, 4 Jan 2023 12:13:22 +0700
Subject: [PATCH 03/13] :zap: getOptions > enhance code structure for multiple
 ESLibs

---
 src/_index.js  |  2 +-
 src/helpers.js | 28 +++++++++++++++++++---------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/_index.js b/src/_index.js
index 22fef7a..720e3ba 100644
--- a/src/_index.js
+++ b/src/_index.js
@@ -121,7 +121,7 @@ export class EasyTabAccordion{
         this.options.animation = animationValue !== null ? animationValue : this.options.animation;
 
         // get options init by data attribute (JSON format)
-        getOptions(this);
+        this.options = getOptions(this, this.options);
 
         // assign id to wrapper
         this.wrapper.setAttribute(this._attr.container, this.id);
diff --git a/src/helpers.js b/src/helpers.js
index d4877f6..819acd3 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -192,10 +192,11 @@ export function log(context, status, ...message){
 
 /**
  * Get JSON options
+ * ID priority: data-attribute > selector#id > unique id
  * @version 0.0.1
- * @returns void
+ * @returns {object}
  */
-export function getOptions(context){
+export function getOptions(context, defaultOptions){
     const numeric = ['duration', 'activeSection']; // convert these props to float
     const wrapper = context.wrapper;
 
@@ -205,8 +206,12 @@ export function getOptions(context){
 
     // data attribute doesn't exist or not JSON format -> get default ID
     if(!dataAttribute || !isJSON(dataAttribute)){
-        context.id = dataAttribute || context.options.id;
-        return;
+        // reassign id
+        const id = dataAttribute || wrapper.id || defaultOptions.id;
+        context.id = id;
+        defaultOptions.id = id;
+
+        return defaultOptions;
     }
 
     // option priority: attribute > js object > default
@@ -224,19 +229,24 @@ export function getOptions(context){
         }
     }
 
-    context.options = {...context.options, ...options};
-    context.id = options.id || context.options.id;
+    options = {...defaultOptions, ...options};
+
+    // reassign id
+    const id = options.id || wrapper.id || defaultOptions.id;
+    context.id = id;
+    options.id = id;
 
     // remove json
     wrapper.removeAttribute(context._attr.container);
+
+    return options;
 }
 
 
 /**
- * Is JSON string
- * https://stackoverflow.com/a/32278428/6453822
+ * Get ID
  * @param string
- * @returns {any|boolean}
+ * @returns void
  */
 function isJSON(string){
     try{

From fdf4b4de71f965c966515cf0a3197cce6db8af09 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Wed, 4 Jan 2023 12:26:52 +0700
Subject: [PATCH 04/13] :zap: getOptions > change the order of id priority

---
 src/helpers.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index 819acd3..439f9f2 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -204,7 +204,7 @@ export function getOptions(context, defaultOptions){
     let dataAttribute = wrapper.getAttribute(context._attr.container);
     let options = {};
 
-    // data attribute doesn't exist or not JSON format -> get default ID
+    // data attribute doesn't exist or not JSON format -> string
     if(!dataAttribute || !isJSON(dataAttribute)){
         // reassign id
         const id = dataAttribute || wrapper.id || defaultOptions.id;
@@ -214,7 +214,6 @@ export function getOptions(context, defaultOptions){
         return defaultOptions;
     }
 
-    // option priority: attribute > js object > default
     options = JSON.parse(dataAttribute);
 
     for(const [key, value] of Object.entries(options)){
@@ -229,13 +228,13 @@ export function getOptions(context, defaultOptions){
         }
     }
 
-    options = {...defaultOptions, ...options};
-
     // reassign id
     const id = options.id || wrapper.id || defaultOptions.id;
     context.id = id;
     options.id = id;
 
+    options = {...defaultOptions, ...options};
+
     // remove json
     wrapper.removeAttribute(context._attr.container);
 

From 108b146827ebf38ff9d739e415799a5d45e39d6a Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Wed, 4 Jan 2023 13:51:08 +0700
Subject: [PATCH 05/13] :zap: getOptions > refactor code

---
 src/helpers.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index 439f9f2..d883e81 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -220,12 +220,9 @@ export function getOptions(context, defaultOptions){
         // convert boolean string to real boolean
         if(value === "false") options[key] = false;
         else if(value === "true") options[key] = true;
-        else options[key] = value;
-
         // convert string to float
-        if(numeric.includes(key) && typeof value === 'string' && value.length > 0){
-            options[key] = parseFloat(value);
-        }
+        else if(numeric.includes(key) && typeof value === 'string' && value.length > 0) options[key] = parseFloat(value);
+        else options[key] = value;
     }
 
     // reassign id

From 0ee4d2140ea2193986b1b51957f9749ff372c188 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Thu, 5 Jan 2023 16:14:23 +0700
Subject: [PATCH 06/13] :zap: getOptions > rename description

---
 src/helpers.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index d883e81..65481a6 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -240,9 +240,10 @@ export function getOptions(context, defaultOptions){
 
 
 /**
- * Get ID
+ * Is JSON string
+ * https://stackoverflow.com/a/32278428/6453822
  * @param string
- * @returns void
+ * @returns {any|boolean}
  */
 function isJSON(string){
     try{

From 58a2afd2cf84954600840249393fef87a7793256 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Thu, 5 Jan 2023 16:19:38 +0700
Subject: [PATCH 07/13] :zap: getOptions > remove "remove json function"

---
 src/helpers.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index 65481a6..3442498 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -232,9 +232,6 @@ export function getOptions(context, defaultOptions){
 
     options = {...defaultOptions, ...options};
 
-    // remove json
-    wrapper.removeAttribute(context._attr.container);
-
     return options;
 }
 

From 0edc01397e6f56deaa3e70b34c63cdb7b9998cbf Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Thu, 5 Jan 2023 16:48:25 +0700
Subject: [PATCH 08/13] :zap: getOptions > enhance code structure (remove
 duplicate code)

---
 src/helpers.js | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/helpers.js b/src/helpers.js
index 3442498..daeb202 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -205,24 +205,25 @@ export function getOptions(context, defaultOptions){
     let options = {};
 
     // data attribute doesn't exist or not JSON format -> string
-    if(!dataAttribute || !isJSON(dataAttribute)){
-        // reassign id
-        const id = dataAttribute || wrapper.id || defaultOptions.id;
-        context.id = id;
-        defaultOptions.id = id;
+    const attributeIsNotJSON = !dataAttribute || !isJSON(dataAttribute);
 
-        return defaultOptions;
-    }
-
-    options = JSON.parse(dataAttribute);
+    // data attribute is not json format or string
+    if(attributeIsNotJSON){
+        options = defaultOptions;
 
-    for(const [key, value] of Object.entries(options)){
-        // convert boolean string to real boolean
-        if(value === "false") options[key] = false;
-        else if(value === "true") options[key] = true;
-        // convert string to float
-        else if(numeric.includes(key) && typeof value === 'string' && value.length > 0) options[key] = parseFloat(value);
-        else options[key] = value;
+        // data attribute exist => string
+        if(dataAttribute) options.id = dataAttribute;
+    }else{
+        options = JSON.parse(dataAttribute);
+
+        for(const [key, value] of Object.entries(options)){
+            // convert boolean string to real boolean
+            if(value === "false") options[key] = false;
+            else if(value === "true") options[key] = true;
+            // convert string to float
+            else if(numeric.includes(key) && typeof value === 'string' && value.length > 0) options[key] = parseFloat(value);
+            else options[key] = value;
+        }
     }
 
     // reassign id

From 8cc245e6c57c1db6050dfad87365bd80ce49a2f2 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Thu, 5 Jan 2023 16:50:26 +0700
Subject: [PATCH 09/13] :zap: getOptions > refactor get default options
 parameter

---
 src/_index.js  | 2 +-
 src/helpers.js | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/_index.js b/src/_index.js
index 720e3ba..340303c 100644
--- a/src/_index.js
+++ b/src/_index.js
@@ -121,7 +121,7 @@ export class EasyTabAccordion{
         this.options.animation = animationValue !== null ? animationValue : this.options.animation;
 
         // get options init by data attribute (JSON format)
-        this.options = getOptions(this, this.options);
+        this.options = getOptions(this);
 
         // assign id to wrapper
         this.wrapper.setAttribute(this._attr.container, this.id);
diff --git a/src/helpers.js b/src/helpers.js
index daeb202..5fad200 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -197,6 +197,10 @@ export function log(context, status, ...message){
  * @returns {object}
  */
 export function getOptions(context, defaultOptions){
+    if(!defaultOptions){
+        defaultOptions = context.options || context.config || {};
+    }
+
     const numeric = ['duration', 'activeSection']; // convert these props to float
     const wrapper = context.wrapper;
 

From 284a348da72ae352594fad32c94a6b5b4d1ae137 Mon Sep 17 00:00:00 2001
From: phucbm <hiphucbui@gmail.com>
Date: Fri, 6 Jan 2023 16:59:14 +0700
Subject: [PATCH 10/13] :zap: v2.1.3

---
 CHANGELOG.md                      |  4 ++++
 README.md                         | 17 +++++------------
 dev/index.html                    |  2 +-
 dev/script.js                     |  2 +-
 dist/easy-tab-accordion.min.js    |  4 ++--
 dist/easy-tab-accordion.module.js |  4 ++--
 package.json                      |  3 +--
 7 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 65747a6..b2af3a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+### [2.1.2] - 2023-01-06
+
+- Improve performances
+
 ### [2.1.2] - 2022-12-21
 
 - Slide down function > fix a minor bug
diff --git a/README.md b/README.md
index 9db4758..5887bd0 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,7 @@ import "@viivue/easy-tab-accordion";
 
 ```html
 <!-- JS (10KB) -->
-<script src="https://cdn.jsdelivr.net/gh/viivue/easy-tab-accordion@2.1.2/dist/easy-tab-accordion.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/viivue/easy-tab-accordion@2.1.3/dist/easy-tab-accordion.min.js"></script>
 ```
 
 ## Initialize
@@ -226,21 +226,14 @@ eta.update();
 
 ## Deployment
 
-Start dev server
-
 ```shell
+# Start dev server
 npm run dev
-```
 
-Distribute production files (set new version in `package.json` first)
-
-```shell
+# Distribute production files (set new version in `package.json` first)
 npm run prod
-```
-
-Build dev site (for Netlify only)
 
-```shell
+# Build dev site (for Netlify only)
 npm run build
 ```
 
@@ -248,4 +241,4 @@ npm run build
 
 [MIT License](https://github.com/viivue/easy-tab-accordion/blob/main/LICENSE)
 
-Copyright (c) 2022 ViiVue
\ No newline at end of file
+Copyright (c) 2023 ViiVue
\ No newline at end of file
diff --git a/dev/index.html b/dev/index.html
index a72e153..3000619 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -217,7 +217,7 @@ <h2 class="heading-separator"><span>Accordion initialize with JSON format</span>
     <footer class="footer ta-center mb">
         <hr class="mb bold">
         <p>
-            <a href="https://github.com/phucbm/flickity-responsive" target="_blank">
+            <a href="https://github.com/viivue/easy-tab-accordion" target="_blank">
                 <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32"
                      data-view-component="true"
                      class="octicon octicon-mark-github v-align-middle">
diff --git a/dev/script.js b/dev/script.js
index b8b0dd5..5c25af2 100644
--- a/dev/script.js
+++ b/dev/script.js
@@ -17,7 +17,7 @@ const packageInfo = require('../package.json');
  */
 // update title
 const title = `${packageInfo.prettyName} v${packageInfo.version}`;
-document.title = `[DEV] ${title} - ${packageInfo.description}`;
+document.title = `${title} - ${packageInfo.description}`;
 document.querySelector('[data-title]').innerHTML = title;
 document.querySelector('[data-description]').innerHTML = packageInfo.description;
 
diff --git a/dist/easy-tab-accordion.min.js b/dist/easy-tab-accordion.min.js
index a89321b..424cc49 100644
--- a/dist/easy-tab-accordion.min.js
+++ b/dist/easy-tab-accordion.min.js
@@ -1,7 +1,7 @@
 /**!
- * Easy Tabs & Accordion v2.1.2
+ * Easy Tabs & Accordion v2.1.3
  * @author phucbm
  * @homepage https://github.com/viivue/easy-tab-accordion
- * @license MIT 2022
+ * @license MIT 2023
  */
 !function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i();else if("function"==typeof define&&define.amd)define([],i);else{var e=i();for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(this,(()=>(()=>{"use strict";var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function r(t,i){Object.assign(t.style,i)}function s(t,i){r(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){r(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function l(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function c(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function h(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t){let i=t.wrapper.getAttribute(t._attr.container),e={};if(function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(i)){e={...JSON.parse(i)};for(const[t,i]of Object.entries(e))"false"===i&&(e[t]=!1),"true"===i&&(e[t]=!0),isNaN(i)||(e[t]=parseInt(i));var o;e.id&&("string"!=typeof(o=e.id)||0!==o.length)?t.id=e.id:t.id=t.options.id,t.options={...t.options,...e}}else t.id=t.options.id}function v(t,i=500,e){s(t,i),r(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function y(t,i=500,e){s(t,i),s(t.parentElement,i),r(t,{opacity:"1",visibility:"visible"}),r(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function w(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function S(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){r(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{r(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):w(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.r(i),t.d(i,{EasyTabAccordion:()=>T});class T{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:l("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&S(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=w(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(w().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(h(t,e)?e:0);break;case"object":const o=e[0];i.push(h(t,o)?o:0)}}i.forEach((i=>{h(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{opacity:"",visibility:"",position:"",inset:""}),r(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&y(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!c(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(r(t,{boxSizing:"border-box",height:"0px",display:"block"}),s(t,i)),setTimeout((()=>{r(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),r(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>y(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!c(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(r(t,{boxSizing:"border-box",height:o}),s(t,i),setTimeout((()=>{r(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{r(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!c(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!c(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}return window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new T({el:i,...t}))})),window.ETAController.add(new T(t))},get:t=>window.ETAController.get(t)},window.ETA.init(),i})()));
\ No newline at end of file
diff --git a/dist/easy-tab-accordion.module.js b/dist/easy-tab-accordion.module.js
index 37a1397..0ffd275 100644
--- a/dist/easy-tab-accordion.module.js
+++ b/dist/easy-tab-accordion.module.js
@@ -1,6 +1,6 @@
 /**!
- * Easy Tabs & Accordion v2.1.2
+ * Easy Tabs & Accordion v2.1.3
  * @author phucbm
  * @homepage https://github.com/viivue/easy-tab-accordion
- * @license MIT 2022
+ * @license MIT 2023
  */var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i)},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function s(t,i){Object.assign(t.style,i)}function r(t,i){s(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){s(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function h(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function c(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function l(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t){let i=t.wrapper.getAttribute(t._attr.container),e={};if(function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(i)){e={...JSON.parse(i)};for(const[t,i]of Object.entries(e))"false"===i&&(e[t]=!1),"true"===i&&(e[t]=!0),isNaN(i)||(e[t]=parseInt(i));var o;e.id&&("string"!=typeof(o=e.id)||0!==o.length)?t.id=e.id:t.id=t.options.id,t.options={...t.options,...e}}else t.id=t.options.id}function v(t,i=500,e){r(t,i),s(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function w(t,i=500,e){r(t,i),r(t.parentElement,i),s(t,{opacity:"1",visibility:"visible"}),s(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function y(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function T(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){s(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{s(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):y(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.d(i,{v:()=>S});class S{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:h("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&T(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=y(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(y().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(l(t,e)?e:0);break;case"object":const o=e[0];i.push(l(t,o)?o:0)}}i.forEach((i=>{l(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{opacity:"",visibility:"",position:"",inset:""}),s(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&w(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!c(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(s(t,{boxSizing:"border-box",height:"0px",display:"block"}),r(t,i)),setTimeout((()=>{s(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),s(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>w(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!c(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(s(t,{boxSizing:"border-box",height:o}),r(t,i),setTimeout((()=>{s(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{s(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!c(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!c(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new S({el:i,...t}))})),window.ETAController.add(new S(t))},get:t=>window.ETAController.get(t)},window.ETA.init();var _=i.v;export{_ as EasyTabAccordion};
\ No newline at end of file
diff --git a/package.json b/package.json
index 2f7754d..3d11814 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@viivue/easy-tab-accordion",
   "filename": "easy-tab-accordion",
   "prettyName": "Easy Tabs & Accordion",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Javascript library to create tabs or accordion.",
   "homepage": "https://github.com/viivue/easy-tab-accordion",
   "repository": {
@@ -27,7 +27,6 @@
   "license": "MIT",
   "scripts": {
     "dev": "webpack serve --config config/webpack.dev.js",
-    "web": "cross-env ENTRY=web PORT=8081 webpack serve --config config/webpack.dev.js",
     "build": "webpack --config config/webpack.build.js",
     "build-dev": "cross-env ENTRY=dev webpack --config config/webpack.build.js",
     "prod": "webpack --config config/webpack.prod.js && cross-env TARGET=module webpack --config config/webpack.prod.js",

From 8db9b510b7666e4fa544a18d97888e683c524f32 Mon Sep 17 00:00:00 2001
From: vupham <vuquangpham2909@gmail.com>
Date: Thu, 12 Jan 2023 14:59:21 +0700
Subject: [PATCH 11/13] :bug: getOptions > cloning default options and remove
 redundant id (bug)

---
 src/helpers.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/helpers.js b/src/helpers.js
index 5fad200..85a1073 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -213,10 +213,11 @@ export function getOptions(context, defaultOptions){
 
     // data attribute is not json format or string
     if(attributeIsNotJSON){
-        options = defaultOptions;
+        options = {...defaultOptions};
 
         // data attribute exist => string
         if(dataAttribute) options.id = dataAttribute;
+        else options.id = '';
     }else{
         options = JSON.parse(dataAttribute);
 

From bb4737c84d9e7d8d3bacb3d0ff4a6f70baeaf10d Mon Sep 17 00:00:00 2001
From: phucbm <hiphucbui@gmail.com>
Date: Fri, 13 Jan 2023 09:31:45 +0700
Subject: [PATCH 12/13] :memo: update CHANGELOG.md

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b2af3a1..888441d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-### [2.1.2] - 2023-01-06
+### [2.1.3] - 2023-01-13
 
 - Improve performances
 

From 52ba178b2e7ea1be27d2181e5f800e952fc31b54 Mon Sep 17 00:00:00 2001
From: phucbm <hiphucbui@gmail.com>
Date: Fri, 13 Jan 2023 09:33:01 +0700
Subject: [PATCH 13/13] :zap: minify

---
 dist/easy-tab-accordion.min.js    | 2 +-
 dist/easy-tab-accordion.module.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/easy-tab-accordion.min.js b/dist/easy-tab-accordion.min.js
index 424cc49..a3702b4 100644
--- a/dist/easy-tab-accordion.min.js
+++ b/dist/easy-tab-accordion.min.js
@@ -4,4 +4,4 @@
  * @homepage https://github.com/viivue/easy-tab-accordion
  * @license MIT 2023
  */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i();else if("function"==typeof define&&define.amd)define([],i);else{var e=i();for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(this,(()=>(()=>{"use strict";var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function r(t,i){Object.assign(t.style,i)}function s(t,i){r(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){r(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function l(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function c(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function h(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t){let i=t.wrapper.getAttribute(t._attr.container),e={};if(function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(i)){e={...JSON.parse(i)};for(const[t,i]of Object.entries(e))"false"===i&&(e[t]=!1),"true"===i&&(e[t]=!0),isNaN(i)||(e[t]=parseInt(i));var o;e.id&&("string"!=typeof(o=e.id)||0!==o.length)?t.id=e.id:t.id=t.options.id,t.options={...t.options,...e}}else t.id=t.options.id}function v(t,i=500,e){s(t,i),r(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function y(t,i=500,e){s(t,i),s(t.parentElement,i),r(t,{opacity:"1",visibility:"visible"}),r(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function w(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function S(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){r(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{r(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):w(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.r(i),t.d(i,{EasyTabAccordion:()=>T});class T{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:l("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&S(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=w(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(w().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(h(t,e)?e:0);break;case"object":const o=e[0];i.push(h(t,o)?o:0)}}i.forEach((i=>{h(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{opacity:"",visibility:"",position:"",inset:""}),r(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&y(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!c(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(r(t,{boxSizing:"border-box",height:"0px",display:"block"}),s(t,i)),setTimeout((()=>{r(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),r(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>y(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!c(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(r(t,{boxSizing:"border-box",height:o}),s(t,i),setTimeout((()=>{r(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{r(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!c(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!c(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}return window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new T({el:i,...t}))})),window.ETAController.add(new T(t))},get:t=>window.ETAController.get(t)},window.ETA.init(),i})()));
\ No newline at end of file
+!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i();else if("function"==typeof define&&define.amd)define([],i);else{var e=i();for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(this,(()=>(()=>{"use strict";var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function r(t,i){Object.assign(t.style,i)}function s(t,i){r(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){r(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function c(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function l(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function h(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t,i){i||(i=t.options||t.config||{});const e=["duration","activeSection"],o=t.wrapper;let n=o.getAttribute(t._attr.container),r={};if(!n||!function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(n))r={...i},r.id=n||"";else{r=JSON.parse(n);for(const[t,i]of Object.entries(r))"false"===i?r[t]=!1:"true"===i?r[t]=!0:e.includes(t)&&"string"==typeof i&&i.length>0?r[t]=parseFloat(i):r[t]=i}const s=r.id||o.id||i.id;return t.id=s,r.id=s,r={...i,...r},r}function v(t,i=500,e){s(t,i),r(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function y(t,i=500,e){s(t,i),s(t.parentElement,i),r(t,{opacity:"1",visibility:"visible"}),r(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function w(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function S(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){r(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{r(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):w(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.r(i),t.d(i,{EasyTabAccordion:()=>T});class T{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:c("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,this.options=m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&S(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=w(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(w().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(h(t,e)?e:0);break;case"object":const o=e[0];i.push(h(t,o)?o:0)}}i.forEach((i=>{h(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{r(t,{opacity:"",visibility:"",position:"",inset:""}),r(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&y(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!l(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(r(t,{boxSizing:"border-box",height:"0px",display:"block"}),s(t,i)),setTimeout((()=>{r(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),r(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>y(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!l(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(r(t,{boxSizing:"border-box",height:o}),s(t,i),setTimeout((()=>{r(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{r(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!l(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!l(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}return window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new T({el:i,...t}))})),window.ETAController.add(new T(t))},get:t=>window.ETAController.get(t)},window.ETA.init(),i})()));
\ No newline at end of file
diff --git a/dist/easy-tab-accordion.module.js b/dist/easy-tab-accordion.module.js
index 0ffd275..a726606 100644
--- a/dist/easy-tab-accordion.module.js
+++ b/dist/easy-tab-accordion.module.js
@@ -3,4 +3,4 @@
  * @author phucbm
  * @homepage https://github.com/viivue/easy-tab-accordion
  * @license MIT 2023
- */var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i)},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function s(t,i){Object.assign(t.style,i)}function r(t,i){s(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){s(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function h(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function c(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function l(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t){let i=t.wrapper.getAttribute(t._attr.container),e={};if(function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(i)){e={...JSON.parse(i)};for(const[t,i]of Object.entries(e))"false"===i&&(e[t]=!1),"true"===i&&(e[t]=!0),isNaN(i)||(e[t]=parseInt(i));var o;e.id&&("string"!=typeof(o=e.id)||0!==o.length)?t.id=e.id:t.id=t.options.id,t.options={...t.options,...e}}else t.id=t.options.id}function v(t,i=500,e){r(t,i),s(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function w(t,i=500,e){r(t,i),r(t.parentElement,i),s(t,{opacity:"1",visibility:"visible"}),s(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function y(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function T(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){s(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{s(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):y(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.d(i,{v:()=>S});class S{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:h("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&T(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=y(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(y().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(l(t,e)?e:0);break;case"object":const o=e[0];i.push(l(t,o)?o:0)}}i.forEach((i=>{l(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{opacity:"",visibility:"",position:"",inset:""}),s(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&w(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!c(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(s(t,{boxSizing:"border-box",height:"0px",display:"block"}),r(t,i)),setTimeout((()=>{s(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),s(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>w(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!c(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(s(t,{boxSizing:"border-box",height:o}),r(t,i),setTimeout((()=>{s(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{s(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!c(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!c(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new S({el:i,...t}))})),window.ETAController.add(new S(t))},get:t=>window.ETAController.get(t)},window.ETA.init();var _=i.v;export{_ as EasyTabAccordion};
\ No newline at end of file
+ */var t={d:(i,e)=>{for(var o in e)t.o(e,o)&&!t.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:e[o]})},o:(t,i)=>Object.prototype.hasOwnProperty.call(t,i)},i={};function e({context:t,target:i}){i||(i=t.wrapper),i.scrollIntoView({behavior:"smooth"})}function o(t){const i=getComputedStyle(t);return parseInt(i.getPropertyValue("margin-top")+i.getPropertyValue("margin-bottom"),10)}function n(t){return t.scrollHeight+o(t)+"px"}function s(t,i){Object.assign(t.style,i)}function r(t,i){s(t,{transitionProperty:"height, margin, padding, opacity",transitionDuration:i+"ms",overflow:"hidden"})}function a(t){s(t,{overflow:"",transitionProperty:"",transitionDuration:"",boxSizing:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""})}function c(t=""){return t+(+new Date).toString(16)+(1e8*Math.random()|0).toString(16)}function h(t,i){return!!t.dataset.filter((t=>t.id===i)).length}function l(t,i){return i>=0&&i<t.count}function p(t,i){const e=i=>i?t.options.receiver:t.options.trigger,o=i=>i?t.options.receiverAttr:t.options.triggerAttr;if(i){return{previous:t.wrapper.querySelectorAll(`${e(!0)}:not([${o(!0)}="${i}"])`),current:t.wrapper.querySelectorAll(`[${o(!0)}="${i}"]`),previousTrigger:t.wrapper.querySelectorAll(`${e(!1)}:not([${o(!1)}="${i}"])`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}="${i}"]`)}}return{current:t.wrapper.querySelectorAll(`[${o(!0)}]`),currentTrigger:t.wrapper.querySelectorAll(`[${o(!1)}]`)}}function d(t,i){return t.dataset.findIndex((t=>t.id===i))}function u(t,i){return t.dataset[i].id}function f(t,i){const{current:e,currentTrigger:o}=p(t,i);e.forEach((i=>i.classList.remove(t._class.active))),o.forEach((i=>i.classList.remove(t._class.active)))}function g(t,i,...e){t.options.dev&&console?.[i](...e)}function m(t,i){i||(i=t.options||t.config||{});const e=["duration","activeSection"],o=t.wrapper;let n=o.getAttribute(t._attr.container),s={};if(!n||!function(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}(n))s={...i},s.id=n||"";else{s=JSON.parse(n);for(const[t,i]of Object.entries(s))"false"===i?s[t]=!1:"true"===i?s[t]=!0:e.includes(t)&&"string"==typeof i&&i.length>0?s[t]=parseFloat(i):s[t]=i}const r=s.id||o.id||i.id;return t.id=r,s.id=r,s={...i,...s},s}function v(t,i=500,e){r(t,i),s(t,{opacity:"0",visibility:"hidden"}),setTimeout((()=>{a(t),"function"==typeof e&&e()}),i)}function w(t,i=500,e){r(t,i),r(t.parentElement,i),s(t,{opacity:"1",visibility:"visible"}),s(t.parentElement,{height:`${t.scrollHeight+o(t)}px`}),setTimeout((()=>{a(t),a(t.parentElement),"function"==typeof e&&e()}),i)}function y(t=document.location){const i=new URL(t),e=i.hash.indexOf("?"),o=e>-1?i.hash.slice(0,e):i.hash;return{data:i,hash:o,id:o.slice(1)}}function b(t,i){E(t)&&A(t)!==t.enabled&&(t.enabled=A(t),t.enabled?t.init():t.destroy())}function A(t){return window.innerWidth<=t.options.liveBreakpoint[0]&&window.innerWidth>=t.options.liveBreakpoint[1]&&E(t)}function E(t){let i=function(t,i=!0){return t.sort((function(t,e){return i?t-e:e-t}))}(t.options.liveBreakpoint,!1);return i=i.slice(0,2),2===i.length}function S(t){t.options.onBeforeInit(t),t.hasInitialized=!0,t.wrapper.classList.add(t._class.enabled),t.wrapper.querySelectorAll(t.options.trigger).forEach((i=>{i.addEventListener("click",(i=>function(t,i){i.preventDefault(),i.stopPropagation();const e=i.target.getAttribute(t.options.triggerAttr)||i.target.closest(t.options.trigger).getAttribute(t.options.triggerAttr);t.toggle(e,"manual")}(t,i)))})),t.dataset=[],t.wrapper.querySelectorAll(t.options.receiver).forEach((i=>{const e=i.getAttribute(t.options.receiverAttr);if(t.dataset.push({id:e,el:i,active:!1}),"fade"===t.options.animation){s(i.parentElement,{overflow:"hidden",position:"relative"!==getComputedStyle(i).position?"relative":""});const t={position:(()=>"absolute"!==getComputedStyle(i).position?"absolute":"")(),inset:"0 0 auto"};setTimeout((()=>{s(i,t)}),1)}})),function(t){document.querySelectorAll('a[href^="#"]').forEach((i=>{const o=i.getAttribute("href"),n="#"===o[0]?o.slice(1):y(o).id;n&&t.dataset.forEach((o=>{o.id===n&&i.addEventListener("click",(i=>{i.preventDefault(),t.toggle(n,"manual"),e({context:t})}))}))}))}(t),t.options.onAfterInit(t)}t.d(i,{v:()=>T});class T{constructor(t){this._class={enabled:"easy-tab-accordion-enabled",active:"active"},this._attr={container:"data-eta",trigger:"data-eta-trigger",receiver:"data-eta-receiver",hash:"data-eta-hash",hashScroll:"data-eta-hash-scroll",animation:"data-eta-animation"},this.defaultOptions={el:document.querySelector(`[${this._attr.container}]`),id:c("eta-"),trigger:`[${this._attr.trigger}]`,triggerAttr:this._attr.trigger,receiver:`[${this._attr.receiver}]`,receiverAttr:this._attr.receiver,activeClass:this._class.active,animation:"slide",duration:450,hash:!1,hashScroll:!1,liveBreakpoint:[],avoidDoubleClick:!0,dev:!1,activeSection:0,allowCollapseAll:!1,allowExpandAll:!1,onBeforeInit:t=>{},onAfterInit:t=>{},onBeforeOpen:(t,i)=>{},onBeforeClose:(t,i)=>{},onAfterOpen:(t,i)=>{},onAfterClose:(t,i)=>{},onDestroy:t=>{},onUpdate:t=>{}},this.originalOptions=t,this.init(),this.isAnimating=!1}init(){if(this.options={...this.defaultOptions,...this.originalOptions},!this.options.el)return void g(this,"warn","ETA Error, target not found!");if(this.wrapper=this.options.el,this.id="",this.current_id="",this.previous_id="",this.type="",this.hasInitialized=!1,this.enabled=!E(this)||A(this),this.count=this.wrapper.querySelectorAll(this.options.trigger).length,this.wrapper.classList.contains(this._class.enabled))return void g(this,"ETA has initialized");this.isFirst=!0,this.options.hash=!0===this.wrapper.hasAttribute(this._attr.hash)||this.options.hash,this.options.hashScroll=!0===this.wrapper.hasAttribute(this._attr.hashScroll)||this.options.hashScroll;const t=this.wrapper.getAttribute(this._attr.animation);this.options.animation=null!==t?t:this.options.animation,this.options=m(this),this.wrapper.setAttribute(this._attr.container,this.id),this.count<1?g(this,"warn","Quit init due to child panels not found",this):(this.enabled&&!this.hasInitialized&&S(this),!this.enabled&&this.hasInitialized&&this.destroy(),this.enabled&&(function(t){const i=y(),e=i.hash,o=i.id;return t.options.hash&&e.length&&t.dataset.filter((t=>t.id===o)).length}(this)?this.toggle(y().id,"hash"):function(t){let i=[];const e=t.options.activeSection;switch(t.options.animation){case"slide":switch(typeof e){case"number":i.push(e);break;case"object":t.options.allowExpandAll&&"slide"===t.options.animation?i=e.filter((function(t,i,e){return e.indexOf(t)===i})):i.push(e[0])}break;case"fade":switch(typeof e){case"number":i.push(l(t,e)?e:0);break;case"object":const o=e[0];i.push(l(t,o)?o:0)}}i.forEach((i=>{l(t,i)&&t.toggle(u(t,i),"auto")})),t.dataset.filter((t=>!t.active)).forEach((i=>t.closePanel(i.id)))}(this)),window.addEventListener("resize",function(t,i=150){let e;return(...o)=>{clearTimeout(e),e=setTimeout((()=>{t.apply(this,o)}),i)}}((t=>{return(i=this).update(),void b(i);var i}),300)),window.addEventListener("load",(t=>{return(i=this).update(),void b(i);var i})))}destroy(){switch(this.hasInitialized=!1,this.wrapper.classList.remove(this._class.enabled),this.wrapper.querySelectorAll(this.options.trigger).forEach((t=>{t.outerHTML=`${t.outerHTML}`})),this.dataset=[],this.options.animation){case"slide":(t=this).wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{display:"",height:""}),a(t)})),f(t);break;case"fade":!function(t){t.wrapper.querySelectorAll(t.options.receiver).forEach((t=>{s(t,{opacity:"",visibility:"",position:"",inset:""}),s(t.parentElement,{height:"",position:""}),a(t),a(t.parentElement)})),f(t)}(this)}var t;this.options.onDestroy(this)}update(){switch(this.options.animation){case"slide":break;case"fade":(t=this).dataset.forEach((i=>{const e=i.el,o=t.options.duration;i.active&&w(e,o),i.active||v(e,o)}))}var t;this.options.onUpdate(this)}openPanel(t=this.current_id){if(!h(this,t))return;(()=>{this.dataset[d(this,t)].active=!0,function(t,i){if(!t.options.hash||"manual"!==t.type)return;const e=document.location.origin+document.location.pathname;document.location=e+"#"+i}(this,t),this.options.onBeforeOpen(this),this.isAnimating=!0,g(this,"log","Start animation."),clearTimeout(this.animationTimeout),this.animationTimeout=setTimeout((()=>{this.isAnimating=!1,g(this,"log","Stop animation.")}),this.options.duration+10)})();const i=i=>{var o;"hash"===(o=this).type&&o.options.hashScroll&&window.addEventListener("load",(()=>setTimeout((()=>e({context:o})),100))),this.options.onAfterOpen(this,i),g(this,"log","after open",t)},{current:o}=p(this,t);switch(this.options.animation){case"slide":o.forEach((t=>function(t,i=500,e){0!==parseInt(n(t))&&"none"!==t.style.display.trim()||(s(t,{boxSizing:"border-box",height:"0px",display:"block"}),r(t,i)),setTimeout((()=>{s(t,{height:n(t),marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""})}),10),setTimeout((()=>{a(t),s(t,{height:""}),"function"==typeof e&&e()}),i+10)}(t,this.options.duration,(()=>i(t)))));break;case"fade":o.forEach((t=>w(t,this.options.duration,(()=>i(t)))))}!function(t,i){const{current:e,currentTrigger:o}=p(t,i||t.current_id);e&&e.forEach((i=>i.classList.add(t._class.active))),o&&o.forEach((i=>i.classList.add(t._class.active)))}(this,t);("fade"===this.options.animation||"slide"===this.options.animation&&!this.options.allowExpandAll)&&this.dataset.filter((i=>i.id!==t)).forEach((t=>{(t.active||this.isFirst)&&this.closePanel(t.id)})),this.isFirst&&(o[0].style.display="block",this.isFirst=!1)}closePanel(t=this.current_id){if(!h(this,t))return;this.options.onBeforeClose(this),this.dataset[d(this,t)].active=!1;const i=i=>{this.options.onAfterClose(this,i),g(this,"log","after close",t)},{current:e}=p(this,t);switch(this.options.animation){case"slide":e.forEach((t=>function(t,i=500,e){const o=n(t);"0px"!==o?(s(t,{boxSizing:"border-box",height:o}),r(t,i),setTimeout((()=>{s(t,{height:"0px",marginTop:"0px",marginBottom:"0px",paddingTop:"0px",paddingBottom:"0px"})}),10),setTimeout((()=>{s(t,{display:"none",height:""}),a(t),"function"==typeof e&&e()}),i+10)):"function"==typeof e&&e()}(t,this.options.duration,(()=>i(t)))));break;case"fade":e.forEach((t=>v(t,this.options.duration,(()=>i(t)))))}f(this,t)}toggle(t,i="undefined",e=!1){if(!h(this,t))return void g(this,"warn","invalid id");const o=function(t,i){if(!h(t,i))return!1;if(t.options.avoidDoubleClick&&t.isAnimating)return g(t,"warn",`Block [${i}] to avoid double click on animating item.`),0;const e=t.dataset[d(t,i)].active,o="slide"===t.options.animation&&t.options.allowCollapseAll;return e&&o?-1:e&&!o?0:!e&&o?1:e||o?e?1:-1:1}(this,t);0!==o&&(this.type=i,this.previous_id=this.current_id?this.current_id:u(this,0),1===o?(this.current_id=t,this.openPanel(this.current_id)):this.closePanel(t))}toggleByIndex(t){this.toggle(u(this,t))}}window.ETAController=new class{constructor(){this.instances=[]}add(t){this.instances.push(t)}get(t){return this.instances.filter((i=>i.id===t))[0]}},window.ETA={init:t=>{void 0===t&&document.querySelectorAll("[data-eta]").forEach((i=>{window.ETAController.add(new T({el:i,...t}))})),window.ETAController.add(new T(t))},get:t=>window.ETAController.get(t)},window.ETA.init();var _=i.v;export{_ as EasyTabAccordion};
\ No newline at end of file