@vertexvis/ui 0.1.5-canary.6 → 1.0.0-testing.0

package/dist/types/components/search-bar/search-bar.d.ts

@@ -3,148 +3,148 @@ import { PopoverPlacement } from '../popover/popover';
 import { Result } from '../result-list/types';
 export type SearchBarVariant = 'standard' | 'filled' | 'underlined' | 'blank';
 export declare class SearchBar {
-  /**
-   * The search bar variant to display.
-   *
-   * Possible options are:
-   * - 'standard' (default)
-   * - 'filled'
-   * - 'underlined'
-   * - 'blank
-   */
-  variant: SearchBarVariant;
-  /**
-   * Whether this search bar is disabled.
-   */
-  disabled: boolean;
-  /**
-   * The character indicating that we should trigger a search.
-   *
-   * When this character is encountered, the text following it
-   * (omitting `breakCharacters`) will be emitted as a `searchChanged`
-   * event.
-   */
-  triggerCharacter: string;
-  /**
-   * Characters that should trigger a "break" of the search. If
-   * a value in this list is encountered when trying to parse back
-   * to the `triggerCharacter`, this will hide the result list.
-   */
-  breakCharacters: string[];
-  /**
-   * The items to display in this search bar's `<vertex-result-list>`.
-   *
-   * This can be used alongside the `searchChanged` event to query for
-   * results to display.
-   */
-  resultItems?: Result[];
-  /**
-   * The placement of the result list for this search bar.
-   *
-   * Corresponds to the value for the underlying <vertex-popover>
-   * placement value.
-   * @see(PopoverPlacement)
-   */
-  placement: PopoverPlacement;
-  /**
-   * The initial value of this search bar. This will be used in
-   * combination with the value of `replacements` to display existing
-   * replaced values.
-   */
-  value?: string;
-  /**
-   * A placeholder to display when no text has been entered.
-   */
-  placeholder?: string;
-  /**
-   * Replaced result values. This will be used in combination with the
-   * value of `value` to display existing replaced values.
-   *
-   * This value will be automatically updated as `Result`s are clicked
-   * within this search bar's `<vertex-result-list>`.
-   */
-  replacements: Result[];
-  /**
-   * The URI type of the values to replace. When `replacements` are
-   * evaluated, this value will be used as the scheme portion of the
-   * URI to detect matches.
-   *
-   * Defaults to `user`, and will match URIs composed with the `user`
-   * scheme and a UUID. E.g.
-   * `user:00000000-0000-0000-0000-000000000000`
-   */
-  replacementUriType: string;
-  /**
-   * Emitted when the value of the current search triggered by
-   * the specified `triggerCharacter` has changed.
-   */
-  searchChanged: EventEmitter<string>;
-  /**
-   * Emitted when the value of the input has changed.
-   */
-  inputChanged: EventEmitter<string>;
-  /**
-   * Emitted when a result has been selected to replace the trigger text.
-   *
-   * Includes the ID of the `Result` selected.
-   */
-  resultReplaced: EventEmitter<Result>;
-  /**
-   * Emitted when the input is focused.
-   */
-  inputFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the input is blurred.
-   */
-  inputBlur: EventEmitter<FocusEvent>;
-  private hostEl;
-  private cursorPosition?;
-  private displayedElements;
-  private hasTriggered;
-  private contentEl?;
-  private triggeredElement?;
-  private triggeredRange?;
-  private rawElements;
-  private lastReplacedSpace?;
-  constructor();
-  protected componentDidLoad(): void;
-  protected connectedCallback(): void;
-  protected disconnectedCallback(): void;
-  protected replaceContent(newValue?: string, oldValue?: string): void;
-  protected updateContent(newValue?: Result[], oldValue?: Result[]): void;
-  render(): h.JSX.IntrinsicElements;
-  private handleKeyDown;
-  private handleKeyUp;
-  private handleInput;
-  private handleClick;
-  private handleWindowClick;
-  private handleFocus;
-  private handleBlur;
-  private handleResultClick;
-  private attemptReplaceElement;
-  private isIdenticalElement;
-  private getTextContent;
-  private getCursorPosition;
-  /**
-   * Inspects the cursor position for the following conditions:
-   *
-   * 1. The cursor has moved to text that contains a valid string
-   * and trigger character, indicating we need to dispatch a
-   * `searchChanged` event and display the results.
-   *
-   * 2. The cursor has moved within text that contains a valid string
-   * and trigger character, indicating we need to dispatch a
-   * `searchChanged` event to update the currently displayed results.
-   *
-   * 3. The cursor has moved to text that does not contain a valid
-   * string and trigger character, indicating we need to hide any
-   * displayed search results.
-   */
-  private handleCursorPositionUpdate;
-  private readTriggerValue;
-  private includesBreakCharacter;
-  private firstIndexOfBreakCharacter;
-  private moveCursorToNodeEnd;
-  private getContentAsString;
-  private createReplacedElement;
+    /**
+     * The search bar variant to display.
+     *
+     * Possible options are:
+     * - 'standard' (default)
+     * - 'filled'
+     * - 'underlined'
+     * - 'blank
+     */
+    variant: SearchBarVariant;
+    /**
+     * Whether this search bar is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The character indicating that we should trigger a search.
+     *
+     * When this character is encountered, the text following it
+     * (omitting `breakCharacters`) will be emitted as a `searchChanged`
+     * event.
+     */
+    triggerCharacter: string;
+    /**
+     * Characters that should trigger a "break" of the search. If
+     * a value in this list is encountered when trying to parse back
+     * to the `triggerCharacter`, this will hide the result list.
+     */
+    breakCharacters: string[];
+    /**
+     * The items to display in this search bar's `<vertex-result-list>`.
+     *
+     * This can be used alongside the `searchChanged` event to query for
+     * results to display.
+     */
+    resultItems?: Result[];
+    /**
+     * The placement of the result list for this search bar.
+     *
+     * Corresponds to the value for the underlying <vertex-popover>
+     * placement value.
+     * @see(PopoverPlacement)
+     */
+    placement: PopoverPlacement;
+    /**
+     * The initial value of this search bar. This will be used in
+     * combination with the value of `replacements` to display existing
+     * replaced values.
+     */
+    value?: string;
+    /**
+     * A placeholder to display when no text has been entered.
+     */
+    placeholder?: string;
+    /**
+     * Replaced result values. This will be used in combination with the
+     * value of `value` to display existing replaced values.
+     *
+     * This value will be automatically updated as `Result`s are clicked
+     * within this search bar's `<vertex-result-list>`.
+     */
+    replacements: Result[];
+    /**
+     * The URI type of the values to replace. When `replacements` are
+     * evaluated, this value will be used as the scheme portion of the
+     * URI to detect matches.
+     *
+     * Defaults to `user`, and will match URIs composed with the `user`
+     * scheme and a UUID. E.g.
+     * `user:00000000-0000-0000-0000-000000000000`
+     */
+    replacementUriType: string;
+    /**
+     * Emitted when the value of the current search triggered by
+     * the specified `triggerCharacter` has changed.
+     */
+    searchChanged: EventEmitter<string>;
+    /**
+     * Emitted when the value of the input has changed.
+     */
+    inputChanged: EventEmitter<string>;
+    /**
+     * Emitted when a result has been selected to replace the trigger text.
+     *
+     * Includes the ID of the `Result` selected.
+     */
+    resultReplaced: EventEmitter<Result>;
+    /**
+     * Emitted when the input is focused.
+     */
+    inputFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the input is blurred.
+     */
+    inputBlur: EventEmitter<FocusEvent>;
+    private hostEl;
+    private cursorPosition?;
+    private displayedElements;
+    private hasTriggered;
+    private contentEl?;
+    private triggeredElement?;
+    private triggeredRange?;
+    private rawElements;
+    private lastReplacedSpace?;
+    constructor();
+    protected componentDidLoad(): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    protected replaceContent(newValue?: string, oldValue?: string): void;
+    protected updateContent(newValue?: Result[], oldValue?: Result[]): void;
+    render(): h.JSX.IntrinsicElements;
+    private handleKeyDown;
+    private handleKeyUp;
+    private handleInput;
+    private handleClick;
+    private handleWindowClick;
+    private handleFocus;
+    private handleBlur;
+    private handleResultClick;
+    private attemptReplaceElement;
+    private isIdenticalElement;
+    private getTextContent;
+    private getCursorPosition;
+    /**
+     * Inspects the cursor position for the following conditions:
+     *
+     * 1. The cursor has moved to text that contains a valid string
+     * and trigger character, indicating we need to dispatch a
+     * `searchChanged` event and display the results.
+     *
+     * 2. The cursor has moved within text that contains a valid string
+     * and trigger character, indicating we need to dispatch a
+     * `searchChanged` event to update the currently displayed results.
+     *
+     * 3. The cursor has moved to text that does not contain a valid
+     * string and trigger character, indicating we need to hide any
+     * displayed search results.
+     */
+    private handleCursorPositionUpdate;
+    private readTriggerValue;
+    private includesBreakCharacter;
+    private firstIndexOfBreakCharacter;
+    private moveCursorToNodeEnd;
+    private getContentAsString;
+    private createReplacedElement;
 }

