@watermarkinsights/ripple 3.27.1 → 3.28.0

package/dist/types/components/wm-navigator/wm-navigator.d.ts

@@ -1,61 +1,61 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { Product } from "../../global/interfaces";
-export declare class Navigator {
-  el: any;
-  private wrapperEl?;
-  userName?: string;
-  email?: string;
-  authType: number;
-  connectionName?: string;
-  logoutUrl?: string;
-  products?: string | [];
-  loadFromUserinfo: boolean;
-  private retrievedInfo;
-  parsedProducts: Array<Product>;
-  /**
-   * Event emitted from child wm-navigator-button updates the state, which is then passed down as a prop by wm-navigator.
-   */
-  isOpen: boolean;
-  private openRight;
-  isTabbing: boolean;
-  /**
-   * Value is set to the index of the current product on load.
-   * Keyboard navigation updates the state to keep track of focus in the dropdown.
-   * State resets to the index of the current product when the dropdown closes.
-   */
-  itemIndexToFocus: number;
-  wmNavigatorLogout: EventEmitter;
-  private currentProductId;
-  componentWillLoad(): Promise<void>;
-  parseData(): Promise<void>;
-  productKeysToCamelCase(products: object[]): Product[];
-  /**
-   * Sets index to focus on open to the selected product. This index resets it when the menu closes.
-   */
-  setFocusIndex(): void;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  handleKeys(ev: KeyboardEvent): void;
-  handleKeydown(ev: CustomEvent): void;
-  handleClick(ev: MouseEvent): void;
-  handleButtonClick(): void;
-  openMenu(): void;
-  closeMenu(): void;
-  focusItem(): void;
-  unfocusItem(index: number): void;
-  buttonFocusHandler(): void;
-  /**
-   * HELPERS FOR RENDER
-   */
-  renderUserInfo(): any;
-  setAltText(): string;
-  renderHeading(): any;
-  renderList(): any;
-  renderProductOptions(): Array<HTMLPrivNavigatorItemElement>;
-  setProductOnClick(productId: string): (() => void) | undefined;
-  renderLogoutOption(): any;
-  setLogoutOnclick(): () => void;
-  private get navigatorItems();
-  private getProduct;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+import { Product } from "../../global/interfaces";
+export declare class Navigator {
+  el: any;
+  private wrapperEl?;
+  userName?: string;
+  email?: string;
+  authType: number;
+  connectionName?: string;
+  logoutUrl?: string;
+  products?: string | [];
+  loadFromUserinfo: boolean;
+  private retrievedInfo;
+  parsedProducts: Array<Product>;
+  /**
+   * Event emitted from child wm-navigator-button updates the state, which is then passed down as a prop by wm-navigator.
+   */
+  isOpen: boolean;
+  private openRight;
+  isTabbing: boolean;
+  /**
+   * Value is set to the index of the current product on load.
+   * Keyboard navigation updates the state to keep track of focus in the dropdown.
+   * State resets to the index of the current product when the dropdown closes.
+   */
+  itemIndexToFocus: number;
+  wmNavigatorLogout: EventEmitter;
+  private currentProductId;
+  componentWillLoad(): Promise<void>;
+  parseData(): Promise<void>;
+  productKeysToCamelCase(products: object[]): Product[];
+  /**
+   * Sets index to focus on open to the selected product. This index resets it when the menu closes.
+   */
+  setFocusIndex(): void;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  handleKeys(ev: KeyboardEvent): void;
+  handleKeydown(ev: CustomEvent): void;
+  handleClick(ev: MouseEvent): void;
+  handleButtonClick(): void;
+  openMenu(): void;
+  closeMenu(): void;
+  focusItem(): void;
+  unfocusItem(index: number): void;
+  buttonFocusHandler(): void;
+  /**
+   * HELPERS FOR RENDER
+   */
+  renderUserInfo(): any;
+  setAltText(): string;
+  renderHeading(): any;
+  renderList(): any;
+  renderProductOptions(): Array<HTMLPrivNavigatorItemElement>;
+  setProductOnClick(productId: string): (() => void) | undefined;
+  renderLogoutOption(): any;
+  setLogoutOnclick(): () => void;
+  private get navigatorItems();
+  private getProduct;
+  render(): any;
+}

package/dist/types/components/wm-option/wm-option.d.ts

@@ -1,34 +1,34 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Option {
-  el: HTMLElement;
-  value?: string | null;
-  subinfo?: string;
-  disabled: boolean;
-  selected: boolean;
-  focused: boolean;
-  wmOptionSelected: EventEmitter<HTMLWmOptionElement>;
-  wmKeyUpPressed: EventEmitter<HTMLWmOptionElement>;
-  wmKeyDownPressed: EventEmitter<HTMLWmOptionElement>;
-  wmEscKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmHomeKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmEndKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmEnterKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmLetterPressed: EventEmitter<string>;
-  wmOptionBlurred: EventEmitter<{
-    relatedTarget: EventTarget | null;
-  }>;
-  private onClickFunc;
-  searchTerm: string;
-  private textEl;
-  get hostClasses(): string;
-  get parentSelectEl(): HTMLWmSelectElement;
-  handleKeydown(ev: KeyboardEvent): void;
-  handleSelection(): void;
-  handleBlur(ev: FocusEvent): void;
-  syncAriaSelected(): void;
-  syncAriaDisabled(): void;
-  updateDisabledOnClick(): void;
-  handleSearch(ev: CustomEvent): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Option {
+  el: HTMLElement;
+  value?: string | null;
+  subinfo?: string;
+  disabled: boolean;
+  selected: boolean;
+  focused: boolean;
+  wmOptionSelected: EventEmitter<HTMLWmOptionElement>;
+  wmKeyUpPressed: EventEmitter<HTMLWmOptionElement>;
+  wmKeyDownPressed: EventEmitter<HTMLWmOptionElement>;
+  wmEscKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmHomeKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmEndKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmEnterKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmLetterPressed: EventEmitter<string>;
+  wmOptionBlurred: EventEmitter<{
+    relatedTarget: EventTarget | null;
+  }>;
+  private onClickFunc;
+  searchTerm: string;
+  private textEl;
+  get hostClasses(): string;
+  get parentSelectEl(): HTMLWmSelectElement;
+  handleKeydown(ev: KeyboardEvent): void;
+  handleSelection(): void;
+  handleBlur(ev: FocusEvent): void;
+  syncAriaSelected(): void;
+  syncAriaDisabled(): void;
+  updateDisabledOnClick(): void;
+  handleSearch(ev: CustomEvent): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/wm-pagination/wm-pagination.d.ts

@@ -1,32 +1,32 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Pagination {
-  el: any;
-  currentPage: number;
-  totalItems?: number;
-  itemsPerPage?: number;
-  value: number;
-  isLargeViewport: boolean;
-  isTabbing: boolean;
-  srAnnouncement: string;
-  private totalPages;
-  wmPaginationPageClicked: EventEmitter<string>;
-  pageClicked: EventEmitter<string>;
-  focusCurrentPage: EventEmitter;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  maintainFocusOnNumberChange(el: "previous" | "next" | "prev-arrow" | "next-arrow" | "page"): void;
-  debouncedResize: (this: any) => void;
-  handleResize(): void;
-  calculateTotalPages(): void;
-  componentWillLoad(): void;
-  updatePageDisplayed(pageNum: any): void;
-  displayShortPagination(): any[];
-  displayLongPagination(): any[];
-  displayPageNumber(pageNum: number): any;
-  displayEllipsis(): any;
-  getMiddlePageNums: () => number[];
-  getCurrentPagesInView(): string;
-  renderLarge(): any;
-  renderSmall(): any;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Pagination {
+  el: any;
+  currentPage: number;
+  totalItems?: number;
+  itemsPerPage?: number;
+  value: number;
+  isLargeViewport: boolean;
+  isTabbing: boolean;
+  srAnnouncement: string;
+  private totalPages;
+  wmPaginationPageClicked: EventEmitter<string>;
+  pageClicked: EventEmitter<string>;
+  focusCurrentPage: EventEmitter;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  maintainFocusOnNumberChange(el: "previous" | "next" | "prev-arrow" | "next-arrow" | "page"): void;
+  debouncedResize: (this: any) => void;
+  handleResize(): void;
+  calculateTotalPages(): void;
+  componentWillLoad(): void;
+  updatePageDisplayed(pageNum: any): void;
+  displayShortPagination(): any[];
+  displayLongPagination(): any[];
+  displayPageNumber(pageNum: number): any;
+  displayEllipsis(): any;
+  getMiddlePageNums: () => number[];
+  getCurrentPagesInView(): string;
+  renderLarge(): any;
+  renderSmall(): any;
+  render(): any;
+}

package/dist/types/components/wm-search/wm-search.d.ts

@@ -1,77 +1,78 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Search {
-  el: HTMLWmSearchElement;
-  searchType: "basic" | "find";
-  disabled: boolean;
-  /**
-   * Props required for both variants.
-   */
-  placeholder: string;
-  label: string;
-  numResults: number;
-  /**
-   * This exposes the input's value on the host component so that the app can access it.
-   */
-  value: string;
-  /**
-   * If the user is tabbing, the search and find variant will display a link to jump to a search result.
-   */
-  isTabbing: boolean;
-  /**
-   * Prop specifically for the search and find variant. The id points to the id of the option currently highlighted,
-   * so that tabbing and screen reader users can jump to this option rather than tab through the list to find it.
-   */
-  highlightedId: string;
-  highlightedName: string | null;
-  /**
-   * Indicates which of the search results is currently highlighted. It will be displayed as "[highlightedNum] of [numResults]" next to the input in the search and find variant.
-   * This number updates as the user browses using the buttons.
-   */
-  highlightedNum: number;
-  previousBlurredValue: string;
-  parentModal?: HTMLWmModalElement;
-  /**
-   * Live region announcement
-   */
-  announcement: string;
-  get resultCount(): string;
-  /**
-   * Emitted when the buttons in the search-and-find variant are pressed.
-   */
-  wmSearchBrowseResults: EventEmitter<{
-    position: number;
-  }>;
-  wmBrowseSearchResults: EventEmitter<{
-    position: number;
-  }>;
-  wmSearchValueChanged: EventEmitter<{
-    value: string;
-  }>;
-  /**
-   * Element refs
-   */
-  private resultsLiveRegion;
-  private wrapperEl;
-  private linkEl;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  componentWillLoad(): void;
-  hookToModal(): void;
-  updateValue(value: string): Promise<void>;
-  resetHighlightCountToStart(): void;
-  announce(message: string): void;
-  announceChanges(): void;
-  changeHighlightedNum(newNum: number): void;
-  addFocusStyle(): void;
-  removeFocusStyle(): void;
-  handleBlur(): void;
-  /**
-   * Functions that return elements specifically for search-and-find.
-   */
-  renderResultsAndBrowseButtons(): HTMLDivElement;
-  renderJumpToLink(): HTMLAnchorElement | null;
-  /**
-   * End search and find render helpers
-   */
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Search {
+  el: HTMLWmSearchElement;
+  searchType: "basic" | "find";
+  disabled: boolean;
+  /**
+   * Props required for both variants.
+   */
+  placeholder: string;
+  label: string;
+  numResults: number;
+  /**
+   * This exposes the input's value on the host component so that the app can access it.
+   */
+  value: string;
+  /**
+   * If the user is tabbing, the search and find variant will display a link to jump to a search result.
+   */
+  isTabbing: boolean;
+  /**
+   * Prop specifically for the search and find variant. The id points to the id of the option currently highlighted,
+   * so that tabbing and screen reader users can jump to this option rather than tab through the list to find it.
+   */
+  highlightedId: string;
+  highlightedName: string | null;
+  /**
+   * Indicates which of the search results is currently highlighted. It will be displayed as "[highlightedNum] of [numResults]" next to the input in the search and find variant.
+   * This number updates as the user browses using the buttons.
+   */
+  highlightedNum: number;
+  previousBlurredValue: string;
+  parentModal?: HTMLWmModalElement;
+  /**
+   * Live region announcement
+   */
+  announcement: string;
+  get resultCount(): string;
+  /**
+   * Emitted when the buttons in the search-and-find variant are pressed.
+   */
+  wmSearchBrowseResults: EventEmitter<{
+    position: number;
+  }>;
+  wmBrowseSearchResults: EventEmitter<{
+    position: number;
+  }>;
+  wmSearchValueChanged: EventEmitter<{
+    value: string;
+  }>;
+  /**
+   * Element refs
+   */
+  private resultsLiveRegion;
+  private wrapperEl;
+  private linkEl;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  componentWillLoad(): void;
+  hookToModal(): void;
+  updateValue(value: string): Promise<void>;
+  handleNumResultsUpdate(): void;
+  resetHighlightCountToStart(): void;
+  announce(message: string): void;
+  announceChanges(): void;
+  changeHighlightedNum(newNum: number): void;
+  addFocusStyle(): void;
+  removeFocusStyle(): void;
+  handleBlur(): void;
+  /**
+   * Functions that return elements specifically for search-and-find.
+   */
+  renderResultsAndBrowseButtons(): HTMLDivElement;
+  renderJumpToLink(): HTMLAnchorElement | null;
+  /**
+   * End search and find render helpers
+   */
+  render(): any;
+}

package/dist/types/components/wm-select/wm-select.d.ts

@@ -1,101 +1,101 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Select {
-  el: HTMLWmSelectElement;
-  private uid;
-  disabled: boolean;
-  invalid: boolean;
-  maxHeight?: string;
-  label?: string;
-  labelPosition: "top" | "left" | "none";
-  requiredField: boolean;
-  errorMessage: string;
-  multiple: boolean;
-  search: boolean;
-  selectAll: boolean;
-  placeholder: string;
-  searchPlaceholder: string;
-  allSelectedMessage: string;
-  selectAllMessage: string;
-  deselectAllMessage: string;
-  allOptionsSelectedMessage: string;
-  allOptionsDeselectedMessage: string;
-  isTabbing: boolean;
-  isExpanded: boolean;
-  announcement: string;
-  wmSelectDidLoad: EventEmitter<void>;
-  wmSelectBlurred: EventEmitter<void>;
-  wmSelectChanged: EventEmitter<Object>;
-  wmComponentBlurred: EventEmitter<void>;
-  wmSelectSearchChanged: EventEmitter<Object>;
-  private buttonEl;
-  private dropdownEl;
-  private selectAllEl;
-  private listboxEl;
-  private liveRegionEl;
-  private searchFieldWrapperEl;
-  private searchFieldEl;
-  private errorContainer;
-  private keysSoFar;
-  private searchIndex;
-  private openUp;
-  get childOptions(): HTMLWmOptionElement[];
-  get duplicateOptions(): HTMLWmOptionElement[];
-  get allOptionEls(): HTMLWmOptionElement[];
-  get visibleOptionEls(): HTMLWmOptionElement[];
-  get searchTerm(): string;
-  get filteredOptions(): HTMLWmOptionElement[];
-  private overflowCount;
-  get selectedOptions(): HTMLWmOptionElement[];
-  private displayedOptions;
-  get allSelected(): boolean;
-  get resultsFoundMessage(): string;
-  get noResultsFoundMessage(): string;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  handleOptionSelection(ev: CustomEvent): void;
-  handleChildEnter(): void;
-  handleChildUp(ev: CustomEvent): void;
-  handleChildDown(ev: CustomEvent): void;
-  moveToFirstOption(): void;
-  moveToLastOption(): void;
-  closePopupOnEscape(): void;
-  handleOptionBlur(ev: CustomEvent): void;
-  handleClick(ev: MouseEvent): void;
-  handleSelectAllClick(): void;
-  selectAllOptions(): void;
-  deselectAllOptions(): void;
-  handleButtonBlur(ev: FocusEvent): void;
-  handleSearchFieldBlur(ev: FocusEvent): void;
-  handleKey(ev: KeyboardEvent): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  moveUp(el: HTMLElement): void;
-  moveDown(el: HTMLElement): void;
-  open(optionToSelect?: "next" | "previous"): void;
-  close(returnFocus?: boolean): void;
-  updateOptionVisibility(): void;
-  focusOption(option: HTMLElement): void;
-  selectOption(option: HTMLWmOptionElement): void;
-  findAndFocusOption(ev: CustomEvent): void;
-  debouncedClearKeysSoFar: (this: any) => void;
-  findMatchInRange(list: HTMLWmOptionElement[], startIndex: number, endIndex: number): HTMLWmOptionElement | null;
-  findCorrespondingOption(el: HTMLWmOptionElement): HTMLWmOptionElement;
-  isElOrChild(el: HTMLElement): boolean | undefined;
-  exposeErrors(): void;
-  renderErrorContainer(): any;
-  handleComponentBlur(ev: FocusEvent): void;
-  handleKeyDown(ev: KeyboardEvent): void;
-  debouncedSearch: (this: any) => void;
-  setButtonText(): void;
-  setSelectAllButton(): void;
-  announce(message: string): void;
-  renderButtonText(): any;
-  renderSubinfo(): any;
-  renderOverflowCount(): any;
-  renderSearchField(): any;
-  renderSearchFailedMessage(): any;
-  renderSelectAllButton(): any;
-  renderDuplicateOptions(): any[];
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Select {
+  el: HTMLWmSelectElement;
+  private uid;
+  disabled: boolean;
+  invalid: boolean;
+  maxHeight?: string;
+  label?: string;
+  labelPosition: "top" | "left" | "none";
+  requiredField: boolean;
+  errorMessage: string;
+  multiple: boolean;
+  search: boolean;
+  selectAll: boolean;
+  placeholder: string;
+  searchPlaceholder: string;
+  allSelectedMessage: string;
+  selectAllMessage: string;
+  deselectAllMessage: string;
+  allOptionsSelectedMessage: string;
+  allOptionsDeselectedMessage: string;
+  isTabbing: boolean;
+  isExpanded: boolean;
+  announcement: string;
+  wmSelectDidLoad: EventEmitter<void>;
+  wmSelectBlurred: EventEmitter<void>;
+  wmSelectChanged: EventEmitter<Object>;
+  wmComponentBlurred: EventEmitter<void>;
+  wmSelectSearchChanged: EventEmitter<Object>;
+  private buttonEl;
+  private dropdownEl;
+  private selectAllEl;
+  private listboxEl;
+  private liveRegionEl;
+  private searchFieldWrapperEl;
+  private searchFieldEl;
+  private errorContainer;
+  private keysSoFar;
+  private searchIndex;
+  private openUp;
+  get childOptions(): HTMLWmOptionElement[];
+  get duplicateOptions(): HTMLWmOptionElement[];
+  get allOptionEls(): HTMLWmOptionElement[];
+  get visibleOptionEls(): HTMLWmOptionElement[];
+  get searchTerm(): string;
+  get filteredOptions(): HTMLWmOptionElement[];
+  private overflowCount;
+  get selectedOptions(): HTMLWmOptionElement[];
+  private displayedOptions;
+  get allSelected(): boolean;
+  get resultsFoundMessage(): string;
+  get noResultsFoundMessage(): string;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  handleOptionSelection(ev: CustomEvent): void;
+  handleChildEnter(): void;
+  handleChildUp(ev: CustomEvent): void;
+  handleChildDown(ev: CustomEvent): void;
+  moveToFirstOption(): void;
+  moveToLastOption(): void;
+  closePopupOnEscape(): void;
+  handleOptionBlur(ev: CustomEvent): void;
+  handleClick(ev: MouseEvent): void;
+  handleSelectAllClick(): void;
+  selectAllOptions(): void;
+  deselectAllOptions(): void;
+  handleButtonBlur(ev: FocusEvent): void;
+  handleSearchFieldBlur(ev: FocusEvent): void;
+  handleKey(ev: KeyboardEvent): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  moveUp(el: HTMLElement): void;
+  moveDown(el: HTMLElement): void;
+  open(optionToSelect?: "next" | "previous"): void;
+  close(returnFocus?: boolean): void;
+  updateOptionVisibility(): void;
+  focusOption(option: HTMLElement): void;
+  selectOption(option: HTMLWmOptionElement): void;
+  findAndFocusOption(ev: CustomEvent): void;
+  debouncedClearKeysSoFar: (this: any) => void;
+  findMatchInRange(list: HTMLWmOptionElement[], startIndex: number, endIndex: number): HTMLWmOptionElement | null;
+  findCorrespondingOption(el: HTMLWmOptionElement): HTMLWmOptionElement;
+  isElOrChild(el: HTMLElement): boolean | undefined;
+  exposeErrors(): void;
+  renderErrorContainer(): any;
+  handleComponentBlur(ev: FocusEvent): void;
+  handleKeyDown(ev: KeyboardEvent): void;
+  debouncedSearch: (this: any) => void;
+  setButtonText(): void;
+  setSelectAllButton(): void;
+  announce(message: string): void;
+  renderButtonText(): any;
+  renderSubinfo(): any;
+  renderOverflowCount(): any;
+  renderSearchField(): any;
+  renderSearchFailedMessage(): any;
+  renderSelectAllButton(): any;
+  renderDuplicateOptions(): any[];
+  render(): any;
+}