bromcom-ui 3.0.0-alpha.4 → 3.0.0-alpha.5

package/dist/types/components/molecules/upload/file-upload.style.d.ts

@@ -0,0 +1,548 @@
+export declare const uploadClasses: import("tailwind-variants").TVReturnType<{
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}, {
+  container: string;
+  label: string;
+  triggerWrap: string;
+  zone: string[];
+  iconContainer: string;
+  iconSizeClass: string;
+  zoneTextWrapper: string;
+  zoneTextMain: string;
+  zoneLink: string;
+  zoneTextSub: string;
+  list: string;
+  fileRow: string[];
+  fileRowHeader: string;
+  fileIcon: string;
+  fileTitle: string;
+  progressWrapper: string;
+  progressTrack: string;
+  progressBar: string;
+  percent: string;
+  actions: string;
+  iconBtn: string[];
+  errorArea: string[];
+  errorIcon: string;
+  errorClose: string;
+  captionWrap: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}, {
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}>, {
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}, {
+  container: string;
+  label: string;
+  triggerWrap: string;
+  zone: string[];
+  iconContainer: string;
+  iconSizeClass: string;
+  zoneTextWrapper: string;
+  zoneTextMain: string;
+  zoneLink: string;
+  zoneTextSub: string;
+  list: string;
+  fileRow: string[];
+  fileRowHeader: string;
+  fileIcon: string;
+  fileTitle: string;
+  progressWrapper: string;
+  progressTrack: string;
+  progressBar: string;
+  percent: string;
+  actions: string;
+  iconBtn: string[];
+  errorArea: string[];
+  errorIcon: string;
+  errorClose: string;
+  captionWrap: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}, {
+  container: string;
+  label: string;
+  triggerWrap: string;
+  zone: string[];
+  iconContainer: string;
+  iconSizeClass: string;
+  zoneTextWrapper: string;
+  zoneTextMain: string;
+  zoneLink: string;
+  zoneTextSub: string;
+  list: string;
+  fileRow: string[];
+  fileRowHeader: string;
+  fileIcon: string;
+  fileTitle: string;
+  progressWrapper: string;
+  progressTrack: string;
+  progressBar: string;
+  percent: string;
+  actions: string;
+  iconBtn: string[];
+  errorArea: string[];
+  errorIcon: string;
+  errorClose: string;
+  captionWrap: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}, {
+  size: {
+    medium: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileIcon: string;
+      fileTitle: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+    };
+    small: {
+      container: string;
+      zone: string;
+      zoneTextWrapper: string;
+      fileRow: string;
+      fileRowHeader: string;
+      fileTitle: string;
+      fileIcon: string;
+      percent: string;
+      iconBtn: string;
+      progressWrapper: string;
+      progressTrack: string;
+      list: string;
+    };
+  };
+  position: {
+    vertical: {
+      zone: string;
+      zoneTextWrapper: string;
+      zoneTextSub: string;
+    };
+    horizontal: {
+      zone: string;
+      zoneTextWrapper: string;
+    };
+    button: {
+      container: string;
+    };
+  };
+  disabled: {
+    true: "";
+    false: "";
+  };
+  zoneHovered: {
+    true: "";
+    false: "";
+  };
+  dragActive: {
+    true: "";
+    false: "";
+  };
+  zoneError: {
+    true: "";
+    false: "";
+  };
+  fullWidth: {
+    true: {
+      container: string;
+    };
+    false: {
+      container: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/organism/list/list-focus-manager.d.ts

@@ -0,0 +1,53 @@
+export declare class ListFocusManager {
+  private focusableSelector;
+  private getFocusableElements;
+  private getFirstFocusableElement;
+  private getListItems;
+  private getItemById;
+  private getCurrentListItem;
+  private getPreferredListFocusElement;
+  private isElementNaturallyFocusable;
+  private isEditableElement;
+  private isVisible;
+  private isInsideElement;
+  private canReceiveProgrammaticFocus;
+  private getInteractionContext;
+  private isInsideSearch;
+  private focusElement;
+  private focusListElement;
+  private focusListItemByOffset;
+  private focusListItemWhenReady;
+  private focusListElementWhenReady;
+  private getParentListItem;
+  private getFirstChildListItem;
+  private hasTreeChildren;
+  private isTreeItemOpen;
+  private isInsideAnyElement;
+  private focusAdjacentOutside;
+  restoreTriggerFocus(params: {
+    hostElement: HTMLElement;
+    targetElement: HTMLElement | null;
+    autocompleteInput?: HTMLElement | null;
+    openTriggerElement?: HTMLElement | null;
+    preferOpenTrigger?: boolean;
+  }): void;
+  handleKeyDown(params: {
+    event: KeyboardEvent;
+    disabled: boolean;
+    isOpen: boolean;
+    isOverlayType: boolean;
+    hostElement: HTMLElement;
+    targetElement: HTMLElement | null;
+    listElement: HTMLElement | null;
+    openList: () => void;
+    closeList: () => void;
+    selectFocusedItem: (itemId: string) => void;
+    openGroup: (itemId: string) => void;
+    treeview: boolean;
+    checkboxes: boolean;
+    autocompleteInput?: HTMLElement | null;
+    openTriggerElement?: HTMLElement | null;
+  }): boolean;
+  private handleClosedOverlayKeyDown;
+  private handleOpenOverlayKeyDown;
+}

package/dist/types/components/organism/list/list-key-control.d.ts

@@ -2,6 +2,7 @@ import { KeyControl } from "../../../models/abstract-classes/abstract-key-contro
 export declare class ListKeyControl extends KeyControl {
   openGroup: (id: number) => void;
   checkedItem: (id: number) => void;
+  selectedItem: (id: number) => void;
   private isTreeview;
   private isCheckBoxes;
   constructor(keyCode: number, element: HTMLElement, treeview: boolean, checkBoxes: boolean);

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

@@ -2,6 +2,9 @@ import { Bcm, ListTypes, PlacementTypes, SizeTypes, StatusTypes } from "../../..
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmList implements ComponentInterface {
   private debounce;
+  private focusManager;
+  private openTriggerElement;
+  private suppressScrollCloseUntil;
   el: HTMLElement;
   _id: string;
   tempId: string;
@@ -108,7 +111,10 @@ export declare class BcmList implements ComponentInterface {
   handleSlotItems(e: CustomEvent): void;
   handleChange(e: any): void;
   handleResize(): void;
+  handleVisualViewportChange: () => void;
   handleWheel(event: WheelEvent): void;
+  handleTouchStart(event: any): void;
+  handleFocusIn(event: any): void;
   private clearAutocomplete;
   handleSelectOtherTag(e: CustomEvent): Promise<void>;
   handleDeleteTag(e: CustomEvent): Promise<void>;
@@ -132,7 +138,7 @@ export declare class BcmList implements ComponentInterface {
   setClear(e?: any): Promise<void>;
   resetCaption(): Promise<void>;
   private detectClone;
-  show(): Promise<void>;
+  show(openTriggerElement?: HTMLElement): Promise<void>;
   hide(): Promise<void>;
   private updateOptions;
   private handleIndeterminate;
@@ -140,11 +146,18 @@ export declare class BcmList implements ComponentInterface {
   private unSelectOther;
   private onClearSearch;
   private onSelectSearch;
+  private preventScrollClose;
+  private isMobileViewport;
+  private prepareMobileViewportForOpen;
+  private shouldKeepOpenWhileInteracting;
   private filterOtherList;
   private initState;
   private markForCheck;
   private getOptions;
   private getItems;
+  private hasNestedItems;
+  private getVisibleSearchItems;
+  private getInitialSearchResultLimit;
   private getLimitedItems;
   private openGroup;
   private focusItem;
@@ -152,6 +165,10 @@ export declare class BcmList implements ComponentInterface {
   private checkedItem;
   private changeVisibleCheckeds;
   private getAutoCompleteInput;
+  private rememberOpenTrigger;
+  private isValidOpenTrigger;
+  private isOverlayType;
+  private getTargetElement;
   /** @description Fixes the issue where the list appears empty during fast scrolling. */
   private dataScrollEvent;
   private calculateLocation;