@watermarkinsights/ripple 0.0.0 → 0.0.1

package/dist/types/components/wm-action-menu/wm-action-menu.d.ts

@@ -1,43 +1,43 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class ActionMenu {
-  el: HTMLWmActionMenuElement;
-  private wmButtonEl;
-  private itemsEl?;
-  private uid;
-  private openUp;
-  get horizontalPosition(): "right" | "left";
-  get childItems(): HTMLWmMenuitemElement[];
-  isExpanded: boolean;
-  tooltipPosition?: "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
-  buttonType: "icon" | "text" | "selector";
-  buttonText?: string;
-  disabled: boolean;
-  tooltip?: string;
-  labelForIdenticalButtons?: string;
-  menuLoaded: EventEmitter;
-  private keysSoFar;
-  private searchIndex;
-  private keyClear;
-  handleClickedItem(): void;
-  handleKeyUp(ev: CustomEvent): void;
-  handleKeyDown(ev: CustomEvent): void;
-  handleHomeKey(): void;
-  handleEndKey(): void;
-  handleTabKey(): void;
-  handleEscKey(): void;
-  blurHandler(ev: MouseEvent): void;
-  handleKey(ev: KeyboardEvent): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  moveUp(el: HTMLWmMenuitemElement): void;
-  moveDown(el: HTMLWmMenuitemElement): void;
-  open(): void;
-  close(): void;
-  focusItem(item: HTMLWmMenuitemElement): void;
-  focusFirstItem(): void;
-  focusLastItem(): void;
-  findAndFocusItem(ev: CustomEvent): void;
-  clearKeysSoFarAfterDelay(): void;
-  findMatchInRange(list: HTMLWmMenuitemElement[], startIndex: number, endIndex: number): HTMLWmMenuitemElement | null;
-  render(): any;
+    el: HTMLWmActionMenuElement;
+    private wmButtonEl;
+    private itemsEl?;
+    private openUp;
+    get horizontalPosition(): "right" | "left";
+    get childItems(): HTMLWmMenuitemElement[];
+    get internalButtonType(): string;
+    isExpanded: boolean;
+    tooltipPosition?: "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
+    actionMenuType: "icon" | "text" | "selector" | "selector-primary";
+    buttonText?: string;
+    disabled: boolean;
+    tooltip?: string;
+    labelForIdenticalButtons?: string;
+    darkMode?: boolean;
+    wmActionMenuLoaded: EventEmitter;
+    menuLoaded: EventEmitter;
+    private keysSoFar;
+    private searchIndex;
+    handleClickedItem(): void;
+    handleKeyUp(ev: CustomEvent): void;
+    handleKeyDown(ev: CustomEvent): void;
+    handleHomeKey(): void;
+    handleEndKey(): void;
+    handleTabKey(): void;
+    handleEscKey(): void;
+    handleKey(ev: KeyboardEvent): void;
+    handleMenuitemBlur(ev: CustomEvent): void;
+    handleButtonBlur(ev: FocusEvent): void;
+    componentDidLoad(): void;
+    moveUp(el: HTMLWmMenuitemElement): void;
+    moveDown(el: HTMLWmMenuitemElement): void;
+    open(): void;
+    close(returnFocus?: boolean): void;
+    focusFirstItem(): void;
+    focusLastItem(): void;
+    findAndFocusItem(ev: CustomEvent): void;
+    debouncedClearKeysSoFar: (this: any) => void;
+    findMatchInRange(list: HTMLWmMenuitemElement[], startIndex: number, endIndex: number): HTMLWmMenuitemElement | null;
+    render(): any;
 }

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

