bromcom-ui 2.7.37-rc.1 → 2.7.37-rc.2

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

@@ -0,0 +1,32 @@
+import { StatusProp } from './types';
+export declare class BcmMessage {
+  /**
+   * Component Element
+   */
+  el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  status?: StatusProp;
+  fullWidth?: boolean;
+  loading?: boolean;
+  isShow: boolean;
+  hidden: boolean;
+  /**
+   * @desc
+   */
+  getIcon(): any;
+  /**
+   * @desc Removes component itself
+   */
+  dismiss(): void;
+  /**
+   * @desc
+   */
+  hide(): Promise<void>;
+  /**
+   * @desc
+   */
+  show(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * 'status' prop predefined values
+ */
+export declare enum StatusProps {
+  info = "info",
+  error = "error",
+  warning = "warning",
+  success = "success"
+}
+/**
+ * 'status' prop types
+ */
+export declare type StatusProp = keyof typeof StatusProps;

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

@@ -0,0 +1,26 @@
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { FullSizeTypes } from '../../../models/bcm-types';
+export declare class BcmModal implements ComponentInterface {
+  el: HTMLElement;
+  modalSlots: {};
+  _id: string;
+  isShow: boolean;
+  hidden: boolean;
+  size: FullSizeTypes;
+  backdrop: boolean | 'static';
+  width: string;
+  height: string;
+  fullWidth: boolean;
+  beforeOpen: EventEmitter;
+  beforeClose: EventEmitter;
+  close: EventEmitter;
+  connectedCallback(): void;
+  handleSubmit(e: any): void;
+  handleBackdrop(): void;
+  hide(): Promise<void>;
+  show(): Promise<void>;
+  keyboardNavigation(e: any): void;
+  _openHandler(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TypeProp } from './types';
+export declare class BcmNotification {
+  /**
+   * Component Element
+   */
+  el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  _title: string;
+  status?: TypeProp;
+  confirmText: any;
+  isShow: boolean;
+  hidden: boolean;
+  /**
+   * Component Events
+   */
+  confirm: EventEmitter;
+  /**
+   * @desc
+   * @returns {BcmOldIcon}
+   */
+  getIcon(): any;
+  /**
+   * @desc Removes component itself
+   */
+  dismiss(): void;
+  /**
+   * @desc Removes component itself
+   */
+  handleConfirm(): void;
+  /**
+   * @desc
+   */
+  hide(): Promise<void>;
+  /**
+   * @desc
+   */
+  show(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,14 @@
+/**
+ * 'type' prop predefined values
+ */
+export declare enum TypeProps {
+  info = "info",
+  error = "error",
+  warning = "warning",
+  success = "success",
+  default = "default"
+}
+/**
+ * 'type' prop types
+ */
+export declare type TypeProp = keyof typeof TypeProps;

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

@@ -0,0 +1,29 @@
+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;
+  okeyText: string;
+  placement: any;
+  open: boolean;
+  hidden: boolean;
+  _internal_id: string;
+  placement_string: any;
+  onConfirm: EventEmitter;
+  onCancel: EventEmitter;
+  onShow: EventEmitter;
+  getPopconfirm(): any;
+  handleClickOutside(e: any): void;
+  showHandler(e: any): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
+  componentWillRender(): void;
+  calculateLocation(): void;
+  setPlacementString(placement: any): void;
+  handleConfirm(): void;
+  handleCancel(): void;
+  render(): any;
+}

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

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { PlacementTypes, TrigglerTypes } from '../../../models/bcm-types';
+export declare class BcmPopconfirm {
+  el: HTMLElement;
+  _id: string;
+  message: string;
+  status: 'warning' | 'error';
+  cancelText: string;
+  okeyText: string;
+  placement: PlacementTypes;
+  trigger: TrigglerTypes;
+  open: boolean;
+  hidden: boolean;
+  onShow: EventEmitter;
+  onHide: EventEmitter;
+  onConfirm: EventEmitter;
+  onCancel: EventEmitter;
+  show(): Promise<void>;
+  hide(): Promise<void>;
+  createBox(): Promise<void>;
+  getPopconfirmBox(): any;
+  showBox(): void;
+  hideBox(): void;
+  listenTrigger(event: any): void;
+  onBcmConfirm(e: any): void;
+  onBcmCancel(e: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,20 @@
+import { Popover } from '@bcm/helpers';
+import { PlacementTypes, TrigglerTypes } from '@bcm/model';
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmPopover implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  message: string;
+  content: string;
+  placement: PlacementTypes;
+  trigger: TrigglerTypes;
+  open: boolean;
+  color: string;
+  popover: Popover;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
+  toggle(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,25 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmProgress implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  value: number;
+  max: number;
+  size: "small" | "medium";
+  type: "line" | "line-rounded" | "circle";
+  info: "value-max" | "value" | "percent" | "icon";
+  error: boolean;
+  hidden: boolean;
+  fullWidth: boolean;
+  color: string;
+  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>;
+  set(percent: number): Promise<void>;
+  handlePercent(percent: any, process?: "increment" | "decrement" | "set"): void;
+  getIcon(type?: "circle" | "line"): any;
+  render(): any;
+}

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,54 @@
+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 implements ComponentInterface {
+  _id: string;
+  el: HTMLElement;
+  value: string | number;
+  direction: DirectionTypes;
+  items: Array<object> | OptionType[] | string;
+  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';
+  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>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  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;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,29 @@
+/**
+ * 'color' prop predefined values
+ */
+export declare enum ColorProps {
+  'black' = "black",
+  'white' = "white",
+  'prime-blue' = "prime-blue",
+  'grey' = "grey",
+  'blue' = "blue",
+  'warmyellow' = "warmyellow",
+  'yellow' = "yellow",
+  'limegreen' = "limegreen",
+  'red' = "red",
+  'darkorange' = "darkorange",
+  'orange' = "orange",
+  'green' = "green",
+  'turquosie' = "turquosie",
+  'cobaltblue' = "cobaltblue",
+  'magenta' = "magenta",
+  'purple' = "purple",
+  'bc-red' = "bc-red",
+  'bc-blue' = "bc-blue",
+  'bc-green' = "bc-green",
+  'bc-orange' = "bc-orange"
+}
+/**
+ * 'color' prop types
+ */
+export declare type ColorProp = keyof typeof ColorProps;

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<void>;
+  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

@@ -0,0 +1,13 @@
+import { statusType } from './types';
+export declare class BcmResult {
+  el: HTMLElement;
+  status: statusType;
+  heading: string;
+  description: string;
+  hidden: boolean;
+  footerArea: boolean;
+  footerHtml: string;
+  getIcon(): any;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,19 @@
+export declare const statuses: {
+  success: {
+    icon: string;
+    color: string;
+  };
+  info: {
+    icon: string;
+    color: string;
+  };
+  warning: {
+    icon: string;
+    color: string;
+  };
+  error: {
+    icon: string;
+    color: string;
+  };
+};
+export declare type statusType = keyof typeof statuses;

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

@@ -0,0 +1,35 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { SizeTypes } from '../../../models/bcm-types';
+export declare class BcmSearch implements ComponentInterface {
+  el: HTMLElement;
+  inputElement: HTMLInputElement;
+  _id: string;
+  placeholder: string;
+  disabled: boolean;
+  readonly: boolean;
+  clearable: boolean;
+  size: SizeTypes;
+  limit: number;
+  searchIsOnlyChilds: boolean;
+  data: any;
+  tick: {};
+  isActiveClearable: boolean;
+  bcmOnSearch: EventEmitter;
+  bcmOnSearchClear: 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>;
+  setValue(newValue: any): Promise<void>;
+  handleFocus(): void;
+  handleBlur(): void;
+  handleChange(): void;
+  handleClear(eventEmit?: boolean): Promise<void>;
+  onSearchValue(event: any, instance: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,8 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmSkeleton implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  loading: boolean;
+  componentDidLoad(): void;
+  render(): any;
+}

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;

package/dist/types/components/molecules/states/checkbox-group.states.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+  setValue: ({ fullWidth, optionType, buttonStyle, size, defaultCheckedItems, el, id, label, required, captionType, hidden, direction, childs, indeterminate, gap, noCaption, }: {
+    fullWidth: any;
+    optionType: any;
+    buttonStyle: any;
+    size: any;
+    defaultCheckedItems: any;
+    el: any;
+    id: any;
+    label: any;
+    required: any;
+    captionType: any;
+    hidden: any;
+    direction: any;
+    childs: any;
+    indeterminate: any;
+    gap: any;
+    noCaption: any;
+  }) => Promise<void>;
+  getValue: (id: any, name?: any) => any;
+  setCheckedItems: (id: any, items: any, checked: any, reset?: any) => void;
+  getCheckedList: (id: any) => any;
+  getProperty: (id: any) => any;
+  setClear: (id: any) => void;
+  resetCaption: (id: any) => void;
+  onChange: (obj: any) => void;
+  getStatesKeys: (id: any) => string[];
+  state: {
+    group: Map<string, {
+      fullWidth: any;
+      optionType: any;
+      buttonStyle: any;
+      size: any;
+      defaultCheckedItems: any;
+      label: any;
+      required: any;
+      captionType: any;
+      hidden: any;
+      direction: any;
+      childs: any;
+      indeterminate: any;
+      indeterminateState: any;
+      gap: any;
+      noCaption: any;
+    }>;
+    allChecked: boolean;
+    allUnchecked: boolean;
+    changeInderminate: Object;
+  };
+  removeState: (id: any) => Promise<boolean>;
+  changeIndeterminate: (id: any) => void;
+};
+export default _default;

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

@@ -0,0 +1,48 @@
+declare const _default: {
+  setValue: ({ fullWidth, optionType, buttonStyle, size, disabled, defaultCheckedItems, el, id, label, required, captionType, hidden, direction, childs, gap, name, noCaption, }: {
+    fullWidth: any;
+    optionType: any;
+    buttonStyle: any;
+    size: any;
+    disabled: any;
+    defaultCheckedItems: any;
+    el: any;
+    id: any;
+    label: any;
+    required: any;
+    captionType: any;
+    hidden: any;
+    direction: any;
+    childs: any;
+    gap: any;
+    name: any;
+    noCaption: any;
+  }) => Promise<void>;
+  getValue: (id: any) => string;
+  setCheckedItem: (id: any, itemId: any, checked: any) => void;
+  getProperty: (id: any) => any;
+  setClear: (id: any) => void;
+  removeState: (id: any) => Promise<boolean>;
+  resetCaption: (id: any) => void;
+  state: {
+    group: Map<string, {
+      fullWidth: any;
+      optionType: any;
+      buttonStyle: any;
+      size: any;
+      disabled: any;
+      defaultCheckedItems: any;
+      label: any;
+      required: any;
+      captionType: any;
+      hidden: any;
+      direction: any;
+      childs: any;
+      gap: any;
+      noCaption: any;
+      name: any;
+    }>;
+    onChange: Object;
+  };
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import BcmMoleculesState from '../../../models/states/molecules/bcm-molecules-state';
+declare const _default: {
+  setValue: (val: any) => void;
+  removeValue: (_id: any) => void;
+  getValue: (id: any) => BcmMoleculesState.BcmSearchModel;
+  getDataPagination: (id: any, limit?: number) => any[];
+  searchData: (id: any, searchText: any, items?: any) => {
+    result: any;
+    matching: any;
+    parentIndex: any;
+    nestedResult: any;
+  };
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+import BcmMoleculesState from '../../../models/states/molecules/bcm-molecules-state';
+declare const _default: {
+  removeState: (_id: any) => void;
+  getValue: (id: any) => BcmMoleculesState.BcmStepperModel;
+  setValue: (val: any) => void;
+  changeActiveStep: (id: any, index: any) => void;
+  getActiveIndex: (id: any) => any;
+  changeStepStatus: (id: any, stepId: any, status: any) => void;
+  changeStepDisabled: (id: any, stepId: any, disabled: any) => void;
+  stepperReset: (id: any) => void;
+  setActiveIndex: (id: any, index: any) => any;
+};
+export default _default;

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

@@ -0,0 +1,25 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmStep implements ComponentInterface {
+  el: HTMLElement;
+  hidden: boolean;
+  _id: string;
+  _title: string;
+  description: string;
+  status: 'default' | 'success' | 'warning' | 'error';
+  icon: string;
+  loading: boolean;
+  valid: boolean;
+  index: number;
+  active: boolean;
+  htmlTemplate: string;
+  isLast: boolean;
+  disabled: boolean;
+  dataIsLoaded: EventEmitter;
+  bcmChangeHidden: EventEmitter;
+  componentDidLoad(): void;
+  getStepper(): HTMLBcmStepperElement;
+  activeChanged(): void;
+  statusChange(): void;
+  hiddenChange(newValue: any, oldValue: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,34 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { DirectionTypes, SizeTypes } from '../../../models/bcm-types';
+export declare class BcmStepper implements ComponentInterface {
+  el: HTMLElement;
+  hidden: boolean;
+  _id: string;
+  direction: DirectionTypes;
+  linear: boolean;
+  size: SizeTypes;
+  icon: boolean;
+  active: number;
+  data: any[];
+  tick: {};
+  bcmStepChange: EventEmitter;
+  dataChanged(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private initState;
+  componentDidRender(): void;
+  setSteps(steps: any): void;
+  markForCheck(): void;
+  handleChangeBcmHidden(): void;
+  private getActiveIndex;
+  private getSlotElements;
+  onStepChange(index?: any): Promise<any>;
+  prev(): Promise<any>;
+  next(idx?: number): Promise<any>;
+  setActive(index: number): Promise<void>;
+  reset(): Promise<any>;
+  getCurrentStep(): Promise<any>;
+  getSteps(): Promise<any[]>;
+  private getItems;
+  render(): any;
+}