package/dist/types/components/select/select.d.ts

@@ -1,68 +1,68 @@
 import { h } from '../../stencil-public-runtime';
 export declare class Select {
-  /**
-   * Optional value property to control this select
-   * externally.
-   *
-   * If set, this select control will no longer update
-   * the current value, and will rely on the consuming
-   * app to update the value based on the
-   * `optionChanged` events.
-   */
-  value?: string;
-  /**
-   * A placeholder to use when no option has been
-   * selected. Defaults to "Select an option...".
-   */
-  placeholder: string;
-  /**
-   * Whether this select is disabled.
-   */
-  disabled: boolean;
-  /**
-   * Whether this select is animated when opening
-   * or closing.
-   */
-  animated: boolean;
-  /**
-   * Whether this select will omit the currently selected
-   * value in the dropdown list.
-   */
-  hideSelected: boolean;
-  /**
-   * Emitted when the selected option of this element
-   * changes, and contains the value that it has been
-   * changed to.
-   */
-  private optionChanged?;
-  private open;
-  private position?;
-  private displayValue?;
-  private hostElement;
-  private slotElement?;
-  private rootRef?;
-  private width?;
-  private resizeObserver?;
-  private removeListeners;
-  private internalValue?;
-  private controlled;
-  private getBoundsTimeout?;
-  constructor();
-  /**
-   * @internal
-   */
-  resizeObserverFactory: (cb: (entries: ResizeObserverEntry[]) => void) => ResizeObserver;
-  componentDidLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  handleUpdateValue(value?: string): void;
-  protected handleUpdateDisplayValue(): void;
-  render(): h.JSX.IntrinsicElements;
-  private handleOpen;
-  private handleDismiss;
-  private updateDisplayValue;
-  private removeOptionListeners;
-  private clearSelectedOptionFlag;
-  private getSelectedOption;
-  private getBounds;
+    /**
+     * Optional value property to control this select
+     * externally.
+     *
+     * If set, this select control will no longer update
+     * the current value, and will rely on the consuming
+     * app to update the value based on the
+     * `optionChanged` events.
+     */
+    value?: string;
+    /**
+     * A placeholder to use when no option has been
+     * selected. Defaults to "Select an option...".
+     */
+    placeholder: string;
+    /**
+     * Whether this select is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether this select is animated when opening
+     * or closing.
+     */
+    animated: boolean;
+    /**
+     * Whether this select will omit the currently selected
+     * value in the dropdown list.
+     */
+    hideSelected: boolean;
+    /**
+     * Emitted when the selected option of this element
+     * changes, and contains the value that it has been
+     * changed to.
+     */
+    private optionChanged?;
+    private open;
+    private position?;
+    private displayValue?;
+    private hostElement;
+    private slotElement?;
+    private rootRef?;
+    private width?;
+    private resizeObserver?;
+    private removeListeners;
+    private internalValue?;
+    private controlled;
+    private getBoundsTimeout?;
+    constructor();
+    /**
+     * @internal
+     */
+    resizeObserverFactory: (cb: (entries: ResizeObserverEntry[]) => void) => ResizeObserver;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleUpdateValue(value?: string): void;
+    protected handleUpdateDisplayValue(): void;
+    render(): h.JSX.IntrinsicElements;
+    private handleOpen;
+    private handleDismiss;
+    private updateDisplayValue;
+    private removeOptionListeners;
+    private clearSelectedOptionFlag;
+    private getSelectedOption;
+    private getBounds;
 }

