@esri/calcite-components 1.0.0-beta.97 → 1.0.0-beta.99

package/dist/types/components/input-number/input-number.d.ts

@@ -1,15 +1,17 @@
-import { DeprecatedEventPayload, Position, Scale, Status } from "../interfaces";
+import { Position, Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { InputPlacement } from "./interfaces";
+import { InputPlacement, NumberNudgeDirection } from "../input/interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
-declare type NumberNudgeDirection = "up" | "down";
+import { T9nComponent } from "../../utils/t9n";
+import { InputNumberMessages } from "./assets/input-number/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
-export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent {
+export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent {
   el: HTMLCalciteInputNumberElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -44,34 +46,16 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
-  /**
-   * A text label that will appear on the clear button for screen readers.
-   */
-  intlClear?: string;
-  /**
-   * Accessible name that will appear while loading.
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component's button or hyperlink. */
-  label?: string;
+  label: string;
   /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
   loading: boolean;
-  /**
-   * Specifies the BCP 47 language tag for the desired language and country format.
-   *
-   * @deprecated set the global `lang` attribute on the element instead.
-   * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-   */
-  locale: string;
-  localeChanged(): void;
   /**
    * Specifies the Unicode numeral system used by the component for localization.
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * Toggles locale formatting for numbers.
    *
@@ -83,7 +67,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
    */
-  max?: number;
+  max: number;
   /** watcher to update number-to-string for max */
   maxWatcher(): void;
   /**
@@ -91,7 +75,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
    */
-  min?: number;
+  min: number;
   /** watcher to update number-to-string for min */
   minWatcher(): void;
   /**
@@ -99,13 +83,13 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
    */
-  maxLength?: number;
+  maxLength: number;
   /**
    * Specifies the minimum length of text for the component's value.
    *
    * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
    */
-  minLength?: number;
+  minLength: number;
   /**
    * Specifies the name of the component.
    *
@@ -113,7 +97,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    */
   name: string;
   /** Specifies the placement of the buttons. */
-  numberButtonType?: InputPlacement;
+  numberButtonType: InputPlacement;
   /**
    * Specifies placeholder text for the component.
    *
@@ -121,7 +105,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    */
   placeholder: string;
   /** Adds text to the start of the component. */
-  prefixText?: string;
+  prefixText: string;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -139,15 +123,47 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
-  step?: number | "any";
+  step: number | "any";
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /** Adds text to the end of the component.  */
-  suffixText?: string;
+  suffixText: string;
   /**
    * @internal
    */
   editingEnabled: boolean;
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputNumberMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<InputNumberMessages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -168,10 +184,13 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
   effectiveLocale: string;
+  effectiveLocaleWatcher(locale: string): void;
+  defaultMessages: InputNumberMessages;
   localizedValue: string;
   connectedCallback(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
   componentDidRender(): void;
   /**
@@ -184,10 +203,8 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   calciteInternalInputNumberBlur: EventEmitter<void>;
   /**
    * Fires each time a new value is typed.
-   *
-   * **Note:**: The `el` and `value` event payload props are deprecated, please use the event's `target`/`currentTarget` instead
    */
-  calciteInputNumberInput: EventEmitter<DeprecatedEventPayload>;
+  calciteInputNumberInput: EventEmitter<void>;
   /**
    * Fires each time a new value is typed and committed.
    */
@@ -202,6 +219,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private clearInputValue;
   private emitChangeIfUserModified;
   private inputNumberBlurHandler;
+  private clickHandler;
   private inputNumberFocusHandler;
   private inputNumberInputHandler;
   private inputNumberKeyDownHandler;
@@ -221,4 +239,3 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private warnAboutInvalidNumberValue;
   render(): VNode;
 }
-export {};

package/dist/types/components/input-number/resources.d.ts

@@ -17,6 +17,3 @@ export declare const CSS: {
 export declare const SLOTS: {
   action: string;
 };
-export declare const TEXT: {
-  clear: string;
-};

package/dist/types/components/input-text/assets/input-text/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type InputTextMessages = {
   clear: string;
   loading: string;
 };

package/dist/types/components/input-text/input-text.d.ts

@@ -1,13 +1,16 @@
-import { Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Position } from "../interfaces";
+import { Position, Scale, Status } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { InputTextMessages } from "./assets/input-text/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
-export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent {
+export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteInputTextElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -38,20 +41,10 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
-  /**
-   * A text label that will appear on the clear button for screen readers.
-   */
-  intlClear?: string;
-  /**
-   * Accessible name that will appear while loading.
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component's button or hyperlink. */
-  label?: string;
+  label: string;
   /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
   loading: boolean;
   /**
@@ -59,13 +52,13 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    *
    * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
    */
-  maxLength?: number;
+  maxLength: number;
   /**
    * Specifies the minimum length of text for the component's value.
    *
    * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
    */
-  minLength?: number;
+  minLength: number;
   /**
    * Specifies the name of the component.
    *
@@ -79,7 +72,7 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    */
   placeholder: string;
   /** Adds text to the start of the component. */
-  prefixText?: string;
+  prefixText: string;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -92,14 +85,53 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   scale: Scale;
   /** Specifies the status of the input field, which determines message and icons. */
   status: Status;
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
+  /**
+   * Specifies a regex pattern the component's `value` must match for validation.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  pattern: string;
   /** Adds text to the end of the component.  */
-  suffixText?: string;
+  suffixText: string;
   /**
    * @internal
    */
   editingEnabled: boolean;
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputTextMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<InputTextMessages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -116,9 +148,13 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   private requestedIcon?;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: InputTextMessages;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   componentDidRender(): void;
   /**
    * @internal
@@ -137,11 +173,7 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   /**
    * Fires each time a new value is typed.
    */
-  calciteInputTextInput: EventEmitter<{
-    element: HTMLInputElement;
-    nativeEvent: MouseEvent | KeyboardEvent | InputEvent;
-    value: string;
-  }>;
+  calciteInputTextInput: EventEmitter<void>;
   /**
    * Fires each time a new value is typed and committed.
    */
@@ -155,6 +187,7 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   private clearInputTextValue;
   private emitChangeIfUserModified;
   private inputTextBlurHandler;
+  private clickHandler;
   private inputTextFocusHandler;
   private inputTextInputHandler;
   private inputTextKeyDownHandler;

package/dist/types/components/input-text/resources.d.ts

@@ -14,6 +14,3 @@ export declare const CSS: {
 export declare const SLOTS: {
   action: string;
 };
-export declare const TEXT: {
-  clear: string;
-};

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

@@ -5,15 +5,10 @@ import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
-export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent, FloatingUIComponent, LocalizedComponent {
+import { TimePickerMessages } from "../time-picker/assets/time-picker/t9n";
+import { LoadableComponent } from "../../utils/loadable";
+export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteInputTimePickerElement;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated Use `open` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /** When `true`, displays the `calcite-time-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;
@@ -26,45 +21,16 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
    */
   readOnly: boolean;
   handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** Accessible name for the component's hour input. */
-  intlHour?: string;
-  /** Accessible name for the component's hour down button. */
-  intlHourDown?: string;
-  /** Accessible name for the component's hour up button. */
-  intlHourUp?: string;
-  /** Accessible name for the component's meridiem (am/pm) input. */
-  intlMeridiem?: string;
-  /** Accessible name for the component's meridiem (am/pm) down button. */
-  intlMeridiemDown?: string;
-  /** Accessible name for the component's meridiem (am/pm) up button. */
-  intlMeridiemUp?: string;
-  /** Accessible name for the component's minute input. */
-  intlMinute?: string;
-  /** Accessible name for the component's minute down button. */
-  intlMinuteDown?: string;
-  /** Accessible name for the component's minute up button. */
-  intlMinuteUp?: string;
-  /** Accessible name for the component's second input. */
-  intlSecond?: string;
-  /** Accessible name for the component's second down button. */
-  intlSecondDown?: string;
-  /** Accessible name for the component's second up button. */
-  intlSecondUp?: string;
   /**
-   * BCP 47 language tag for desired language and country format.
-   *
-   * @internal
-   * @deprecated set the global `lang` attribute on the element instead.
-   * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
+   * Use this property to override individual strings used by the component.
    */
-  locale: string;
-  localeChanged(): void;
+  messagesOverrides: Partial<TimePickerMessages>;
   /** Specifies the name of the component on form submission. */
   name: string;
   /**
    * Specifies the Unicode numeral system used by the component for localization.
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * When `true`, the component must have a value in order for the form to submit.
    *
@@ -84,8 +50,6 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   overlayPositioning: OverlayPositioning;
   /**
    * Determines where the popover will be positioned relative to the input.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   placement: LogicalPlacement;
   /** Specifies the granularity the component's `value` must adhere to (in seconds). */
@@ -134,6 +98,7 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   private setInputValue;
   private setValue;
   connectedCallback(): void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;

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

@@ -1,13 +1,14 @@
 export declare type Alignment = "start" | "center" | "end";
-export declare type Appearance = "solid" | "clear" | "outline" | "transparent" | "minimal";
+export declare type Appearance = "minimal" | "outline" | "outline-fill" | "solid" | "transparent";
 export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type FlipContext = "both" | "start" | "end";
+export declare type Kind = "brand" | "danger" | "info" | "inverse" | "neutral" | "warning" | "success";
 export declare type Layout = "horizontal" | "vertical" | "grid";
 export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
 export declare type Position = "start" | "end";
+export declare type SelectionMode = "single" | "none" | "children" | "single-persist" | "multichildren" | "ancestors" | "multiple";
 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";
-export declare type DeprecatedEventPayload = any;

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Alignment, Scale, Status } from "../interfaces";
+import { Alignment, Scale } from "../interfaces";
 /**
  * @slot - A slot for adding text and a component that can be labeled.
  */
@@ -7,30 +7,12 @@ export declare class Label {
   el: HTMLCalciteLabelElement;
   /** Specifies the text alignment of the component. */
   alignment: Alignment;
-  /**
-   * Specifies the status of the component and any child input, or input messages.
-   *
-   * @deprecated Set directly on the component the label is bound to instead.
-   */
-  status: Status;
   /** Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component. */
   for: string;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
   layout: "inline" | "inline-space-between" | "default";
-  /**
-   * When `true`, interaction is prevented and the component is displayed with lower opacity.
-   *
-   * @deprecated Use the `disabled` property on the component the label is bound to instead.
-   */
-  disabled: boolean;
-  /**
-   * When `true`, disables the component's spacing.
-   *
-   * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
-   */
-  disableSpacing: boolean;
   /**
    * @internal
    */

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

@@ -1,11 +1,12 @@
 import { VNode } from "../../stencil-public-runtime";
 import { FlipContext } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LoadableComponent } from "../../utils/loadable";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
 /** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */
 /** @slot - A slot for adding text. */
-export declare class Link implements InteractiveComponent {
+export declare class Link implements InteractiveComponent, LoadableComponent {
   el: HTMLCalciteLinkElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
@@ -16,17 +17,19 @@ export declare class Link implements InteractiveComponent {
    */
   download: string | boolean;
   /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */
-  href?: string;
+  href: string;
   /** Specifies an icon to display at the end of the component. */
-  iconEnd?: string;
+  iconEnd: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
-  iconFlipRtl?: FlipContext;
+  iconFlipRtl: FlipContext;
   /** Specifies an icon to display at the start of the component. */
-  iconStart?: string;
+  iconStart: string;
   /** Specifies the relationship to the linked document defined in `href`. */
-  rel?: string;
+  rel: string;
   /** Specifies the frame or window to open the linked document. */
-  target?: string;
+  target: string;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   componentDidRender(): void;
   render(): VNode;
   clickHandler(event: PointerEvent): void;

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

@@ -1,23 +1,103 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
+import { VNode, Event, EventEmitter } from "../../stencil-public-runtime";
+import { SelectionAppearance } from "./resources";
 import { InteractiveComponent } from "../../utils/interactive";
+import { SelectionMode } from "../interfaces";
+import { ItemData } from "../list-item/interfaces";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *
  * @slot - A slot for adding `calcite-list-item` elements.
  */
-export declare class List implements InteractiveComponent {
+export declare class List implements InteractiveComponent, LoadableComponent {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * Specifies the number at which section headings should start.
+   * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.
    */
-  headingLevel: HeadingLevel;
+  filterEnabled: boolean;
+  handleFilterEnabledChange(): void;
+  /**
+   * The currently filtered `calcite-list-item`s.
+   *
+   * @readonly
+   */
+  filteredItems: HTMLCalciteListItemElement[];
+  /**
+   * The currently filtered `calcite-list-item` data.
+   *
+   * @readonly
+   */
+  filteredData: ItemData;
+  /**
+   * Placeholder text for the component's filter input field.
+   */
+  filterPlaceholder: string;
+  /**
+   * Text for the component's filter input field.
+   */
+  filterText: string;
+  /**
+   * Specifies an accessible name for the component.
+   */
+  label: string;
+  /**
+   * When `true`, a busy indicator is displayed.
+   */
+  loading: boolean;
+  /**
+   * One of the items within the list can be opened.
+   *
+   * @internal
+   */
+  openable: boolean;
+  /**
+   * **read-only** The currently selected items
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteListItemElement[];
+  /**
+   * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
+   */
+  selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
+  /**
+   * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
+   */
+  selectionAppearance: SelectionAppearance;
+  handleSelectionAppearanceChange(): void;
+  /**
+   * Emits when the component's filter has changed.
+   */
+  calciteListFilter: EventEmitter<void>;
+  handleCalciteInternalFocusPreviousItem(event: CustomEvent): void;
+  handleCalciteListItemActive(event: CustomEvent): void;
+  handleCalciteListItemSelect(event: CustomEvent): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
   componentDidRender(): void;
+  componentDidLoad(): void;
   el: HTMLCalciteListElement;
+  listItems: HTMLCalciteListItemElement[];
+  enabledListItems: HTMLCalciteListItemElement[];
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
+  dataForFilter: ItemData;
+  filterEl: HTMLCalciteFilterElement;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   render(): VNode;
+  handleDefaultSlotChange: (event: Event) => void;
+  setActiveListItem: () => void;
+  private updateSelectedItems;
+  private updateFilteredItems;
+  handleFilter: (event: CustomEvent) => void;
+  getItemData: () => ItemData;
+  private updateListItems;
+  queryListItems: () => HTMLCalciteListItemElement[];
+  focusRow: (focusEl: HTMLCalciteListItemElement) => void;
+  isNavigable: (listItem: HTMLCalciteListItemElement) => boolean;
+  handleListKeydown: (event: KeyboardEvent) => void;
 }