bromcom-ui 2.7.38-rc.9 → 2.7.38

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

@@ -1,21 +1,15 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { SizeTypes } from "../../../models/bcm-types";
-export declare class BcmRadio {
+import { EventEmitter, ComponentInterface } from "../../../stencil-public-runtime";
+import { SizeTypes } from "../../../models";
+export declare class BcmRadio implements ComponentInterface {
   el: HTMLElement;
-  /** Props **/
   _id: string;
   checked: boolean;
   value: string | number;
   disabled: boolean;
   size: SizeTypes;
-  hidden: boolean;
-  required: boolean;
-  change: EventEmitter;
+  color: any;
+  radioChange: EventEmitter;
   focus: EventEmitter;
   blur: EventEmitter;
-  color: string;
-  setColor(color?: string): {
-    [x: string]: string;
-  };
   render(): any;
 }

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

@@ -11,6 +11,7 @@ export declare class BcmSearch implements ComponentInterface {
   size: SizeTypes;
   limit: number;
   searchIsOnlyChilds: boolean;
+  minSearchLength: number;
   data: any;
   tick: {};
   isActiveClearable: boolean;

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

@@ -1,5 +1,5 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { DirectionTypes, SizeTypes } from '../../../models/bcm-types';
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { DirectionTypes, SizeTypes } from "../../../models";
 export declare class BcmStepper implements ComponentInterface {
   el: HTMLElement;
   hidden: boolean;
@@ -26,7 +26,7 @@ export declare class BcmStepper implements ComponentInterface {
   onStepChange(index?: any): Promise<any>;
   prev(): Promise<any>;
   next(idx?: number): Promise<any>;
-  setActive(index: number): Promise<void>;
+  setActive(index: number, force?: boolean): Promise<void>;
   reset(): Promise<any>;
   getCurrentStep(): Promise<any>;
   getSteps(): Promise<any[]>;

package/dist/types/components/molecules/tab-group/tab-group.d.ts

@@ -1,5 +1,5 @@
+import { SizeTypes } from "../../../models";
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-import { SizeTypes } from "../../../models/bcm-types";
 export declare class BcmTabGroup implements ComponentInterface {
   el: HTMLElement;
   _id: string;
@@ -7,12 +7,15 @@ export declare class BcmTabGroup implements ComponentInterface {
   color: string;
   size: SizeTypes;
   tabChange: EventEmitter;
-  headerItems: any[];
+  get tabItems(): NodeListOf<HTMLBcmTabItemElement>;
+  get tabItemHeaders(): NodeListOf<HTMLBcmTabItemHeaderElement>;
   connectedCallback(): void;
-  private tabItems;
-  handleTabClick(index: any): void;
+  handleTabClick(index?: any): void;
+  componentDidRender(): void;
   componentDidLoad(): void;
   setActive(index: number): Promise<void>;
+  refresh(): Promise<void>;
   inkBarControl(): void;
+  activeChanged(newVal: string, _oldVal: string): void;
   render(): any;
 }

package/dist/types/components/molecules/tab-group/tab-item-header.d.ts

@@ -0,0 +1,13 @@
+import { SizeTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmTabItemHeader implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  active: boolean;
+  disabled: boolean;
+  index: any;
+  color: string;
+  size: SizeTypes;
+  handleClick(): void;
+  render(): any;
+}

package/dist/types/components/molecules/tab-group/tab-item.d.ts

@@ -0,0 +1,17 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmTabItem implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  active: boolean;
+  disabled: boolean;
+  index: any;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  getHeaderItem(): HTMLBcmTabItemHeaderElement;
+  getParentTabGroup(): any;
+  getFindHeaderItem(): any;
+  headerMove(): void;
+  indexControl(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -1,6 +1,6 @@
 import { Tooltip } from "../../../helper";
 import { PlacementTypes, SizeTypes, TrigglerTypes } from "../../../models";
-import { ComponentInterface } from "../../../stencil-public-runtime";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmTooltip implements ComponentInterface {
   el: HTMLElement;
   _id: string;
@@ -10,9 +10,18 @@ export declare class BcmTooltip implements ComponentInterface {
   open: boolean;
   color: string;
   size: SizeTypes;
+  openDelay: number;
+  closeDelay: number;
+  targetId: string;
+  bcmTooltipShow: EventEmitter;
+  bcmTooltipHide: EventEmitter;
   tooltip: Tooltip;
+  emitShow(): void;
+  emitHide(): void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   show(): Promise<void>;
   hide(): Promise<void>;
   toggle(): Promise<void>;

package/dist/types/components/organism/list/list.d.ts

@@ -39,6 +39,7 @@ export declare class BcmList implements ComponentInterface {
   placeholder: string;
   searchPlaceholder: string;
   searchIsOnlyChilds: boolean;
+  minSearchLength: number;
   clearable: boolean;
   caption: string;
   noCaption: boolean;

package/dist/types/components/other/input-custom/input-custom.d.ts

@@ -0,0 +1,20 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmInputCustom implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  name: string;
+  value: string;
+  type: string;
+  label: string;
+  required: boolean;
+  disabled: boolean;
+  readonly: boolean;
+  placeholder: string;
+  fullwidth: boolean;
+  hasFocus: boolean;
+  handleFocus: () => void;
+  handleBlur: () => void;
+  handleChange: (e: Event) => void;
+  handleInput: (e: Event) => void;
+  render(): any;
+}

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;
@@ -1282,13 +1307,16 @@ export namespace Components {
     }
     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 +1538,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 +1594,10 @@ export interface BcmTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTextareaElement;
 }
+export interface BcmTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTooltipElement;
+}
 export interface BcmTreeviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTreeviewElement;
@@ -1779,6 +1815,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 +2031,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: {
@@ -2126,6 +2180,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 +2216,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;
@@ -2601,6 +2658,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 +2737,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "maxHeight"?: string;
         "minHeight"?: string;
+        "minSearchLength"?: number;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmListCustomEvent<any>) => void;
@@ -2930,11 +3000,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 +3025,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 +3051,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 +3080,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 +3175,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 +3238,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;
@@ -3301,11 +3384,16 @@ declare namespace LocalJSX {
     }
     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 +3536,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 +3572,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;
@@ -3540,6 +3631,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 +3667,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>;

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;
 }