bromcom-ui 2.9.0-rc.0 → 2.9.0-rc.10

package/dist/types/components/molecules/input-dropdown/input-dropdown.d.ts

@@ -0,0 +1,55 @@
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+declare class InputDropdownData {
+  key?: string;
+  value?: string;
+  color?: string;
+}
+export declare class InputDropdown implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  value: any;
+  defaultValue: any;
+  lateKey: string;
+  maxCharacterLimit: number;
+  size: SizeTypes;
+  label: string;
+  placeholder: string;
+  fullWidth: boolean;
+  disabled: boolean;
+  required: boolean;
+  readonly: boolean;
+  componentIsActive: boolean;
+  data: InputDropdownData[];
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  customErrorMessage: string;
+  change: EventEmitter;
+  onChangeDropdown: EventEmitter;
+  invalid: boolean;
+  captionCache: string;
+  captionTypeCache: any;
+  activeSaveButton: boolean;
+  lateMinutes: number;
+  private _input;
+  private get content();
+  private get lateContent();
+  private get isLate();
+  private onCloseMainContent;
+  private onCloseLateContent;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  set(data: InputDropdownData[]): Promise<void>;
+  get(): Promise<any>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  clickListener(e: any): void;
+  private handleInput;
+  private handleKeyPress;
+  private onClick;
+  private onClickSave;
+  render(): any;
+}
+export {};

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

