@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts

@@ -1,35 +1,34 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TabItem {
-  el: HTMLWmTabItemElement;
-  private get parentTabList();
-  /**
-   * Indicates whether the tab is currently active
-   */
-  selected: boolean;
-  show: boolean;
-  /**
-   * The id of the tab, linked to a tab panel.
-   */
-  tabId: string;
-  /**
-   * Reference to focusable link element
-   */
-  linkEl?: HTMLAnchorElement;
-  tabSelected: EventEmitter<{
+    el: HTMLWmTabItemElement;
+    private get parentTabList();
+    /**
+     * Indicates whether the tab is currently active
+     */
+    selected: boolean;
+    /**
+     * The id of the tab, linked to a tab panel.
+     */
     tabId: string;
-  }>;
-  keydownOnTabItem: EventEmitter<{
-    tabItem: HTMLWmTabItemElement;
-    key: string;
-  }>;
-  tabItemLoaded: EventEmitter<{
-    tab: HTMLWmTabItemElement;
-  }>;
-  private tabClicked;
-  private tabPressed;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * Reference to focusable link element
+     */
+    linkEl?: HTMLAnchorElement;
+    wmTabSelected: EventEmitter<{
+        tabId: string;
+    }>;
+    wmIntTabFocused: EventEmitter<{
+        tabItem: HTMLWmTabItemElement;
+    }>;
+    keydownOnTabItem: EventEmitter<{
+        tabItem: HTMLWmTabItemElement;
+        key: string;
+    }>;
+    tabItemLoaded: EventEmitter<{
+        tab: HTMLWmTabItemElement;
+    }>;
+    private tabClicked;
+    private tabPressed;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts

@@ -1,50 +1,34 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TabList {
-  el: any;
-  customBackground?: "dark" | "";
-  customPadding?: string;
-  selectedTab?: string;
-  /**
-   * Delegates control to the component, which will listen for the tabSelected event, update the display of the tab panels, and update the selected tab on display. When set to false, the app must listen for the event and update the selectedTab attribute. Offers more control for devs, who may want to control when data loads or run other functions when tabs are switched.
-   */
-  controllerEnabled: boolean;
-  /**
-   * Set to true when the tab list exceeds the parent width. Component will render the menu layout.
-   */
-  private get menuLayout();
-  /**
-   * Emitted by wm-select options when tabs have the menu format
-   */
-  tabSelected: EventEmitter<{
-    tabId: string;
-  }>;
-  private get tabItems();
-  private getLinkEl;
-  private get panels();
-  private getPanel;
-  private listWidth?;
-  private setListWidth;
-  getSelectedTabItem: () => HTMLWmTabItemElement;
-  setSelected(id: string): void;
-  showItems(): void;
-  hideItems(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  tabItemLoaded(ev: CustomEvent): void;
-  setAriaOnPanelAndTab(tab: HTMLWmTabItemElement): void;
-  setAttributesOnTab(tab: HTMLWmTabItemElement, panel: HTMLWmTabPanelElement): void;
-  removeAttributesOnTab(tab: HTMLWmTabItemElement): void;
-  setAttributesOnPanel(panel: HTMLWmTabPanelElement, tab: HTMLWmTabItemElement): void;
-  handleTabSelected(ev: CustomEvent): void;
-  handleKeydown(ev: CustomEvent): void;
-  handleLeftRightArrow(index: number, key: string): void;
-  handleUpDownArrow(key: string): void;
-  /**
-   * Change layout if parent size drops below tab list width
-   */
-  setLayout(): void;
-  debouncedSetLayout: (this: any) => void;
-  renderMenuOrTabs(): any;
-  renderOptions(): any[];
-  render(): any;
+    el: any;
+    private tabContainerEl;
+    private liveRegionEl;
+    customBackground?: "dark" | "";
+    selectedTab?: string;
+    announcement: string;
+    containerFadeLeft: boolean;
+    containerFadeRight: boolean;
+    scrollArrowsVisible: boolean;
+    private get tabItems();
+    get selectedTabItem(): HTMLWmTabItemElement;
+    private getLinkEl;
+    private get panels();
+    setSelected(id: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    tabItemLoaded(ev: CustomEvent): void;
+    wmTabFocused(ev: CustomEvent): void;
+    setAriaOnPanelAndTab(tab: HTMLWmTabItemElement): void;
+    setAttributesOnTab(tab: HTMLWmTabItemElement, panel: HTMLWmTabPanelElement): void;
+    removeAttributesOnTab(tab: HTMLWmTabItemElement): void;
+    setAttributesOnPanel(panel: HTMLWmTabPanelElement, tab: HTMLWmTabItemElement): void;
+    handleKeydown(ev: CustomEvent): void;
+    handleTabFocused(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): void;
+    calculateScrollPositionForTab(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): number;
+    debouncedUpdateContainerState: (this: any) => void;
+    updateContainerFade(): void;
+    updateArrowVisibility(): void;
+    handleLeftArrowClick(ev: MouseEvent): void;
+    handleRightArrowClick(ev: MouseEvent): void;
+    announce(message: string): void;
+    render(): any;
 }

package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts

@@ -1,20 +1,18 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TabPanel {
-  el: HTMLWmTabPanelElement;
-  /**
-   * Indicates whether the panel should be displayed or not.
-   */
-  active: boolean;
-  /**
-   * The id of the panel, linked to a tabItem in the tablist.
-   */
-  tabId: string;
-  tabPanelLoaded: EventEmitter<{
+    el: HTMLWmTabPanelElement;
+    /**
+     * Indicates whether the panel should be displayed or not.
+     */
+    active: boolean;
+    /**
+     * The id of the panel, linked to a tabItem in the tablist.
+     */
     tabId: string;
-  }>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  render(): any;
+    tabPanelLoaded: EventEmitter<{
+        tabId: string;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -1,83 +1,124 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class TagInput {
-  el: HTMLWmTagInputElement;
-  private inputEl;
-  private dropdownEl;
-  private tagAreaEl;
-  private liveRegionEl;
-  private fieldWrapperEl;
-  label: string;
-  labelPosition: "top" | "left" | "none";
-  options: string;
-  selectedTags: string;
-  info?: string;
-  addNew: boolean;
-  placeholder?: string;
-  characterLimit: number;
-  wmTagInputChanged: EventEmitter<{
-    value: string[];
-  }>;
-  private uid;
-  private openUp;
-  focusedListItem: HTMLLIElement | null;
-  focusedTag: HTMLLIElement | null;
-  isExpanded: boolean;
-  tagsList: string[];
-  optionsList: string[];
-  charCount: number;
-  liveRegionMessage: string;
-  private tagAreaInstructions;
-  get focusedElement(): Element | null;
-  get listItemEls(): HTMLLIElement[];
-  get tagEls(): HTMLLIElement[];
-  get optionEls(): HTMLLIElement[];
-  generateTagAddedMessage(tag: string): string;
-  generateTagAlreadyAddedMessage(tag: string): string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  consolidateSelectedTags(): void;
-  createPlaceholderDefault(addNew: boolean, hasOptions: boolean): string;
-  reflectSelectedTags(): void;
-  closeIfNotElOrChild(ev: MouseEvent): void;
-  handleInputKeyDown(ev: KeyboardEvent): void;
-  handleInputChanged(value: string): void;
-  submitInput(canAddNew: boolean, value: string): void;
-  handleInputArrowDown(): void;
-  handleInputArrowUp(): void;
-  handleInputBackspace(): void;
-  handleListItemKeyDown(ev: KeyboardEvent): void;
-  handleListItemClick(ev: MouseEvent): void;
-  handleTagAreaKeyDown(ev: KeyboardEvent): void;
-  handleTagAreaDelete(): void;
-  handleBlur(ev: FocusEvent, component: HTMLElement): void;
-  handleTagAreaFocus(): void;
-  handleRemoveButtonClick(tag: string): void;
-  moveDownListItem(): void;
-  moveUpListItem(): void;
-  moveLeftTag(): void;
-  moveRightTag(): void;
-  addOption(option: string): string[];
-  removeOption(option: string): void;
-  addTag(tag: string): string[];
-  removeTag(tag: string): void;
-  focusListItem(item: HTMLLIElement): void;
-  focusTag(element: HTMLLIElement): void;
-  clearTagFocus(): void;
-  openDropdown(): void;
-  closeDropdown(): void;
-  clearListItemFocus(): void;
-  resetInput(): void;
-  announce(message: string): void;
-  announceExistingOptions(): void;
-  announceCharacterLimitWarning(charCount: number, charLimit: number): void;
-  listToCSV(list: string[]): string;
-  csvToArray(csv: string | undefined): string[];
-  includesCaseInsensitive(list: string[], element: string): boolean;
-  filterCaseInsensitive(list: string[], element: string): string[];
-  sortCaseInsensitive(list: string[]): string[];
-  renderTags(): any[];
-  renderListItems(optionsList: string[]): any[];
-  renderAddNewButton(): any;
-  renderHelpText(): string;
-  render(): any;
+    el: HTMLWmTagInputElement;
+    private inputEl;
+    private tagAreaEl;
+    private liveRegionEl;
+    private fieldWrapperEl;
+    private dropdownEl?;
+    private addNewButton?;
+    label: string;
+    errorMessage?: string;
+    info?: string;
+    labelPosition: "top" | "left" | "none";
+    maxTags?: number;
+    placeholder?: string;
+    requiredField: boolean;
+    tagInputType: "dropdown" | "table";
+    helpText?: string;
+    addNew: boolean;
+    characterLimit: number;
+    colHeaders: string;
+    colWidths?: string;
+    colWrap?: string;
+    addNewHelpText: string;
+    selectionHelpText: string;
+    maxTagsReachedMessage: string;
+    tagAreaInstructions: string;
+    tagsAddedMessage: string;
+    noResultsMessage: string;
+    addNewTagMessage(newTagName: string): string;
+    wmTagInputTagAdded: EventEmitter;
+    private openUp;
+    isKeying: boolean;
+    isExpanded: boolean;
+    liveRegionMessage: string;
+    focusedOption?: HTMLWmTagOptionElement;
+    focusedColumn: number;
+    focusedTagIndex?: number;
+    tagsList: HTMLWmTagOptionElement[];
+    toggleKeyingOn(): void;
+    toggleKeyingOff(): void;
+    get isDropdown(): boolean;
+    get isTable(): boolean;
+    get charCount(): number;
+    get tooltipVisible(): boolean;
+    get optionEls(): HTMLWmTagOptionElement[];
+    get filteredOptionEls(): HTMLWmTagOptionElement[];
+    get taggedOptions(): HTMLWmTagOptionElement[];
+    get _tagEls(): HTMLLIElement[];
+    get focusedTag(): HTMLLIElement | undefined;
+    tagOptionFromEl(el: HTMLTableRowElement | HTMLLIElement): HTMLWmTagOptionElement | undefined;
+    tagOptionFromTag(el: HTMLLIElement): HTMLWmTagOptionElement;
+    elFromTagOption(el: HTMLWmTagOptionElement): HTMLTableRowElement | HTMLLIElement;
+    get _focusedOption(): HTMLTableRowElement | HTMLLIElement | undefined;
+    get _focusedCell(): HTMLTableCellElement | undefined;
+    get inputActiveDescendantId(): string | null;
+    get tagLimitReached(): boolean;
+    get inputMinimumWidth(): number;
+    getTagName(o: HTMLWmTagOptionElement): string;
+    isExistingTag(tag: string): boolean;
+    tagAddedMessage(tag: string): string;
+    tagRemovedMessage(tag: string): string;
+    tagAlreadyAddedMessage(tag: string): string;
+    tagLockedMessage(tag: string): string;
+    isElOrChild(el: HTMLElement): boolean;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleChangeAnnouncement(mutationRecord: MutationRecord): void;
+    handleOptionListChange(record: MutationRecord): void;
+    handleTagOptionSelected(ev: Event): void;
+    handleTagOptionDeselected(ev: Event): void;
+    handleTagListChange(mutationRecord: MutationRecord): void;
+    componentDidRender(): void;
+    createPlaceholderDefault(addNew: boolean, hasOptions: boolean): string;
+    handleClick(ev: MouseEvent): void;
+    announceError(): void;
+    handleOptionClick(ev: MouseEvent): void;
+    dismissTooltip(): void;
+    debouncedUpdate: (this: any) => void;
+    handleInputKeyDown(ev: KeyboardEvent): void;
+    handleInputFocus(): void;
+    handleInputChanged(ev: Event): void;
+    handleInputEnter(): void;
+    handleInputArrowDown(): void;
+    handleInputArrowUp(): void;
+    handleInputBackspace(): void;
+    handleTagAreaKeyDown(ev: KeyboardEvent): void;
+    handleBlur(ev: FocusEvent): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
+    handleTagAreaFocus(ev: FocusEvent): void;
+    handleTableFocus(): void;
+    handleTableWrapperKeyDown(ev: KeyboardEvent): void;
+    focusPrevCell(): void;
+    focusNextCell(): void;
+    focusOption(optionToFocus: HTMLLIElement | HTMLTableRowElement): void;
+    showTooltipIfTruncated(el: HTMLElement): void;
+    focusTag(element: HTMLLIElement): void;
+    clearOptionFocus(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    resetInput(): void;
+    announce(message: string): void;
+    addTags(tagNames: string): void;
+    announceExistingOptions(): void;
+    generateCharacterLimitWarning(charCount: number, charLimit: number): string;
+    positionInput(): void;
+    handleTagMouseEnter(ev: MouseEvent): void;
+    renderDropdownInput(): any;
+    renderTableInput(): any;
+    renderDropdown(): any;
+    renderHelpText(): string;
+    renderAddNewButton(): any;
+    renderTable(): any;
+    renderTableHeaders(): any;
+    renderTag(o: HTMLWmTagOptionElement): HTMLLIElement;
+    renderTags(): HTMLLIElement[];
+    renderTagCounter(): any;
+    renderMaxTags(): string;
+    handleCellMouseEnter(ev: MouseEvent): void;
+    renderTableCells(o: HTMLWmTagOptionElement): any[];
+    renderTableRow(o: HTMLWmTagOptionElement): any;
+    renderListItem(o: HTMLWmTagOptionElement): any;
+    render(): any;
 }

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class TagOption {
+    el: HTMLWmTagOptionElement;
+    selected: boolean;
+    locked: boolean;
+    col1?: string;
+    col2?: string;
+    col3?: string;
+    col4?: string;
+    privTagOptionSelected: EventEmitter<void>;
+    privTagOptionDeselected: EventEmitter<void>;
+    wmTagOptionSelected: EventEmitter;
+    wmTagOptionDeselected: EventEmitter;
+    emitSelectedEvent(): Promise<void>;
+    emitDeselectedEvent(): Promise<void>;
+    componentWillLoad(): void;
+    handleSelected(): void;
+}

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Textarea {
+    el: HTMLWmTextareaElement;
+    private liveRegionEl;
+    wmTextareaValueChanged: EventEmitter<{
+        value: string;
+    }>;
+    label: string;
+    labelPosition: "top" | "left" | "none";
+    value: string;
+    disabled: boolean;
+    info?: string;
+    placeholder: string;
+    requiredField: boolean;
+    errorMessage?: string;
+    characterLimit?: number;
+    inputWidth: string;
+    inputHeight: string;
+    announcement: string;
+    private previousValue;
+    get charCount(): number;
+    get isDisabled(): boolean;
+    componentWillLoad(): void;
+    handleDisabledChange(): void;
+    announceError(): void;
+    handleInput(ev: Event): void;
+    handleBlur(): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
+    announce(message: string): void;
+    render(): any;
+}

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

@@ -1,59 +1,53 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TimeFormat12, TimeFormat24 } from "../../global/interfaces";
 export declare class Timepicker {
-  el: HTMLWmDatepickerElement;
-  private inputEl;
-  private optionsEl;
-  private tpWrapper;
-  private buttonEl;
-  private optionsList;
-  disabled: boolean;
-  value: string;
-  errorMessage?: string | null;
-  label: string;
-  labelPosition: "top" | "left" | "none";
-  requiredField: boolean;
-  preventValidation?: string;
-  selectedOption: HTMLLIElement;
-  isExpanded: boolean;
-  isTabbing: boolean;
-  wmTimepickerOnChange: EventEmitter<{
+    el: HTMLWmTimepickerElement;
+    private inputEl;
+    private optionsEl;
+    private tpWrapper;
+    private buttonEl;
+    private liveRegionEl;
+    disabled: boolean;
     value: string;
-    isValid: boolean;
-  }>;
-  private twelveHrValid;
-  private twentyFourHrValid;
-  private uid;
-  private timeFormat;
-  private times;
-  private openUp;
-  private buttonAriaLabel;
-  displayedErrorMessage?: string | null;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  blurHandler(ev: MouseEvent): void;
-  handleKey(ev: KeyboardEvent): void;
-  updateErrorState(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  isValidTime(input: string): boolean;
-  generateTimes(): string[];
-  findNearestTimeInterval(time: string): string;
-  handleListSelection(time: string): void;
-  setValue(time: string): void;
-  processInput(): void;
-  determineErrorMessage(): string | undefined | null;
-  splitTime(time: string): [number, string, string?];
-  formatToDisplay(time: string): string;
-  formatToStorage(time: string): string;
-  open(itemToSelect?: "next" | "previous"): void;
-  close(): void;
-  focusOption(item: HTMLLIElement): void;
-  setDropdownPosition(position: string, item?: HTMLLIElement): void;
-  moveUp(el: HTMLLIElement): void;
-  moveDown(el: HTMLLIElement): void;
-  handleOptionClick(time: string): void;
-  handleInput(): void;
-  handleBlur(ev: FocusEvent): void;
-  renderOptions(): any[];
-  render(): any;
+    errorMessage?: string;
+    label: string;
+    labelPosition: "top" | "left" | "none";
+    requiredField: boolean;
+    preselected?: string;
+    isExpanded: boolean;
+    wmTimepickerInputBlurred: EventEmitter;
+    wmTimepickerTimeSelected: EventEmitter;
+    private twelveHrValid;
+    private twentyFourHrValid;
+    private timeFormat;
+    private times;
+    private openUp;
+    private buttonAriaLabel;
+    get selectedOption(): HTMLLIElement;
+    get optionsList(): HTMLLIElement[];
+    get isDisabled(): boolean;
+    isValidTime(input: string): Promise<boolean>;
+    isValidTimeInternal(input: string): boolean;
+    reformatTime(format: "12" | "24", time: TimeFormat12 | TimeFormat24): Promise<string>;
+    announce(message: string): void;
+    reformatTimeInternal(format: "12" | "24", time: TimeFormat12 | TimeFormat24): string;
+    handleKey(ev: KeyboardEvent): void;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    announceError(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleOptionClick(time: TimeFormat24): void;
+    handleInputBlur(): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
+    generateTimeIntervals(): TimeFormat24[];
+    splitTime(time: TimeFormat12 | TimeFormat24): [number, string, string?];
+    open(itemToSelect?: "next" | "previous"): void;
+    close(returnFocus?: boolean): void;
+    focusOption(item: HTMLLIElement): void;
+    movePrevious(optionEl: HTMLLIElement): void;
+    moveNext(optionEl: HTMLLIElement): void;
+    findNearestTimeInterval(time: TimeFormat24): TimeFormat24;
+    renderOptions(): any[];
+    render(): any;
 }

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

@@ -1,25 +1,38 @@
-import { TooltipPosition } from "../../global/interfaces";
+import { TooltipPlacement } from "../../global/interfaces";
 export declare class Toggletip {
-  el: HTMLWmToggletipElement;
-  label?: string;
-  tooltipText?: string;
-  tooltipPosition: TooltipPosition;
-  isOpen: boolean;
-  isTabbing: boolean;
-  private toggletipEl;
-  private tooltipEl;
-  private liveRegionEl;
-  private tooltipMessage;
-  componentWillLoad(): void;
-  handleKeydown(ev: KeyboardEvent): void;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  handleClick(ev: MouseEvent): void;
-  open(): void;
-  close(): void;
-  showTooltip(): void;
-  hideTooltip(): void;
-  announceToggletip(): void;
-  setToggletipPosition(): void;
-  render(): any;
+    el: HTMLWmToggletipElement;
+    label?: string;
+    tooltip: string;
+    tooltipPosition: TooltipPlacement;
+    targetSize: "small" | "large";
+    toggletipType: "info" | "ai";
+    isHidden: boolean;
+    private toggletipEl;
+    private buttonEl;
+    private liveRegionEl;
+    private scrollableParents;
+    private tooltipInfoMessage;
+    private tooltipAITooltip;
+    get isOpen(): boolean;
+    get tooltipMessage(): string;
+    get toggletipPosition(): TooltipPlacement;
+    /**
+     * 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;
+    debouncedReveal: (this: any) => void;
+    debouncedResize: (this: any) => void;
+    handleResize(): void;
+    handleKeydown(ev: KeyboardEvent): void;
+    handleClick(ev: MouseEvent): void;
+    handleScroll(): void;
+    handlePopoverToggle(ev: ToggleEvent): void;
+    open(): void;
+    handleBlur(): void;
+    announceToggletip(): void;
+    renderIcon(): any;
+    render(): any;
 }