bromcom-ui 2.3.66 → 2.3.70

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

@@ -65,7 +65,6 @@ export declare class BcmList {
   captionCache: string;
   captionTypeCache: any;
   /******/
-  tooltip: string;
   listSelected: EventEmitter;
   listChecked: EventEmitter;
   change: EventEmitter;

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

@@ -1,32 +1,20 @@
-import { StatusProp } from './types';
-export declare class BcmMessage {
-  /**
-   * Component Element
-   */
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { StatusTypes } from '../../../models/bcm-types';
+import BcmMoleculesState from "../../../models/states/molecules/bcm-molecules-state";
+export declare class BcmMessage implements ComponentInterface {
   el: HTMLElement;
-  /**
-   * Component Properties
-   */
-  status?: StatusProp;
-  fullWidth?: boolean;
-  loading?: boolean;
-  isShow: boolean;
+  _id: string;
   hidden: boolean;
-  /**
-   * @desc
-   */
-  getIcon(): any;
-  /**
-   * @desc Removes component itself
-   */
+  status: StatusTypes;
+  fullWidth: boolean;
+  loading: boolean;
+  message: any;
+  open: boolean;
+  componentWillRender(): void;
+  getStateData(): BcmMoleculesState.Message;
+  setStateData(): void;
   dismiss(): void;
-  /**
-   * @desc
-   */
   hide(): Promise<void>;
-  /**
-   * @desc
-   */
   show(): Promise<void>;
   render(): any;
 }

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

@@ -1,75 +1,22 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { StatusProp, TypeProp, SizeProp } from './types';
-export declare class BcmModal {
-  /**
-   * Component Element
-   */
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { FullSizeTypes } from '../../../models/bcm-types';
+export declare class BcmModal implements ComponentInterface {
   el: HTMLElement;
-  slotHeader: boolean;
-  slotContent: boolean;
-  slotFooter: boolean;
-  slotHeaderHtml: any;
-  slotContentHtml: any;
-  slotFooterHtml: any;
-  bodyStyleOverflow: string;
-  /**
-   * Component Properties
-   */
-  _id: string;
-  headerTitle?: string;
-  type: TypeProp;
-  status?: StatusProp;
-  okText?: string;
-  cancelText?: string;
+  modalSlots: {};
+  headerTitle: string;
   isShow: boolean;
   hidden: boolean;
-  size: SizeProp;
+  size: FullSizeTypes;
+  backdrop: boolean | 'static';
+  width: string;
+  height: string;
   fullWidth: boolean;
-  backdrop: true | false | 'static';
-  headerArea: boolean;
-  footerArea: boolean;
-  /**
-   * Component Events
-   */
-  ok: EventEmitter;
-  cancel: EventEmitter;
-  close: EventEmitter;
-  /**
-   * @StencilMethod
-   */
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  /**
-   * @desc
-   * @returns {BcmIcon}
-   */
-  getIcon(): any;
-  /**
-   * @desc
-   */
-  handleOk(): void;
-  /**
-   * @desc
-   */
-  handleCancel(): void;
-  /**
-   * @desc
-   * @returns {BcmIcon}
-   */
-  getFooterActions(): any;
+  beforeOpen: EventEmitter;
+  beforeClose: EventEmitter;
+  connectedCallback(): void;
   handleSubmit(e: any): void;
-  /**
-   * @desc Removes component itself
-   */
-  dismiss(): void;
   handleBackdrop(): void;
-  /**
-   * @desc
-   */
   hide(): Promise<void>;
-  /**
-   * @desc
-   */
   show(): Promise<void>;
   keyboardNavigation(e: any): void;
   render(): any;

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

@@ -1,31 +1,23 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TypeProp } from './types';
+import { StatusTypes } from '../../../models/bcm-types';
+import BcmMoleculesState from '../../../models/states/molecules/bcm-molecules-state';
 export declare class BcmNotification {
-  /**
-   * Component Element
-   */
   el: HTMLElement;
-  /**
-   * Component Properties
-   */
-  _title: string;
-  status?: TypeProp;
-  confirmText: any;
-  isShow: boolean;
+  _id: string;
   hidden: boolean;
+  message: string;
+  status: StatusTypes;
+  confirm: any;
+  loading: boolean;
+  description: any;
+  open: boolean;
   /**
    * Component Events
    */
-  confirm: EventEmitter;
-  /**
-   * @desc
-   * @returns {BcmIcon}
-   */
-  getIcon(): any;
-  /**
-   * @desc Removes component itself
-   */
-  dismiss(): void;
+  onConfirm: EventEmitter;
+  componentWillRender(): void;
+  getStateData(): BcmMoleculesState.Notification;
+  setStateData(): void;
   /**
    * @desc Removes component itself
    */
@@ -38,5 +30,6 @@ export declare class BcmNotification {
    * @desc
    */
   show(): Promise<void>;
+  isConfirm(): any;
   render(): any;
 }

package/dist/types/components/molecules/popconfirm/popconfirm-box.d.ts

@@ -1,6 +1,8 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class BcmPopconfirmBox {
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmPopconfirmBox implements ComponentInterface {
   el: HTMLElement;
+  _id: string;
+  _target_id: string;
   message: string;
   status: 'warning' | 'error';
   cancelText: string;
@@ -9,17 +11,17 @@ export declare class BcmPopconfirmBox {
   open: boolean;
   hidden: boolean;
   _internal_id: string;
-  onConfirmInternal: EventEmitter;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
+  placement_string: any;
+  onConfirm: EventEmitter;
+  onCancel: EventEmitter;
+  getPopconfirm(): any;
+  handleClickOutside(e: any): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
   componentDidRender(): void;
-  componentWillUpdate(): void;
-  componentDidUpdate(): void;
-  openBox(open: any): Promise<void>;
+  calculateLocation(): void;
+  setPlacementString(placement: any): void;
   handleConfirm(): void;
-  getIcon(): any;
+  handleCancel(): void;
   render(): any;
 }

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

@@ -1,28 +1,24 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { placementType } from '../tooltip/tooltip';
+import { PlacementTypes, TrigglerTypes } from '../../../models/bcm-types';
 export declare class BcmPopconfirm {
-  host: HTMLElement;
+  el: HTMLElement;
   message: string;
   status: 'warning' | 'error';
   cancelText: string;
   okeyText: string;
-  placement: placementType;
-  trigger: 'hover' | 'click' | 'focus';
+  placement: PlacementTypes;
+  trigger: TrigglerTypes;
   open: boolean;
   hidden: boolean;
-  _internal_id: string;
+  _id: string;
   onShow: EventEmitter;
   onHide: EventEmitter;
-  onConfirm: EventEmitter;
-  handleBcmConfirm(e: any): void;
-  handleClickOutside(e: MouseEvent): void;
   show(): Promise<void>;
   hide(): Promise<void>;
-  handleOpen(): Promise<void>;
-  createElement(): Promise<void>;
-  hasTrigger(trigger: string): boolean;
-  getPlacement(): string[];
-  handleClick(): void;
-  componentDidRender(): Promise<void>;
+  createBox(): void;
+  getPopconfirmBox(): any;
+  showBox(): void;
+  hideBox(): void;
+  listenTrigger(event: any): void;
   render(): any;
 }

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

@@ -1,18 +1,18 @@
-export declare class BcmPopoverBox {
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmPopoverBox implements ComponentInterface {
   el: HTMLElement;
+  _id: string;
+  _target_id: string;
   message: string;
-  heading: string;
+  _title: string;
   placement: any;
   open: boolean;
   hidden: boolean;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
+  placement_string: any;
+  show(): Promise<void>;
+  hide(): Promise<void>;
   componentDidRender(): void;
-  componentWillUpdate(): void;
-  componentDidUpdate(): void;
-  openBox(open: any): Promise<void>;
+  calculateLocation(): void;
+  setPlacementString(placement: any): void;
   render(): any;
 }

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

@@ -1,27 +1,21 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { placementType } from '../tooltip/tooltip';
-export declare class BcmPopover {
-  host: HTMLElement;
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { PlacementTypes, TrigglerTypes } from '../../../models/bcm-types';
+export declare class BcmPopover implements ComponentInterface {
+  el: HTMLElement;
+  _title: string;
+  _id: string;
   message: string;
-  heading: string;
-  placement: placementType;
-  trigger: 'hover' | 'click' | 'focus';
+  placement: PlacementTypes;
+  trigger: TrigglerTypes;
   open: boolean;
-  hidden: boolean;
-  _internal_id: string;
   onShow: EventEmitter;
   onHide: EventEmitter;
   show(): Promise<void>;
   hide(): Promise<void>;
-  handleOpen(): Promise<void>;
-  createElement(): Promise<void>;
-  hasTrigger(trigger: string): boolean;
-  getPlacement(): string[];
-  handleMouseOver(): void;
-  handleMouseOut(): void;
-  handleClick(): void;
-  handleFocus(): void;
-  handleBlur(): void;
-  componentDidRender(): Promise<void>;
+  createBox(): void;
+  getPopoverBox(): any;
+  showBox(): void;
+  hideBox(): void;
+  listenTrigger(event: any): void;
   render(): any;
 }

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

@@ -1,19 +1,21 @@
-export declare class BcmProgress {
-  host: HTMLElement;
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmProgress implements ComponentInterface {
+  el: HTMLElement;
   percent: number;
   size: 'small' | 'medium';
   type: 'line' | 'line-rounded' | 'circle';
   info: 'percent' | 'icon';
   error: boolean;
   hidden: boolean;
+  fullWidth: boolean;
   isCompleted: boolean;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean | void;
   maxPercent(newValue: any): void;
   increment(percent: number): Promise<void>;
   decrement(percent: number): Promise<void>;
   setPercent(percent: number): Promise<void>;
-  displayValue(): any;
-  displayCircleIcon(): any;
-  componentWillLoad(): void;
-  componentDidRender(): void;
+  getIcon(type?: 'circle' | 'line'): any;
   render(): any;
 }

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

@@ -0,0 +1,24 @@
+export declare const lineSizes: {
+  small: {
+    textSize: string;
+    iconSize: number;
+  };
+  medium: {
+    textSize: string;
+    iconSize: number;
+  };
+};
+export declare const circleSizes: {
+  small: {
+    textSize: string;
+    iconSize: number;
+    circleSize: number;
+    radius: number;
+  };
+  medium: {
+    textSize: string;
+    iconSize: number;
+    circleSize: number;
+    radius: number;
+  };
+};

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

@@ -1,45 +1,51 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
+import { EventEmitter, ComponentInterface } from "../../../stencil-public-runtime";
+import { DirectionTypes, SizeTypes, StatusTypes } from "../../../models/bcm-types";
 export declare type OptionType = {
+  id?: string;
   label: string;
   value: string | number;
   disabled?: boolean;
   checked?: boolean;
 };
-export declare class BcmRadioGroup {
-  private childRadios;
-  host: HTMLElement;
+export declare class BcmRadioGroup implements ComponentInterface {
+  _id: string;
+  el: HTMLElement;
   value: string | number;
-  direction: 'vertical' | 'horizontal';
-  options: OptionType[] | string;
-  optionType: 'default' | 'button';
-  buttonStyle: 'solid' | 'outline';
-  size: 'small' | 'medium' | 'large';
+  direction: DirectionTypes;
+  items: Array<object> | OptionType[] | string;
+  size: SizeTypes;
   name: string;
-  defaultValue: string;
+  label: string;
   disabled: boolean;
   hidden: boolean;
-  label: string;
   required: boolean;
-  noCaption: boolean;
+  gap: string;
+  defaultValue: string;
+  optionType: 'default' | 'button';
+  buttonStyle: 'solid' | 'outline';
+  fullWidth: boolean | "flex";
   caption: string;
+  noCaption: boolean;
   captionError: string;
-  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
-  tooltip: string;
+  captionType: StatusTypes;
   captionCache: string;
   captionTypeCache: any;
   radioOptions: OptionType[];
   usingSlots: boolean;
+  tick: {};
   change: EventEmitter;
-  setData(_data: OptionType[] | string): Promise<boolean>;
-  getValue(): Promise<string | number>;
-  check(value: any): Promise<void>;
+  componentDidLoad(): void;
+  componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean | void;
+  private initState;
+  markForCheck(): void;
   setClear(): Promise<void>;
   resetCaption(): Promise<void>;
-  parseOptions(newValue: string | OptionType[]): void;
-  handleChange(newValue: string | number): void;
-  controlRadio(elements: HTMLBcmRadioElement[]): void;
+  check(item: any, checked?: boolean): Promise<void>;
+  getValue(): Promise<any>;
+  handleItemsChange(): void;
+  getRadioItems(): any[];
+  changeRadio(event: any): Promise<void>;
+  getItems(): any;
   connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
   render(): any;
 }

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

@@ -1,32 +1,28 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ColorPaletteTypes } from "../../../global/variables/colors";
+import { ColorPaletteTypes, SizeTypes } from "../../../models/bcm-types";
 export declare class BcmRadio {
-  private radio;
+  /** Props **/
+  _id: string;
   checked: boolean;
   value: string | number;
   disabled: boolean;
+  color: ColorPaletteTypes | 'default';
   optionType: 'default' | 'button';
   buttonStyle: 'solid' | 'outline';
-  color: ColorPaletteTypes | 'default';
-  size: 'small' | 'medium' | 'large';
+  size: SizeTypes;
   hidden: boolean;
   required: boolean;
   change: EventEmitter;
   focus: EventEmitter;
   blur: EventEmitter;
-  handleFocus(): void;
-  handleBlur(): void;
-  /**
-   * @desc
-   * @param name -
-   * @returns {void}
-   */
-  check(uncheck: boolean): Promise<void>;
-  handleChange(): void;
-  connectedCallback(): void;
-  getColor(color: any): {
-    borderColor: any;
-    backgroundColor: any;
+  buttonStyleColor(): {
+    '--bcm-checkbox-font-color': any;
+    '--bcm-checkbox-hover-color': any;
+    '--bcm-checkbox-border-color': any;
+    '--bcm-checkbox-border-color-hover': any;
+    '--bcm-checkbox-background-color': any;
+    '--bcm-checkbox-background-color-hover': any;
+    '--bcm-radio-inner-color': any;
   };
   render(): any;
 }

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

@@ -0,0 +1,36 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { DirectionTypes } from '../../../models/bcm-types';
+export declare class BcmRange implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  min: number;
+  max: number;
+  step: number;
+  value: any;
+  height: string;
+  name: string;
+  direction: DirectionTypes;
+  _prefix: string;
+  _suffix: string;
+  multiple: boolean;
+  leftValue: number;
+  rightValue: number;
+  leftMin: number;
+  change: EventEmitter;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  setValue(value: any): Promise<any>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<boolean>;
+  getValue(): Promise<any>;
+  syncValues(type: any, event: any): void;
+  handleChange(): void;
+  setThumbPosition(type: string): void;
+  hiddenLeftThumb(): void;
+  getTooltip(type: any): any;
+  getThumb(type: string): any;
+  getInput(type: string): any;
+  touchToMove(value: any): void;
+  hoverTick(id: any, status: any): void;
+  render(): any;
+}

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

@@ -1,13 +1,19 @@
-import { statusType } from './types';
-export declare class BcmResult {
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { StatusTypes } from '../../../models/bcm-types';
+import BcmMoleculesState from '../../../models/states/molecules/bcm-molecules-state';
+export declare class BcmResult implements ComponentInterface {
   el: HTMLElement;
-  status: statusType;
-  heading: string;
-  description: string;
+  _id: string;
   hidden: boolean;
+  status: StatusTypes;
+  message: string;
+  description: string;
+  loading: boolean;
   footerArea: boolean;
-  footerHtml: string;
-  getIcon(): any;
-  componentDidRender(): void;
+  componentWillRender(): void;
+  getStateData(): BcmMoleculesState.Result;
+  setStateData(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -0,0 +1,30 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmSearch2 implements ComponentInterface {
+  el: HTMLElement;
+  inputElement: HTMLInputElement;
+  _id: string;
+  placeholder: string;
+  disabled: boolean;
+  readonly: boolean;
+  clearable: boolean;
+  limit: number;
+  data: any;
+  tick: {};
+  isActiveClearable: boolean;
+  bcmOnSearch: EventEmitter;
+  debounceHandler: () => void;
+  componentDidLoad(): Promise<void>;
+  dataChanged(newValue: any, oldValue: any): Promise<void>;
+  private initState;
+  private markForCheck;
+  handleInput(): void;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  onBcmSelect(): Promise<void>;
+  handleFocus(): void;
+  handleBlur(): void;
+  handleChange(): void;
+  handleClear(): Promise<void>;
+  onSearchValue(event: any, instance: any): void;
+  render(): any;
+}

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { placementType } from '../tooltip/tooltip';
+import { PlacementTypes } from '../../../models/bcm-types';
 export declare class BcmSelect {
   el: HTMLElement;
   isRendered: boolean;
@@ -28,7 +28,7 @@ export declare class BcmSelect {
   noCaption: boolean;
   caption: string;
   captionError: string;
-  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  captionType: 'info' | 'success' | 'warning' | 'error' | 'default';
   disabled: boolean;
   flex: boolean;
   name: string;
@@ -51,8 +51,7 @@ export declare class BcmSelect {
   alignment: 'left' | 'right' | 'default';
   _items: any;
   _data: any;
-  placement: placementType;
-  tooltip: string;
+  placement: PlacementTypes;
   otherTagStatus: boolean;
   _config: any;
   firstSetData: boolean;
@@ -111,7 +110,7 @@ export declare class BcmSelect {
    */
   handleTreeviewUnchecked(event: any): void;
   handleListboxUnchecked(event: any): void;
-  bcmTagDissmisable(event: any, internal_id?: any): Promise<void>;
+  bcmTagDismissable(event: any, internal_id?: any): Promise<void>;
   /**
    * @desc
    */

package/dist/types/components/molecules/states/alert.states.d.ts

@@ -0,0 +1,7 @@
+import BcmMoleculesState from "../../../models/states/molecules/bcm-molecules-state";
+declare const _default: {
+  setValue: (val: any) => void;
+  removeValue: (_id: any) => void;
+  getValue: (id: any) => BcmMoleculesState.Alert;
+};
+export default _default;