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

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

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+export declare class BcmSwitch {
+  inputElement: HTMLInputElement;
+  el: HTMLElement;
+  /** Props **/
+  _id: string;
+  _internal_id: string;
+  checked: boolean;
+  hidden: boolean;
+  value: boolean;
+  name: string;
+  disabled: boolean;
+  required: boolean;
+  size: SizeTypes;
+  readonly: boolean;
+  activeIcon: string;
+  activeText: string;
+  inactiveIcon: string;
+  inactiveText: string;
+  pending: boolean;
+  label: string;
+  labelPosition: 'top' | 'left' | 'right';
+  tooltip: string;
+  caption: string;
+  noCaption: boolean;
+  captionError: string;
+  captionType: StatusTypes;
+  captionCache: string;
+  captionTypeCache: any;
+  change: EventEmitter;
+  focus: EventEmitter;
+  blur: EventEmitter;
+  connectedCallback(): void;
+  handleChange(): void;
+  componentWillRender(): void;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  set(data: any): Promise<void>;
+  check(uncheck?: boolean): Promise<void>;
+  get(): Promise<boolean>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  handleKeyUp(ev: any): boolean;
+  render(): any;
+}

package/dist/types/components/molecules/tab-group/tab-group.d.ts

@@ -0,0 +1,18 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { SizeTypes } from '../../../models/bcm-types';
+export declare class BcmTabGroup implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  active: string;
+  color: string;
+  size: SizeTypes;
+  tabChange: EventEmitter;
+  headerItems: any[];
+  connectedCallback(): void;
+  private tabItems;
+  handleTabClick(index: any): void;
+  componentDidLoad(): void;
+  setActive(index: number): Promise<void>;
+  inkBarControl(): void;
+  render(): any;
+}

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

