bromcom-ui 2.3.70 → 2.3.71

package/dist/bromcom-ui/bcm-collapse-group.entry.js

@@ -1,27 +1,31 @@
-import { r as registerInstance, h, f as Host, g as getElement } from './index-dbc63c66.js';
-import { G as Generate } from './generate-8e440fc4.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const BcmCollapseGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.openId = null;
-    this._id = Generate.UID();
     this.borderless = false;
     this.open = false;
     this.multiple = false;
     this.hidden = false;
   }
-  async active(id) {
-    this.openId = id;
-    const childs = this.el.querySelectorAll("bcm-collapse");
-    childs.forEach(element => {
-      element.open = element.id === id ? true : !this.multiple ? false : element.open;
-    });
+  handleOpen(e) {
+    if (this.el === e.target.parentElement) {
+      const openId = e.detail;
+      this.el.querySelectorAll('bcm-collapse').forEach(el => {
+        if (this.multiple == false) {
+          el.id === openId ? el.open = true : el.open = false;
+        }
+        else {
+          el.id === openId && (el.open = el.open == true ? true : false);
+        }
+      });
+    }
   }
   componentDidLoad() {
     const childs = this.el.querySelectorAll("bcm-collapse");
     childs.forEach((element, index) => {
-      childs.parentId = this._id;
       if (element.borderless == false) {
         element.borderless = this.borderless;
       }
@@ -31,7 +35,8 @@ const BcmCollapseGroup = class {
     });
   }
   render() {
-    return (h(Host, null, h("slot", null)));
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses }, h("slot", null)));
   }
   get el() { return getElement(this); }
 };