@@ -15,6 +15,7 @@ export declare class BcmLinked implements ComponentInterface {
   isMouseOverLink: boolean;
   private timeoutId;
   private target;
+  private detectClone;
   private dismissEvent;
   private checkDataDismiss;
   private hideChildLinked;

package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts

@@ -316,6 +316,7 @@ export declare class BcmDatetimePicker implements ComponentInterface {
    *
    */
   getValueText(): string;
+  parseDate(input: any): Date | "invalid date";
   /**
    * @desc
    * @param dateStr

package/dist/types/components/third-parts/rc-picker/date.d.ts

@@ -0,0 +1,46 @@
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmDate implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  name: string;
+  value: any;
+  label: string;
+  placeholder: string;
+  size: SizeTypes;
+  fullWidth: boolean;
+  required: boolean;
+  clearable: boolean;
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  type: "time" | "date" | "week" | "month" | "year";
+  format: string;
+  showTime: boolean;
+  showToday: boolean;
+  showNow: boolean;
+  change: EventEmitter;
+  onChange: (e: any) => void;
+  getValueObject: (value: any) => {
+    isValid: boolean;
+    date: Date;
+    timestamp: number;
+    dateObject: {
+      year: number;
+      day: number;
+      month: number;
+      dayOfWeek: number;
+      monthFirstDay: number;
+    };
+    value: string;
+  };
+  getValue(): Promise<string>;
+  get(): Promise<number>;
+  set(value: any): Promise<void>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  getInput(): Promise<HTMLInputElement>;
+  isValid(): Promise<boolean>;
+  render(): any;
+}

package/dist/types/components/third-parts/rc-picker/rc-picker.d.ts

@@ -0,0 +1,20 @@
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import type { Moment } from "moment";
+export declare class BcmRcPicker implements ComponentInterface {
+  el: HTMLElement;
+  val: any;
+  type: "time" | "date" | "week" | "month" | "year";
+  format: string;
+  placeholder: string;
+  showTime: any;
+  showToday: any;
+  showNow: any;
+  clearable: boolean;
+  bcmRCPickerChange: EventEmitter;
+  defaultValue: any;
+  newValue: any;
+  setValue(newValue: Moment): void;
+  handleChange(newValue: Moment | null): void;
+  watchValue(val: any): void;
+  componentDidRender(): void;
+}

package/dist/types/components/third-parts/table/table-definations.d.ts

@@ -0,0 +1,28 @@
+declare const ExportTypes: {
+  csv: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  xls: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  pdf: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+};
+declare const tableOptions: {
+  overlayNoRowsTemplate: string;
+  defaultColDef: {
+    flex: number;
+  };
+  animateRows: boolean;
+};
+export { ExportTypes, tableOptions };

package/dist/types/components/third-parts/table/table.d.ts

@@ -0,0 +1,37 @@
+import { Bcm } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+import { GridOptions } from "ag-grid-enterprise";
+export declare class BcmTable implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  gridOptions: GridOptions;
+  extensions: string;
+  height: string;
+  showToolbar: boolean;
+  showFooter: boolean;
+  toolBarConfig: Bcm.ToolBarButtonProps;
+  agGrid: any;
+  columns: any;
+  fileTypes: any[];
+  isReady: boolean;
+  footerOptions: {
+    statusBar: {
+      statusPanels: ({
+        statusPanel: string;
+        align: string;
+      } | {
+        statusPanel: string;
+        align?: undefined;
+      })[];
+    };
+  };
+  private get grid();
+  componentDidLoad(): void;
+  private initGrid;
+  private initToolbar;
+  private handleColumnVisible;
+  private handleFileType;
+  private handleSearch;
+  watchHandler(newValue: GridOptions, oldValue: GridOptions): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -6,9 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-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 { Bcm, DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
 import { ItemType } from "./components/molecules/breadcrumb/types";
+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 { VariantProp } from "./components/atoms/button/types";
 import { Type } from "./components/organism/datetime-picker/types";
 import { SizeProp } from "./components/molecules/error-layout/types";
@@ -19,6 +19,7 @@ import { ColorPaletteTypes } from "./global/variables/colors";
 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 { GridOptions } from "ag-grid-enterprise";
 import { ResizeTypes } from "./components/molecules/textarea/types";
 import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
@@ -57,8 +58,9 @@ export namespace Components {
     interface BcmAvatar {
         "_id": string;
         "alt": string;
-        "color": any;
-        "hidden": boolean;
+        "blink": boolean;
+        "color": string;
+        "icon": string;
         "image": string;
         "name": string;
         "shape": ShapeTypes;
@@ -67,12 +69,10 @@ export namespace Components {
     }
     interface BcmBadge {
         "_id": string;
-        "_slot": any;
         "blink": boolean;
         "color": any;
-        "hidden": boolean;
-        "size": SizeTypes1;
-        "status": StatusTypes1;
+        "size": SizeTypes;
+        "status": StatusTypes;
         "value": string;
     }
     interface BcmBox {
@@ -209,6 +209,7 @@ export namespace Components {
         "name": string;
         "noCaption": boolean;
         "required": boolean;
+        "size": "small" | "medium" | "large";
         "value": any;
     }
     interface BcmCollapse {
@@ -260,6 +261,33 @@ export namespace Components {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "clearable": boolean;
+        "format": string;
+        "fullWidth": boolean;
+        "get": () => Promise<number>;
+        "getInput": () => Promise<HTMLInputElement>;
+        "getValue": () => Promise<string>;
+        "isValid": () => Promise<boolean>;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "showNow": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "value": any;
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -540,6 +568,30 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmInputDropdown {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "customErrorMessage": string;
+        "data": InputDropdownData[];
+        "defaultValue": any;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "label": string;
+        "lateKey": string;
+        "maxCharacterLimit": number;
+        "noCaption": boolean;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: InputDropdownData[]) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes;
+        "value": any;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -994,6 +1046,16 @@ export namespace Components {
         "data": [];
         "maxCount": number | "responsive" | "invalidate";
     }
+    interface BcmRcPicker {
+        "clearable": boolean;
+        "format": string;
+        "placeholder": string;
+        "showNow": any;
+        "showTime": any;
+        "showToday": any;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "val": any;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1208,7 +1270,13 @@ export namespace Components {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions": Object;
+        "_id": string;
+        "extensions": string;
+        "gridOptions": GridOptions;
+        "height": string;
+        "showFooter": boolean;
+        "showToolbar": boolean;
+        "toolBarConfig": Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "active": (id: any) => Promise<void>;
@@ -1534,6 +1602,10 @@ export interface BcmColorpickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmColorpickerElement;
 }
+export interface BcmDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDateElement;
+}
 export interface BcmDatetimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmDatetimePickerElement;
@@ -1562,6 +1634,10 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
+export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInputDropdownElement;
+}
 export interface BcmItemsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmItemsElement;
@@ -1638,6 +1714,10 @@ export interface BcmRcOverflowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRcOverflowElement;
 }
+export interface BcmRcPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRcPickerElement;
+}
 export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSearchElement;
@@ -1831,6 +1911,12 @@ declare global {
         prototype: HTMLBcmContentElement;
         new (): HTMLBcmContentElement;
     };
+    interface HTMLBcmDateElement extends Components.BcmDate, HTMLStencilElement {
+    }
+    var HTMLBcmDateElement: {
+        prototype: HTMLBcmDateElement;
+        new (): HTMLBcmDateElement;
+    };
     interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
     }
     var HTMLBcmDatePickerElement: {
@@ -1921,6 +2007,12 @@ declare global {
         prototype: HTMLBcmInputCustomElement;
         new (): HTMLBcmInputCustomElement;
     };
+    interface HTMLBcmInputDropdownElement extends Components.BcmInputDropdown, HTMLStencilElement {
+    }
+    var HTMLBcmInputDropdownElement: {
+        prototype: HTMLBcmInputDropdownElement;
+        new (): HTMLBcmInputDropdownElement;
+    };
     interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
     }
     var HTMLBcmItemElement: {
@@ -2089,6 +2181,12 @@ declare global {
         prototype: HTMLBcmRcOverflowElement;
         new (): HTMLBcmRcOverflowElement;
     };
+    interface HTMLBcmRcPickerElement extends Components.BcmRcPicker, HTMLStencilElement {
+    }
+    var HTMLBcmRcPickerElement: {
+        prototype: HTMLBcmRcPickerElement;
+        new (): HTMLBcmRcPickerElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2310,6 +2408,7 @@ declare global {
         "bcm-colorful": HTMLBcmColorfulElement;
         "bcm-colorpicker": HTMLBcmColorpickerElement;
         "bcm-content": HTMLBcmContentElement;
+        "bcm-date": HTMLBcmDateElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
         "bcm-default": HTMLBcmDefaultElement;
@@ -2325,6 +2424,7 @@ declare global {
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
         "bcm-input-custom": HTMLBcmInputCustomElement;
+        "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
         "bcm-items": HTMLBcmItemsElement;
         "bcm-label": HTMLBcmLabelElement;
@@ -2353,6 +2453,7 @@ declare global {
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
+        "bcm-rc-picker": HTMLBcmRcPickerElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -2424,8 +2525,9 @@ declare namespace LocalJSX {
     interface BcmAvatar {
         "_id"?: string;
         "alt"?: string;
-        "color"?: any;
-        "hidden"?: boolean;
+        "blink"?: boolean;
+        "color"?: string;
+        "icon"?: string;
         "image"?: string;
         "name"?: string;
         "shape"?: ShapeTypes;
@@ -2434,12 +2536,10 @@ declare namespace LocalJSX {
     }
     interface BcmBadge {
         "_id"?: string;
-        "_slot"?: any;
         "blink"?: boolean;
         "color"?: any;
-        "hidden"?: boolean;
-        "size"?: SizeTypes1;
-        "status"?: StatusTypes1;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
         "value"?: string;
     }
     interface BcmBox {
@@ -2574,6 +2674,7 @@ declare namespace LocalJSX {
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmChipGroupCustomEvent<any>) => void;
         "required"?: boolean;
+        "size"?: "small" | "medium" | "large";
         "value"?: any;
     }
     interface BcmCollapse {
@@ -2629,6 +2730,27 @@ declare namespace LocalJSX {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "clearable"?: boolean;
+        "format"?: string;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmDateCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "showNow"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "value"?: any;
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2841,6 +2963,28 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmInputDropdown {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "customErrorMessage"?: string;
+        "data"?: InputDropdownData[];
+        "defaultValue"?: any;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "lateKey"?: string;
+        "maxCharacterLimit"?: number;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "onBcm-input-dropdown-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes;
+        "value"?: any;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -3279,6 +3423,17 @@ declare namespace LocalJSX {
         "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
         "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
     }
+    interface BcmRcPicker {
+        "clearable"?: boolean;
+        "format"?: string;
+        "onBcmRCPickerChange"?: (event: BcmRcPickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "showNow"?: any;
+        "showTime"?: any;
+        "showToday"?: any;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "val"?: any;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3480,7 +3635,13 @@ declare namespace LocalJSX {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions"?: Object;
+        "_id"?: string;
+        "extensions"?: string;
+        "gridOptions"?: GridOptions;
+        "height"?: string;
+        "showFooter"?: boolean;
+        "showToolbar"?: boolean;
+        "toolBarConfig"?: Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "direction"?: DirectionProp;
@@ -3756,6 +3917,7 @@ declare namespace LocalJSX {
         "bcm-colorful": BcmColorful;
         "bcm-colorpicker": BcmColorpicker;
         "bcm-content": BcmContent;
+        "bcm-date": BcmDate;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
         "bcm-default": BcmDefault;
@@ -3771,6 +3933,7 @@ declare namespace LocalJSX {
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
         "bcm-input-custom": BcmInputCustom;
+        "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
         "bcm-items": BcmItems;
         "bcm-label": BcmLabel;
@@ -3799,6 +3962,7 @@ declare namespace LocalJSX {
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
         "bcm-rc-overflow": BcmRcOverflow;
+        "bcm-rc-picker": BcmRcPicker;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -3860,6 +4024,7 @@ declare module "@stencil/core" {
             "bcm-colorful": LocalJSX.BcmColorful & JSXBase.HTMLAttributes<HTMLBcmColorfulElement>;
             "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
             "bcm-content": LocalJSX.BcmContent & JSXBase.HTMLAttributes<HTMLBcmContentElement>;
+            "bcm-date": LocalJSX.BcmDate & JSXBase.HTMLAttributes<HTMLBcmDateElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
             "bcm-default": LocalJSX.BcmDefault & JSXBase.HTMLAttributes<HTMLBcmDefaultElement>;
@@ -3875,6 +4040,7 @@ declare module "@stencil/core" {
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
+            "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
             "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
@@ -3903,6 +4069,7 @@ declare module "@stencil/core" {
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
+            "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/dist/types/decorators/bcm-decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare function BcmComponent(): (target: ComponentInterface, _propertyKey: string) => void;

package/dist/types/decorators/index.d.ts

@@ -2,3 +2,4 @@ export * from './id-decorator';
 export * from './is-load-decorator';
 export * from './json-parse-decarator';
 export * from './property-decorators';
+export * from './bcm-decorator';

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

@@ -7,10 +7,30 @@ export declare class ColorHelper {
   static isVariable: (str: string) => boolean;
   static extractVariable: (str: string) => string;
   static convertColorToHex: (color: string) => any;
-  static reverseColor: (color: string) => "#475569" | "#f8fafc";
+  static reverseColor: (color: string) => "#334155" | "#fff";
   static dsColor: (color: string) => string;
   static getTwColorToHex: (colorName: string) => any;
   static getTwColor: (colorName: string, checkTw?: boolean) => any;
   static twColor: (colorName: string, tone?: string | number) => string;
-  static twColorReverse: (color: string) => "#475569" | "#f8fafc";
+  static twColorReverse: (color: string) => "#334155" | "#fff";
+  /**
+   * @param color - color string in format of `colorName-tone` or `colorName` (default tone is 600)
+   * @return `{ tone: number, colorName: string }`
+   * @description
+   * Parse color string to get color name and tone
+   * @example
+   * parseColor("red-500") // { tone: 500, colorName: "red" }
+   * parseColor("red") // { tone: 600, colorName: "red" }
+   * parseColor(null) // { tone: null, colorName: null }
+   */
+  static parseColor(color: any, defaultTone?: number): {
+    tone: number;
+    colorName: any;
+  };
+  /**
+   * @param object
+   * @return string
+   * @description Convert style object to string
+   */
+  static generateStyleString: (obj: any) => string;
 }