@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.93

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

@@ -1,74 +1,74 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TreeItemSelectDetail } from "./interfaces";
-import { TreeSelectionMode } from "../tree/interfaces";
-import { Scale } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding the component's content.
- * @slot children - A slot for adding nested `calcite-tree` elements.
- */
-export declare class TreeItem implements ConditionalSlotComponent {
-  el: HTMLCalciteTreeItemElement;
-  /** When true, the component is selected. */
-  selected: boolean;
-  /** When true, the component is expanded. */
-  expanded: boolean;
-  expandedHandler(newValue: boolean): void;
-  /**
-   * @internal
-   */
-  parentExpanded: boolean;
-  /**
-   * @internal
-   */
-  depth: number;
-  /**
-   * @internal
-   */
-  hasChildren: boolean;
-  /**
-   * @internal
-   */
-  lines: boolean;
-  /**
-   * Displays checkboxes (set on parent).
-   *
-   * @internal
-   * @deprecated Use "ancestors" selection-mode on parent for checkbox input.
-   */
-  inputEnabled: boolean;
-  /**
-   * @internal
-   */
-  scale: Scale;
-  /**
-   * In ancestor selection mode, show as indeterminate when only some children are selected.
-   *
-   * @internal
-   */
-  indeterminate: boolean;
-  /**
-   * @internal
-   */
-  selectionMode: TreeSelectionMode;
-  getselectionMode(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  private isSelectionMultiLike;
-  render(): VNode;
-  onClick(event: Event): void;
-  iconClickHandler: (event: MouseEvent) => void;
-  childrenClickHandler: (event: MouseEvent) => void;
-  keyDownHandler(event: KeyboardEvent): void;
-  /**
-   * @internal
-   */
-  calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
-  childrenSlotWrapper: HTMLElement;
-  defaultSlotWrapper: HTMLElement;
-  private parentTreeItem?;
-  private updateParentIsExpanded;
-  private updateAncestorTree;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { TreeItemSelectDetail } from "./interfaces";
+import { TreeSelectionMode } from "../tree/interfaces";
+import { Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+/**
+ * @slot - A slot for adding the component's content.
+ * @slot children - A slot for adding nested `calcite-tree` elements.
+ */
+export declare class TreeItem implements ConditionalSlotComponent {
+  el: HTMLCalciteTreeItemElement;
+  /** When true, the component is selected. */
+  selected: boolean;
+  /** When true, the component is expanded. */
+  expanded: boolean;
+  expandedHandler(newValue: boolean): void;
+  /**
+   * @internal
+   */
+  parentExpanded: boolean;
+  /**
+   * @internal
+   */
+  depth: number;
+  /**
+   * @internal
+   */
+  hasChildren: boolean;
+  /**
+   * @internal
+   */
+  lines: boolean;
+  /**
+   * Displays checkboxes (set on parent).
+   *
+   * @internal
+   * @deprecated Use "ancestors" selection-mode on parent for checkbox input.
+   */
+  inputEnabled: boolean;
+  /**
+   * @internal
+   */
+  scale: Scale;
+  /**
+   * In ancestor selection mode, show as indeterminate when only some children are selected.
+   *
+   * @internal
+   */
+  indeterminate: boolean;
+  /**
+   * @internal
+   */
+  selectionMode: TreeSelectionMode;
+  getselectionMode(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  private isSelectionMultiLike;
+  render(): VNode;
+  onClick(event: Event): void;
+  iconClickHandler: (event: MouseEvent) => void;
+  childrenClickHandler: (event: MouseEvent) => void;
+  keyDownHandler(event: KeyboardEvent): void;
+  /**
+   * @internal
+   */
+  calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
+  childrenSlotWrapper: HTMLElement;
+  defaultSlotWrapper: HTMLElement;
+  private parentTreeItem?;
+  private updateParentIsExpanded;
+  private updateAncestorTree;
+}

package/dist/types/components/value-list/interfaces.d.ts

@@ -1 +1 @@
-export declare type DragStatus = "idle" | "active" | "change" | "commit";
+export declare type DragStatus = "idle" | "active" | "change" | "commit";

package/dist/types/components/value-list/resources.d.ts

@@ -1,10 +1,10 @@
-export declare const CSS: {
-  container: string;
-  handle: string;
-};
-export declare enum ICON_TYPES {
-  grip = "grip"
-}
-export declare const TEXT: {
-  filterResults: string;
-};
+export declare const CSS: {
+  container: string;
+  handle: string;
+};
+export declare enum ICON_TYPES {
+  grip = "grip"
+}
+export declare const TEXT: {
+  filterResults: string;
+};

package/dist/types/components/value-list/utils.d.ts

@@ -1,8 +1,8 @@
-import { DragStatus } from "./interfaces";
-import { ValueList } from "./value-list";
-export declare function getScreenReaderText(item: HTMLCalciteValueListItemElement, status: DragStatus, valueList: ValueList<HTMLCalciteValueListItemElement>): string;
-export declare function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {
-  handle: HTMLCalciteHandleElement;
-  item: HTMLCalciteValueListItemElement;
-};
-export declare function replacePlaceholders(text: string, label: string, position: number, total: number): string;
+import { DragStatus } from "./interfaces";
+import { ValueList } from "./value-list";
+export declare function getScreenReaderText(item: HTMLCalciteValueListItemElement, status: DragStatus, valueList: ValueList<HTMLCalciteValueListItemElement>): string;
+export declare function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {
+  handle: HTMLCalciteHandleElement;
+  item: HTMLCalciteValueListItemElement;
+};
+export declare function replacePlaceholders(text: string, label: string, position: number, total: number): string;

package/dist/types/components/value-list/value-list.d.ts

@@ -1,126 +1,126 @@
-import Sortable from "sortablejs";
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "./resources";
-import { ListFocusId, ItemData } from "../pick-list/shared-list-logic";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.
- * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
- */
-export declare class ValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> implements InteractiveComponent {
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * When true, `calcite-value-list-item`s are sortable via a draggable button.
-   */
-  dragEnabled: boolean;
-  /**
-   * When true, an input appears at the top of the component that can be used by end users to filter list items.
-   */
-  filterEnabled: boolean;
-  /**
-   * Placeholder text for the filter's input field.
-   */
-  filterPlaceholder: string;
-  /**
-   * The component's group identifier.
-   *
-   * To drag elements from one list into another, both lists must have the same group value.
-   */
-  group?: string;
-  /**
-   * When true, a busy indicator is displayed.
-   */
-  loading: boolean;
-  /**
-   * Similar to standard radio buttons and checkboxes.
-   * When true, a user can select multiple `calcite-value-list-item`s at a time.
-   * When false, only a single `calcite-value-list-item` can be selected at a time,
-   * and a new selection will deselect previous selections.
-   */
-  multiple: boolean;
-  /**
-   * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
-   */
-  selectionFollowsFocus: boolean;
-  /**
-   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.
-   *
-   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
-   */
-  intlDragHandleIdle?: string;
-  /**
-   * When "drag-enabled" is true and active, specifies accessible context to the component.
-   *
-   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
-   */
-  intlDragHandleActive?: string;
-  /**
-   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.
-   *
-   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
-   */
-  intlDragHandleChange?: string;
-  /**
-   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.
-   *
-   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
-   */
-  intlDragHandleCommit?: string;
-  selectedValues: Map<string, ItemElement>;
-  dataForFilter: ItemData;
-  items: ItemElement[];
-  lastSelectedItem: ItemElement;
-  mutationObserver: MutationObserver;
-  sortable: Sortable;
-  el: HTMLCalciteValueListElement;
-  emitCalciteListChange: () => void;
-  filterEl: HTMLCalciteFilterElement;
-  assistiveTextEl: HTMLSpanElement;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emits when any of the list item selections have changed.
-   */
-  calciteListChange: EventEmitter<Map<string, HTMLCalciteValueListItemElement>>;
-  /**
-   * Emits when the order of the list has changed.
-   */
-  calciteListOrderChange: EventEmitter<any[]>;
-  calciteListFocusOutHandler(event: FocusEvent): void;
-  calciteListItemRemoveHandler(event: CustomEvent<void>): void;
-  calciteListItemChangeHandler(event: CustomEvent): void;
-  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void;
-  calciteInternalListItemValueChangeHandler(event: CustomEvent): void;
-  getItems(): ItemElement[];
-  setUpItems(): void;
-  setUpFilter(): void;
-  setFilterEl: (el: HTMLCalciteFilterElement) => void;
-  setUpDragAndDrop(): void;
-  cleanUpDragAndDrop(): void;
-  deselectRemovedItems: any;
-  deselectSiblingItems: any;
-  selectSiblings: any;
-  handleFilter: any;
-  getItemData: any;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  handleBlur(): void;
-  /** Returns the currently selected items */
-  getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>>;
-  /**
-   * Sets focus on the component.
-   *
-   * @param focusId
-   */
-  setFocus(focusId?: ListFocusId): Promise<void>;
-  getIconType(): ICON_TYPES | null;
-  updateScreenReaderText(text: string): void;
-  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void;
-  storeAssistiveEl: (el: HTMLSpanElement) => void;
-  handleFocusIn: (event: FocusEvent) => void;
-  render(): VNode;
-}
+import Sortable from "sortablejs";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ICON_TYPES } from "./resources";
+import { ListFocusId, ItemData } from "../pick-list/shared-list-logic";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.
+ * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
+ */
+export declare class ValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> implements InteractiveComponent {
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * When true, `calcite-value-list-item`s are sortable via a draggable button.
+   */
+  dragEnabled: boolean;
+  /**
+   * When true, an input appears at the top of the component that can be used by end users to filter list items.
+   */
+  filterEnabled: boolean;
+  /**
+   * Placeholder text for the filter's input field.
+   */
+  filterPlaceholder: string;
+  /**
+   * The component's group identifier.
+   *
+   * To drag elements from one list into another, both lists must have the same group value.
+   */
+  group?: string;
+  /**
+   * When true, a busy indicator is displayed.
+   */
+  loading: boolean;
+  /**
+   * Similar to standard radio buttons and checkboxes.
+   * When true, a user can select multiple `calcite-value-list-item`s at a time.
+   * When false, only a single `calcite-value-list-item` can be selected at a time,
+   * and a new selection will deselect previous selections.
+   */
+  multiple: boolean;
+  /**
+   * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+   */
+  selectionFollowsFocus: boolean;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleIdle?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the component.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleActive?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleChange?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleCommit?: string;
+  selectedValues: Map<string, ItemElement>;
+  dataForFilter: ItemData;
+  items: ItemElement[];
+  lastSelectedItem: ItemElement;
+  mutationObserver: MutationObserver;
+  sortable: Sortable;
+  el: HTMLCalciteValueListElement;
+  emitCalciteListChange: () => void;
+  filterEl: HTMLCalciteFilterElement;
+  assistiveTextEl: HTMLSpanElement;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  /**
+   * Emits when any of the list item selections have changed.
+   */
+  calciteListChange: EventEmitter<Map<string, HTMLCalciteValueListItemElement>>;
+  /**
+   * Emits when the order of the list has changed.
+   */
+  calciteListOrderChange: EventEmitter<any[]>;
+  calciteListFocusOutHandler(event: FocusEvent): void;
+  calciteListItemRemoveHandler(event: CustomEvent<void>): void;
+  calciteListItemChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemValueChangeHandler(event: CustomEvent): void;
+  getItems(): ItemElement[];
+  setUpItems(): void;
+  setUpFilter(): void;
+  setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  setUpDragAndDrop(): void;
+  cleanUpDragAndDrop(): void;
+  deselectRemovedItems: any;
+  deselectSiblingItems: any;
+  selectSiblings: any;
+  handleFilter: any;
+  getItemData: any;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  handleBlur(): void;
+  /** Returns the currently selected items */
+  getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>>;
+  /**
+   * Sets focus on the component.
+   *
+   * @param focusId
+   */
+  setFocus(focusId?: ListFocusId): Promise<void>;
+  getIconType(): ICON_TYPES | null;
+  updateScreenReaderText(text: string): void;
+  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void;
+  storeAssistiveEl: (el: HTMLSpanElement) => void;
+  handleFocusIn: (event: FocusEvent) => void;
+  render(): VNode;
+}

package/dist/types/components/value-list-item/resources.d.ts

@@ -1,7 +1,7 @@
-export declare const ICONS: {
-  drag: string;
-};
-export declare const SLOTS: {
-  actionsEnd: string;
-  actionsStart: string;
-};
+export declare const ICONS: {
+  drag: string;
+};
+export declare const SLOTS: {
+  actionsEnd: string;
+  actionsStart: string;
+};

package/dist/types/components/value-list-item/value-list-item.d.ts

@@ -1,84 +1,84 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "../pick-list/resources";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot actions-end - A slot for adding actions or content to the end side of the component.
- * @slot actions-start - A slot for adding actions or content to the start side of the component.
- */
-export declare class ValueListItem implements ConditionalSlotComponent, InteractiveComponent {
-  /**
-   * A description for the component that displays below the label text.
-   */
-  description?: string;
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * @internal
-   */
-  disableDeselect: boolean;
-  /**
-   * When true, prevents the content of the component from user interaction.
-   */
-  nonInteractive: boolean;
-  /**
-   * @internal
-   */
-  handleActivated?: boolean;
-  /**
-   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-   *
-   * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-   */
-  icon?: ICON_TYPES | null;
-  /**
-   * Label and accessible name for the component. Appears next to the icon.
-   */
-  label: string;
-  /**
-   * Provides additional metadata to the component. Primary use is for a filter on the parent list.
-   */
-  metadata?: Record<string, unknown>;
-  /**
-   * When true, adds an action to remove the component.
-   */
-  removable: boolean;
-  /**
-   * When true, the component is selected.
-   */
-  selected: boolean;
-  /**
-   * The component's value.
-   */
-  value: any;
-  el: HTMLCalciteValueListItemElement;
-  pickListItem: HTMLCalcitePickListItemElement;
-  guid: string;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidRender(): void;
-  /**
-   * Toggle the selection state. By default this won't trigger an event.
-   * The first argument allows the value to be coerced, rather than swapping values.
-   *
-   * @param coerce
-   */
-  toggleSelected(coerce?: boolean): Promise<void>;
-  /** Set focus on the component. */
-  setFocus(): Promise<void>;
-  /**
-   * Fires when the remove button is pressed.
-   */
-  calciteListItemRemove: EventEmitter<void>;
-  calciteListItemChangeHandler(event: CustomEvent): void;
-  getPickListRef: (el: HTMLCalcitePickListItemElement) => HTMLCalcitePickListItemElement;
-  handleKeyDown: (event: KeyboardEvent) => void;
-  handleBlur: () => void;
-  handleSelectChange: (event: CustomEvent) => void;
-  renderActionsEnd(): VNode;
-  renderActionsStart(): VNode;
-  renderHandle(): VNode;
-  render(): VNode;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ICON_TYPES } from "../pick-list/resources";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot actions-end - A slot for adding actions or content to the end side of the component.
+ * @slot actions-start - A slot for adding actions or content to the start side of the component.
+ */
+export declare class ValueListItem implements ConditionalSlotComponent, InteractiveComponent {
+  /**
+   * A description for the component that displays below the label text.
+   */
+  description?: string;
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * @internal
+   */
+  disableDeselect: boolean;
+  /**
+   * When true, prevents the content of the component from user interaction.
+   */
+  nonInteractive: boolean;
+  /**
+   * @internal
+   */
+  handleActivated?: boolean;
+  /**
+   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+   *
+   * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
+   */
+  icon?: ICON_TYPES | null;
+  /**
+   * Label and accessible name for the component. Appears next to the icon.
+   */
+  label: string;
+  /**
+   * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+   */
+  metadata?: Record<string, unknown>;
+  /**
+   * When true, adds an action to remove the component.
+   */
+  removable: boolean;
+  /**
+   * When true, the component is selected.
+   */
+  selected: boolean;
+  /**
+   * The component's value.
+   */
+  value: any;
+  el: HTMLCalciteValueListItemElement;
+  pickListItem: HTMLCalcitePickListItemElement;
+  guid: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentDidRender(): void;
+  /**
+   * Toggle the selection state. By default this won't trigger an event.
+   * The first argument allows the value to be coerced, rather than swapping values.
+   *
+   * @param coerce
+   */
+  toggleSelected(coerce?: boolean): Promise<void>;
+  /** Set focus on the component. */
+  setFocus(): Promise<void>;
+  /**
+   * Fires when the remove button is pressed.
+   */
+  calciteListItemRemove: EventEmitter<void>;
+  calciteListItemChangeHandler(event: CustomEvent): void;
+  getPickListRef: (el: HTMLCalcitePickListItemElement) => HTMLCalcitePickListItemElement;
+  handleKeyDown: (event: KeyboardEvent) => void;
+  handleBlur: () => void;
+  handleSelectChange: (event: CustomEvent) => void;
+  renderActionsEnd(): VNode;
+  renderActionsStart(): VNode;
+  renderHandle(): VNode;
+  render(): VNode;
+}