@@ -1,36 +1,40 @@
-import { TooltipPosition } from "../../global/interfaces";
+import { TooltipPlacement, validButtonTypes } from "../../global/interfaces";
 export declare class Button {
-  el: HTMLWmButtonElement;
-  private buttonEl;
-  private tooltipEl;
-  disabled: boolean;
-  buttonStyle: string;
-  icon?: string;
-  iconSize?: string;
-  tooltip?: string;
-  labelForIdenticalButtons?: string;
-  tooltipPosition: TooltipPosition;
-  adjustedTooltipPosition: TooltipPosition;
-  permanentlyDelete?: boolean;
-  textWrap: boolean;
-  customBackground?: string;
-  isTabbing: boolean;
-  private clickFunc;
-  private ariaPopup;
-  get isTruncated(): boolean;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  handleOnClick(): void;
-  validateStyle(newValue: string): void;
-  updateIcon(): void;
-  validateIcon(): void;
-  handleKeydown(ev: KeyboardEvent): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  showTooltip(): void;
-  hideTooltip(): void;
-  renderTooltip(): any;
-  getClasses(): string;
-  getAriaLabel(): string | undefined;
-  render(): any;
+    el: HTMLWmButtonElement;
+    private buttonEl;
+    disabled: boolean;
+    get isDisabled(): boolean;
+    buttonType: validButtonTypes;
+    icon?: string;
+    iconSize?: string;
+    iconRotate?: number;
+    iconFlip?: "horizontal" | "vertical";
+    tooltip?: string;
+    labelForIdenticalButtons?: string;
+    tooltipPosition: TooltipPlacement;
+    permanentlyDelete?: boolean;
+    textWrap: boolean;
+    customBackground?: string;
+    isSubmit: boolean;
+    isTabbing: boolean;
+    private id;
+    private ariaPopup;
+    get isTruncated(): boolean;
+    get hasTooltip(): boolean;
+    get buttonClasses(): string;
+    toggleTabbingOn(): void;
+    toggleTabbingOff(): void;
+    handleScroll(): void;
+    validateType(newValue: string): void;
+    updateIcon(): void;
+    handleDisabledChange(): void;
+    validateIcon(): void;
+    handleKeydown(ev: KeyboardEvent): void;
+    handleMouseEnter(ev: MouseEvent): void;
+    handleFocus(ev: FocusEvent): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    getAriaLabel(): string | undefined;
+    renderIcon(): any;
+    render(): any;
 }

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class File {
+    el: HTMLWmFileElement;
+    name: string;
+    type: string;
+    fileActions: string;
+    lastUpdated?: string;
+    progress?: number;
+    size?: string;
+    uploadedBy?: string;
+    errorMessage?: string;
+    showInfo?: "time" | "last-updated" | "size" | "uploaded-by" | "all" | "none";
+    private fullFilename;
+    wmFilePreview: EventEmitter;
+    wmFileDownload: EventEmitter;
+    wmFileDelete: EventEmitter;
+    wmFileErrorCleared: EventEmitter;
+    get isCondensed(): boolean;
+    get isUploading(): boolean;
+    get previewButtonTooltip(): string;
+    get downloadButtonTooltip(): string;
+    get deleteButtonTooltip(): string;
+    get previewActionMessage(): string;
+    get downloadActionMessage(): string;
+    get deleteActionMessage(): string;
+    get actionMenuLabel(): string;
+    get clearButtonText(): string;
+    generateClearButtonLabel(filename: string): string;
+    componentWillLoad(): void;
+    debouncedUpdate: (this: any) => void;
+    setFilename(): void;
+    componentDidRender(): void;
+    previewFile(): void;
+    downloadFile(): void;
+    deleteFile(): void;
+    handleFilenameMouseEnter(ev: MouseEvent): void;
+    renderFileName(): any;
+    renderFileInfo(): any;
+    renderActionMenu(): any;
+    renderFileActionButtons(): any;
+    renderFileInProgress(): any;
+    renderFileControls(): any;
+    renderFile(): any;
+    render(): any;
+}

package/dist/types/components/wm-file-list/wm-file-list.d.ts

@@ -0,0 +1,5 @@
+export declare class FileList {
+    el: HTMLWmFileListElement;
+    showInfo: "size" | "last-updated" | "uploaded-by" | "all" | "none";
+    render(): any;
+}

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

@@ -0,0 +1,47 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Flyout {
+    el: HTMLWmFlyoutElement;
+    private dialogEl;
+    private closeButtonEl;
+    private headingEl;
+    private breadcrumbsEl;
+    private breadcrumbsMeasureEl;
+    private resizeObserver;
+    eyebrow?: string;
+    heading: string;
+    subheading?: string;
+    flyoutWidth: string;
+    primaryText?: string;
+    secondaryText?: string;
+    infoText?: string;
+    breadcrumb?: string;
+    elementToFocus: "primary" | "secondary" | string;
+    open: boolean;
+    returnFocusEl: HTMLElement;
+    isBreadcrumbsOverflowing: boolean;
+    wmFlyoutCloseTriggered: EventEmitter<void>;
+    wmFlyoutPrimaryTriggered: EventEmitter<void>;
+    wmFlyoutSecondaryTriggered: EventEmitter<void>;
+    wmFlyoutBreadcrumbClicked: EventEmitter<{
+        breadcrumb: string;
+        index: number;
+    }>;
+    get lastFocusableEl(): HTMLElement;
+    get focusOnOpenEl(): HTMLElement;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    debouncedCheckBreadcrumbOverflow: (this: any) => void;
+    checkBreadcrumbOverflow(): void;
+    handleOpenChange(newValue: boolean): void;
+    setFlyoutWidth(): void;
+    focusHeading(): Promise<void>;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleEndBookendFocus(): void;
+    showFlyout(): void;
+    hideFlyout(): void;
+    renderBreadcrumbList(): any;
+    renderBreadcrumb(breadcrumbName: string, isLast: boolean): any;
+    renderHeader(): any;
+    renderFooter(): any;
+    render(): any;
+}

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

