@watermarkinsights/ripple 3.10.0-0 → 3.10.0

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

@@ -1,34 +1,34 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Menuitem {
-  el: HTMLWmMenuitemElement;
-  private iconEl?;
-  disabled: boolean;
-  focused: boolean;
-  icon?: string;
-  description?: string;
-  wmMenuitemClicked: EventEmitter<HTMLWmMenuitemElement>;
-  wmKeyUpPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmKeyDownPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmEscKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmHomeKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmEndKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmPageDownItems: EventEmitter<HTMLWmMenuitemElement>;
-  wmPageUpItems: EventEmitter<HTMLWmMenuitemElement>;
-  wmTabKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
-  wmLetterPressed: EventEmitter;
-  wmMenuitemBlurred: EventEmitter<{
-    relatedTarget: EventTarget | null;
-  }>;
-  private onClickFunc;
-  private descriptionCharLimit;
-  isKeying: boolean;
-  toggleKeyingOn(): void;
-  toggleKeyingOff(): void;
-  handleKeydown(ev: KeyboardEvent): void;
-  handleClick(): void;
-  handleBlur(ev: FocusEvent): void;
-  setOnClick(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Menuitem {
+  el: HTMLWmMenuitemElement;
+  private iconEl?;
+  disabled: boolean;
+  focused: boolean;
+  icon?: string;
+  description?: string;
+  wmMenuitemClicked: EventEmitter<HTMLWmMenuitemElement>;
+  wmKeyUpPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmKeyDownPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmEscKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmHomeKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmEndKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmPageDownItems: EventEmitter<HTMLWmMenuitemElement>;
+  wmPageUpItems: EventEmitter<HTMLWmMenuitemElement>;
+  wmTabKeyPressed: EventEmitter<HTMLWmMenuitemElement>;
+  wmLetterPressed: EventEmitter;
+  wmMenuitemBlurred: EventEmitter<{
+    relatedTarget: EventTarget | null;
+  }>;
+  private onClickFunc;
+  private descriptionCharLimit;
+  isKeying: boolean;
+  toggleKeyingOn(): void;
+  toggleKeyingOff(): void;
+  handleKeydown(ev: KeyboardEvent): void;
+  handleClick(): void;
+  handleBlur(ev: FocusEvent): void;
+  setOnClick(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

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

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

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

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

@@ -1,41 +1,41 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Modal {
-  el: HTMLWmModalElement;
-  open: boolean;
-  isOpen: boolean;
-  get tempOpen(): boolean;
-  elementToFocus: string;
-  modalType: "modal" | "dialog" | null;
-  isTypeDialog: boolean | null;
-  get tempModalType(): "modal" | "dialog";
-  uid: string;
-  private focusOnOpen;
-  private focusOnClose;
-  private overlayEl;
-  private bodyFocusListener;
-  focusLastElement: EventEmitter;
-  focusFirstElement: EventEmitter;
-  wmModalCloseTriggered: EventEmitter;
-  wmCloseTriggered: EventEmitter;
-  wmModalPrimaryTriggered: EventEmitter;
-  wmPrimaryTriggered: EventEmitter;
-  wmModalSecondaryTriggered: EventEmitter;
-  wmSecondaryTriggered: EventEmitter;
-  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>;
-  setElToFocusOnOpen(): void;
-  setAriaDescribedbyOnModal(): void;
-  setElToFocusOnClose(): void;
-  redirectFocusFromBody(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Modal {
+  el: HTMLWmModalElement;
+  open: boolean;
+  isOpen: boolean;
+  get tempOpen(): boolean;
+  elementToFocus: string;
+  modalType: "modal" | "dialog" | null;
+  isTypeDialog: boolean | null;
+  get tempModalType(): "dialog" | "modal";
+  uid: string;
+  private focusOnOpen;
+  private focusOnClose;
+  private overlayEl;
+  private bodyFocusListener;
+  focusLastElement: EventEmitter;
+  focusFirstElement: EventEmitter;
+  wmModalCloseTriggered: EventEmitter;
+  wmCloseTriggered: EventEmitter;
+  wmModalPrimaryTriggered: EventEmitter;
+  wmPrimaryTriggered: EventEmitter;
+  wmModalSecondaryTriggered: EventEmitter;
+  wmSecondaryTriggered: EventEmitter;
+  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>;
+  setElToFocusOnOpen(): void;
+  setAriaDescribedbyOnModal(): void;
+  setElToFocusOnClose(): void;
+  redirectFocusFromBody(): void;
+  render(): any;
+}

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

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

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

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

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

@@ -1,30 +1,28 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Navigation {
-  el: HTMLWmNavigationElement;
-  toggleEl: HTMLWmButtonElement;
-  hamburgerBtn?: HTMLWmNavigationHamburgerElement;
-  open: boolean;
-  isTabbing: boolean;
-  wmNavigationStateChanged: EventEmitter;
-  private mainNavigationMessage;
-  private openTooltipMessage;
-  private closeTooltipMessage;
-  get isCollapsible(): boolean;
-  get ariaExpanded(): string | undefined;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  closeOnEscape(ev: KeyboardEvent): void;
-  throttledRerender: (this: any) => void;
-  handleWindowResize(): void;
-  handleHamburgerClicked(): void;
-  handleClickOnItem(): void;
-  handleStateChange(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  redirectFocusFromBody(): void;
-  expand(): void;
-  collapse(): void;
-  focusLastItem(): void;
-  renderOverlay(): any;
-  render(): any;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Navigation {
+  el: HTMLWmNavigationElement;
+  toggleEl: HTMLWmButtonElement;
+  open: boolean;
+  isTabbing: boolean;
+  wmNavigationStateChanged: EventEmitter;
+  private mainNavigationMessage;
+  private openTooltipMessage;
+  private closeTooltipMessage;
+  get isCollapsible(): boolean;
+  get ariaExpanded(): string | undefined;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  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,10 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-export declare class PrivNavigatorButton {
-  el: any;
-  expanded: boolean;
-  altText: string;
-  isTabbing: boolean;
-  buttonActivated: EventEmitter;
-  handleClick(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PrivNavigatorButton {
+  el: any;
+  expanded: boolean;
+  altText: string;
+  isTabbing: boolean;
+  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;
-}
+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;
+}

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,32 +1,32 @@
-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>;
-  wmTabKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmEnterKeyPressed: EventEmitter<HTMLWmOptionElement>;
-  wmLetterPressed: EventEmitter<string>;
-  wmOptionBlurred: EventEmitter<{
-    relatedTarget: EventTarget | null;
-  }>;
-  private onClickFunc;
-  get isMultiChild(): boolean;
-  handleKeydown(ev: KeyboardEvent): void;
-  handleSelection(): void;
-  handleBlur(ev: FocusEvent): void;
-  syncAriaSelected(): void;
-  syncAriaDisabled(): void;
-  focusHandler(newValue: boolean): void;
-  updateDisabledOnClick(): 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>;
+  wmTabKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmEnterKeyPressed: EventEmitter<HTMLWmOptionElement>;
+  wmLetterPressed: EventEmitter<string>;
+  wmOptionBlurred: EventEmitter<{
+    relatedTarget: EventTarget | null;
+  }>;
+  private onClickFunc;
+  get isMultiChild(): boolean;
+  handleKeydown(ev: KeyboardEvent): void;
+  handleSelection(): void;
+  handleBlur(ev: FocusEvent): void;
+  syncAriaSelected(): void;
+  syncAriaDisabled(): void;
+  focusHandler(newValue: boolean): void;
+  updateDisabledOnClick(): 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;
+}