feat (Accordion): add onInit event

Author: firestar300

examples/accessible-accordion/index.html

@@ -753,6 +753,9 @@ <h2>Code</h2>
                 '#accordion-demo-5': { closedDefault: true },
                 '#accordion-demo-6': {
                     forceExpand: false,
+                    onInit: function(el) {
+                        console.log(`${el.id} initialized`)
+                    },
                     onClose: function(panel) {
                         alert(`${panel.id} closed`)
                     },

src/classes/Accordion.js

@@ -52,17 +52,22 @@ class Accordion extends AbstractDomElement {
    * @author Milan Ricoul
    */
   init() {
-    this.active = true
-
     const el = this._element
-    const { closedDefault, mediaQuery, onReachBreakpoint, panelSelector, prefixId, triggerSelector } = this._settings
+    const { closedDefault, mediaQuery, onInit, onReachBreakpoint, panelSelector, prefixId, triggerSelector } = this._settings
     const pattern = /\d+/g
     const triggers = el.querySelectorAll(triggerSelector)
     const panels = el.querySelectorAll(panelSelector)
     const id = randomId()
 
     el.dataset.id = id
 
+    if (onInit && !this.active) {
+      this.active = true
+      onInit.bind(this)(el)
+    }
+
+    this.active = true
+
     if (mediaQuery && onReachBreakpoint && pattern.test(mediaQuery.media)) {
       if (mediaQuery.media.includes('min')) {
         this.hasReachBreakpoint = window.innerWidth > parseInt(mediaQuery.media.match(pattern)[0]) ? 'above' : 'below'
@@ -427,6 +432,7 @@ Accordion.defaults = {
   forceExpand: true,
   hasAnimation: false,
   mediaQuery: null,
+  onInit: null,
   onReachBreakpoint: null,
   onOpen: null,
   onClose: null,