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

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

@@ -2,57 +2,57 @@ import { h } from '../../stencil-public-runtime';
 import { Point } from '../../types/point';
 import { Popover, PopoverPlacement } from '../popover/popover';
 export declare class Menu {
-  /**
-   * Whether this menu is animated on open
-   * and close.
-   */
-  animated: boolean;
-  /**
-   * Whether the menu is visible.
-   */
-  open: boolean;
-  /**
-   * When menu is placed relative to an anchor,
-   * popover will use this placement.
-   */
-  placement?: PopoverPlacement;
-  /**
-   * Optional fallback placements to try when the original `placement`
-   * does not fit. When this property is specified, each option will
-   * be tried, finding the first match that fits, and fall back to
-   * `placement` if none of the fallbacks fit.
-   */
-  fallbackPlacements?: PopoverPlacement[];
-  /**
-   * Whether to show a backdrop that dismisses this menu.
-   * Defaults to true, and is invisible, but can be styled.
-   */
-  backdrop: boolean;
-  /**
-   * Whether the menu persists until manually dismissed.
-   * Defaults to false.
-   */
-  persistent: boolean;
-  /**
-   * Point provided to the Popover component to
-   * determine fixed placement of a menu.
-   */
-  position?: Point;
-  popoverProps?: Partial<Popover>;
-  /**
-   * Emitted when the menu is closed.
-   */
-  private menuClosed;
-  private hostElement;
-  private popoverRef?;
-  private headerSlot?;
-  private listenerDisposable?;
-  constructor();
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  connectedCallback(): void;
-  render(): h.JSX.IntrinsicElements;
-  private addEventListeners;
-  private removeEventListeners;
-  private handlePopoverDismiss;
+    /**
+     * Whether this menu is animated on open
+     * and close.
+     */
+    animated: boolean;
+    /**
+     * Whether the menu is visible.
+     */
+    open: boolean;
+    /**
+     * When menu is placed relative to an anchor,
+     * popover will use this placement.
+     */
+    placement?: PopoverPlacement;
+    /**
+     * Optional fallback placements to try when the original `placement`
+     * does not fit. When this property is specified, each option will
+     * be tried, finding the first match that fits, and fall back to
+     * `placement` if none of the fallbacks fit.
+     */
+    fallbackPlacements?: PopoverPlacement[];
+    /**
+     * Whether to show a backdrop that dismisses this menu.
+     * Defaults to true, and is invisible, but can be styled.
+     */
+    backdrop: boolean;
+    /**
+     * Whether the menu persists until manually dismissed.
+     * Defaults to false.
+     */
+    persistent: boolean;
+    /**
+     * Point provided to the Popover component to
+     * determine fixed placement of a menu.
+     */
+    position?: Point;
+    popoverProps?: Partial<Popover>;
+    /**
+     * Emitted when the menu is closed.
+     */
+    private menuClosed;
+    private hostElement;
+    private popoverRef?;
+    private headerSlot?;
+    private listenerDisposable?;
+    constructor();
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    render(): h.JSX.IntrinsicElements;
+    private addEventListeners;
+    private removeEventListeners;
+    private handlePopoverDismiss;
 }

package/dist/types/components/menu-divider/menu-divider.d.ts

@@ -1,4 +1,4 @@
 import { h } from '../../stencil-public-runtime';
 export declare class MenuDivider {
-  render(): h.JSX.IntrinsicElements;
+    render(): h.JSX.IntrinsicElements;
 }

package/dist/types/components/menu-item/menu-item.d.ts

@@ -1,9 +1,9 @@
 import { h } from '../../stencil-public-runtime';
 export declare class MenuItem {
-  /**
-   * Whether to disallow clicks and display this item
-   * as disabled.
-   */
-  disabled: boolean;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * Whether to disallow clicks and display this item
+     * as disabled.
+     */
+    disabled: boolean;
+    render(): h.JSX.IntrinsicElements;
 }

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

