@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

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

@@ -1,34 +1,31 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class Modal {
-  el: HTMLWmModalElement;
-  isOpen: boolean;
-  elementToFocus: string;
-  isTypeDialog: boolean;
-  uid: string;
-  private focusOnOpen;
-  private focusOnClose;
-  private overlayEl;
-  private bodyFocusListener;
-  focusLastElement: EventEmitter;
-  focusFirstElement: EventEmitter;
-  wmCloseTriggered: EventEmitter;
-  wmPrimaryTriggered: EventEmitter;
-  wmSecondaryTriggered: EventEmitter;
-  toggleModal(): void;
-  showModal(): void;
-  handleClick(ev: MouseEvent & {
-    target: HTMLElement;
-  }): void;
-  closeModalOnEscape(ev: KeyboardEvent): void;
-  hideModal(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  emitCloseEvent(): Promise<void>;
-  emitPrimaryEvent(): Promise<void>;
-  emitSecondaryEvent(): Promise<void>;
-  setElToFocusOnOpen(): void;
-  setAriaDescribedbyOnModal(): void;
-  setElToFocusOnClose(): void;
-  redirectFocusOnBody(): void;
-  render(): any;
+    el: HTMLWmModalElement;
+    private dialogEl;
+    open: boolean;
+    elementToFocus: "primary" | "secondary" | string;
+    modalType: "modal" | "dialog";
+    uid: string;
+    returnFocusEl: HTMLElement;
+    focusLastElement: EventEmitter;
+    focusFirstElement: EventEmitter;
+    wmModalCloseTriggered: EventEmitter;
+    wmModalPrimaryTriggered: EventEmitter;
+    wmModalSecondaryTriggered: EventEmitter;
+    private initialBodyOverflow?;
+    get closeButtonEl(): HTMLElement;
+    get focusOnOpenEl(): HTMLElement | null;
+    get hasBrowserPopoverSupport(): boolean;
+    toggleModal(): void;
+    handleDialogClose(): void;
+    showModal(): void;
+    hideModal(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    emitCloseEvent(): Promise<void>;
+    emitPrimaryEvent(): Promise<void>;
+    emitSecondaryEvent(): Promise<void>;
+    handleKeyDown(ev: KeyboardEvent): void;
+    setAriaDescribedbyOnModal(): void;
+    render(): any;
 }

package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts

@@ -0,0 +1,14 @@
+export declare class ModalPssFooter {
+    el: HTMLElement;
+    secondaryText?: string;
+    primaryText?: string;
+    infoText?: string;
+    primaryActionDisabled: boolean;
+    deleteStyle: boolean;
+    private uid;
+    private lastElement;
+    componentWillLoad(): void;
+    emitParentPrimaryEvent(): void;
+    emitParentSecondaryEvent(): void;
+    render(): any;
+}

package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts

@@ -0,0 +1,10 @@
+export declare class ModalPssHeader {
+    el: HTMLElement;
+    private closeButtonEl;
+    heading?: string;
+    subheading?: string;
+    private uid;
+    componentWillLoad(): void;
+    emitParentCloseEvent(): void;
+    render(): any;
+}

package/dist/types/components/wm-modal-pss/wm-modal-pss.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class ModalPss {
+    el: HTMLWmModalPssElement;
+    open: boolean;
+    elementToFocus: "primary" | "secondary" | string;
+    modalType: "modal" | "dialog";
+    uid: string;
+    private focusOnCloseEl;
+    private overlayEl;
+    private bodyFocusListener;
+    private initialBodyOverflow?;
+    private initialBodyTabIndex?;
+    focusLastElement: EventEmitter;
+    focusFirstElement: EventEmitter;
+    wmModalCloseTriggered: EventEmitter;
+    wmModalPrimaryTriggered: EventEmitter;
+    wmModalSecondaryTriggered: EventEmitter;
+    get focusOnOpenEl(): HTMLElement;
+    toggleModal(): void;
+    handleClick(ev: MouseEvent & {
+        target: HTMLElement;
+    }): void;
+    closeModalOnEscape(ev: KeyboardEvent): void;
+    showModal(): void;
+    hideModal(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    emitCloseEvent(): Promise<void>;
+    emitPrimaryEvent(): Promise<void>;
+    emitSecondaryEvent(): Promise<void>;
+    setAriaDescribedbyOnModal(): void;
+    setElToFocusOnClose(): void;
+    redirectFocusFromBody(): void;
+    render(): any;
+}

package/dist/types/components/wm-navigation/wm-navigation-hamburger.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class NavigationHamburger {
+    el: HTMLWmNavigationHamburgerElement;
+    nav: HTMLWmNavigationElement;
+    navId?: string;
+    isTabbing?: boolean;
+    open: boolean;
+    wmNavigationHamburgerClicked: EventEmitter;
+    showNavMessage: string;
+    toggleTabbingOn(): void;
+    toggleTabbingOff(): void;
+    handleNavigationStateChanged(ev: CustomEvent): void;
+    componentWillLoad(): void;
+    handleClick(): void;
+    render(): any;
+}

package/dist/types/components/wm-navigation/wm-navigation-item.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class NavigationItem {
+    el: HTMLWmNavigationItemElement;
+    href?: string;
+    text?: string;
+    active?: boolean;
+    wmNavigationItemClicked: EventEmitter;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Navigation {
+    el: HTMLWmNavigationElement;
+    toggleEl: HTMLWmButtonElement;
+    open: boolean;
+    wmNavigationStateChanged: EventEmitter;
+    private initialBodyTabIndex?;
+    private mainNavigationMessage;
+    get isCollapsible(): boolean;
+    get ariaExpanded(): string | undefined;
+    closeOnEscape(ev: KeyboardEvent): void;
+    throttledRerender: (this: any) => void;
+    handleWindowResize(): void;
+    handleHamburgerClicked(): void;
+    handleClickOnItem(): void;
+    handleStateChange(): void;
+    componentWillLoad(): void;
+    redirectFocusFromBody(ev: FocusEvent): void;
+    expand(): void;
+    collapse(): void;
+    focusLastItem(): void;
+    renderOverlay(): any;
+    render(): any;
+}

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

@@ -1,10 +1,9 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class PrivNavigatorButton {
-  el: any;
-  expanded: boolean;
-  altText: string;
-  isTabbing: boolean;
-  buttonActivated: EventEmitter;
-  handleClick(): void;
-  render(): any;
+    el: any;
+    expanded: boolean;
+    altText: string;
+    buttonActivated: EventEmitter;
+    handleClick(): void;
+    render(): any;
 }

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

@@ -1,13 +1,13 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class PrivNavigatorItem {
-  el: any;
-  selected: boolean;
-  focused: boolean;
-  link: string;
-  keydownOnNavItem: EventEmitter<{
-    navItem: HTMLPrivNavigatorItemElement;
-    key: string;
-  }>;
-  handleKeyDown(ev: KeyboardEvent): void;
-  render(): any;
+    el: any;
+    selected: boolean;
+    focused: boolean;
+    link: string;
+    keydownOnNavItem: EventEmitter<{
+        navItem: HTMLPrivNavigatorItemElement;
+        key: string;
+    }>;
+    handleKeyDown(ev: KeyboardEvent): void;
+    render(): any;
 }

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

@@ -1,61 +1,59 @@
 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;
+    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;
+    /**
+     * 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;
+    isSafeUrl(url?: string): boolean;
+    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;
+    handleKeys(ev: KeyboardEvent): void;
+    handleKeydown(ev: CustomEvent): void;
+    handleClick(ev: MouseEvent): void;
+    handleButtonClick(): void;
+    openMenu(): void;
+    closeMenu(returnFocus?: boolean): void;
+    focusItem(delayMs?: number): 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-pagination/wm-pagination.d.ts

@@ -1,31 +1,34 @@
 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;
-  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;
+    el: any;
+    label: string;
+    currentPage: number;
+    totalItems?: number;
+    itemsPerPage?: number;
+    value: number;
+    isLargeSize: boolean;
+    srAnnouncement: string;
+    private totalPages;
+    wmPaginationPageClicked: EventEmitter<string>;
+    focusCurrentPage: EventEmitter;
+    private defaultLabel;
+    private nextPageButtonLabel;
+    private previousPageButtonLabel;
+    private pageButtonLabel;
+    private lastPageButtonLabel;
+    private currentPageAnnouncement;
+    maintainFocusOnNumberChange(el: "previous" | "next" | "prev-arrow" | "next-arrow" | "page"): void;
+    debouncedResize: (this: any) => 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,78 +1,74 @@
 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;
-  parentModal?: HTMLWmModalElement;
-  /**
-   * Emitted when the buttons in the search-and-find variant are pressed.
-   */
-  wmBrowseSearchResults: EventEmitter<{
-    position: number;
-  }>;
-  /**
-   * Element refs
-   */
-  private resultsLiveRegion;
-  private wrapperEl;
-  private linkEl;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  componentWillLoad(): void;
-  hookToModal(): void;
-  updateValue(value: string): Promise<void>;
-  resetHighlightCountToStart(): void;
-  /**
-   * Unfortunately, simply rendering the prop values for the number of results or highlighted option in the live regions, ideally so that the screen reader reads them when they change, does not work
-   * ---NVDA in Firefox only reads the specific letters that change in the prop value. The innerHTML of the live region must be explicitly changed in order for the screen reader to read the words in full, i.e., coherently.
-   *
-   * An update of the props triggers a re-render, so setting the live region in componentDidRender ensures the screen reader announces any changes to the number of results/highlighted option.
-   * Note: Updating the innerHTML of the live region does not cause the component to re-render so there's no performance hit here.
-   */
-  componentDidRender(): void;
-  /**
-   * Set live region to blank and then update it with the message ensure the screen reader registers the changes.
-   */
-  announceChanges(): void;
-  /**
-   * Creates the message that should be announced by the screen reader.
-   */
-  getResultsMessage(): string;
-  changeHighlightedNum(newNum: number): void;
-  addFocusStyle(): void;
-  removeFocusStyle(): void;
-  /**
-   * Functions that return elements specifically for search-and-find.
-   */
-  renderResultsAndBrowseButtons(): HTMLDivElement;
-  renderJumpToLink(): HTMLAnchorElement | null;
-  /**
-   * End search and find render helpers
-   */
-  render(): any;
+    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 isDisabled(): boolean;
+    get resultCount(): string;
+    /**
+     * Emitted when the buttons in the search-and-find variant are pressed.
+     */
+    wmSearchBrowseResults: EventEmitter<{
+        position: number;
+    }>;
+    wmSearchValueChanged: EventEmitter<{
+        value: string;
+    }>;
+    /**
+     * Element refs
+     */
+    private resultsLiveRegion;
+    private linkEl;
+    toggleTabbingOn(): void;
+    toggleTabbingOff(): void;
+    componentWillLoad(): void;
+    hookToModal(): void;
+    updateValue(value: string): Promise<void>;
+    handleNumResultsUpdate(): void;
+    handleDisabledChange(): void;
+    resetHighlightCountToStart(): void;
+    announce(message: string): void;
+    announceResults(): void;
+    changeHighlightedNum(newNum: number): 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-snackbar/wm-snackbar.d.ts

@@ -1,32 +1,31 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { Notification } from "../../global/interfaces";
 export declare class Snackbar {
-  el: HTMLElement;
-  notifications: string;
-  private parsedNotifications;
-  private uid;
-  private focusOnDismiss;
-  private isTabbing;
-  private timers;
-  private newNotification;
-  private snackbarEl;
-  userFinishedSnack: EventEmitter<Object>;
-  userTriggeredAction: EventEmitter<Object>;
-  updateSnacks(newValue: string): void;
-  componentWillLoad(): void;
-  componentDidUpdate(): void;
-  checkForTabbing(ev: KeyboardEvent): void;
-  handleMouse(): void;
-  focusLinkAndDisableTimer(): void;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  storeElToFocusOnDismiss(): void;
-  snackDismissed(notification: Notification): void;
-  snackExpired(): void;
-  endSnack(notification: Notification): void;
-  snackLinkClicked(notification: Notification): void;
-  stopTimer(notification: Notification): void;
-  renderSnackbars(): any[];
-  renderLiveRegion(): void;
-  render(): any;
+    el: HTMLElement;
+    notifications: string;
+    private liveRegionEl;
+    private snackAreaEl;
+    private parsedNotifications;
+    private uid;
+    private focusOnDismiss;
+    private timers;
+    isTabbing: boolean;
+    announcement: string;
+    wmSnackbarSnackFinished: EventEmitter<Object>;
+    wmSnackbarActionTriggered: EventEmitter<Object>;
+    private closeSnackMessage;
+    componentDidLoad(): void;
+    handleSnackMutation(mutationRecord: MutationRecord): void;
+    updateSnacks(newValue: string): void;
+    resetUpdatedNotifications(prevNotifications: Notification[]): void;
+    checkForTabbing(ev: KeyboardEvent): void;
+    handleMouse(): void;
+    snackDismissed(notification: Notification): void;
+    snackExpired(expiredID: string): void;
+    endSnack(notification: Notification): void;
+    snackLinkClicked(notification: Notification): void;
+    stopTimer(notification: Notification): void;
+    announce(message: string): void;
+    renderSnackbars(): any[];
+    render(): any;
 }