@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class Optgroup {
+    el: HTMLWmOptgroupElement;
+    private optionListEl;
+    label: string;
+    isExpanded: boolean;
+    multiple: boolean;
+    disabled: boolean;
+    wmOptgroupAllSelected: EventEmitter;
+    wmOptgroupAllDeselected: EventEmitter;
+    optgroupExpanded: EventEmitter;
+    optgroupHidden: EventEmitter;
+    get parentNestedSelect(): HTMLWmNestedSelectElement;
+    get isDisabled(): boolean;
+    isExpandedChanged(): void;
+    emitDeselection(): Promise<void>;
+    handleChildChange(): Promise<void>;
+    handleOptionKeyLeft(): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,40 @@
+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>;
+    wmOptionDeselected: EventEmitter<HTMLWmOptionElement>;
+    intCloneClicked: EventEmitter<HTMLWmOptionElement>;
+    wmKeyUpPressed: EventEmitter<HTMLWmOptionElement>;
+    wmKeyDownPressed: EventEmitter<HTMLWmOptionElement>;
+    wmKeyLeftPressed: EventEmitter;
+    wmEscKeyPressed: EventEmitter<HTMLWmOptionElement>;
+    wmHomeKeyPressed: EventEmitter<HTMLWmOptionElement>;
+    wmEndKeyPressed: EventEmitter<HTMLWmOptionElement>;
+    wmEnterKeyPressed: EventEmitter<HTMLWmOptionElement>;
+    wmLetterPressed: EventEmitter<{
+        optionEl: HTMLElement;
+        letter: string;
+    }>;
+    wmOptionBlurred: EventEmitter<{
+        relatedTarget: EventTarget | null;
+    }>;
+    private onClickFunc;
+    searchTerm: string;
+    private textEl;
+    get hostClasses(): string;
+    get parentOptionList(): HTMLPrivOptionListElement;
+    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/selects/wm-select/wm-select.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class Select {
+    el: HTMLWmSelectElement;
+    disabled: 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;
+    info?: string;
+    isExpanded: boolean;
+    isHidden: boolean;
+    openUp: boolean;
+    announcement: string;
+    wmSelectDidLoad: EventEmitter<void>;
+    wmSelectBlurred: EventEmitter<void>;
+    wmSelectAllSelected: EventEmitter;
+    wmSelectAllDeselected: EventEmitter;
+    private buttonEl;
+    private dropdownEl;
+    private optionListEl;
+    private liveRegionEl;
+    private measurementAreaEl;
+    private scrollableParents;
+    private elToFocus?;
+    private returnFocus;
+    private initialHtmlOverflowY?;
+    get childOptions(): HTMLWmOptionElement[];
+    get isDisabled(): boolean;
+    private hasAnchor;
+    private overflowCount?;
+    private buttonText?;
+    private displayedOptions;
+    get displayText(): string;
+    get selectedOptions(): HTMLWmOptionElement[];
+    get allSelected(): boolean;
+    handleOptionSelection(): void;
+    handleChildEnter(): void;
+    closeDropdownOnEscape(): void;
+    handleToggle(ev: ToggleEvent): void;
+    dropdownPosition(): void;
+    onOpen(): void;
+    onClose(): void;
+    handleKey(ev: KeyboardEvent): void;
+    debouncedReposition: (this: any) => void;
+    handleResize(): void;
+    handleScroll(): void;
+    componentWillLoad(): void;
+    handleChildChange(): void;
+    componentDidLoad(): void;
+    announceError(): void;
+    handleDisabledChange(): void;
+    handleComponentBlur(ev: FocusEvent): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
+    announce(message: string): void;
+    handleOverflow(): void;
+    setButtonText(): string | null;
+    renderOverflowCount(): any;
+    render(): any;
+}

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

@@ -1,43 +1,57 @@
 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 menubtnEl;
+    private dropdownEl;
+    private openUp;
+    private initialHtmlOverflowY?;
+    private scrollableParents;
+    get horizontalPosition(): "right" | "left";
+    get childItems(): HTMLWmMenuitemElement[];
+    get internalButtonType(): string;
+    isExpanded: boolean;
+    isTabbing: boolean;
+    isHidden: boolean;
+    private hasAnchor;
+    private elToFocus?;
+    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;
+    handleTabbingOn(): void;
+    handleTabbingOff(): void;
+    handleWindowScroll(): void;
+    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;
+    handleScroll(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    moveUp(el: HTMLWmMenuitemElement): void;
+    moveDown(el: HTMLWmMenuitemElement): void;
+    open(): void;
+    close(returnFocus?: boolean): void;
+    positionDropdown(): void;
+    handleToggle(ev: ToggleEvent): 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,45 @@
-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;
+    /**
+     * Register CSS custom properties for AI gradient animations
+     * These need to be registered in JS since @property doesn't work in shadow DOM
+     */
+    private registerCSSProperties;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    getAriaLabel(): string | undefined;
+    renderIcon(): any;
+    render(): any;
 }

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

@@ -0,0 +1,48 @@
+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 isExtraCondensed(): boolean;
+    get needsTruncation(): 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;
+    truncateFilename(): 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;
+    renderDetailsToggle(): 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,48 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Flyout {
+    el: HTMLWmFlyoutElement;
+    private dialogEl;
+    private closeButtonEl;
+    private headingEl;
+    private breadcrumbsEl;
+    private breadcrumbsMeasureEl;
+    private resizeObserver;
+    private initialBodyOverflow?;
+    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,52 @@
+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;
+    handleLabelMouseEnter(ev: MouseEvent): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleBlur(): void;
+    handleFocus(): void;
+    announce(message: string): void;
+    generateCharacterLimitWarning(charCount: number, charLimit: number): string;
+    descriptors(): "info error" | "symbol-before inputfield symbol-after text-after 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;
 }