bromcom-ui 2.3.66 → 2.3.70

package/dist/bromcom-ui/types-6b2a6629.js

@@ -0,0 +1,172 @@
+const variantOptions = {
+  save: {
+    text: 'Save',
+    class: 'success',
+    icon: 'save',
+    iconPosition: 'prefix',
+  },
+  ok: {
+    text: 'Ok',
+    class: 'success',
+    icon: 'check',
+    iconPosition: 'prefix',
+  },
+  new: {
+    text: 'New',
+    class: 'success',
+    icon: 'plus',
+    iconPosition: 'prefix',
+  },
+  add: {
+    text: 'Add',
+    class: 'success',
+    icon: 'plus',
+    iconPosition: 'prefix',
+  },
+  create: {
+    text: 'Create',
+    class: 'success',
+    icon: 'form',
+    iconPosition: 'prefix',
+  },
+  prev: {
+    text: 'Prev',
+    class: '',
+    icon: 'arrow-left',
+    iconPosition: 'prefix',
+  },
+  next: {
+    text: 'Next',
+    class: '',
+    icon: 'arrow-right',
+    iconPosition: 'suffix',
+  },
+  apply: {
+    text: 'Apply',
+    class: '',
+    icon: 'check-circle',
+    iconPosition: 'prefix',
+  },
+  submit: {
+    text: 'Submit',
+    class: '',
+    icon: 'save',
+    iconPosition: 'prefix',
+  },
+  send: {
+    text: 'Send',
+    class: 'success',
+    icon: 'send',
+    iconPosition: 'prefix',
+  },
+  delete: {
+    text: 'Delete',
+    class: 'warning',
+    icon: 'delete',
+    iconPosition: 'prefix',
+  },
+  cancel: {
+    text: 'Cancel',
+    class: 'warning',
+    icon: 'close',
+    iconPosition: 'prefix',
+  },
+  decline: {
+    text: 'Decline',
+    class: 'warning',
+    icon: 'stop',
+    iconPosition: 'prefix',
+  },
+  close: {
+    text: 'Close',
+    class: 'warning',
+    icon: 'close-circle',
+    iconPosition: 'prefix',
+  },
+  archive: {
+    text: 'Archive',
+    class: 'warning',
+    icon: 'folder-open',
+    iconPosition: 'prefix',
+  },
+  remove: {
+    text: 'Remove',
+    class: 'warning',
+    icon: 'minus-circle',
+    iconPosition: 'prefix',
+  },
+  edit: {
+    text: 'Edit',
+    class: '',
+    icon: 'edit',
+    iconPosition: 'prefix',
+  },
+  export: {
+    text: 'Export',
+    class: '',
+    icon: 'export',
+    iconPosition: 'prefix',
+  },
+  import: {
+    text: 'Import',
+    class: '',
+    icon: 'import',
+    iconPosition: 'prefix',
+  },
+  filter: {
+    text: 'Filter',
+    class: '',
+    icon: 'filter',
+    iconPosition: 'prefix',
+  },
+  update: {
+    text: 'Update',
+    class: '',
+    icon: 'sync',
+    iconPosition: 'prefix',
+  },
+  download: {
+    text: 'Download',
+    class: '',
+    icon: 'download',
+    iconPosition: 'prefix',
+  },
+};
+var VariantProps;
+(function (VariantProps) {
+  VariantProps["save"] = "save";
+  VariantProps["ok"] = "ok";
+  VariantProps["new"] = "new";
+  VariantProps["add"] = "add";
+  VariantProps["create"] = "create";
+  VariantProps["apply"] = "apply";
+  VariantProps["prev"] = "prev";
+  VariantProps["next"] = "next";
+  VariantProps["send"] = "send";
+  VariantProps["delete"] = "delete";
+  VariantProps["cancel"] = "cancel";
+  VariantProps["decline"] = "decline";
+  VariantProps["close"] = "close";
+  VariantProps["archive"] = "archive";
+  VariantProps["remove"] = "remove";
+  VariantProps["edit"] = "edit";
+  VariantProps["export"] = "export";
+  VariantProps["import"] = "import";
+  VariantProps["filter"] = "filter";
+  VariantProps["update"] = "update";
+  VariantProps["download"] = "download";
+})(VariantProps || (VariantProps = {}));
+const iconSizes = {
+  default: {
+    large: 16,
+    medium: 14,
+    small: 14,
+  },
+  iconOnly: {
+    large: 20,
+    medium: 18,
+    small: 16,
+  },
+};
+
+export { iconSizes as i, variantOptions as v };

