bromcom-ui 2.7.38-rc.13 → 2.7.38-rc.14

package/dist/collection/components/molecules/popover/popover.js

@@ -25,13 +25,29 @@ export class BcmPopover {
     this.trigger = Bcm.TriggerType.click;
     this.open = false;
     this.color = "white";
+    this.targetId = undefined;
+    this.openDelay = 0;
+    this.closeDelay = 0;
+    this.popover = undefined;
+  }
+  emitShow() {
+    this.bcmPopoverShow.emit();
+  }
+  emitHide() {
+    this.bcmPopoverHide.emit();
+  }
+  componentWillLoad() {
     this.popover = new Popover({
-      targetId: this._id,
+      targetId: this.targetId || this._id,
       content: this.content,
       message: this.message,
       placement: this.placement,
       color: this.color,
       trigger: this.trigger,
+      openDelay: this.openDelay,
+      closeDelay: this.closeDelay,
+      emitShow: () => this.emitShow(),
+      emitHide: () => this.emitHide(),
     });
   }
   componentDidLoad() {
@@ -46,6 +62,9 @@ export class BcmPopover {
     this.popover.trigger = trigger;
     this.popover.update();
   }
+  disconnectedCallback() {
+    this.popover.destroy();
+  }
   async show() {
     this.popover.show();
   }
@@ -196,6 +215,59 @@ export class BcmPopover {
         "attribute": "color",
         "reflect": false,
         "defaultValue": "\"white\""
+      },
+      "targetId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "target-id",
+        "reflect": false
+      },
+      "openDelay": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open-delay",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "closeDelay": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "close-delay",
+        "reflect": false,
+        "defaultValue": "0"
       }
     };
   }
@@ -204,6 +276,39 @@ export class BcmPopover {
       "popover": {}
     };
   }
+  static get events() {
+    return [{
+        "method": "bcmPopoverShow",
+        "name": "bcmPopoverShow",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "bcmPopoverHide",
+        "name": "bcmPopoverHide",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get methods() {
     return {
       "show": {