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

package/dist/esm/{slot-template-5b2da1d3.js → slot-template-64b41ee5.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-662f4cf5.js';
+import { h } from './index-6e2d80d7.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 
 const SlotTemplate = ({ value, className, name }) => {

package/dist/esm/{stepper-states-822ebfe9.js → stepper-states-7087f0cb.js}

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { c as createStore } from './index-cb0cdd87.js';
-import { G as Generate, s as snq } from './generate-1e46485f.js';
-import { f as forceUpdate } from './index-662f4cf5.js';
+import { c as createStore } from './index-8b349654.js';
+import { G as Generate, s as snq } from './generate-fbf3c64b.js';
+import { f as forceUpdate } from './index-6e2d80d7.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/{tooltip-helper-aecc821b.js → tooltip-helper-31ca799b.js}

@@ -2,18 +2,27 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import './element-dragger-7ea06c76.js';
+import './element-dragger-89bb52fd.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
+import { d as delay } from './utils-57652744.js';
 import { F as FloatingUI } from './floating-ui-4a49ea46.js';
-import { C as ColorHelper } from './color-helper-b5e9aa56.js';
+import { C as ColorHelper } from './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-1e46485f.js';
-import './number-helper-f2cdb65b.js';
-import './validators-1b3c085a.js';
+import { G as Generate } from './generate-fbf3c64b.js';
+import './number-helper-b69dc985.js';
+import './validators-d3c37e80.js';
 import { a as Bcm } from './bcm-9f50af9c.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.twColor(this.color, 700);
     this.target = () => document.getElementById(this.targetId);
     this.sizeClass = () => {
@@ -67,6 +76,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) {
@@ -80,19 +101,23 @@ class Tooltip {
         });
       }
     };
-    this.show = () => {
+    this.show = async () => {
       if (this.message) {
         this.init();
+        await delay(this.openDelay);
         this.calculatePosition();
+        this.emitShow();
       }
       else {
         this.hide();
       }
     };
-    this.hide = () => {
+    this.hide = async () => {
       this.el = document.getElementById(this.id);
       if (this.el) {
-        this.el.remove();
+        await delay(this.closeDelay);
+        this.el && this.el.remove();
+        this.emitHide();
       }
     };
     this.toggle = () => {
@@ -111,6 +136,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.observeElementRemoval(document.getElementById(this.targetId), this.destroy.bind(this));
   }
 }
 

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

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

package/dist/esm/{validators-1b3c085a.js → validators-d3c37e80.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-1e46485f.js';
+import { s as snq } from './generate-fbf3c64b.js';
 
 class Validators {
 }

package/dist/types/components/external-source/bcm-toast-helper.d.ts

@@ -0,0 +1,12 @@
+export declare class BcmToastHelper {
+    private message;
+    private position;
+    private duration;
+    constructor();
+    show(options: {
+        message: string;
+        position: string;
+        duration: number;
+    }): void;
+}
+//# sourceMappingURL=bcm-toast-helper.d.ts.map

package/dist/types/components/external-source/test.js/bcm-toast-helper.d.ts

@@ -0,0 +1,12 @@
+export declare class BcmToastHelper {
+    private message;
+    private position;
+    private duration;
+    constructor();
+    show(options: {
+        message: string;
+        position: string;
+        duration: number;
+    }): void;
+}
+//# sourceMappingURL=bcm-toast-helper.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Popover } from "../../../helper";
 import { PlacementTypes, TrigglerTypes } from "../../../models";
-import { ComponentInterface } from "../../../stencil-public-runtime";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmPopover implements ComponentInterface {
   el: HTMLElement;
   _id: string;
@@ -10,9 +10,18 @@ export declare class BcmPopover implements ComponentInterface {
   trigger: TrigglerTypes;
   open: boolean;
   color: string;
+  targetId: string;
+  openDelay: number;
+  closeDelay: number;
+  bcmPopoverShow: EventEmitter;
+  bcmPopoverHide: EventEmitter;
   popover: Popover;
+  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/molecules/radio/{group.d.ts → radio-group.d.ts}

@@ -1,54 +1,46 @@
-import { EventEmitter, ComponentInterface } from "../../../stencil-public-runtime";
-import { DirectionTypes, SizeTypes, StatusTypes } from "../../../models/bcm-types";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { DirectionTypes, SizeTypes, StatusTypes } from "../../../models";
 export declare type OptionType = {
   id?: string;
   label: string;
   value: string | number;
   disabled?: boolean;
   checked?: boolean;
+  color?: string;
 };
 export declare class BcmRadioGroup implements ComponentInterface {
-  _id: string;
   el: HTMLElement;
+  _id: string;
+  label: string;
+  name: string;
   value: string | number;
-  direction: DirectionTypes;
-  items: Array<object> | OptionType[] | string;
+  defaultValue: string | number;
   size: SizeTypes;
-  name: string;
-  label: string;
   disabled: boolean;
   hidden: boolean;
   required: boolean;
   gap: string;
-  defaultValue: string;
-  optionType: 'default' | 'button';
-  buttonStyle: 'solid' | 'outline';
-  fullWidth: boolean | 'flex';
+  direction: DirectionTypes;
+  fullWidth: boolean;
+  items: Array<object> | OptionType[] | string;
   caption: string;
   noCaption: boolean;
   captionError: string;
   captionType: StatusTypes;
   captionCache: string;
   captionTypeCache: any;
-  radioOptions: OptionType[];
-  usingSlots: boolean;
-  tick: {};
   change: EventEmitter;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean | void;
-  private initState;
-  markForCheck(): Promise<void>;
+  get radios(): HTMLBcmRadioElement[];
+  get Items(): OptionType[];
+  connectedCallback(): void;
+  updateValue(): void;
+  componentWillLoad(): void;
+  handleChange(e: any): void;
   setClear(): Promise<void>;
   resetCaption(): Promise<void>;
+  check(itemId: any, checked?: boolean): Promise<void>;
+  get(): Promise<string | number>;
   set(data: any): Promise<void>;
-  get(): Promise<string>;
-  check(item: any, checked?: boolean): Promise<void>;
-  getValue(): Promise<string>;
-  handleItemsChange(): void;
-  getRadioItems(): any[];
-  changeRadio(event: any): Promise<void>;
-  getItems(): any;
-  connectedCallback(): void;
+  getValue(): Promise<string | number>;
   render(): any;
 }

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/other/toast/toast.d.ts

@@ -0,0 +1,25 @@
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { PlacementTypes } from "../../../models/bcm-types";
+export declare class BcmToast implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  status: "success" | "error" | "warning" | "info";
+  message: string;
+  description: string;
+  duration: number;
+  position: PlacementTypes;
+  messageIcon: any;
+  viewButton: boolean;
+  closeButton: boolean;
+  bcmToastClose: EventEmitter;
+  bcmToastOpen: EventEmitter;
+  bcmToastView: EventEmitter;
+  visible: boolean;
+  visibleContainer: boolean;
+  private timer;
+  show(): Promise<HTMLElement>;
+  hide(): Promise<void>;
+  private handleMouseEnter;
+  private handleMouseLeave;
+  render(): any;
+}