bromcom-ui 2.9.0-rc.8 → 2.9.0

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

@@ -14,8 +14,6 @@ export declare class BcmAvatar implements ComponentInterface {
   blink: boolean;
   isFallback: boolean;
   getFirstLetters(name: string): string;
-  renderContent(): any;
   renderDefaultIcon(): any;
-  renderImage(): any;
   render(): any;
 }

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

@@ -1,5 +1,181 @@
-export declare const avatarStyle: (props?: {
-  size?: "small" | "medium" | "large";
-  shape?: "ellipse" | "square";
-  status?: boolean;
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+export declare const avatarStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}>, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

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

@@ -1,4 +1,174 @@
-export declare const badgeStyle: (props?: {
-  size?: "small" | "medium" | "large";
-  blink?: boolean;
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+export declare const badgeStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}>, {
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+    large: {
+      host: string;
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,51 @@
+import { Bcm, SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmInputDropdown implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  value: Bcm.InputDropdownData;
+  defaultValue: Object;
+  lateKeys: string;
+  maxCharacterLimit: number;
+  size: SizeTypes;
+  label: string;
+  placeholder: string;
+  name: string;
+  fullWidth: boolean;
+  hideComment: boolean;
+  hideCaption: boolean;
+  disabled: boolean;
+  required: boolean;
+  readonly: boolean;
+  data: Bcm.InputDropdownData[];
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  customErrorMessage: string;
+  change: EventEmitter;
+  onChangeDropdown: EventEmitter;
+  captionCache: string;
+  captionTypeCache: any;
+  isOpenMenu: boolean;
+  invalid: boolean;
+  private _input;
+  private get overlayContainer();
+  private get menuContent();
+  private get keys();
+  private get isLate();
+  componentWillLoad(): void;
+  private get commentContent();
+  clickListener(e: any): void;
+  watchDefaultValueHandler(newValue: any): void;
+  set(data: Bcm.InputDropdownData[]): Promise<void>;
+  get(): Promise<Bcm.InputDropdownData>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  private handleKeyPress;
+  private onSelectItem;
+  private handleInput;
+  private onClickSave;
+  private onClick;
+  render(): any;
+}

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

@@ -0,0 +1,307 @@
+export declare const inputDropdownStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}>, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}>, unknown, unknown, undefined>>;