package/dist/types/components/slider/slider.d.ts

@@ -1,51 +1,51 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export interface SliderChangeEventDetails {
-  value: number;
-  nativeEvent: Event;
+    value: number;
+    nativeEvent: Event;
 }
 export type LabelDisplay = 'off' | 'auto';
 export type SliderSize = 'sm' | 'md' | 'lg';
 export declare class Slider {
-  /**
-   * The lowest possible value for the slider.
-   */
-  min: number;
-  /**
-   * The maximum possible value for the slider.
-   */
-  max: number;
-  /**
-   * Controls when the value label is displayed. Default off
-   * - auto: the value label will display when the thumb is hovered or focused.
-   * - off will never display.
-   */
-  valueLabelDisplay: LabelDisplay;
-  /**
-   * The granularity that the value must adhere to. See [MDN
-   * docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step)
-   * on possible values.
-   */
-  step?: number | string;
-  size: SliderSize;
-  /**
-   * The numeric value of the slider.
-   */
-  value: number;
-  /**
-   * Whether this slider is disabled.
-   */
-  disabled: boolean;
-  /**
-   * An event that is emitted when the value changes through user input.
-   */
-  valueChange: EventEmitter<SliderChangeEventDetails>;
-  /**
-   * An event that is emitted as the slider is being dragged.
-   */
-  valueInput: EventEmitter<SliderChangeEventDetails>;
-  private hostEl;
-  render(): h.JSX.IntrinsicElements;
-  private handleChange;
-  private handleInput;
-  private updateValueFromEvent;
+    /**
+     * The lowest possible value for the slider.
+     */
+    min: number;
+    /**
+     * The maximum possible value for the slider.
+     */
+    max: number;
+    /**
+     * Controls when the value label is displayed. Default off
+     * - auto: the value label will display when the thumb is hovered or focused.
+     * - off will never display.
+     */
+    valueLabelDisplay: LabelDisplay;
+    /**
+     * The granularity that the value must adhere to. See [MDN
+     * docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step)
+     * on possible values.
+     */
+    step?: number | string;
+    size: SliderSize;
+    /**
+     * The numeric value of the slider.
+     */
+    value: number;
+    /**
+     * Whether this slider is disabled.
+     */
+    disabled: boolean;
+    /**
+     * An event that is emitted when the value changes through user input.
+     */
+    valueChange: EventEmitter<SliderChangeEventDetails>;
+    /**
+     * An event that is emitted as the slider is being dragged.
+     */
+    valueInput: EventEmitter<SliderChangeEventDetails>;
+    private hostEl;
+    render(): h.JSX.IntrinsicElements;
+    private handleChange;
+    private handleInput;
+    private updateValueFromEvent;
 }