@@ -1,30 +1,51 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class Input {
-  el: HTMLWmInputElement;
-  private inputEl;
-  private inputWrapperEl;
-  private liveRegionEl;
-  label: string;
-  labelPosition: "top" | "left" | "none";
-  value: string;
-  disabled: boolean;
-  info?: string;
-  placeholder: string;
-  requiredField: boolean;
-  errorMessage?: string;
-  characterLimit?: number;
-  preventValidation?: string;
-  charCount: number;
-  announcement: string;
-  private uid;
-  private requiredErrorMessage;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleKeyDown(ev: KeyboardEvent): void;
-  handleBlur(ev: FocusEvent): void;
-  handleInput(ev: Event): void;
-  handleFocus(): void;
-  updateRequiredError(errorMessage: string | undefined, requiredErrorMessage: string, value: string): string;
-  announce(message: string): void;
-  generateCharacterLimitWarning(charCount: number, charLimit: number): string;
-  render(): any;
+    el: HTMLWmInputElement;
+    private inputEl;
+    private inputWrapperEl;
+    private liveRegionEl;
+    label: string;
+    labelPosition: "top" | "left" | "none";
+    value: string;
+    disabled: boolean;
+    info?: string;
+    inputWidth: string;
+    placeholder: string;
+    requiredField: boolean;
+    errorMessage?: string;
+    characterLimit?: number;
+    symbolBefore?: string;
+    symbolAfter?: string;
+    textAfter?: string;
+    type: "number" | "text";
+    step?: number;
+    min?: number;
+    max?: number;
+    isSubmit: boolean;
+    getInputWidth(): {
+        width: string;
+        flex?: undefined;
+    } | {
+        flex: string;
+        width?: undefined;
+    };
+    get charCount(): number;
+    get isDisabled(): boolean;
+    announcement: string;
+    wmInputValueChanged: EventEmitter<{
+        value: string;
+    }>;
+    private previousValue;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleDisabledChange(): void;
+    announceError(): void;
+    handleInput(ev: Event): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleBlur(): void;
+    handleFocus(): void;
+    announce(message: string): void;
+    generateCharacterLimitWarning(charCount: number, charLimit: number): string;
+    descriptors(): "symbol-before inputfield symbol-after text-after info error" | "info error";
+    render(): any;
 }

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

@@ -1,30 +1,29 @@
 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;
-  private onClickFunc;
-  private descriptionCharLimit;
-  isKeying: boolean;
-  toggleKeyingOn(): void;
-  toggleKeyingOff(): void;
-  handleKeydown(ev: KeyboardEvent): void;
-  handleClick(): void;
-  setOnClick(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
+    el: HTMLWmMenuitemElement;
+    disabled: 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;
+    handleKeydown(ev: KeyboardEvent): void;
+    handleClick(): void;
+    handleBlur(ev: FocusEvent): void;
+    setOnClick(): void;
+    componentWillLoad(): void;
+    renderIcon(): any;
+    render(): any;
 }

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

@@ -1,15 +1,14 @@
 export declare class ModalFooter {
-  el: HTMLElement;
-  secondaryText?: string;
-  primaryText?: string;
-  infoText?: string;
-  primaryActionDisabled: boolean;
-  deleteStyle: boolean;
-  uid: string;
-  private lastElement?;
-  focusLastEl(): void;
-  componentWillLoad(): void;
-  emitParentPrimaryEvent(): void;
-  emitParentSecondaryEvent(): void;
-  render(): any;
+    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/wm-modal-header.d.ts

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

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

@@ -1,34 +1,30 @@
 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;
+    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,33 @@
+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;
+    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,23 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Navigation {
+    el: HTMLWmNavigationElement;
+    toggleEl: HTMLWmButtonElement;
+    open: boolean;
+    wmNavigationStateChanged: EventEmitter;
+    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;
 }