bromcom-ui 2.9.0 → 2.9.1-rc.1

package/dist/esm/{number-helper-fe7d1aca.js → number-helper-352d1d80.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-7a1258c4.js';
+import { s as snq } from './generate-40dfe3b0.js';
 
 class NumberHelper {
 }

package/dist/esm/old-bcm-popover-box.entry.js

@@ -2,19 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import './element-dragger-89bb52fd.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-be68c848.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import './element-dragger-7ea06c76.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-941bf3f3.js';
 import { F as FloatingUI } from './floating-ui-8a0c54d6.js';
-import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-7a1258c4.js';
-import { N as NumberHelper } from './number-helper-fe7d1aca.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
-import './utils-57652744.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-40dfe3b0.js';
+import { N as NumberHelper } from './number-helper-352d1d80.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
+import './utils-b3338faf.js';
 import './bcm-d45dc47d.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-acbf2052.js';
-import './colors-ebea297f.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-1618c1e9.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverBoxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
 

package/dist/esm/old-bcm-popover.entry.js

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-00c8a8f7.js';
-import { B as Bcm } from './bcm-d45dc47d.js';
-import { G as Generate } from './generate-7a1258c4.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-acbf2052.js';
-import './colors-ebea297f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { a as Bcm } from './bcm-d45dc47d.js';
+import { G as Generate } from './generate-40dfe3b0.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-1618c1e9.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}";
 

package/dist/esm/{package-acbf2052.js → package-1618c1e9.js}

@@ -2,6 +2,6 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const version = "2.9.0";
+const version = "2.9.1-rc.1";
 
 export { version as v };

package/dist/esm/{popover-placement-be68c848.js → popover-placement-941bf3f3.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { S as StringHelper } from './string-helper-b0e05041.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
 
 const opposites = {
   left: 'right',

package/dist/esm/{slot-template-fcc7846e.js → slot-template-4b683d1f.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-0615c2b8.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
+import { h } from './index-4614b7f0.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
 
 const SlotTemplate = ({ value, className, name }) => {
   return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },

package/dist/esm/{stepper-states-9ab8511e.js → stepper-states-08b2aa7c.js}

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { c as createStore } from './index-7e71bbc8.js';
-import { G as Generate, s as snq } from './generate-7a1258c4.js';
-import { f as forceUpdate } from './index-0615c2b8.js';
+import { c as createStore } from './index-f38e3364.js';
+import { G as Generate, s as snq } from './generate-40dfe3b0.js';
+import { f as forceUpdate } from './index-4614b7f0.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/{string-helper-b0e05041.js → string-helper-5bd646f2.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { B as Bcm } from './bcm-d45dc47d.js';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-7002e5de.js';
+import { a as Bcm } from './bcm-d45dc47d.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-be0d4ec8.js';
 
 var slugify = createCommonjsModule(function (module, exports) {
 (function (name, root, factory) {

package/dist/esm/{tooltip-helper-e5246812.js → tooltip-helper-d538cdf3.js}

@@ -2,15 +2,16 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
-import { d as delay } from './utils-57652744.js';
+import './element-dragger-7ea06c76.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
+import { d as delay } from './utils-b3338faf.js';
 import { F as FloatingUI } from './floating-ui-8a0c54d6.js';
-import { C as ColorHelper } from './color-helper-845ba523.js';
-import './validators-22975416.js';
-import { G as Generate } from './generate-7a1258c4.js';
-import './number-helper-fe7d1aca.js';
-import { a as Bcm } from './bcm-d45dc47d.js';
+import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
+import './datetime-helper-df25808a.js';
+import { G as Generate } from './generate-40dfe3b0.js';
+import './number-helper-352d1d80.js';
+import './validators-68717171.js';
+import { B as Bcm } from './bcm-d45dc47d.js';
 
 class Tooltip {
   constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { }, }) {

package/dist/esm/{utils-57652744.js → utils-b3338faf.js}

@@ -120,4 +120,4 @@ const pluralize = (function () {
   return text;
 })();
 
-export { getTransform as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };
+export { getChildElements as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getTransform as g, pluralize as p };

package/dist/esm/{validators-22975416.js → validators-68717171.js}

@@ -2,11 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-7a1258c4.js';
-
-class DateTimeHelper {
-}
-DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
+import { s as snq } from './generate-40dfe3b0.js';
 
 class Validators {
 }
@@ -32,4 +28,4 @@ Validators.isValidate = (str, type) => {
   }
 };
 
-export { DateTimeHelper as D, Validators as V };
+export { Validators as V };

package/dist/types/components/molecules/modal/modal.d.ts

@@ -11,6 +11,7 @@ export declare class BcmModal implements ComponentInterface {
   height: string;
   fullWidth: boolean;
   close: EventEmitter;
+  modalClose: EventEmitter;
   modalBeforeClose: EventEmitter;
   modalBeforeOpen: EventEmitter;
   connectedCallback(): void;

package/dist/types/components/molecules/skeleton/skeleton.d.ts

@@ -1,8 +1,19 @@
 import { ComponentInterface } from "../../../stencil-public-runtime";
 export declare class BcmSkeleton implements ComponentInterface {
-  el: HTMLElement;
   _id: string;
-  loading: boolean;
-  componentDidLoad(): void;
+  effect: "pulse" | "ping" | "none";
+  variant: "circle" | "rect";
+  count: number;
+  hidden: boolean;
+  width: string;
+  height: string;
+  marginBottom: string;
+  customStyles: {
+    [key: string]: string;
+  } | string;
+  private items;
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  private init;
   render(): any;
 }

package/dist/types/components/molecules/skeleton/skeleton.style.d.ts

@@ -0,0 +1,147 @@
+export declare const skeletonStyle: import("tailwind-variants").TVReturnType<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}>, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, import("tailwind-variants").TVReturnType<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components.d.ts

@@ -1192,7 +1192,14 @@ export namespace Components {
     }
     interface BcmSkeleton {
         "_id": string;
-        "loading": boolean;
+        "count": number;
+        "customStyles": { [key: string]: string } | string;
+        "effect": "pulse" | "ping" | "none";
+        "height": string;
+        "hidden": boolean;
+        "marginBottom": string;
+        "variant": "circle" | "rect";
+        "width": string;
     }
     interface BcmStep {
         "_id": string;
@@ -3263,6 +3270,7 @@ declare namespace LocalJSX {
         "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
         "onBcm-modal-before-close"?: (event: BcmModalCustomEvent<any>) => void;
         "onBcm-modal-before-open"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-close"?: (event: BcmModalCustomEvent<any>) => void;
         "size"?: any;
         "width"?: string;
     }
@@ -3595,7 +3603,14 @@ declare namespace LocalJSX {
     }
     interface BcmSkeleton {
         "_id"?: string;
-        "loading"?: boolean;
+        "count"?: number;
+        "customStyles"?: { [key: string]: string } | string;
+        "effect"?: "pulse" | "ping" | "none";
+        "height"?: string;
+        "hidden"?: boolean;
+        "marginBottom"?: string;
+        "variant"?: "circle" | "rect";
+        "width"?: string;
     }
     interface BcmStep {
         "_id"?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.9.0",
+  "version": "2.9.1-rc.1",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -122,5 +122,8 @@
     "moment": "^2.24.0",
     "rc-picker": "^3.14.3",
     "tailwind-variants": "^0.1.14"
+  },
+  "resolutions": {
+    "moment": "2.24.0"
   }
 }

package/dist/bromcom-ui/p-19634d99.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import"./p-7e44e6b5.js";import{S as t}from"./p-d153c7fc.js";import{d as s}from"./p-8c018ae0.js";import{F as i}from"./p-a1b1750c.js";import{C as h}from"./p-61db1f1f.js";import"./p-78f0fe00.js";import{G as e}from"./p-a0ba474b.js";import"./p-434c170e.js";import{a as o}from"./p-f711588b.js";class r{constructor({message:r,targetId:a,placement:c="top",color:w="slate-700",trigger:n="none",size:l="medium",openDelay:m=0,closeDelay:p=0,autoHide:b=!1,emitShow:d=(()=>{}),emitHide:u=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.sizeClass=()=>{switch(this.size){case o.Size.small:return"tw-text-1";case o.Size.medium:return"tw-text-2";case o.Size.large:return"tw-text-3";default:return"tw-text-2"}},this.init=()=>{const{tone:s,colorName:i}=h.parseColor(this.color,700),o=e.getTwColor({color:i,tones:{[s]:["bg"]},variable:"--bcm-tooltip"}),r=Object.assign(Object.assign({},o),o["--bcm-tooltip-bg"]&&{"--bcm-tooltip-text":h.reverseColor(o["--bcm-tooltip-bg"])});this.el=e.createElement("div",{id:`${this.targetId}-tooltip-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-[--bcm-tooltip-bg] tw-text-[--bcm-tooltip-text] ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,role:"tooltip","aria-hidden":"true",style:h.generateStyleString(r),innerHTML:t.trim(this.message)})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),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),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&i({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-tooltip-bg]"})},this.show=async()=>{this.message?(this.init(),await s(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await s(this.closeDelay),this.el&&this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.message=r,this.targetId=a,this.placement=c,this.color=w,this.id=a+"-tooltip-box",this.trigger=n,this.size=l,this.openDelay=m,this.closeDelay=p,this.autoHide=b,this.emitShow=d,this.emitHide=u}}export{r as T}