bromcom-ui 2.11.2-test.0 → 2.12.0-test.0

package/dist/types/components/molecules/input/input.style.d.ts

@@ -0,0 +1,576 @@
+export declare const inputStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}, {
+  host: string;
+  base: string;
+  inputContainer: string[];
+  input: string[];
+  slotClass: string;
+  clearButton: string[];
+  controls: string;
+  controlsBtn: string[];
+  controlsBtnUp: string;
+  controlsBtnDown: string;
+  controlsDivider: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}, {
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}>, {
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}, {
+  host: string;
+  base: string;
+  inputContainer: string[];
+  input: string[];
+  slotClass: string;
+  clearButton: string[];
+  controls: string;
+  controlsBtn: string[];
+  controlsBtnUp: string;
+  controlsBtnDown: string;
+  controlsDivider: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}, {
+  host: string;
+  base: string;
+  inputContainer: string[];
+  input: string[];
+  slotClass: string;
+  clearButton: string[];
+  controls: string;
+  controlsBtn: string[];
+  controlsBtnUp: string;
+  controlsBtnDown: string;
+  controlsDivider: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}, {
+  size: {
+    small: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    medium: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+    large: {
+      host: string;
+      inputContainer: string;
+      input: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      host: string;
+    };
+  };
+  noMargin: {
+    true: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+  };
+  focused: {
+    true: {
+      host: string;
+    };
+  };
+  clearable: {
+    true: {
+      host: string;
+    };
+  };
+  disabled: {
+    true: {
+      host: string;
+      input: string;
+      inputContainer: string;
+      controlsBtn: string;
+    };
+    false: {
+      controlsBtn: string;
+      inputContainer: string[];
+    };
+  };
+  readonly: {
+    true: {
+      host: string;
+    };
+  };
+  invalid: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+  unit: {
+    true: {
+      host: string;
+    };
+  };
+  error: {
+    true: {
+      host: string;
+      inputContainer: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/molecules/input/input2.d.ts

@@ -0,0 +1,64 @@
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { InputTypes, SizeTypes, StatusTypes } from "../../../models/bcm-types";
+export declare class BcmInput2 implements ComponentInterface {
+  inputElement: HTMLInputElement;
+  /** Props **/
+  _id: string;
+  _internal_id: string;
+  value: any;
+  size: SizeTypes;
+  label: string;
+  pattern: string;
+  tooltip: string;
+  placeholder: string;
+  disabled: boolean;
+  readonly: boolean;
+  clearable: boolean;
+  autocomplete: boolean;
+  name: string;
+  type: InputTypes;
+  hidden: boolean;
+  required: boolean;
+  fullWidth: boolean;
+  noDefaultIcon: boolean;
+  disableWatchValue: boolean;
+  passwordToggle: boolean;
+  maxLength: number;
+  minLength: number;
+  unitPrefix: string;
+  unit: string;
+  decimal: boolean;
+  min: number;
+  max: number;
+  step: any;
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  customErrorMessage: string;
+  _prefix: string;
+  _suffix: string;
+  captionCache: string;
+  captionTypeCache: any;
+  /** initial States **/
+  inValid: boolean;
+  valueCache: any;
+  focused: boolean;
+  isPasswordVisible: boolean;
+  /** Events **/
+  focus: EventEmitter;
+  blur: EventEmitter;
+  clear: EventEmitter;
+  change: EventEmitter;
+  input: EventEmitter;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  onBcmSelect(): Promise<void>;
+  handleClear(e: MouseEvent): void;
+  handleInput(_e: Event): void;
+  handleChange(_e: Event): void;
+  handleFocus(e: Event): void;
+  handleBlur(e: Event): void;
+  handleKeyUp(e: KeyboardEvent): void;
+  render(): any;
+}

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

@@ -1,29 +1,78 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
 import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class NumberInput implements ComponentInterface {
+  el: HTMLElement;
   _id: string;
-  size: SizeTypes;
-  min: number;
-  max: number;
-  step: number;
-  placeholder: string;
+  value?: number | string;
+  defaultValue?: number | string;
+  _prefix?: string;
+  _suffix?: string;
+  size?: SizeTypes;
+  min?: number | string;
+  max?: number | string;
+  step?: number;
   label: string;
-  tooltip: string;
-  value: number;
-  disabled: boolean;
-  readonly: boolean;
-  required: boolean;
-  pattern: string;
+  name: string;
+  fullWidth: boolean;
+  clearable: boolean;
+  /** Input states */
+  readonly?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  /** Number Input Props */
+  mode: "strict" | "none";
+  placeholder: string;
+  thousandSeparator?: string | boolean;
+  decimalSeparator?: string;
+  decimalScale?: number;
+  fixedDecimalScale?: boolean;
+  allowNegative?: boolean;
+  allowLeadingZeros?: boolean;
+  unitPrefix?: string;
+  unitSuffix?: string;
+  /** Caption Props */
   caption: string;
   noCaption: boolean;
   captionType: StatusTypes;
   captionError: string;
   customErrorMessage: string;
-  prefixIcon: string;
-  suffixIcon: string;
+  /** Events **/
+  focus: EventEmitter;
+  blur: EventEmitter;
+  clear: EventEmitter;
+  change: EventEmitter;
+  input: EventEmitter;
+  beforeClear: EventEmitter;
+  _onChange: EventEmitter;
+  /** initial States **/
   isFocus: boolean;
-  isError: boolean;
-  protected nativeInput: HTMLInputElement;
-  private blockInvalidChar;
+  captionCache: string;
+  captionTypeCache: any;
+  valueCache: any;
+  private inputElement;
+  private inValid;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  private onInput;
+  private onChange;
+  private onFocus;
+  private onBlur;
+  private onKeydown;
+  private listener;
+  private up;
+  private down;
+  private handleClear;
+  private checkLength;
+  watchValue(): void;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  onBcmSelect(): Promise<void>;
+  set(data: any): Promise<void>;
+  get(): Promise<string | number>;
+  setValue(value: any): Promise<void>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  setCaption(caption?: any, captionType?: any): Promise<void>;
+  disconnectedCallback(): void;
   render(): any;
 }