package/dist/bromcom-ui/{utils-1feb01eb.js → utils-333ded7f.js}

@@ -293,6 +293,9 @@ const getChilds = (el, component) => {
   ];
   return allElements;
 };
+const getChildElements = (el, component) => {
+  return [...el.querySelectorAll(component)];
+};
 /**
  * @desc
  */
@@ -432,4 +435,4 @@ const pluralize = (function () {
   return text;
 })();
 
-export { ColorPalette as C, getChilds as a, dropInComponent as b, createError as c, delay as d, extractColor as e, getTransform as g, isTargetComponent as i, pluralize as p };
+export { ColorPalette as C, getTransform as a, getChilds as b, delay as c, dropInComponent as d, createError as e, extractColor as f, getChildElements as g, isTargetComponent as i, pluralize as p };

package/dist/types/components/atoms/avatar/avatar.d.ts

@@ -1,12 +1,16 @@
-export declare class BcmAvatar {
-  plate: 'ellipse' | 'square';
-  size: 'small' | 'medium' | 'large' | string;
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { ShapeTypes, SizeTypes } from '../../../models/bcm-types';
+export declare class BcmAvatar implements ComponentInterface {
+  _id: string;
+  hidden: boolean;
   image: string;
   name: string;
-  type: 'normal' | 'button';
   alt: string;
-  hidden: boolean;
+  shape: ShapeTypes;
+  size: SizeTypes;
+  type: "button" | "div";
   isFallback: boolean;
+  componentWillLoad(): void;
   handleError(): void;
   getCustomSizes(customSize: string): {
     textSize: number;

package/dist/types/components/atoms/badge/badge.d.ts

@@ -1,13 +1,18 @@
-import { SizeProp } from './types';
-export declare class BcmBadge {
-  type: 'basic' | 'info';
-  status: string;
-  value: number;
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+import BcmAtomsState from '../../../models/states/Atoms/bcm-Atoms-state';
+export declare class BcmBadge implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
   hidden: boolean;
+  blink: boolean;
+  value: string;
   color: string;
-  size: SizeProp;
-  handleColor(color: any): {
-    backgroundColor: any;
-  };
+  size: SizeTypes;
+  status: StatusTypes;
+  _slot: any;
+  componentWillRender(): void;
+  getStateData(): BcmAtomsState.Badge;
+  setStateData(): void;
   render(): any;
 }

package/dist/types/components/atoms/button/button.d.ts

@@ -1,20 +1,27 @@
-import { VariantProp, KindProp, SizeProp, IconPositionProp, TypeProp } from './types';
-export declare class BcmButton {
-  host: HTMLButtonElement;
-  kind: KindProp;
-  size: SizeProp;
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { ButtonTypes, IconPositionTypes, KindTypes, SizeTypes } from '../../../models/bcm-types';
+import { VariantProp } from './types';
+export declare class BcmButton implements ComponentInterface {
+  el: HTMLButtonElement;
+  _id: string;
+  hidden: boolean;
+  type: ButtonTypes;
+  size: SizeTypes;
   disabled: boolean;
+  kind: KindTypes;
   outline: boolean;
   icon: string;
-  iconPosition: IconPositionProp;
   href: string;
   target: string;
-  loading?: boolean;
-  variant?: VariantProp;
-  type: TypeProp;
-  hidden: boolean;
+  value: string;
+  loading: boolean;
+  variant: VariantProp;
   dataDismiss: boolean;
   fullWidth: boolean;
+  iconPosition: IconPositionTypes;
   handleOnClick(e: MouseEvent): void;
+  componentWillRender(): void;
+  getStateData(): import("../../../models/states/Atoms/bcm-Atoms-state").BcmAtomsState.Button;
+  isHaveChildNodes(): boolean;
   render(): any;
 }

package/dist/types/components/atoms/button/types.d.ts

@@ -1,6 +1,3 @@
-/**
- * 'type' prop variantOption
- */
 export declare const variantOptions: {
   save: {
     text: string;
@@ -135,9 +132,6 @@ export declare const variantOptions: {
     iconPosition: string;
   };
 };
-/**
- * 'type' prop variant
- */
 export declare enum VariantProps {
   save = "save",
   ok = "ok",
@@ -162,22 +156,6 @@ export declare enum VariantProps {
   download = "download"
 }
 export declare type VariantProp = keyof typeof VariantProps;
-/**
- * 'type' prop kind
- */
-export declare type KindProp = 'solid' | 'ghost' | 'link' | 'solid-link' | 'ghost-link';
-/**
- * 'type' prop size
- */
-export declare type SizeProp = 'small' | 'medium' | 'large';
-/**
- * 'type' prop type
- */
-export declare type TypeProp = 'button' | 'reset' | 'submit';
-/**
- * 'type' prop iconPosition
- */
-export declare type IconPositionProp = 'prefix' | 'suffix';
 export declare const iconSizes: {
   default: {
     large: number;

package/dist/types/components/atoms/divider/divider.d.ts

@@ -1,6 +1,6 @@
+import { DirectionTypes } from '../../../models/bcm-types';
 export declare class BcmBadge {
-  direction: 'vertical' | 'horizontal';
-  width: string;
   hidden: boolean;
+  direction: DirectionTypes;
   render(): any;
 }

package/dist/types/components/atoms/icon/icon.d.ts

@@ -1,6 +1,7 @@
 import { TypePropOptions, SizePropOptions } from './types';
-import { ColorPaletteTypes } from '../../../global/variables/colors';
+import { ColorPaletteTypes, PreDefinedIconSizes } from '../../../models/bcm-types';
 export declare class BcmIcon {
+  defaultIconSize: number;
   isFaIcon: boolean;
   isHover: boolean;
   /**
@@ -10,12 +11,12 @@ export declare class BcmIcon {
   /**
    * Component Properties
    */
-  color: ColorPaletteTypes | 'currentColor';
-  hoverColor: ColorPaletteTypes | 'currentColor';
+  hidden: boolean;
   type: TypePropOptions;
-  size: SizePropOptions;
+  size: number | PreDefinedIconSizes;
   icon: string;
-  hidden: boolean;
+  color: ColorPaletteTypes | 'currentColor';
+  hoverColor: ColorPaletteTypes | 'currentColor';
   /**
    * Component States
    */
@@ -28,12 +29,17 @@ export declare class BcmIcon {
   faWrapperStyle: {
     [key: string]: any;
   };
+  setFaIconStyles(): {
+    '--bcm-icon-color': any;
+    '--bcm-icon-hover-color': any;
+    '--bcm-icon-font-size': string;
+  };
   /**
    * @desc
    * @param svgTemplate -
    * @returns {string | SVGElement}
    */
-  setIconColor(svgTemplate: string, setColor?: "default" | "black" | "white" | "prime-blue" | "prime-blue-1" | "prime-blue-2" | "prime-blue-3" | "prime-blue-5" | "prime-blue-6" | "prime-blue-7" | "prime-blue-8" | "prime-blue-9" | "prime-blue-10" | "grey" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "grey-10" | "blue" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "warmyellow" | "warmyellow-1" | "warmyellow-2" | "warmyellow-3" | "warmyellow-4" | "warmyellow-5" | "warmyellow-6" | "warmyellow-7" | "warmyellow-8" | "warmyellow-9" | "warmyellow-10" | "yellow" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "limegreen" | "limegreen-1" | "limegreen-2" | "limegreen-3" | "limegreen-4" | "limegreen-5" | "limegreen-6" | "limegreen-7" | "limegreen-8" | "limegreen-9" | "limegreen-10" | "red" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "darkorange" | "darkorange-1" | "darkorange-2" | "darkorange-3" | "darkorange-4" | "darkorange-5" | "darkorange-6" | "darkorange-7" | "darkorange-8" | "darkorange-9" | "darkorange-10" | "orange" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "green" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "turquosie" | "turquosie-1" | "turquosie-2" | "turquosie-3" | "turquosie-4" | "turquosie-5" | "turquosie-6" | "turquosie-7" | "turquosie-8" | "turquosie-9" | "turquosie-10" | "cobaltblue" | "cobaltblue-1" | "cobaltblue-2" | "cobaltblue-3" | "cobaltblue-4" | "cobaltblue-5" | "cobaltblue-6" | "cobaltblue-7" | "cobaltblue-8" | "cobaltblue-9" | "cobaltblue-10" | "magenta" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "purple" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "bc-red" | "bc-red-1" | "bc-red-2" | "bc-red-3" | "bc-red-4" | "bc-red-5" | "bc-red-6" | "bc-red-7" | "bc-red-8" | "bc-red-9" | "bc-blue" | "bc-blue-1" | "bc-blue-2" | "bc-blue-3" | "bc-blue-4" | "bc-blue-5" | "bc-blue-6" | "bc-blue-7" | "bc-blue-8" | "bc-blue-9" | "bc-green" | "bc-green-1" | "bc-green-2" | "bc-green-3" | "bc-green-4" | "bc-green-5" | "bc-green-6" | "bc-green-7" | "bc-green-8" | "bc-green-9" | "bc-orange" | "bc-orange-1" | "bc-orange-2" | "bc-orange-3" | "bc-orange-4" | "bc-orange-5" | "bc-orange-6" | "bc-orange-7" | "bc-orange-8" | "bc-orange-9" | "currentColor"): string;
+  setIconColor(svgTemplate: string, setColor?: "blue-6" | "red-6" | "warmyellow-6" | "green-6" | "prime-blue" | "default" | "black" | "white" | "prime-blue-1" | "prime-blue-2" | "prime-blue-3" | "prime-blue-4" | "prime-blue-5" | "prime-blue-6" | "prime-blue-7" | "prime-blue-8" | "prime-blue-9" | "prime-blue-10" | "grey" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "grey-10" | "blue" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "warmyellow" | "warmyellow-1" | "warmyellow-2" | "warmyellow-3" | "warmyellow-4" | "warmyellow-5" | "warmyellow-7" | "warmyellow-8" | "warmyellow-9" | "warmyellow-10" | "yellow" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "limegreen" | "limegreen-1" | "limegreen-2" | "limegreen-3" | "limegreen-4" | "limegreen-5" | "limegreen-6" | "limegreen-7" | "limegreen-8" | "limegreen-9" | "limegreen-10" | "red" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-7" | "red-8" | "red-9" | "red-10" | "darkorange" | "darkorange-1" | "darkorange-2" | "darkorange-3" | "darkorange-4" | "darkorange-5" | "darkorange-6" | "darkorange-7" | "darkorange-8" | "darkorange-9" | "darkorange-10" | "orange" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "green" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-7" | "green-8" | "green-9" | "green-10" | "turquosie" | "turquosie-1" | "turquosie-2" | "turquosie-3" | "turquosie-4" | "turquosie-5" | "turquosie-6" | "turquosie-7" | "turquosie-8" | "turquosie-9" | "turquosie-10" | "cobaltblue" | "cobaltblue-1" | "cobaltblue-2" | "cobaltblue-3" | "cobaltblue-4" | "cobaltblue-5" | "cobaltblue-6" | "cobaltblue-7" | "cobaltblue-8" | "cobaltblue-9" | "cobaltblue-10" | "magenta" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "purple" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "bc-red" | "bc-red-1" | "bc-red-2" | "bc-red-3" | "bc-red-4" | "bc-red-5" | "bc-red-6" | "bc-red-7" | "bc-red-8" | "bc-red-9" | "bc-blue" | "bc-blue-1" | "bc-blue-2" | "bc-blue-3" | "bc-blue-4" | "bc-blue-5" | "bc-blue-6" | "bc-blue-7" | "bc-blue-8" | "bc-blue-9" | "bc-green" | "bc-green-1" | "bc-green-2" | "bc-green-3" | "bc-green-4" | "bc-green-5" | "bc-green-6" | "bc-green-7" | "bc-green-8" | "bc-green-9" | "bc-orange" | "bc-orange-1" | "bc-orange-2" | "bc-orange-3" | "bc-orange-4" | "bc-orange-5" | "bc-orange-6" | "bc-orange-7" | "bc-orange-8" | "bc-orange-9" | "currentColor"): string;
   /**
    * @desc
    * @param svgTemplate
@@ -45,9 +51,8 @@ export declare class BcmIcon {
    * @returns {void}
    */
   setWrapperSize(): void;
-  /**
-   * @ComponentMethod
-   */
+  iconIsFa(icon: string): boolean;
+  faIconReplacePrefix(icon: string): string;
   componentWillRender(): void;
   handleMouseOver(): void;
   handleMouseOut(): void;

package/dist/types/components/atoms/label/label.d.ts

@@ -10,7 +10,6 @@ export declare class BcmLabel implements ComponentInterface {
   form: any;
   htmlFor: any;
   hidden: boolean;
-  type: StatusTypes | any;
-  tooltip: string;
+  type: StatusTypes;
   render(): any;
 }

package/dist/types/components/atoms/link/link.d.ts

@@ -1,7 +1,12 @@
+import { IconPositionTypes } from '../../../models/bcm-types';
 export declare class BcmLink {
+  hidden: boolean;
   href: string;
   target: string;
   icon: string;
-  hidden: boolean;
+  disabled: boolean;
+  iconPosition: IconPositionTypes;
+  handleOnClick(e: MouseEvent): void;
+  linkIsExternal(url: any): boolean;
   render(): any;
 }

package/dist/types/components/atoms/states/badge.states.d.ts

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

package/dist/types/components/atoms/states/button.states.d.ts

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

package/dist/types/components/atoms/tag/tag.d.ts

@@ -1,21 +1,23 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { ColorPaletteTypes } from '../../../global/variables/colors';
+import { ColorPaletteTypes, FontSizesTypes, TagTypes } from '../../../models/bcm-types';
 export declare class BcmTag {
   el: HTMLElement;
-  type: string;
-  size: number | string;
+  _id: string;
+  _internal_id: string;
+  hidden: boolean;
+  value: string;
+  type: TagTypes;
   checked: boolean;
   color: ColorPaletteTypes;
-  value: string;
-  hidden: boolean;
-  _id: string;
-  maxWidth: boolean;
   customStyle: any;
-  _internal_id: string;
+  itemObject: string;
+  size: FontSizesTypes | number;
+  change: EventEmitter;
+  tagDismissable: EventEmitter;
+  bcmTagSelect: EventEmitter;
+  closeFunc: Function;
+  selectFunc: Function;
   handleClick(): void;
-  checkedChange: EventEmitter<object>;
-  tagDissmisable: EventEmitter;
-  onCheckedChange(newValue: boolean, oldValue: boolean): void;
   getColor(color: any): {
     color: any;
     borderColor: any;
@@ -23,5 +25,6 @@ export declare class BcmTag {
   };
   getSize(size: any, returnNumber?: boolean): any;
   handleClose(): void;
+  handleChecked(): void;
   render(): any;
 }

package/dist/types/components/atoms/text/text.d.ts

@@ -1,7 +1,8 @@
+import { ColorPaletteTypes, FontSizesTypes, FontWeightTypes } from '../../../models/bcm-types';
 export declare class BcmText {
-  scale: string;
-  weight: 'regular' | 'semibold';
-  color: string;
   hidden: boolean;
+  size: FontSizesTypes;
+  weight: FontWeightTypes;
+  color: ColorPaletteTypes;
   render(): any;
 }

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

@@ -1,43 +1,21 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
 import { StatusProp, TypeProp } from './types';
-export declare class BcmAlert {
-  /**
-   * Component Element
-   */
+export declare class BcmAlert implements ComponentInterface {
   el: HTMLElement;
-  /**
-   * Component Properties
-   */
-  _title: string;
-  status?: StatusProp;
-  type?: TypeProp;
-  dissmisable?: string | boolean;
-  icon?: boolean;
-  bigIcon?: boolean;
-  fullWidth?: boolean;
   hidden: boolean;
-  /**
-   * Component States
-   */
-  hasSlot: boolean;
-  alertDissmisable: EventEmitter;
-  /**
-   * @ComponentMethod
-   */
-  componentDidRender(): void;
-  /**
-   * @desc
-   * @param isBigIcon
-   */
-  getIcon(isBigIcon?: boolean): any;
-  /**
-   * @desc
-   * @returns {BcmIcon|string}
-   */
-  getDismiss(): string;
-  /**
-   * @desc Removes component itself
-   */
+  _id: string;
+  message: any;
+  description: any;
+  status: StatusProp;
+  type: TypeProp;
+  dismissable: any;
+  icon: boolean;
+  bigIcon: boolean;
+  fullWidth: boolean;
+  alertdismissable: EventEmitter;
+  componentWillRender(): Promise<void> | void;
   dismiss(e: any): void;
+  getStateData(): import("../../../models/states/molecules/bcm-molecules-state").BcmMoleculesState.Alert;
+  setData(): void;
   render(): any;
 }

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

@@ -1,27 +1,14 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-interface DropdownType {
-  href?: string;
-  label?: string;
-  icon?: string;
-  target?: string;
-}
-export interface ItemType {
-  label?: string;
-  href?: string;
-  icon?: string;
-  target: string;
-  dropdown?: Array<DropdownType>;
-}
-export declare class BcmBreadcrumb {
-  host: HTMLElement;
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { ItemType } from './types';
+export declare class BcmBreadcrumb implements ComponentInterface {
+  el: HTMLElement;
   items: Array<ItemType>;
+  seperator: string;
   hidden: boolean;
-  isOpen: boolean;
+  isOpen: boolean | string;
   bcmBreadcrumb: EventEmitter;
-  handleClickOutside(e: MouseEvent): void;
-  handleOpen(): void;
-  handleItemClick(item: any): void;
-  decideRender(item: ItemType, isLast: boolean): any;
+  handleClickOutside(e: any): void;
+  handleOpen(id: any): void;
+  parseItem(item: ItemType, index: any): ItemType;
   render(): any;
 }
-export {};

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

@@ -0,0 +1,10 @@
+export interface ItemType {
+  index?: number;
+  id?: string;
+  label?: string;
+  href?: string;
+  icon?: string;
+  target: string;
+  child?: boolean;
+  dropdown?: Array<ItemType>;
+}

package/dist/types/components/molecules/checkbox/checkbox-lite.d.ts

@@ -1,29 +1,14 @@
-export declare class BcmCheckboxLite {
-  /**
-   * Private variables
-   */
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { IndeterminateTypes, StatusTypes } from '../../../models/bcm-types';
+export declare class BcmCheckboxLite implements ComponentInterface {
   el: HTMLElement;
-  /**
-   * Component Properties
-   */
-  value: any;
-  name: string;
+  _id: string;
   checked: boolean;
-  indeterminate: boolean;
+  indeterminate: IndeterminateTypes;
   disabled: boolean;
-  readOnly: boolean;
   hidden: boolean;
   required: boolean;
-  noCaption: boolean;
-  caption: string;
-  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  componentWillUpdate(): void;
-  componentDidUpdate(): void;
+  readOnly: boolean;
+  captionType: StatusTypes;
   render(): any;
 }