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

package/dist/cjs/{tooltip-helper-aa6e37cc.js → tooltip-helper-01c69059.js}

@@ -5,26 +5,35 @@
 'use strict';
 
 require('./element-dragger-a8562f82.js');
-const stringHelper = require('./string-helper-087a8134.js');
-const floatingUi = require('./floating-ui-0ca84e74.js');
-const colorHelper = require('./color-helper-c9882bd8.js');
+const stringHelper = require('./string-helper-71b10c53.js');
+const utils = require('./utils-fc077139.js');
+const floatingUi = require('./floating-ui-c23acc6c.js');
+const colorHelper = require('./color-helper-0e3e8ce5.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-e8354325.js');
-require('./number-helper-da6fbfb4.js');
-require('./validators-21a28841.js');
-const bcm = require('./bcm-ab921827.js');
+const generate = require('./generate-9739666b.js');
+require('./number-helper-063f8c7b.js');
+require('./validators-861b4246.js');
+const bcm = require('./bcm-634604e3.js');
 
 class Tooltip {
-  constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium" }) {
+  constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, emitShow = () => { }, emitHide = () => { }, }) {
+    this.destroy = () => {
+      this.el = document.getElementById(this.id);
+      if (this.el) {
+        this.el.remove();
+        this.emitHide();
+      }
+      this.removeListener();
+    };
     this.bgColor = () => colorHelper.ColorHelper.twColor(this.color, 700);
     this.target = () => document.getElementById(this.targetId);
     this.sizeClass = () => {
       switch (this.size) {
-        case bcm.Bcm.Size.small:
+        case bcm.Bcm$1.Size.small:
           return "tw-text-1";
-        case bcm.Bcm.Size.medium:
+        case bcm.Bcm$1.Size.medium:
           return "tw-text-2";
-        case bcm.Bcm.Size.large:
+        case bcm.Bcm$1.Size.large:
           return "tw-text-3";
         default:
           return "tw-text-2";
@@ -69,6 +78,18 @@ class Tooltip {
       }
       this.calculatePosition();
     };
+    this.removeListener = () => {
+      window.removeEventListener("resize", this.calculatePosition.bind(this));
+      window.removeEventListener("scroll", this.calculatePosition.bind(this), true);
+      window.removeEventListener("wheel", this.calculatePosition.bind(this));
+      if (this.target()) {
+        this.target().removeEventListener("click", this.toggle.bind(this));
+        this.target().removeEventListener("mouseenter", this.show.bind(this));
+        this.target().removeEventListener("mouseleave", this.hide.bind(this));
+        this.target().removeEventListener("focus", this.show.bind(this), true);
+        this.target().removeEventListener("blur", this.hide.bind(this), true);
+      }
+    };
     this.calculatePosition = () => {
       this.el = document.getElementById(this.id);
       if (this.el) {
@@ -82,19 +103,23 @@ class Tooltip {
         });
       }
     };
-    this.show = () => {
+    this.show = async () => {
       if (this.message) {
         this.init();
+        await utils.delay(this.openDelay);
         this.calculatePosition();
+        this.emitShow();
       }
       else {
         this.hide();
       }
     };
-    this.hide = () => {
+    this.hide = async () => {
       this.el = document.getElementById(this.id);
       if (this.el) {
+        await utils.delay(this.closeDelay);
         this.el.remove();
+        this.emitHide();
       }
     };
     this.toggle = () => {
@@ -113,6 +138,11 @@ class Tooltip {
     this.id = targetId + "-tooltip-box";
     this.trigger = trigger;
     this.size = size;
+    this.openDelay = openDelay;
+    this.closeDelay = closeDelay;
+    this.emitShow = emitShow;
+    this.emitHide = emitHide;
+    generate.Generate.observeElementRemoval(document.getElementById(this.targetId), this.destroy.bind(this));
   }
 }
 

package/dist/cjs/{validators-21a28841.js → validators-861b4246.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-e8354325.js');
+const generate = require('./generate-9739666b.js');
 
 class Validators {
 }

package/dist/collection/collection-manifest.json

@@ -1,6 +1,6 @@
 {
   "entries": [
-    "./components/molecules/radio/group.js",
+    "./components/molecules/radio/radio-group.js",
     "./components/atoms/avatar/avatar.js",
     "./components/atoms/badge/badge.js",
     "./components/atoms/box/box.js",
@@ -65,6 +65,7 @@
     "./components/other/attendance/attendance.js",
     "./components/other/data-table/table.js",
     "./components/other/default/default.js",
+    "./components/other/input-custom/input-custom.js",
     "./components/other_deprecated/collapse/collapse.js",
     "./components/other_deprecated/collapse/group.js",
     "./components/other_deprecated/colorpicker/colorpicker.js",

package/dist/collection/components/external-source/bcm-toast-helper.js

@@ -0,0 +1,20 @@
+"use strict";
+exports.__esModule = true;
+exports.BcmToastHelper = void 0;
+var BcmToastHelper = /** @class */ (function () {
+    function BcmToastHelper() {
+    }
+    BcmToastHelper.prototype.show = function (options) {
+        this.message = options.message;
+        this.position = options.position;
+        this.duration = options.duration;
+        var toast = document.createElement('bcm-toast');
+        toast.message = this.message;
+        toast.position = this.position;
+        toast.duration = this.duration;
+        document.body.appendChild(toast);
+        toast.show();
+    };
+    return BcmToastHelper;
+}());
+exports.BcmToastHelper = BcmToastHelper;

package/dist/collection/components/external-source/test.js/bcm-toast-helper.js

@@ -0,0 +1,20 @@
+"use strict";
+exports.__esModule = true;
+exports.BcmToastHelper = void 0;
+var BcmToastHelper = /** @class */ (function () {
+    function BcmToastHelper() {
+    }
+    BcmToastHelper.prototype.show = function (options) {
+        this.message = options.message;
+        this.position = options.position;
+        this.duration = options.duration;
+        var toast = document.createElement('bcm-toast');
+        toast.message = this.message;
+        toast.position = this.position;
+        toast.duration = this.duration;
+        document.body.appendChild(toast);
+        toast.show();
+    };
+    return BcmToastHelper;
+}());
+exports.BcmToastHelper = BcmToastHelper;

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": {