package/dist/types/components/spinner/spinner.d.ts

@@ -2,15 +2,15 @@ import { h } from '../../stencil-public-runtime';
 export type SpinnerColor = 'white' | 'grey' | 'blue';
 export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare class Spinner {
-  /**
-   * The color of this <vertex-spinner>.
-   * Can be "blue", "white", or "grey", and defaults to "blue"
-   */
-  color: SpinnerColor;
-  /**
-   * The size of this <vertex-spinner>.
-   * Can be "xs", "sm", "md", or "lg" and defaults to "lg"
-   */
-  size: SpinnerSize;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * The color of this <vertex-spinner>.
+     * Can be "blue", "white", or "grey", and defaults to "blue"
+     */
+    color: SpinnerColor;
+    /**
+     * The size of this <vertex-spinner>.
+     * Can be "xs", "sm", "md", or "lg" and defaults to "lg"
+     */
+    size: SpinnerSize;
+    render(): h.JSX.IntrinsicElements;
 }

package/dist/types/components/tab/tab.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export declare class Tab {
-  /**
-   * The label to include in tab list.
-   */
-  label: string;
-  active: boolean;
-  tabClick: EventEmitter<string>;
-  render(): h.JSX.IntrinsicElements;
-  private handleClick;
+    /**
+     * The label to include in tab list.
+     */
+    label: string;
+    active: boolean;
+    tabClick: EventEmitter<string>;
+    render(): h.JSX.IntrinsicElements;
+    private handleClick;
 }

package/dist/types/components/tabs/tabs.d.ts

@@ -1,23 +1,23 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export declare class Tabs {
-  active?: string;
-  private labels;
-  private activeBounds?;
-  private activeButtonEl?;
-  private hostEl;
-  /**
-   * An event that is emitted whenever the selected tab changes
-   * and contains the label of the newly selected tab.
-   */
-  selectedTabChanged: EventEmitter<string>;
-  private indicatorInitialized;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  protected componentDidUpdate(): void;
-  protected handleActiveButtonChange(): void;
-  render(): h.JSX.IntrinsicElements;
-  private handleLabelClick;
-  private updateActiveOnTab;
-  private findTabByLabel;
-  private updateTabLabels;
+    active?: string;
+    private labels;
+    private activeBounds?;
+    private activeButtonEl?;
+    private hostEl;
+    /**
+     * An event that is emitted whenever the selected tab changes
+     * and contains the label of the newly selected tab.
+     */
+    selectedTabChanged: EventEmitter<string>;
+    private indicatorInitialized;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    protected componentDidUpdate(): void;
+    protected handleActiveButtonChange(): void;
+    render(): h.JSX.IntrinsicElements;
+    private handleLabelClick;
+    private updateActiveOnTab;
+    private findTabByLabel;
+    private updateTabLabels;
 }