bromcom-ui 2.8.0-rc.10-d → 2.8.0-rc.10-e

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

@@ -12,23 +12,21 @@ 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 } from "@bcm/helpers";
-import { Bcm } from "@bcm/model";
-import { FloatingUI, delay } from "@bcm/utils";
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
+import { Bcm } from '@bcm/model';
+import { delay, FloatingUI } from '@bcm/utils';
+import { Generate } from '@bcm/helpers';
+import { IsLoad } from '@bcm/decorator';
 export class BcmLinked {
   constructor() {
     this._id = Generate.UID();
-    this.placement = Bcm.Placement["bottom-start"];
+    this.placement = Bcm.Placement['bottom-start'];
     this.trigger = Bcm.TriggerType.click;
-    this.targetId = "";
+    this.targetId = '';
     this.height = undefined;
     this.maxHeight = undefined;
-    this.minHeight = "50px";
+    this.minHeight = '50px';
     this.isOpen = false;
-    this.hideDelay = 500;
-    this.isMouseOverLink = false;
   }
   target() {
     const target = document.querySelectorAll(`[id="${this.targetId}"]`);
@@ -43,15 +41,15 @@ export class BcmLinked {
     }
   }
   dismissEvent() {
-    document.dispatchEvent(new CustomEvent("linked-data-dismiss", { detail: { id: this._id } }));
+    document.dispatchEvent(new CustomEvent('linked-data-dismiss', { detail: { id: this._id } }));
   }
   checkDataDismiss(e) {
-    Generate.findEventPathHasAttribute(e, "data-dismiss") && this.dismissEvent();
+    Generate.findEventPathHasAttribute(e, 'data-dismiss') && this.dismissEvent();
   }
   hideChildLinked() {
-    this.el.querySelectorAll("[is-linked][linked-is-open]").forEach(item => {
+    this.el.querySelectorAll('[is-linked][linked-is-open]').forEach(item => {
       var _a;
-      (_a = document.querySelector(`#${item.getAttribute("is-linked")}[is-open]`)) === null || _a === void 0 ? void 0 : _a.hide(false);
+      (_a = document.querySelector(`#${item.getAttribute('is-linked')}[is-open]`)) === null || _a === void 0 ? void 0 : _a.hide(false);
     });
   }
   calculatePosition() {
@@ -63,7 +61,7 @@ export class BcmLinked {
           floating: el,
           placement: this.placement,
           offset: 4,
-          autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
+          autoHidden: el.getAttribute('main-linked') === 'true' ? false : true,
           autoSize: true,
           style: {
             height: this.height,
@@ -73,21 +71,20 @@ export class BcmLinked {
         });
       }
       else {
-        el.style.visibility = "hidden";
-        el.style.opacity = "0";
+        el.style.visibility = 'hidden';
+        el.style.opacity = '0';
       }
     }
   }
   init() {
     const target = this.target();
-    this.trigger === Bcm.TriggerType.hover && this.listenMouseOver();
     if (target) {
-      target.setAttribute("is-linked", this.el.id);
-      if (!Generate.getAncestor(target, "bcm-linked")) {
-        this.el.setAttribute("main-linked", "true");
+      target.setAttribute('is-linked', this.el.id);
+      if (!Generate.getAncestor(target, 'bcm-linked')) {
+        this.el.setAttribute('main-linked', 'true');
       }
       else {
-        this.el.removeAttribute("main-linked");
+        this.el.removeAttribute('main-linked');
       }
     }
   }
@@ -95,15 +92,8 @@ export class BcmLinked {
     this.init();
     document.body.appendChild(this.el);
   }
-  triggerWatch(newValue) {
-    if (newValue === Bcm.TriggerType.hover) {
-      this.listenMouseOver();
-    }
-  }
-  watchIsOpen() {
-    this.bcmOpen.emit(this.isOpen);
-  }
   onLinkedDataDismis() {
+    // console.log('onLinkedDataDismis');
     this.hide(false);
   }
   onBcmFloatingIsHide(e) {
@@ -116,7 +106,7 @@ export class BcmLinked {
     const target = this.target();
     if (target) {
       document.body.appendChild(this.el);
-      target.setAttribute("linked-is-open", "true");
+      target.setAttribute('linked-is-open', 'true');
       this.isOpen = true;
       this.calculatePosition();
     }
@@ -128,9 +118,8 @@ export class BcmLinked {
   async hide(wait = true) {
     wait && (await delay(50));
     const target = this.target();
-    this.isMouseOverLink = false;
     if (target) {
-      target.removeAttribute("linked-is-open");
+      target.removeAttribute('linked-is-open');
       this.hideChildLinked();
       this.isOpen = false;
     }
@@ -142,11 +131,9 @@ export class BcmLinked {
   clickListener(e) {
     if (!this.target())
       return;
-    if (this.trigger === Bcm.TriggerType.hover)
-      return;
     const isTarget = Generate.findEventPath(e, this.target());
     const isSelf = Generate.findEventPath(e, this.el);
-    const isLinked = Generate.findEventPathWithNodeName(e, "BCM-LINKED");
+    const isLinked = Generate.findEventPathWithNodeName(e, 'BCM-LINKED');
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
       this.bcmOpen.emit(this.isOpen);
@@ -155,7 +142,7 @@ export class BcmLinked {
     if (this.isOpen) {
       isTarget && this.hide(false);
       isSelf && this.checkDataDismiss(e);
-      if (this.el.getAttribute("main-linked") === "true" && !isTarget && !isSelf && !isLinked) {
+      if (this.el.getAttribute('main-linked') === 'true' && !isTarget && !isSelf && !isLinked) {
         this.dismissEvent();
       }
     }
@@ -172,29 +159,12 @@ export class BcmLinked {
   wheelListener() {
     this.calculatePosition();
   }
-  listenMouseOver() {
-    var _a, _b;
-    this.el.addEventListener("mouseover", () => (this.isMouseOverLink = true));
-    this.el.addEventListener("mouseleave", () => {
-      this.isMouseOverLink = false;
-      this.handleMouseLeave();
-    });
-    (_a = this.target()) === null || _a === void 0 ? void 0 : _a.addEventListener("mouseenter", this.handleMouseEnter.bind(this));
-    (_b = this.target()) === null || _b === void 0 ? void 0 : _b.addEventListener("mouseleave", this.handleMouseLeave.bind(this));
-  }
-  handleMouseLeave() {
-    setTimeout(() => {
-      !this.isMouseOverLink && this.hide();
-    }, this.hideDelay);
-  }
-  handleMouseEnter() {
-    clearTimeout(this.timeoutId);
-    this.isMouseOverLink = false;
-    this.show();
+  watchIsOpen() {
+    this.bcmOpen.emit(this.isOpen);
   }
   render() {
-    const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100", style: Object.assign(Object.assign({}, openStyle), { overflow: "auto" }) }, h("slot", null)));
+    const openStyle = this.isOpen ? { visibility: 'visible', opacity: '1' } : { visibility: 'hidden', opacity: '0' };
+    return (h(Host, { class: "tw-block tw-opacity-0 tw-invisible tw-top-0 tw-left-0  tw-rounded tw-bg-white  tw-z-tooltip tw-transition-opacity tw-duration-100  tw-shadow tw-overscroll-contain tw-scroll-smooth tw-absolute", style: Object.assign(Object.assign({}, openStyle), { overflow: 'auto' }) }, h("slot", null)));
   }
   static get is() { return "bcm-linked"; }
   static get properties() {
@@ -238,7 +208,7 @@ export class BcmLinked {
         },
         "attribute": "placement",
         "reflect": false,
-        "defaultValue": "Bcm.Placement[\"bottom-start\"]"
+        "defaultValue": "Bcm.Placement['bottom-start']"
       },
       "trigger": {
         "type": "string",
@@ -279,7 +249,7 @@ export class BcmLinked {
         },
         "attribute": "target-id",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "height": {
         "type": "string",
@@ -331,7 +301,7 @@ export class BcmLinked {
         },
         "attribute": "min-height",
         "reflect": false,
-        "defaultValue": "\"50px\""
+        "defaultValue": "'50px'"
       },
       "isOpen": {
         "type": "boolean",
@@ -350,32 +320,9 @@ export class BcmLinked {
         "attribute": "is-open",
         "reflect": true,
         "defaultValue": "false"
-      },
-      "hideDelay": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "hide-delay",
-        "reflect": false,
-        "defaultValue": "500"
       }
     };
   }
-  static get states() {
-    return {
-      "isMouseOverLink": {}
-    };
-  }
   static get events() {
     return [{
         "method": "bcmOpen",
@@ -458,9 +405,6 @@ export class BcmLinked {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
-        "propName": "trigger",
-        "methodName": "triggerWatch"
-      }, {
         "propName": "isOpen",
         "methodName": "watchIsOpen"
       }];

package/dist/collection/components/molecules/menu/menu.css

@@ -123,9 +123,7 @@
   margin-right: 8px;
 }
 
-:root,
-::after,
-::before {
+:root {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

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

@@ -98,7 +98,7 @@ export class BcmMenu {
           'bcm-menu__item-submenu--open': item.isOpen,
         }) }, item.items.map((subItem, subIndex) => MenuLinkTemplate(subItem, subIndex))))));
     };
-    return (h(Host, { class: hostClasses, disabled: this.disabled }, h("div", { class: "bcm-menu__container" }, h("slot", null), (data === null || data === void 0 ? void 0 : data.length) > 0 && data.map((item, index) => MenuLinkTemplate(item, index)), collapsible && (h("div", { class: cs('bcm-menu__collapse-button', {
+    return (h(Host, { class: hostClasses, tabindex: "-1", disabled: this.disabled }, h("div", { class: "bcm-menu__container" }, h("slot", null), (data === null || data === void 0 ? void 0 : data.length) > 0 && data.map((item, index) => MenuLinkTemplate(item, index)), collapsible && (h("div", { class: cs('bcm-menu__collapse-button', {
         'bcm-menu__collapse-button--collapsed': collapse,
       }), onClick: () => {
         this.collapse = !collapse;

package/dist/collection/components/molecules/modal/modal.css

@@ -123,9 +123,7 @@
   margin-right: 8px;
 }
 
-:root,
-::after,
-::before {
+:root {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/molecules/popconfirm/popconfirm-box.css

@@ -123,9 +123,7 @@
   margin-right: 8px;
 }
 
-:root,
-::after,
-::before {
+:root {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

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

@@ -89,7 +89,7 @@ export class BcmPopconfirm {
   }
   render() {
     const popconfirmClasses = cs('bcm-popconfirm');
-    return (h(Host, { class: popconfirmClasses, onclick: () => this.listenTrigger('click') }, h("slot", null)));
+    return (h(Host, { class: popconfirmClasses, onclick: () => this.listenTrigger('click'), tabindex: 0 }, h("slot", null)));
   }
   static get is() { return "bcm-popconfirm"; }
   static get originalStyleUrls() {

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

@@ -12,42 +12,26 @@ 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, Popover } from "@bcm/helpers";
-import { Bcm } from "@bcm/model";
-import { Host, h } from "@stencil/core";
+import { IsLoad } from '@bcm/decorator';
+import { Generate, Popover } from '@bcm/helpers';
+import { Bcm } from '@bcm/model';
+import { Host, h } from '@stencil/core';
 export class BcmPopover {
   constructor() {
     this._id = Generate.UID();
-    this.message = "";
-    this.content = "";
+    this.message = '';
+    this.content = '';
     this.placement = Bcm.Placement.top;
     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();
-  }
-  connectedCallback() {
+    this.color = 'white';
     this.popover = new Popover({
-      targetId: this.targetId || this._id,
+      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() {
@@ -62,9 +46,6 @@ export class BcmPopover {
     this.popover.trigger = trigger;
     this.popover.update();
   }
-  disconnectedCallback() {
-    this.popover.destroy();
-  }
   async show() {
     this.popover.show();
   }
@@ -75,7 +56,7 @@ export class BcmPopover {
     this.popover.toggle();
   }
   render() {
-    return (h(Host, { "aria-describedby": "popover", class: "tw-inline-flex tw-h-fit tw-w-fit" }, h("slot", null)));
+    return (h(Host, { "aria-describedby": "popover", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, h("slot", null)));
   }
   static get is() { return "bcm-popover"; }
   static get properties() {
@@ -114,7 +95,7 @@ export class BcmPopover {
         },
         "attribute": "message",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "content": {
         "type": "string",
@@ -132,7 +113,7 @@ export class BcmPopover {
         },
         "attribute": "content",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "placement": {
         "type": "string",
@@ -214,60 +195,7 @@ 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"
+        "defaultValue": "'white'"
       }
     };
   }
@@ -276,39 +204,6 @@ 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": {

package/dist/collection/components/molecules/progress/progress.css

@@ -123,9 +123,7 @@
   margin-right: 8px;
 }
 
-:root,
-::after,
-::before {
+:root {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;