bromcom-ui 2.8.0-rc.10-g → 2.8.0-rc.10-i

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

@@ -89,7 +89,8 @@ export class BcmTextarea {
   async getValue() {
     return this.value;
   }
-  watchValue() {
+  watchValue(newValue) {
+    this.textarea.value = newValue;
     this.handleChange();
   }
   handleFocus() {

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

@@ -12,24 +12,42 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { IsLoad } from '@bcm/decorator';
-import { Generate, Tooltip } from '@bcm/helpers';
-import { Bcm } from '@bcm/model';
-import { Host, h } from '@stencil/core';
+import { IsLoad } from "@bcm/decorator";
+import { Generate, Tooltip } from "@bcm/helpers";
+import { Bcm } from "@bcm/model";
+import { Host, h } from "@stencil/core";
 export class BcmTooltip {
   constructor() {
     this._id = Generate.UID();
-    this.message = '';
+    this.message = "";
     this.placement = Bcm.Placement.top;
     this.trigger = Bcm.TriggerType.click;
     this.open = false;
-    this.color = 'slate';
+    this.color = "slate";
+    this.size = Bcm.Size.medium;
+    this.openDelay = 0;
+    this.closeDelay = 0;
+    this.targetId = undefined;
+    this.tooltip = undefined;
+  }
+  emitShow() {
+    this.bcmTooltipShow.emit();
+  }
+  emitHide() {
+    this.bcmTooltipHide.emit();
+  }
+  connectedCallback() {
     this.tooltip = new Tooltip({
-      targetId: this._id,
+      targetId: this.targetId || this._id,
       message: this.message,
       placement: this.placement,
       color: this.color,
       trigger: this.trigger,
+      size: this.size,
+      openDelay: this.openDelay,
+      closeDelay: this.closeDelay,
+      emitShow: () => this.emitShow(),
+      emitHide: () => this.emitHide(),
     });
   }
   componentDidLoad() {
@@ -40,8 +58,14 @@ export class BcmTooltip {
     this.tooltip.placement = this.placement;
     this.tooltip.color = this.color;
     this.tooltip.trigger = this.trigger;
+    this.tooltip.size = this.size;
+    this.tooltip.openDelay = this.openDelay;
+    this.tooltip.closeDelay = this.closeDelay;
     this.tooltip.update();
   }
+  disconnectedCallback() {
+    this.tooltip.destroy();
+  }
   async show() {
     this.tooltip.show();
   }
@@ -52,7 +76,7 @@ export class BcmTooltip {
     this.tooltip.toggle();
   }
   render() {
-    return (h(Host, { "aria-describedby": "tooltip", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, h("slot", null)));
+    return (h(Host, { "aria-describedby": "tooltip", class: "tw-inline-flex tw-h-fit tw-w-fit" }, h("slot", null)));
   }
   static get is() { return "bcm-tooltip"; }
   static get properties() {
@@ -91,7 +115,7 @@ export class BcmTooltip {
         },
         "attribute": "message",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "placement": {
         "type": "string",
@@ -173,7 +197,83 @@ export class BcmTooltip {
         },
         "attribute": "color",
         "reflect": false,
-        "defaultValue": "'slate'"
+        "defaultValue": "\"slate\""
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SizeTypes",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "SizeTypes": {
+              "location": "import",
+              "path": "@bcm/model"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Bcm.Size.medium"
+      },
+      "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"
+      },
+      "targetId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "target-id",
+        "reflect": false
       }
     };
   }
@@ -182,6 +282,39 @@ export class BcmTooltip {
       "tooltip": {}
     };
   }
+  static get events() {
+    return [{
+        "method": "bcmTooltipShow",
+        "name": "bcmTooltipShow",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "bcmTooltipHide",
+        "name": "bcmTooltipHide",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get methods() {
     return {
       "show": {