@@ -4,160 +4,160 @@ import { Point } from '../../types/point';
 export type PopoverPlacement = Placement;
 export type PopoverResizeBehavior = 'fixed' | 'dynamic';
 export declare class Popover {
-  /**
-   * Whether this popover's content is visible.
-   */
-  open: boolean;
-  /**
-   * The placement of the popover at the clicked point.
-   * This can be any of the following values:
-   *
-   * 'top', 'top-start', 'top-end',
-   * 'bottom', 'bottom-start', 'bottom-end',
-   * 'right', 'right-start', 'right-end',
-   * 'left', 'left-start', 'left-end', and
-   * defaults to 'bottom-start'.
-   *
-   * Note: placement will adjust based on the amount
-   * of available space, so popovers close to screen
-   * edges may appear in a different location.
-   */
-  placement: PopoverPlacement;
-  /**
-   * The position of the popover anchor.
-   */
-  position?: Point | string;
-  /**
-   * An optional DOMRect that represents the virtual location of the
-   * anchor element. When provided, the popover will position based
-   * on the specified bounds to give a similar behavior to the
-   * `anchorSelector` or `anchor` slot based popovers without needing
-   * to provide the element itself.
-   */
-  anchorBounds?: Pick<DOMRect, 'x' | 'y' | 'width' | 'height'>;
-  /**
-   * Whether to show a backdrop that dismisses this popover.
-   * Defaults to true, and is invisible, but can be styled.
-   */
-  backdrop: boolean;
-  /**
-   * Whether this popover should animate its contents it is opened.
-   * Defaults to false, and the animation can be overridden using
-   * the `var(--open-animation)` and `var(--close-animation)` CSS
-   * variables. The `transform-origin` will update relative to the
-   * `position` property provided.
-   */
-  animated: boolean;
-  /**
-   * An optional selector to retrieve the anchor element.
-   * If a selector is not provided, this popover will attempt
-   * to use HTMLSlotElement.assignedElements() to retrieve
-   * the anchor element.
-   */
-  anchorSelector?: string;
-  /**
-   * An optional selector for the boundary of this popover.
-   * If not specified, this will default to `clippingParents`.
-   * See https://popper.js.org/docs/v2/utils/detect-overflow/#boundary
-   * for additional details.
-   */
-  boundarySelector?: string;
-  /**
-   * The behavior that this popover will have when the window
-   * is resized. Can be either 'dynamic' or 'fixed', and defaults
-   * to 'dynamic'.
-   *
-   * 'dynamic' will cause a position-based popover to adjust its
-   * position relative to the window resize to keep it in the same
-   * relative position.
-   * 'fixed' will keep the popover in the same position even if
-   * that means it would disappear off-screen.
-   */
-  resizeBehavior: PopoverResizeBehavior;
-  /**
-   * The `overflowBehavior` prop can be provided to customize the
-   * popover's behavior when approaching its boundary. This maps
-   * to the behavior used internally with FloatingUI.
-   * See https://floating-ui.com/docs/detectOverflow#options
-   * for info on what properties can be specified.
-   *
-   * If a `boundarySelector` is provided, it will be automatically
-   * added to the set of options.
-   */
-  overflowBehavior?: DetectOverflowOptions;
-  /**
-   * The `flipBehavior` prop can be provided to customize the
-   * popover's behavior when approaching its boundary. This maps
-   * to the behavior used internally with FloatingUI.
-   * See https://floating-ui.com/docs/flip#options
-   * for info on what properties can be specified.
-   *
-   * If a `boundarySelector` is provided, `flip` behavior will
-   * automatically be disabled.
-   */
-  flipBehavior?: FlipOptions;
-  /**
-   * The `offsetBehavior` prop can be provided to customize the
-   * popover's visual offset from the anchor. This maps
-   * to the behavior used internally with FloatingUI.
-   * See https://floating-ui.com/docs/offset#options
-   * for info on what properties can be specified.
-   *
-   * If no offset is specified, a default of 4px will be used
-   * for popovers anchored to an element and no offset will be
-   * applied for popovers anchored to a point.
-   */
-  offsetBehavior?: OffsetOptions;
-  /**
-   * Indicates if the position of the popover should be updated when the
-   * popover's content size changes.
-   */
-  updateOnResize: boolean;
-  /**
-   * Emitted whenever the popover is dismissed.
-   */
-  dismissed: EventEmitter<void>;
-  private opened;
-  private computedPlacement;
-  private hostElement;
-  private wrapperRef?;
-  private anchorPointRef?;
-  private anchorPosition?;
-  private viewportWidth?;
-  private viewportHeight?;
-  private resizeTimeout?;
-  private boundaryResizeObserver?;
-  private shouldUpdatePosition;
-  private updateDispose?;
-  private middleware;
-  private partialWindow;
-  constructor();
-  /**
-   * @internal
-   */
-  resizeObserverFactory: (cb: (entries: ResizeObserverEntry[]) => void) => ResizeObserver;
-  connectedCallback(): void;
-  componentDidUpdate(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  updatePosition(position?: Point | string): void;
-  updatePlacement(): void;
-  updateOpened(open?: boolean): void;
-  updateAnimated(): void;
-  updateMiddleware(): void;
-  updateResizeObserver(): void;
-  /**
-   * @private Used for internals or testing.
-   */
-  setWindow(partialWindow: Pick<Window, 'innerWidth' | 'innerHeight'>): void;
-  render(): h.JSX.IntrinsicElements;
-  private updateListener;
-  private handlePositionUpdate;
-  private handleMiddlewareChange;
-  private getSlottedAnchorElement;
-  private getAnchorBoundsVirtualElement;
-  private handleResize;
-  private updateViewport;
-  private getOrCreateResizeObserver;
-  private getTransformClass;
+    /**
+     * Whether this popover's content is visible.
+     */
+    open: boolean;
+    /**
+     * The placement of the popover at the clicked point.
+     * This can be any of the following values:
+     *
+     * 'top', 'top-start', 'top-end',
+     * 'bottom', 'bottom-start', 'bottom-end',
+     * 'right', 'right-start', 'right-end',
+     * 'left', 'left-start', 'left-end', and
+     * defaults to 'bottom-start'.
+     *
+     * Note: placement will adjust based on the amount
+     * of available space, so popovers close to screen
+     * edges may appear in a different location.
+     */
+    placement: PopoverPlacement;
+    /**
+     * The position of the popover anchor.
+     */
+    position?: Point | string;
+    /**
+     * An optional DOMRect that represents the virtual location of the
+     * anchor element. When provided, the popover will position based
+     * on the specified bounds to give a similar behavior to the
+     * `anchorSelector` or `anchor` slot based popovers without needing
+     * to provide the element itself.
+     */
+    anchorBounds?: Pick<DOMRect, 'x' | 'y' | 'width' | 'height'>;
+    /**
+     * Whether to show a backdrop that dismisses this popover.
+     * Defaults to true, and is invisible, but can be styled.
+     */
+    backdrop: boolean;
+    /**
+     * Whether this popover should animate its contents it is opened.
+     * Defaults to false, and the animation can be overridden using
+     * the `var(--open-animation)` and `var(--close-animation)` CSS
+     * variables. The `transform-origin` will update relative to the
+     * `position` property provided.
+     */
+    animated: boolean;
+    /**
+     * An optional selector to retrieve the anchor element.
+     * If a selector is not provided, this popover will attempt
+     * to use HTMLSlotElement.assignedElements() to retrieve
+     * the anchor element.
+     */
+    anchorSelector?: string;
+    /**
+     * An optional selector for the boundary of this popover.
+     * If not specified, this will default to `clippingParents`.
+     * See https://popper.js.org/docs/v2/utils/detect-overflow/#boundary
+     * for additional details.
+     */
+    boundarySelector?: string;
+    /**
+     * The behavior that this popover will have when the window
+     * is resized. Can be either 'dynamic' or 'fixed', and defaults
+     * to 'dynamic'.
+     *
+     * 'dynamic' will cause a position-based popover to adjust its
+     * position relative to the window resize to keep it in the same
+     * relative position.
+     * 'fixed' will keep the popover in the same position even if
+     * that means it would disappear off-screen.
+     */
+    resizeBehavior: PopoverResizeBehavior;
+    /**
+     * The `overflowBehavior` prop can be provided to customize the
+     * popover's behavior when approaching its boundary. This maps
+     * to the behavior used internally with FloatingUI.
+     * See https://floating-ui.com/docs/detectOverflow#options
+     * for info on what properties can be specified.
+     *
+     * If a `boundarySelector` is provided, it will be automatically
+     * added to the set of options.
+     */
+    overflowBehavior?: DetectOverflowOptions;
+    /**
+     * The `flipBehavior` prop can be provided to customize the
+     * popover's behavior when approaching its boundary. This maps
+     * to the behavior used internally with FloatingUI.
+     * See https://floating-ui.com/docs/flip#options
+     * for info on what properties can be specified.
+     *
+     * If a `boundarySelector` is provided, `flip` behavior will
+     * automatically be disabled.
+     */
+    flipBehavior?: FlipOptions;
+    /**
+     * The `offsetBehavior` prop can be provided to customize the
+     * popover's visual offset from the anchor. This maps
+     * to the behavior used internally with FloatingUI.
+     * See https://floating-ui.com/docs/offset#options
+     * for info on what properties can be specified.
+     *
+     * If no offset is specified, a default of 4px will be used
+     * for popovers anchored to an element and no offset will be
+     * applied for popovers anchored to a point.
+     */
+    offsetBehavior?: OffsetOptions;
+    /**
+     * Indicates if the position of the popover should be updated when the
+     * popover's content size changes.
+     */
+    updateOnResize: boolean;
+    /**
+     * Emitted whenever the popover is dismissed.
+     */
+    dismissed: EventEmitter<void>;
+    private opened;
+    private computedPlacement;
+    private hostElement;
+    private wrapperRef?;
+    private anchorPointRef?;
+    private anchorPosition?;
+    private viewportWidth?;
+    private viewportHeight?;
+    private resizeTimeout?;
+    private boundaryResizeObserver?;
+    private shouldUpdatePosition;
+    private updateDispose?;
+    private middleware;
+    private partialWindow;
+    constructor();
+    /**
+     * @internal
+     */
+    resizeObserverFactory: (cb: (entries: ResizeObserverEntry[]) => void) => ResizeObserver;
+    connectedCallback(): void;
+    componentDidUpdate(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    updatePosition(position?: Point | string): void;
+    updatePlacement(): void;
+    updateOpened(open?: boolean): void;
+    updateAnimated(): void;
+    updateMiddleware(): void;
+    updateResizeObserver(): void;
+    /**
+     * @private Used for internals or testing.
+     */
+    setWindow(partialWindow: Pick<Window, 'innerWidth' | 'innerHeight'>): void;
+    render(): h.JSX.IntrinsicElements;
+    private updateListener;
+    private handlePositionUpdate;
+    private handleMiddlewareChange;
+    private getSlottedAnchorElement;
+    private getAnchorBoundsVirtualElement;
+    private handleResize;
+    private updateViewport;
+    private getOrCreateResizeObserver;
+    private getTransformClass;
 }

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

@@ -1,33 +1,33 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export interface RadioChangeEventDetail {
-  value: string;
-  checked: boolean;
+    value: string;
+    checked: boolean;
 }
 export declare class Radio {
-  /**
-   * Whether to disallow clicks and display this item
-   * as disabled.
-   */
-  disabled: boolean;
-  /**
-   * Required value to be used for the value of this radio button
-   */
-  value: string;
-  /**
-   * Optional label to be displayed alongside the input
-   */
-  label?: string;
-  /**
-   * Optional name to identify which radio options are associated with it
-   */
-  name?: string;
-  /**
-   * Optional checked to denote the item as checked by default
-   */
-  checked?: boolean;
-  /**
-   * Emitted when the value has changed.
-   */
-  valueChanged: EventEmitter<RadioChangeEventDetail>;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * Whether to disallow clicks and display this item
+     * as disabled.
+     */
+    disabled: boolean;
+    /**
+     * Required value to be used for the value of this radio button
+     */
+    value: string;
+    /**
+     * Optional label to be displayed alongside the input
+     */
+    label?: string;
+    /**
+     * Optional name to identify which radio options are associated with it
+     */
+    name?: string;
+    /**
+     * Optional checked to denote the item as checked by default
+     */
+    checked?: boolean;
+    /**
+     * Emitted when the value has changed.
+     */
+    valueChanged: EventEmitter<RadioChangeEventDetail>;
+    render(): h.JSX.IntrinsicElements;
 }

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,26 +1,26 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export declare class RadioGroup {
-  /**
-   * Required name to label the vertex radio buttons
-   */
-  name: string;
-  /**
-   * Optional value to specify the default selected radio button
-   */
-  value?: string;
-  /**
-   * Emitted when the value has changed.
-   */
-  valueChanged: EventEmitter<string>;
-  private hostElement;
-  private radioButtons?;
-  constructor();
-  private updateValue;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): h.JSX.IntrinsicElements;
-  private getVertexRadioButtons;
-  private removeEventListeners;
-  private addEventListeners;
-  private handleListenOnRadioButtonChange;
+    /**
+     * Required name to label the vertex radio buttons
+     */
+    name: string;
+    /**
+     * Optional value to specify the default selected radio button
+     */
+    value?: string;
+    /**
+     * Emitted when the value has changed.
+     */
+    valueChanged: EventEmitter<string>;
+    private hostElement;
+    private radioButtons?;
+    constructor();
+    private updateValue;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): h.JSX.IntrinsicElements;
+    private getVertexRadioButtons;
+    private removeEventListeners;
+    private addEventListeners;
+    private handleListenOnRadioButtonChange;
 }