@esri/calcite-components 1.0.0-next.281 → 1.0.0-next.285

package/dist/types/components/calcite-tooltip/calcite-tooltip.d.ts

@@ -1,6 +1,9 @@
 import { VNode } from "../../stencil-public-runtime";
 import { StrictModifiers, Instance as Popper } from "@popperjs/core";
 import { PopperPlacement, OverlayPositioning } from "../../utils/popper";
+/**
+ * @slot - A slot for adding text.
+ */
 export declare class CalciteTooltip {
   /** Accessible name for the component */
   label: string;
@@ -41,6 +44,7 @@ export declare class CalciteTooltip {
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  /** Updates the position of the component. */
   reposition(): Promise<void>;
   setUpReferenceElement: () => void;
   getId: () => string;

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

@@ -3,13 +3,15 @@ import { TreeItemSelectDetail } from "../calcite-tree-item/interfaces";
 import { TreeSelectDetail, TreeSelectionMode } from "./interfaces";
 import { Scale } from "../interfaces";
 /**
- * @slot children - a slot for adding child components, commonly calcite-tree-item
+ * @slot - A slot for `calcite-tree-item` elements.
  */
 export declare class CalciteTree {
   el: HTMLCalciteTreeElement;
   /** Display indentation guide lines */
   lines: boolean;
-  /** Display input */
+  /** Display input
+   * @deprecated use "ancestors" selection-mode for checkbox input
+   */
   inputEnabled: boolean;
   /** @internal If this tree is nested within another tree, set to false */
   child: boolean;

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

@@ -1,6 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TreeItemSelectDetail } from "./interfaces";
+import { TreeSelectionMode } from "../calcite-tree/interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding content to the item.
+ * @slot children - A slot for adding nested `calcite-tree` elements.
+ */
 export declare class CalciteTreeItem {
   el: HTMLCalciteTreeItemElement;
   /** Is the item currently selected */
@@ -16,18 +21,24 @@ export declare class CalciteTreeItem {
   hasChildren: boolean;
   /** @internal Draw lines (set on parent) */
   lines: boolean;
-  /** @internal Display checkboxes (set on parent) */
+  /** Display checkboxes (set on parent)
+   * @internal
+   * @deprecated set "ancestors" selection-mode on parent tree for checkboxes
+   */
   inputEnabled: boolean;
   /** @internal Scale of the parent tree, defaults to m */
   scale: Scale;
   /**
    * @internal
-   * In ancestor selection mode using inputEnabled,
+   * In ancestor selection mode,
    * show as indeterminate when only some children are selected
    **/
   indeterminate: boolean;
+  /** @internal Tree selection-mode (set on parent) */
+  selectionMode: TreeSelectionMode;
   connectedCallback(): void;
   componentWillRender(): void;
+  componentDidLoad(): void;
   render(): VNode;
   onClick(e: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
@@ -37,7 +48,7 @@ export declare class CalciteTreeItem {
    * @internal
    */
   calciteTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
-  private selectionMode;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
+  private updateAncestorTree;
 }

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

@@ -4,10 +4,14 @@ export declare const CSS: {
   chevron: string;
   nodeContainer: string;
   childrenContainer: string;
+  bulletPointIcon: string;
+  checkmarkIcon: string;
 };
 export declare const SLOTS: {
   children: string;
 };
 export declare const ICONS: {
+  bulletPoint: string;
+  checkmark: string;
   chevronRight: string;
 };

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

@@ -3,7 +3,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ICON_TYPES } from "./resources";
 import { ListFocusId, ItemData } from "../calcite-pick-list/shared-list-logic";
 /**
- * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
+ * @slot - A slot for adding `calcite-value-list-item` elements. Items are displayed as a vertical list.
  * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
  */
 export declare class CalciteValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> {
@@ -48,7 +48,7 @@ export declare class CalciteValueList<ItemElement extends HTMLCalciteValueListIt
   dataForFilter: ItemData;
   items: ItemElement[];
   lastSelectedItem: ItemElement;
-  observer: MutationObserver;
+  mutationObserver: MutationObserver;
   sortable: Sortable;
   el: HTMLCalciteValueListElement;
   emitCalciteListChange: () => void;
@@ -78,7 +78,9 @@ export declare class CalciteValueList<ItemElement extends HTMLCalciteValueListIt
   handleFilter: any;
   getItemData: any;
   keyDownHandler: (event: KeyboardEvent) => void;
+  /** Returns the currently selected items */
   getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>>;
+  /** Sets focus on the component. */
   setFocus(focusId?: ListFocusId): Promise<void>;
   getIconType(): ICON_TYPES | null;
   render(): VNode;

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

@@ -53,7 +53,12 @@ export declare class CalciteValueListItem {
   el: HTMLCalciteValueListItemElement;
   pickListItem: HTMLCalcitePickListItemElement;
   guid: string;
+  /**
+   * Used to 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.
+   */
   toggleSelected(coerce?: boolean): Promise<void>;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
    * Emitted whenever the remove button is pressed.

package/dist/types/components/functional/CalciteExpandToggle.d.ts

@@ -1,5 +1,5 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
-import { Position } from "../interfaces";
+import { Position, Scale } from "../interfaces";
 interface CalciteExpandToggleProps {
   expanded: boolean;
   intlExpand: string;
@@ -9,6 +9,7 @@ interface CalciteExpandToggleProps {
   tooltip?: HTMLCalciteTooltipElement;
   toggle: () => void;
   ref?: (el: HTMLElement) => void;
+  scale?: Scale;
 }
 export declare function toggleChildActionText({ parent, expanded }: {
   parent: HTMLElement;

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

@@ -7,4 +7,5 @@ export declare type Position = "start" | "end";
 export declare type Scale = "s" | "m" | "l";
 export declare type Status = "invalid" | "valid" | "idle";
 export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
+export declare type ThemeName = "light" | "dark" | "auto";
 export declare type Width = "auto" | "half" | "full";