@@ -0,0 +1,53 @@
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+import { ResizeTypes } from './types';
+export declare class BcmTextarea implements ComponentInterface {
+  el: HTMLElement;
+  /** Props **/
+  _id: string;
+  _internal_id: string;
+  hidden: boolean;
+  textarea: HTMLTextAreaElement;
+  value: string;
+  placeholder: string;
+  label: string;
+  name: string;
+  required: boolean;
+  caption: string;
+  noCaption: boolean;
+  captionError: string;
+  captionType: StatusTypes;
+  rows: number;
+  size: SizeTypes;
+  disabled: boolean;
+  readonly: boolean;
+  clearable: boolean;
+  resize: ResizeTypes | any;
+  fullWidth: boolean;
+  maxLength: number;
+  focused: boolean;
+  captionCache: string;
+  captionTypeCache: any;
+  focus: EventEmitter;
+  blur: EventEmitter;
+  clear: EventEmitter;
+  change: EventEmitter;
+  input: EventEmitter;
+  connectedCallback(): void;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  onBcmSelect(): Promise<void>;
+  set(data: any): Promise<void>;
+  get(): Promise<string>;
+  setValue(value: any): Promise<any>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  getValue(): Promise<string>;
+  watchValue(): void;
+  handleFocus(): void;
+  handleBlur(): void;
+  handleChange(): void;
+  handleInput(): void;
+  handleClear(e: MouseEvent): void;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+export declare enum ResizeType {
+  none = "none",
+  both = "both",
+  horizontal = "horizontal",
+  vertical = "vertical",
+  initial = "initial",
+  inherit = "inherit"
+}
+export declare type ResizeTypes = keyof typeof ResizeType;

package/dist/types/components/molecules/timeline/timeline-item.d.ts

@@ -0,0 +1,16 @@
+export declare class BcmTimelineItem {
+  /**
+   * Component Element
+   */
+  el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  even: boolean;
+  first: boolean;
+  last: boolean;
+  icon: string;
+  timelineType: 'left' | 'right' | 'alternate';
+  hidden: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,25 @@
+export declare class BcmTimeline {
+  /**
+   * Component Element
+   */
+  el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  icon: string;
+  type: 'left' | 'right' | 'alternate';
+  hidden: boolean;
+  /**
+   * Component States
+   */
+  items: HTMLElement[];
+  /**
+   * @StencilMethod
+   */
+  componentDidRender(): void;
+  /**
+  * @StencilMethod
+  */
+  componentWillRender(): void;
+  render(): any;
+}

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

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

package/dist/types/components/organism/autocomplete/autocomplete.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmAutocomplete {
+  el: HTMLElement;
+  private bcmListbox;
+  objectMapping: object;
+  searchFields: Array<string>;
+  _items: Array<object> | string;
+  fullWidth: boolean;
+  hidden: boolean;
+  searchText: string;
+  returnField: string;
+  searchSub: string;
+  searchPlaceholder: string;
+  inputLength: Number;
+  isOpen: boolean;
+  resultFound: boolean;
+  searchData: any;
+  searchResults: any;
+  items: Array<object>;
+  autocompleteItemSelected: EventEmitter;
+  config(_config: Array<object>): Promise<void>;
+  setData(_data?: Array<object> | string): Promise<void>;
+  /**
+   * @desc
+   */
+  handleListboxClearSelected(e: any): Promise<void>;
+  listenSearchValue(e: any): void;
+  listenSearchResult(e: any): Promise<void>;
+  handleClickOutside(e: MouseEvent): void;
+  render(): any;
+}

package/dist/types/components/organism/colorpicker/colorpicker.d.ts

@@ -0,0 +1,176 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmColorPicker {
+  private initialized;
+  private setColorBeforeInitialized;
+  private inputElement;
+  private colorDragger;
+  private colorElement;
+  private colorIndicatorElement;
+  private colorsDragger;
+  private colorsElement;
+  private colorsIndicatorElement;
+  el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  _color: string;
+  open: boolean;
+  value: string;
+  label: string;
+  size: 'small' | 'medium' | 'large';
+  noCaption: boolean;
+  caption: string;
+  captionError: string;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  fullWidth: boolean;
+  disabled: boolean;
+  hidden: boolean;
+  required: boolean;
+  tooltip: string;
+  /**
+   * Component States
+   */
+  h: number;
+  s: number;
+  v: number;
+  a: number;
+  selectedH: number;
+  selectedS: number;
+  selectedV: number;
+  selectedA: number;
+  color: {
+    rgba: string;
+    hex: string;
+  };
+  inputValue: string;
+  mouseState: 'up' | 'down';
+  /**
+   * Component Events
+   */
+  change: EventEmitter;
+  /**
+   * @ComponentMethod
+   */
+  componentWillLoad(): void;
+  /**
+   * @ComponentMethod
+   */
+  componentDidRender(): void;
+  /**
+   * @desc
+   */
+  initColorDragger(): Promise<void>;
+  /**
+   * @desc
+   */
+  initColorsDragger(): Promise<void>;
+  /**
+   * @desc
+   */
+  initTransparencyDragger(): void;
+  /**
+   * @desc
+   * @param hsv
+   */
+  hsvtorgb(hsv: any): {
+    hex: string;
+    r: number;
+    g: number;
+    b: number;
+  };
+  /**
+   * @desc
+   * @param rgb
+   */
+  rgbtohsv(rgb: {
+    r: number;
+    g: number;
+    b: number;
+  }): {
+    h: number;
+    s: number;
+    v: number;
+  };
+  /**
+   * @desc
+   * @param hex
+   */
+  hextohsv(hex: string): {
+    h: number;
+    s: number;
+    v: number;
+  };
+  /**
+   * @desc
+   * @param hex
+   */
+  hextorgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+  };
+  /**
+   * @desc
+   * @param pos
+   */
+  colorDrag(pos: any): void;
+  /**
+   * @desc
+   * @param pos
+   */
+  colorsDrag(pos: any): void;
+  /**
+   * @desc
+   * @param pos
+   */
+  /**
+   * @desc
+   */
+  setHsvColor(): {
+    rgba: string;
+    hex: string;
+  };
+  /**
+   * @desc
+   * @param hexColor
+   */
+  _setColor(color: string, preventInputUpdate?: boolean): void;
+  /**
+   * @desc
+   */
+  updateIndicators(): void;
+  /**
+   * @desc
+   * @param preventInputUpdate
+   */
+  updateValue(preventInputUpdate?: boolean): void;
+  /**
+   * @desc
+   * @param value
+   */
+  updateInputValue(value: string): void;
+  /**
+   * @desc
+   */
+  /**
+   * @desc
+   */
+  handleClick(): void;
+  /**
+   * @desc
+   * @param event
+   */
+  handleColorInputKeyUp(event: any): void;
+  /**
+   * @desc
+   * @param event
+   */
+  handleWindowClick(event: any): void;
+  /**
+   * @desc
+   */
+  valueChange(): void;
+  getValue(): Promise<string>;
+  setColor(color: string): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,77 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { PlacementTypes } from '../../../models/bcm-types';
+export declare class BcmDatePicker implements ComponentInterface {
+  el: HTMLElement;
+  private picker;
+  _id: string;
+  date: Date | string;
+  value: any;
+  endDate: Date | string;
+  range: boolean;
+  hidden: boolean;
+  name: string;
+  fullWidth: boolean;
+  required: boolean;
+  label: string;
+  placeholder: string;
+  disabledDates: any;
+  disabled: boolean;
+  noCaption: boolean;
+  caption: string;
+  captionError: string;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  alignment: any;
+  _internal_id: string;
+  placement: PlacementTypes;
+  linkedComponent: string;
+  stateStartDate: any;
+  stateEndDate: any;
+  handleStartDateChange(): void;
+  handleEndDateChange(): void;
+  /**
+   * @desc
+   */
+  handlePickerLoad(): void;
+  /**
+   * @desc
+   * @param event
+   */
+  handlePickerChange(event: CustomEvent): void;
+  /**
+   * @desc
+   * @param value
+   */
+  set(value: any): Promise<void>;
+  get(): Promise<any>;
+  /**
+   * @desc
+   * @param disabled
+   */
+  setDisabled(disabled: boolean): Promise<void>;
+  setClear(): Promise<void>;
+  setStartDate(dateOrTime: any): Promise<void>;
+  setEndDate(dateOrTime: any): Promise<void>;
+  handleDate(): void;
+  /**
+   * @desc
+   */
+  getInput(): Promise<HTMLBcmOldInputElement>;
+  /**
+   * @desc
+   */
+  open(): Promise<void>;
+  /**
+   * @desc
+   */
+  getValue(): Promise<any>;
+  /**
+   * @desc
+   */
+  isValid(): Promise<{
+    valid: boolean;
+    error: boolean;
+    errorText: string;
+  }>;
+  resetCaption(): Promise<void>;
+  render(): any;
+}