bromcom-ui 2.3.66 → 2.3.70

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

@@ -1,31 +1,27 @@
-import { r as registerInstance, h, f as Host, g as getElement } from './index-9dbea026.js';
-import { c as classnames } from './index-43956e3c.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-dbc63c66.js';
+import { G as Generate } from './generate-8e440fc4.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;
   }
-  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);
-        }
-      });
-    }
+  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;
+    });
   }
   componentDidLoad() {
     const childs = this.el.querySelectorAll("bcm-collapse");
     childs.forEach((element, index) => {
+      childs.parentId = this._id;
       if (element.borderless == false) {
         element.borderless = this.borderless;
       }
@@ -35,8 +31,7 @@ const BcmCollapseGroup = class {
     });
   }
   render() {
-    const hostClasses = classnames(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   get el() { return getElement(this); }
 };