bromcom-ui 2.7.38-rc.9 → 2.8.0-rc.1

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
+import { DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
 import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
 import { ItemType } from "./components/molecules/breadcrumb/types";
 import { VariantProp } from "./components/atoms/button/types";
@@ -16,7 +16,7 @@ import { SizeProp as SizeProp1 } from "./components/other_deprecated/listbox/typ
 import { StatusProp as StatusProp1 } from "./components/molecules/message/types";
 import { TypeProp as TypeProp1 } from "./components/molecules/notification/types";
 import { ColorPaletteTypes } from "./global/variables/colors";
-import { OptionType } from "./components/molecules/radio/group";
+import { OptionType } from "./components/molecules/radio/radio-group";
 import { statusType } from "./components/molecules/result/types";
 import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
 import { ResizeTypes } from "./components/molecules/textarea/types";
@@ -510,6 +510,18 @@ export namespace Components {
         "unitPrefix": string;
         "value": any;
     }
+    interface BcmInputCustom {
+        "_id": string;
+        "disabled": boolean;
+        "fullwidth": boolean;
+        "label": string;
+        "name": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "type": string;
+        "value": string;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -584,6 +596,7 @@ export namespace Components {
         "linkedComponent": string;
         "maxHeight": string;
         "minHeight": string;
+        "minSearchLength": number;
         "name": string;
         "noCaption": boolean;
         "placeholder": string;
@@ -851,13 +864,16 @@ export namespace Components {
     }
     interface BcmPopover {
         "_id": string;
+        "closeDelay": number;
         "color": string;
         "content": string;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openDelay": number;
         "placement": PlacementTypes1;
         "show": () => Promise<void>;
+        "targetId": string;
         "toggle": () => Promise<void>;
         "trigger": TrigglerTypes;
     }
@@ -877,43 +893,36 @@ export namespace Components {
         "value": number;
     }
     interface BcmRadio {
-        /**
-          * Props *
-         */
         "_id": string;
         "checked": boolean;
-        "color": string;
+        "color": any;
         "disabled": boolean;
-        "hidden": boolean;
-        "required": boolean;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": string | number;
     }
     interface BcmRadioGroup {
         "_id": string;
-        "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes1;
-        "check": (item: any, checked?: boolean) => Promise<void>;
-        "defaultValue": string;
-        "direction": DirectionTypes;
+        "captionType": StatusTypes;
+        "check": (itemId: any, checked?: boolean) => Promise<void>;
+        "defaultValue": string | number;
+        "direction": DirectionTypes1;
         "disabled": boolean;
-        "fullWidth": boolean | 'flex';
+        "fullWidth": boolean;
         "gap": string;
-        "get": () => Promise<string>;
-        "getValue": () => Promise<string>;
+        "get": () => Promise<string | number>;
+        "getValue": () => Promise<string | number>;
         "hidden": boolean;
         "items": Array<object> | OptionType[] | string;
         "label": string;
         "name": string;
         "noCaption": boolean;
-        "optionType": 'default' | 'button';
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": string | number;
     }
     interface BcmRange {
@@ -945,6 +954,7 @@ export namespace Components {
         "disabled": boolean;
         "handleClear": (eventEmit?: boolean) => Promise<void>;
         "limit": number;
+        "minSearchLength": number;
         "onBcmBlur": () => Promise<void>;
         "onBcmFocus": () => Promise<void>;
         "onBcmSelect": () => Promise<void>;
@@ -1047,7 +1057,7 @@ export namespace Components {
         "_id": string;
         "active": number;
         "data": any[];
-        "direction": DirectionTypes;
+        "direction": DirectionTypes1;
         "getCurrentStep": () => Promise<any>;
         "getSteps": () => Promise<any[]>;
         "hidden": boolean;
@@ -1056,8 +1066,8 @@ export namespace Components {
         "next": (idx?: number) => Promise<any>;
         "prev": () => Promise<any>;
         "reset": () => Promise<any>;
-        "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes1;
+        "setActive": (index: number, force?: boolean) => Promise<void>;
+        "size": SizeTypes;
         "stepperId": string;
         "tick": {};
     }
@@ -1114,8 +1124,23 @@ export namespace Components {
         "_id": string;
         "active": string;
         "color": string;
+        "refresh": () => Promise<void>;
         "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
+    }
+    interface BcmTabItem {
+        "_id": string;
+        "active": boolean;
+        "disabled": boolean;
+        "index": any;
+    }
+    interface BcmTabItemHeader {
+        "_id": string;
+        "active": boolean;
+        "color": string;
+        "disabled": boolean;
+        "index": any;
+        "size": SizeTypes;
     }
     interface BcmTabPane {
         "active": boolean;
@@ -1280,15 +1305,31 @@ export namespace Components {
         "last": boolean;
         "timelineType": 'left' | 'right' | 'alternate';
     }
+    interface BcmToast {
+        "_id": string;
+        "closeButton": boolean;
+        "description": string;
+        "duration": number;
+        "hide": () => Promise<void>;
+        "message": string;
+        "messageIcon": any;
+        "position": PlacementTypes;
+        "show": () => Promise<HTMLElement>;
+        "status": "success" | "error" | "warning" | "info";
+        "viewButton": boolean;
+    }
     interface BcmTooltip {
         "_id": string;
+        "closeDelay": number;
         "color": string;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openDelay": number;
         "placement": PlacementTypes1;
         "show": () => Promise<void>;
         "size": SizeTypes;
+        "targetId": string;
         "toggle": () => Promise<void>;
         "trigger": TrigglerTypes;
     }
@@ -1510,6 +1551,10 @@ export interface BcmPopconfirmBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmPopconfirmBoxElement;
 }
+export interface BcmPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopoverElement;
+}
 export interface BcmRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRadioElement;
@@ -1562,6 +1607,14 @@ export interface BcmTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTextareaElement;
 }
+export interface BcmToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmToastElement;
+}
+export interface BcmTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTooltipElement;
+}
 export interface BcmTreeviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTreeviewElement;
@@ -1779,6 +1832,12 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
+    interface HTMLBcmInputCustomElement extends Components.BcmInputCustom, HTMLStencilElement {
+    }
+    var HTMLBcmInputCustomElement: {
+        prototype: HTMLBcmInputCustomElement;
+        new (): HTMLBcmInputCustomElement;
+    };
     interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
     }
     var HTMLBcmItemElement: {
@@ -1989,6 +2048,18 @@ declare global {
         prototype: HTMLBcmTabGroupElement;
         new (): HTMLBcmTabGroupElement;
     };
+    interface HTMLBcmTabItemElement extends Components.BcmTabItem, HTMLStencilElement {
+    }
+    var HTMLBcmTabItemElement: {
+        prototype: HTMLBcmTabItemElement;
+        new (): HTMLBcmTabItemElement;
+    };
+    interface HTMLBcmTabItemHeaderElement extends Components.BcmTabItemHeader, HTMLStencilElement {
+    }
+    var HTMLBcmTabItemHeaderElement: {
+        prototype: HTMLBcmTabItemHeaderElement;
+        new (): HTMLBcmTabItemHeaderElement;
+    };
     interface HTMLBcmTabPaneElement extends Components.BcmTabPane, HTMLStencilElement {
     }
     var HTMLBcmTabPaneElement: {
@@ -2049,6 +2120,12 @@ declare global {
         prototype: HTMLBcmTimelineItemElement;
         new (): HTMLBcmTimelineItemElement;
     };
+    interface HTMLBcmToastElement extends Components.BcmToast, HTMLStencilElement {
+    }
+    var HTMLBcmToastElement: {
+        prototype: HTMLBcmToastElement;
+        new (): HTMLBcmToastElement;
+    };
     interface HTMLBcmTooltipElement extends Components.BcmTooltip, HTMLStencilElement {
     }
     var HTMLBcmTooltipElement: {
@@ -2126,6 +2203,7 @@ declare global {
         "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
+        "bcm-input-custom": HTMLBcmInputCustomElement;
         "bcm-item": HTMLBcmItemElement;
         "bcm-items": HTMLBcmItemsElement;
         "bcm-label": HTMLBcmLabelElement;
@@ -2161,6 +2239,8 @@ declare global {
         "bcm-switch": HTMLBcmSwitchElement;
         "bcm-tab": HTMLBcmTabElement;
         "bcm-tab-group": HTMLBcmTabGroupElement;
+        "bcm-tab-item": HTMLBcmTabItemElement;
+        "bcm-tab-item-header": HTMLBcmTabItemHeaderElement;
         "bcm-tab-pane": HTMLBcmTabPaneElement;
         "bcm-table": HTMLBcmTableElement;
         "bcm-tabs": HTMLBcmTabsElement;
@@ -2171,6 +2251,7 @@ declare global {
         "bcm-time-picker": HTMLBcmTimePickerElement;
         "bcm-timeline": HTMLBcmTimelineElement;
         "bcm-timeline-item": HTMLBcmTimelineItemElement;
+        "bcm-toast": HTMLBcmToastElement;
         "bcm-tooltip": HTMLBcmTooltipElement;
         "bcm-treeview": HTMLBcmTreeviewElement;
         "bcm-treeview-group": HTMLBcmTreeviewGroupElement;
@@ -2601,6 +2682,18 @@ declare namespace LocalJSX {
         "unitPrefix"?: string;
         "value"?: any;
     }
+    interface BcmInputCustom {
+        "_id"?: string;
+        "disabled"?: boolean;
+        "fullwidth"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "type"?: string;
+        "value"?: string;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -2668,6 +2761,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "maxHeight"?: string;
         "minHeight"?: string;
+        "minSearchLength"?: number;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmListCustomEvent<any>) => void;
@@ -2930,11 +3024,16 @@ declare namespace LocalJSX {
     }
     interface BcmPopover {
         "_id"?: string;
+        "closeDelay"?: number;
         "color"?: string;
         "content"?: string;
         "message"?: string;
+        "onBcmPopoverHide"?: (event: BcmPopoverCustomEvent<any>) => void;
+        "onBcmPopoverShow"?: (event: BcmPopoverCustomEvent<any>) => void;
         "open"?: boolean;
+        "openDelay"?: number;
         "placement"?: PlacementTypes1;
+        "targetId"?: string;
         "trigger"?: TrigglerTypes;
     }
     interface BcmProgress {
@@ -2950,31 +3049,25 @@ declare namespace LocalJSX {
         "value"?: number;
     }
     interface BcmRadio {
-        /**
-          * Props *
-         */
         "_id"?: string;
         "checked"?: boolean;
-        "color"?: string;
+        "color"?: any;
         "disabled"?: boolean;
-        "hidden"?: boolean;
         "onBcm-blur"?: (event: BcmRadioCustomEvent<any>) => void;
-        "onBcm-change"?: (event: BcmRadioCustomEvent<any>) => void;
         "onBcm-focus"?: (event: BcmRadioCustomEvent<any>) => void;
-        "required"?: boolean;
-        "size"?: SizeTypes1;
+        "onBcm-radio-change"?: (event: BcmRadioCustomEvent<any>) => void;
+        "size"?: SizeTypes;
         "value"?: string | number;
     }
     interface BcmRadioGroup {
         "_id"?: string;
-        "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes1;
-        "defaultValue"?: string;
-        "direction"?: DirectionTypes;
+        "captionType"?: StatusTypes;
+        "defaultValue"?: string | number;
+        "direction"?: DirectionTypes1;
         "disabled"?: boolean;
-        "fullWidth"?: boolean | 'flex';
+        "fullWidth"?: boolean;
         "gap"?: string;
         "hidden"?: boolean;
         "items"?: Array<object> | OptionType[] | string;
@@ -2982,9 +3075,8 @@ declare namespace LocalJSX {
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmRadioGroupCustomEvent<any>) => void;
-        "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "value"?: string | number;
     }
     interface BcmRange {
@@ -3012,6 +3104,7 @@ declare namespace LocalJSX {
         "data"?: any;
         "disabled"?: boolean;
         "limit"?: number;
+        "minSearchLength"?: number;
         "onBcm-on-search"?: (event: BcmSearchCustomEvent<any>) => void;
         "onBcm-on-search-clear"?: (event: BcmSearchCustomEvent<any>) => void;
         "placeholder"?: string;
@@ -3106,12 +3199,12 @@ declare namespace LocalJSX {
         "_id"?: string;
         "active"?: number;
         "data"?: any[];
-        "direction"?: DirectionTypes;
+        "direction"?: DirectionTypes1;
         "hidden"?: boolean;
         "icon"?: boolean;
         "linear"?: boolean;
         "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "stepperId"?: string;
         "tick"?: {};
     }
@@ -3169,8 +3262,22 @@ declare namespace LocalJSX {
         "_id"?: string;
         "active"?: string;
         "color"?: string;
-        "onTabChange"?: (event: BcmTabGroupCustomEvent<any>) => void;
-        "size"?: SizeTypes1;
+        "onBcm-tab-change"?: (event: BcmTabGroupCustomEvent<any>) => void;
+        "size"?: SizeTypes;
+    }
+    interface BcmTabItem {
+        "_id"?: string;
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "index"?: any;
+    }
+    interface BcmTabItemHeader {
+        "_id"?: string;
+        "active"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "index"?: any;
+        "size"?: SizeTypes;
     }
     interface BcmTabPane {
         "active"?: boolean;
@@ -3299,13 +3406,32 @@ declare namespace LocalJSX {
         "last"?: boolean;
         "timelineType"?: 'left' | 'right' | 'alternate';
     }
+    interface BcmToast {
+        "_id"?: string;
+        "closeButton"?: boolean;
+        "description"?: string;
+        "duration"?: number;
+        "message"?: string;
+        "messageIcon"?: any;
+        "onBcm-toast-close"?: (event: BcmToastCustomEvent<any>) => void;
+        "onBcm-toast-open"?: (event: BcmToastCustomEvent<any>) => void;
+        "onBcm-toast-view"?: (event: BcmToastCustomEvent<any>) => void;
+        "position"?: PlacementTypes;
+        "status"?: "success" | "error" | "warning" | "info";
+        "viewButton"?: boolean;
+    }
     interface BcmTooltip {
         "_id"?: string;
+        "closeDelay"?: number;
         "color"?: string;
         "message"?: string;
+        "onBcmTooltipHide"?: (event: BcmTooltipCustomEvent<any>) => void;
+        "onBcmTooltipShow"?: (event: BcmTooltipCustomEvent<any>) => void;
         "open"?: boolean;
+        "openDelay"?: number;
         "placement"?: PlacementTypes1;
         "size"?: SizeTypes;
+        "targetId"?: string;
         "trigger"?: TrigglerTypes;
     }
     interface BcmTreeview {
@@ -3448,6 +3574,7 @@ declare namespace LocalJSX {
         "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
+        "bcm-input-custom": BcmInputCustom;
         "bcm-item": BcmItem;
         "bcm-items": BcmItems;
         "bcm-label": BcmLabel;
@@ -3483,6 +3610,8 @@ declare namespace LocalJSX {
         "bcm-switch": BcmSwitch;
         "bcm-tab": BcmTab;
         "bcm-tab-group": BcmTabGroup;
+        "bcm-tab-item": BcmTabItem;
+        "bcm-tab-item-header": BcmTabItemHeader;
         "bcm-tab-pane": BcmTabPane;
         "bcm-table": BcmTable;
         "bcm-tabs": BcmTabs;
@@ -3493,6 +3622,7 @@ declare namespace LocalJSX {
         "bcm-time-picker": BcmTimePicker;
         "bcm-timeline": BcmTimeline;
         "bcm-timeline-item": BcmTimelineItem;
+        "bcm-toast": BcmToast;
         "bcm-tooltip": BcmTooltip;
         "bcm-treeview": BcmTreeview;
         "bcm-treeview-group": BcmTreeviewGroup;
@@ -3540,6 +3670,7 @@ declare module "@stencil/core" {
             "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
             "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
@@ -3575,6 +3706,8 @@ declare module "@stencil/core" {
             "bcm-switch": LocalJSX.BcmSwitch & JSXBase.HTMLAttributes<HTMLBcmSwitchElement>;
             "bcm-tab": LocalJSX.BcmTab & JSXBase.HTMLAttributes<HTMLBcmTabElement>;
             "bcm-tab-group": LocalJSX.BcmTabGroup & JSXBase.HTMLAttributes<HTMLBcmTabGroupElement>;
+            "bcm-tab-item": LocalJSX.BcmTabItem & JSXBase.HTMLAttributes<HTMLBcmTabItemElement>;
+            "bcm-tab-item-header": LocalJSX.BcmTabItemHeader & JSXBase.HTMLAttributes<HTMLBcmTabItemHeaderElement>;
             "bcm-tab-pane": LocalJSX.BcmTabPane & JSXBase.HTMLAttributes<HTMLBcmTabPaneElement>;
             "bcm-table": LocalJSX.BcmTable & JSXBase.HTMLAttributes<HTMLBcmTableElement>;
             "bcm-tabs": LocalJSX.BcmTabs & JSXBase.HTMLAttributes<HTMLBcmTabsElement>;
@@ -3585,6 +3718,7 @@ declare module "@stencil/core" {
             "bcm-time-picker": LocalJSX.BcmTimePicker & JSXBase.HTMLAttributes<HTMLBcmTimePickerElement>;
             "bcm-timeline": LocalJSX.BcmTimeline & JSXBase.HTMLAttributes<HTMLBcmTimelineElement>;
             "bcm-timeline-item": LocalJSX.BcmTimelineItem & JSXBase.HTMLAttributes<HTMLBcmTimelineItemElement>;
+            "bcm-toast": LocalJSX.BcmToast & JSXBase.HTMLAttributes<HTMLBcmToastElement>;
             "bcm-tooltip": LocalJSX.BcmTooltip & JSXBase.HTMLAttributes<HTMLBcmTooltipElement>;
             "bcm-treeview": LocalJSX.BcmTreeview & JSXBase.HTMLAttributes<HTMLBcmTreeviewElement>;
             "bcm-treeview-group": LocalJSX.BcmTreeviewGroup & JSXBase.HTMLAttributes<HTMLBcmTreeviewGroupElement>;

package/dist/types/global/helper/index.d.ts

@@ -0,0 +1 @@
+export * from "./toast";

package/dist/types/global/helper/toast.d.ts

@@ -0,0 +1,96 @@
+interface ToastOptions {
+  "id"?: string;
+  "message"?: string;
+  "status"?: "success" | "error" | "warning" | "info";
+  "description"?: string;
+  "duration"?: number;
+  "position"?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+  "message-icon"?: string;
+  "view-button"?: boolean;
+  "close-button"?: boolean;
+}
+interface ToastEvents {
+  bcmToastView?: (event: any) => void;
+  bcmToastClose?: (event: any) => void;
+  bcmToastOpen?: (event: any) => void;
+}
+export declare class Toast {
+  element: any;
+  options: ToastOptions & ToastEvents;
+  /**
+   * Creates an instance of Toast.
+   * @param {ToastOptions & ToastEvents} [options={}]
+   * @example
+   * const toast = new Toast();
+   * @example
+   * const toast = new Toast({
+   * id: "my-toast",
+   * message: "Hello World",
+   * status: "success",
+   * description: "This is a description",
+   * duration: 5000,
+   * position: "top",
+   * "message-icon": "check",
+   * "view-button": true,
+   * "close-button": true,
+   * bcmToastView: (event) => {
+   * // This Event fires when the view button is clicked
+   * // do something
+   * },
+   * bcmToastClose: (event) => {
+   * // This Event fires when the toast is closed
+   * // do something
+   * },
+   * bcmToastOpen: (event) => {
+   * // This Event fires when the toast is opened
+   * // do something
+   * }
+   * });
+   * toast.show();
+   */
+  constructor(options: ToastOptions & ToastEvents);
+  private createElement;
+  private listeners;
+  private setAttributes;
+  /**
+   * Shows the toast
+   * @returns {HTMLElement} The element that was shown
+   * @example
+   * const toast = new Toast();
+   * toast.show();
+   * @example
+   * const toast = new Toast();
+   * toast.show().then(() => {
+   *   // do something
+   * });
+   * @example
+   * const toast = new Toast();
+   * toast.show().then(() => {
+   *  // do something
+   * }).catch(() => {
+   * // do something else
+   * });
+   */
+  show(): any;
+  /**
+   * Hides the toast
+   * @returns {HTMLElement} The element that was hidden
+   * @example
+   * const toast = new Toast();
+   * toast.hide();
+   * @example
+   * const toast = new Toast();
+   * toast.hide().then(() => {
+   *    // do something
+   * });
+   * @example
+   * const toast = new Toast();
+   * toast.hide().then(() => {
+   *   // do something
+   * }).catch(() => {
+   *  // do something else
+   * });
+   */
+  hide(): any;
+}
+export {};

package/dist/types/helper/generate.d.ts

@@ -19,4 +19,7 @@ export declare class Generate {
   static setAttributes: (item: any, obj: any) => void;
   static computedStyle: (element: HTMLElement, property: string) => string;
   static getAncestor: (el: any, selector: any) => any;
+  static findParentElement: (element: any, selector: any) => any;
+  static observeElementRemoval(element: Element, callback: () => void): void;
+  static getTwColor(color: string, variable?: string): {};
 }

package/dist/types/helper/popover-helper.d.ts

@@ -7,14 +7,23 @@ export declare class Popover {
   color?: string;
   el?: HTMLElement;
   trigger?: string;
-  constructor({ content, message, targetId, placement, color, trigger }: {
+  openDelay: number;
+  closeDelay: number;
+  emitShow: () => void;
+  emitHide: () => void;
+  constructor({ content, message, targetId, placement, color, trigger, openDelay, closeDelay, emitShow, emitHide }: {
     content: any;
     message: any;
     targetId: any;
     placement?: string;
     color?: string;
     trigger?: string;
+    openDelay?: number;
+    closeDelay?: number;
+    emitShow?: () => void;
+    emitHide?: () => void;
   });
+  destroy: () => void;
   private bgColor;
   exepcitonColors: {
     white: string;
@@ -24,8 +33,9 @@ export declare class Popover {
   private init;
   update: () => void;
   listener: () => void;
+  removeListener: () => void;
   private calculatePosition;
-  show: () => void;
-  hide: () => void;
+  show: () => Promise<void>;
+  hide: () => Promise<void>;
   toggle: () => void;
 }