@esri/calcite-components 1.0.0-beta.63 → 1.0.0-beta.67

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteRating {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteRating implements LabelableComponent {
   el: HTMLCalciteRatingElement;
   /** specify the scale of the component, defaults to m */
   scale: Scale;
@@ -24,18 +25,22 @@ export declare class CalciteRating {
    * @default "Stars: ${num}"
    */
   intlStars?: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Fires when the rating value has changed.
    */
   calciteRatingChange: EventEmitter<{
     value: number;
   }>;
-  handleLabelFocus(e: CustomEvent): void;
   blurHandler(): void;
   renderStars(): VNode[];
   render(): any;
+  onLabelClick: () => void;
   private updateValue;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
   hoverValue: number;
   focusValue: number;
   hasFocus: boolean;

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

@@ -1,4 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding custom content, primarily loading information.
+ */
 export declare class CalciteScrim {
   /** string to override English loading text
    * @default "Loading"

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

@@ -1,8 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Direction } from "../../utils/dom";
 import { Scale, Width } from "../interfaces";
-import { FocusRequest } from "../calcite-label/interfaces";
-export declare class CalciteSelect {
+import { LabelableComponent } from "../../utils/label";
+/**
+ * @slot - A slot for adding `calcite-option`s.
+ */
+export declare class CalciteSelect implements LabelableComponent {
   /**
    * When true, it prevents the option from being selected.
    */
@@ -26,12 +29,14 @@ export declare class CalciteSelect {
    * The component width.
    */
   width: Width;
-  private el;
+  labelEl: HTMLCalciteLabelElement;
+  el: HTMLCalciteSelectElement;
   private componentToNativeEl;
   private mutationObserver;
   private selectEl;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
    * This event will fire whenever the selected option changes.
@@ -39,7 +44,7 @@ export declare class CalciteSelect {
   calciteSelectChange: EventEmitter<void>;
   private handleInternalSelectChange;
   protected handleOptionOrGroupChange(event: CustomEvent): void;
-  handleLabelFocus(event: CustomEvent<FocusRequest>): void;
+  onLabelClick: () => void;
   private updateNativeElement;
   private populateInternalSelect;
   private clearInternalSelect;

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

@@ -1,17 +1,17 @@
 import { VNode } from "../../stencil-public-runtime";
 /**
+ * @slot - A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)
  * @slot header - A slot for adding header content. This content will be positioned at the top of the shell.
  * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the shell.
  * @slot primary-panel - A slot for adding the leading `calcite-shell-panel`.
  * @slot contextual-panel - A slot for adding the trailing `calcite-shell-panel`.
- * @slot bottom-panel - A slot for adding a bottom floating panel such as a chart or `calcite-tip-manager`.
- * @slot - A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)
+ * @slot center-row - A slot for adding custom content in the center row.
  */
 export declare class CalciteShell {
   /**
    * Positions the center content behind any calcite-shell-panels.
    */
-  contentBehind?: boolean;
+  contentBehind: boolean;
   el: HTMLCalciteShellElement;
   renderHeader(): VNode;
   renderContent(): VNode[];

package/dist/types/components/calcite-shell-center-row/calcite-shell-center-row.d.ts

@@ -1,8 +1,8 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  * @slot - A slot for adding content to the shell panel.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  */
 export declare class CalciteShellCenterRow {
   /**

package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  * @slot - A slot for adding content to the shell panel.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  */
 export declare class CalciteShellPanel {
   /**

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
-export declare class CalciteSlider {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteSlider implements LabelableComponent {
   el: HTMLCalciteSliderElement;
   /** Disable and gray out the slider */
   disabled: boolean;
@@ -14,18 +15,18 @@ export declare class CalciteSlider {
    */
   histogramStops: ColorStop[];
   /** Label handles with their numeric value */
-  labelHandles?: boolean;
+  labelHandles: boolean;
   /** Label tick marks with their numeric value. */
-  labelTicks?: boolean;
+  labelTicks: boolean;
   /** Maximum selectable value */
   max: number;
-  /** Label for second handle if needed (ex. "Temperature, upper bound") */
+  /** Used as an accessible label (aria-label) for second handle if needed (ex. "Temperature, upper bound") */
   maxLabel?: string;
   /** Currently selected upper number (if multi-select) */
   maxValue?: number;
   /** Minimum selectable value */
   min: number;
-  /** Label for first (or only) handle (ex. "Temperature, lower bound") */
+  /** Used as an accessible label (aria-label) for first (or only) handle (ex. "Temperature, lower bound") */
   minLabel: string;
   /** Currently selected lower number (if multi-select) */
   minValue?: number;
@@ -38,21 +39,22 @@ export declare class CalciteSlider {
   /** Interval to move on page up/page down keys */
   pageStep?: number;
   /** Use finer point for handles */
-  precise?: boolean;
+  precise: boolean;
   /** When true, enables snap selection along the step interval */
-  snap?: boolean;
+  snap: boolean;
   /** Interval to move on up/down keys */
   step?: number;
   /** Show tick marks on the number line at provided interval */
   ticks?: number;
   /** Currently selected number (if single select) */
   value: null | number;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
   render(): VNode;
   private renderGraph;
   private renderTickLabel;
-  handleLabelFocus(e: CustomEvent): void;
   keyDownHandler(event: KeyboardEvent): void;
   clickHandler(): void;
   pointerDownHandler(event: PointerEvent): void;
@@ -63,34 +65,59 @@ export declare class CalciteSlider {
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    */
+  calciteSliderInput: EventEmitter;
+  /**
+   * Fires on when the thumb is released on slider
+   * If you need to constantly listen to the drag event,
+   * please use calciteSliderInput instead
+   */
   calciteSliderChange: EventEmitter;
   /**
    * Fires on all updates to the slider.
    * :warning: Will be fired frequently during drag. If you are performing any
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
-   * @deprecated use calciteSliderChange instead
+   * @deprecated use calciteSliderInput instead
    */
   calciteSliderUpdate: EventEmitter;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
   private guid;
   private isRange;
   private dragProp;
   private lastDragProp;
+  private lastDragPropValue;
   private minHandle;
   private maxHandle;
+  private trackEl;
   private activeProp;
   private minMaxValueRange;
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
+  onLabelClick: () => void;
   private shouldMirror;
+  private shouldUseMinValue;
   private generateTickValues;
   private dragStart;
   private focusActiveHandle;
   private dragUpdate;
+  private emitInput;
   private emitChange;
   private dragEnd;
+  /**
+   * Set the prop value if changed at the component level
+   * @param valueProp
+   * @param value
+   */
+  private setValue;
+  /**
+   * Set the reference of the track Element
+   * @internal
+   * @param node
+   */
+  private storeTrackRef;
   /**
    * If number is outside range, constrain to min or max
    * @internal

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

@@ -1,7 +1,8 @@
 import Sortable from "sortablejs";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Layout } from "../interfaces";
 /**
- * @slot - A slot for adding sortable items
+ * @slot - A slot for adding sortable items.
  */
 export declare class CalciteSortableList {
   /**
@@ -18,6 +19,10 @@ export declare class CalciteSortableList {
    * The selector for the handle elements.
    */
   handleSelector: string;
+  /**
+   * Indicates the horizontal or vertical orientation of the component.
+   */
+  layout: Layout;
   /**
    * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
    */
@@ -29,7 +34,7 @@ export declare class CalciteSortableList {
   el: HTMLCalciteSortableListElement;
   handleActivated: boolean;
   items: Element[];
-  observer: MutationObserver;
+  mutationObserver: MutationObserver;
   sortable: Sortable;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/types/components/calcite-sortable-list/resources.d.ts

@@ -1,3 +1,6 @@
 export declare const CSS: {
   sortItem: string;
+  container: string;
+  containerHorizontal: string;
+  containerVertical: string;
 };

package/dist/types/components/calcite-split-button/calcite-split-button.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../calcite-button/interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-dropdown` content.
+ */
 export declare class CalciteSplitButton {
   el: HTMLCalciteSplitButtonElement;
   /** specify the appearance style of the button, defaults to solid. */
@@ -8,19 +11,19 @@ export declare class CalciteSplitButton {
   /** specify the color of the control, defaults to blue */
   color: ButtonColor;
   /** is the control disabled  */
-  disabled?: boolean;
+  disabled: boolean;
   /**
    * Is the dropdown currently active or not
    * @internal
    */
-  active?: boolean;
+  active: boolean;
   /** specify the icon used for the dropdown menu, defaults to chevron */
   dropdownIconType: DropdownIconType;
   /** aria label for overflow button */
   dropdownLabel?: string;
   /** optionally add a calcite-loader component to the control,
    disabling interaction. with the primary button */
-  loading?: boolean;
+  loading: boolean;
   /** optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names  */
   primaryIconEnd?: string;
   /** flip the primary icon(s) in rtl */

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

@@ -1,5 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-stepper-item`s.
+ */
 export declare class CalciteStepper {
   el: HTMLCalciteStepperElement;
   /** optionally display a status icon next to the step title */

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

@@ -1,5 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteStepperItem {
   el: HTMLCalciteStepperItemElement;
   /** is the step active */

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

@@ -1,33 +1,45 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteSwitch {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteSwitch implements LabelableComponent {
   el: HTMLCalciteSwitchElement;
   /** True if the switch is disabled */
-  disabled?: boolean;
+  disabled: boolean;
   disabledWatcher(newDisabled: boolean): void;
+  /** Applies to the aria-label attribute on the switch */
+  label?: string;
   /** The name of the switch input */
   name?: string;
   nameChanged(newName: string): void;
   /** The scale of the switch */
   scale: Scale;
-  /** True if the switch is initially on */
+  /** True if the switch is initially on
+   * @deprecated use 'checked' instead.
+   */
   switched: boolean;
-  switchedWatcher(newSwitched: boolean): void;
+  switchedWatcher(switched: boolean): void;
+  /** True if the switch is initially on */
+  checked: boolean;
+  checkedWatcher(checked: boolean): void;
   /** The value of the switch input */
   value?: any;
+  labelEl: HTMLCalciteLabelElement;
   private inputEl;
   guid: string;
   tabindex: number;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  onLabelClick: () => void;
   private setupInput;
   private toggle;
+  private clickHandler;
   /**
-   * Fires when the switched value has changed.
+   * Fires when the checked value has changed.
    */
   calciteSwitchChange: EventEmitter;
-  handleLabelFocus(e: CustomEvent): void;
-  onClick(e: MouseEvent): void;
   keyDownHandler(e: KeyboardEvent): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   render(): VNode;
 }

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TabChangeEventDetail } from "./interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteTab {
   el: HTMLCalciteTabElement;
   /**

package/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts

@@ -3,6 +3,9 @@ import { TabChangeEventDetail } from "../calcite-tab/interfaces";
 import { TabID, TabLayout } from "../calcite-tabs/interfaces";
 import { TabPosition } from "../calcite-tabs/interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-tab-title`s.
+ */
 export declare class CalciteTabNav {
   el: HTMLCalciteTabNavElement;
   /**
@@ -20,7 +23,7 @@ export declare class CalciteTabNav {
   /** @internal Parent tabs component position value */
   position: TabPosition;
   /** @internal Parent tabs component bordered value when layout is "inline" */
-  bordered?: boolean;
+  bordered: boolean;
   /**
    * @internal
    */

package/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts

@@ -2,6 +2,9 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TabChangeEventDetail } from "../calcite-tab/interfaces";
 import { TabID, TabLayout, TabPosition } from "../calcite-tabs/interfaces";
 import { FlipContext, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding text.
+ */
 export declare class CalciteTabTitle {
   el: HTMLCalciteTabTitleElement;
   /** Show this tab title as selected */
@@ -21,7 +24,7 @@ export declare class CalciteTabTitle {
   /** @internal Parent tabs component or parent tab-nav component's scale */
   scale: Scale;
   /** @internal Parent tabs component bordered value */
-  bordered?: boolean;
+  bordered: boolean;
   /**
    * Optionally include a unique name for the tab title,
    * be sure to also set this name on the associated tab.
@@ -67,10 +70,10 @@ export declare class CalciteTabTitle {
    */
   updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
   /** watches for changing text content **/
-  private observer;
+  private mutationObserver;
   private controls;
   /** determine if there is slotted text for styling purposes */
-  private hasText?;
+  private hasText;
   /**
    * @internal
    */

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

@@ -2,7 +2,8 @@ import { VNode } from "../../stencil-public-runtime";
 import { TabLayout, TabPosition } from "./interfaces";
 import { Scale } from "../interfaces";
 /**
- * @slot tab-nav - a slot for adding a tab navigation component
+ * @slot - A slot for adding `calcite-tab`s.
+ * @slot tab-nav - A slot for adding a tab navigation component.
  */
 export declare class CalciteTabs {
   el: HTMLCalciteTabsElement;
@@ -21,7 +22,7 @@ export declare class CalciteTabs {
   /**
    * Optionally enable tabs to appear like a folder-style menu when its layout is "inline"
    */
-  bordered?: boolean;
+  bordered: boolean;
   connectedCallback(): void;
   render(): VNode;
   /**

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

@@ -6,7 +6,7 @@ import { VNode } from "../../stencil-public-runtime";
 export declare class CalciteTile {
   el: HTMLCalciteTileElement;
   /** The active state of the tile. */
-  active?: boolean;
+  active: boolean;
   /** The description text that appears beneath the heading of the tile. */
   description?: string;
   /**
@@ -17,7 +17,7 @@ export declare class CalciteTile {
   embed: boolean;
   /**
    * The focused state of the tile.
-   * @private
+   * @internal
    */
   focused: boolean;
   /** The heading text that appears between the icon and description of the tile. */

package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts

@@ -1,6 +1,9 @@
-import { VNode } from "../../stencil-public-runtime";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Alignment, Width } from "../interfaces";
 import { TileSelectType } from "./interfaces";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteTileSelect {
   el: HTMLCalciteTileSelectElement;
   /** The checked state of the tile select. */
@@ -33,11 +36,17 @@ export declare class CalciteTileSelect {
   guid: string;
   /** The focused state of the tile-select. */
   focused: boolean;
+  /**
+   * Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.
+   */
+  calciteTileSelectChange: EventEmitter;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  calciteCheckboxChangeEvent(event: CustomEvent): void;
-  calciteCheckboxFocusedChangeEvent(event: CustomEvent): void;
-  calciteRadioButtonCheckedChangeEvent(event: CustomEvent): void;
-  calciteRadioButtonFocusedChangeEvent(event: CustomEvent): void;
+  checkboxChangeHandler(event: CustomEvent): void;
+  checkboxFocusHandler(event: CustomEvent): void;
+  radioButtonChangeHandler(event: CustomEvent): void;
+  radioButtonCheckedChangeHandler(event: CustomEvent): void;
+  radioButtonFocusHandler(event: CustomEvent): void;
   click(event: MouseEvent): void;
   mouseenter(): void;
   mouseleave(): void;

package/dist/types/components/calcite-tile-select-group/calcite-tile-select-group.d.ts

@@ -1,5 +1,8 @@
 import { VNode } from "../../stencil-public-runtime";
 import { TileSelectGroupLayout } from "./interfaces";
+/**
+ * @slot - A slot for adding `calcite-tile-select`s.
+ */
 export declare class CalciteTileSelectGroup {
   /** Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts */
   layout?: TileSelectGroupLayout;

package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts

@@ -89,6 +89,7 @@ export declare class CalciteTimePicker {
   hostBlurHandler(): void;
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;
+  /** Sets focus on the component. */
   setFocus(target: TimeFocusId): Promise<void>;
   private decrementHour;
   private decrementMeridiem;

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
 /**
+ * @slot - A slot for adding text and a hyperlink.
  * @slot thumbnail - A slot for adding an HTML image element to the tip.
  */
 export declare class CalciteTip {
@@ -23,7 +24,7 @@ export declare class CalciteTip {
   /**
    * The selected state of the tip if it is being used inside a `calcite-tip-manager`.
    */
-  selected?: boolean;
+  selected: boolean;
   /**
    * Alternate text for closing the tip.
    */

package/dist/types/components/calcite-tip-group/calcite-tip-group.d.ts

@@ -1,4 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding `calcite-tip`s.
+ */
 export declare class CalciteTipGroup {
   /**
    * The title used for all nested tips.

package/dist/types/components/calcite-tip-manager/calcite-tip-manager.d.ts

@@ -40,11 +40,13 @@ export declare class CalciteTipManager {
   total: number;
   direction: "advancing" | "retreating";
   groupTitle: string;
-  observer: MutationObserver;
+  mutationObserver: MutationObserver;
   container: HTMLDivElement;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  /** Selects the next tip to display */
   nextTip(): Promise<void>;
+  /** Selects the previous tip to display */
   previousTip(): Promise<void>;
   /**
    * Emitted when the `calcite-tip-manager` has been toggled open or closed.

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,7 +3,7 @@ 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;

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

@@ -2,6 +2,10 @@ 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 */
@@ -34,6 +38,7 @@ export declare class CalciteTreeItem {
   selectionMode: TreeSelectionMode;
   connectedCallback(): void;
   componentWillRender(): void;
+  componentDidLoad(): void;
   render(): VNode;
   onClick(e: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
@@ -45,4 +50,5 @@ export declare class CalciteTreeItem {
   calciteTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
   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;
 };