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

package/dist/types/preact.d.ts

@@ -10,16 +10,13 @@ declare module "preact/src/jsx" {
         "oncalciteInternalAccordionChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-accordion-item": Omit<JSX.CalciteAccordionItem, "onCalciteInternalAccordionItemKeyEvent" | "onCalciteInternalAccordionItemSelect" | "onCalciteInternalAccordionItemClose" | "onCalciteInternalAccordionItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionItemElement> & {
-        "oncalciteInternalAccordionItemKeyEvent"?: (event: CustomEvent<any>) => void;
+      "calcite-accordion-item": Omit<JSX.CalciteAccordionItem, "onCalciteInternalAccordionItemSelect" | "onCalciteInternalAccordionItemClose" | "onCalciteInternalAccordionItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionItemElement> & {
         "oncalciteInternalAccordionItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalAccordionItemClose"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalAccordionItemRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-action": Omit<JSX.CalciteAction, "onCalciteActionClick"> & JSXInternal.HTMLAttributes<HTMLCalciteActionElement> & {
-        "oncalciteActionClick"?: (event: CustomEvent<any>) => void;
-      }
+      "calcite-action": JSX.CalciteAction & JSXInternal.HTMLAttributes<HTMLCalciteActionElement>
 
       "calcite-action-bar": Omit<JSX.CalciteActionBar, "onCalciteActionBarToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionBarElement> & {
         "oncalciteActionBarToggle"?: (event: CustomEvent<any>) => void;
@@ -27,8 +24,8 @@ declare module "preact/src/jsx" {
 
       "calcite-action-group": JSX.CalciteActionGroup & JSXInternal.HTMLAttributes<HTMLCalciteActionGroupElement>
 
-      "calcite-action-menu": Omit<JSX.CalciteActionMenu, "onCalciteActionMenuOpenChange"> & JSXInternal.HTMLAttributes<HTMLCalciteActionMenuElement> & {
-        "oncalciteActionMenuOpenChange"?: (event: CustomEvent<any>) => void;
+      "calcite-action-menu": Omit<JSX.CalciteActionMenu, "onCalciteActionMenuOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteActionMenuElement> & {
+        "oncalciteActionMenuOpen"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-action-pad": Omit<JSX.CalciteActionPad, "onCalciteActionPadToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionPadElement> & {
@@ -66,8 +63,8 @@ declare module "preact/src/jsx" {
         "oncalciteInternalCheckboxFocus"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-chip": Omit<JSX.CalciteChip, "onCalciteChipDismiss"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
-        "oncalciteChipDismiss"?: (event: CustomEvent<any>) => void;
+      "calcite-chip": Omit<JSX.CalciteChip, "onCalciteChipClose"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
+        "oncalciteChipClose"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-color-picker": Omit<JSX.CalciteColorPicker, "onCalciteColorPickerChange" | "onCalciteColorPickerInput"> & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerElement> & {
@@ -81,11 +78,10 @@ declare module "preact/src/jsx" {
 
       "calcite-color-picker-swatch": JSX.CalciteColorPickerSwatch & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>
 
-      "calcite-combobox": Omit<JSX.CalciteCombobox, "onCalciteLookupChange" | "onCalciteComboboxChange" | "onCalciteComboboxFilterChange" | "onCalciteComboboxChipDismiss" | "onCalciteComboboxBeforeClose" | "onCalciteComboboxClose" | "onCalciteComboboxBeforeOpen" | "onCalciteComboboxOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxElement> & {
-        "oncalciteLookupChange"?: (event: CustomEvent<any>) => void;
+      "calcite-combobox": Omit<JSX.CalciteCombobox, "onCalciteComboboxChange" | "onCalciteComboboxFilterChange" | "onCalciteComboboxChipClose" | "onCalciteComboboxBeforeClose" | "onCalciteComboboxClose" | "onCalciteComboboxBeforeOpen" | "onCalciteComboboxOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxElement> & {
         "oncalciteComboboxChange"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxFilterChange"?: (event: CustomEvent<any>) => void;
-        "oncalciteComboboxChipDismiss"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxChipClose"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxClose"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxBeforeOpen"?: (event: CustomEvent<any>) => void;
@@ -108,15 +104,15 @@ declare module "preact/src/jsx" {
         "oncalciteInternalDayHover"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-date-picker-month": Omit<JSX.CalciteDatePickerMonth, "onCalciteDatePickerSelect" | "onCalciteInternalDatePickerHover" | "onCalciteDatePickerActiveDateChange" | "onCalciteInternalDatePickerMouseOut"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthElement> & {
-        "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
+      "calcite-date-picker-month": Omit<JSX.CalciteDatePickerMonth, "onCalciteInternalDatePickerSelect" | "onCalciteInternalDatePickerHover" | "onCalciteInternalDatePickerActiveDateChange" | "onCalciteInternalDatePickerMouseOut"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthElement> & {
+        "oncalciteInternalDatePickerSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalDatePickerHover"?: (event: CustomEvent<any>) => void;
-        "oncalciteDatePickerActiveDateChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDatePickerActiveDateChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalDatePickerMouseOut"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-date-picker-month-header": Omit<JSX.CalciteDatePickerMonthHeader, "onCalciteDatePickerSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> & {
-        "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
+      "calcite-date-picker-month-header": Omit<JSX.CalciteDatePickerMonthHeader, "onCalciteInternalDatePickerSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> & {
+        "oncalciteInternalDatePickerSelect"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
@@ -131,7 +127,8 @@ declare module "preact/src/jsx" {
         "oncalciteInternalDropdownItemChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown-item": Omit<JSX.CalciteDropdownItem, "onCalciteInternalDropdownItemSelect" | "onCalciteInternalDropdownItemKeyEvent" | "onCalciteInternalDropdownCloseRequest"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownItemElement> & {
+      "calcite-dropdown-item": Omit<JSX.CalciteDropdownItem, "onCalciteDropdownItemSelect" | "onCalciteInternalDropdownItemSelect" | "onCalciteInternalDropdownItemKeyEvent" | "onCalciteInternalDropdownCloseRequest"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownItemElement> & {
+        "oncalciteDropdownItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalDropdownItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalDropdownItemKeyEvent"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalDropdownCloseRequest"?: (event: CustomEvent<any>) => void;
@@ -145,9 +142,8 @@ declare module "preact/src/jsx" {
 
       "calcite-flow": JSX.CalciteFlow & JSXInternal.HTMLAttributes<HTMLCalciteFlowElement>
 
-      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemBackClick" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
+      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
         "oncalciteFlowItemBack"?: (event: CustomEvent<any>) => void;
-        "oncalciteFlowItemBackClick"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemScroll"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemClose"?: (event: CustomEvent<any>) => void;
       }
@@ -173,9 +169,7 @@ declare module "preact/src/jsx" {
         "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerBeforeClose" | "onCalciteInputDatePickerClose" | "onCalciteInputDatePickerBeforeOpen" | "onCalciteInputDatePickerOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
-        "oncalciteDatePickerChange"?: (event: CustomEvent<any>) => void;
-        "oncalciteDatePickerRangeChange"?: (event: CustomEvent<any>) => void;
+      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerBeforeClose" | "onCalciteInputDatePickerClose" | "onCalciteInputDatePickerBeforeOpen" | "onCalciteInputDatePickerOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
         "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerClose"?: (event: CustomEvent<any>) => void;
@@ -209,9 +203,16 @@ declare module "preact/src/jsx" {
 
       "calcite-link": JSX.CalciteLink & JSXInternal.HTMLAttributes<HTMLCalciteLinkElement>
 
-      "calcite-list": JSX.CalciteList & JSXInternal.HTMLAttributes<HTMLCalciteListElement>
+      "calcite-list": Omit<JSX.CalciteList, "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalciteListElement> & {
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
+      }
 
-      "calcite-list-item": JSX.CalciteListItem & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement>
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+        "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;
+      }
 
       "calcite-list-item-group": JSX.CalciteListItemGroup & JSXInternal.HTMLAttributes<HTMLCalciteListItemGroupElement>
 
@@ -237,21 +238,18 @@ declare module "preact/src/jsx" {
         "oncalciteInternalOptionGroupChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-pagination": Omit<JSX.CalcitePagination, "onCalcitePaginationUpdate" | "onCalcitePaginationChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePaginationElement> & {
-        "oncalcitePaginationUpdate"?: (event: CustomEvent<any>) => void;
+      "calcite-pagination": Omit<JSX.CalcitePagination, "onCalcitePaginationChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePaginationElement> & {
         "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelDismiss" | "onCalcitePanelDismissedChange" | "onCalcitePanelScroll" | "onCalcitePanelBackClick"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
+      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
         "oncalcitePanelClose"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelDismiss"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelDismissedChange"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelBackClick"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-pick-list": Omit<JSX.CalcitePickList, "onCalciteListChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListElement> & {
+      "calcite-pick-list": Omit<JSX.CalcitePickList, "onCalciteListChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListElement> & {
         "oncalciteListChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-pick-list-group": JSX.CalcitePickListGroup & JSXInternal.HTMLAttributes<HTMLCalcitePickListGroupElement>
@@ -270,8 +268,6 @@ declare module "preact/src/jsx" {
         "oncalcitePopoverOpen"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-popover-manager": JSX.CalcitePopoverManager & JSXInternal.HTMLAttributes<HTMLCalcitePopoverManagerElement>
-
       "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
 
       "calcite-radio-button": Omit<JSX.CalciteRadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonElement> & {
@@ -307,14 +303,11 @@ declare module "preact/src/jsx" {
 
       "calcite-shell-center-row": JSX.CalciteShellCenterRow & JSXInternal.HTMLAttributes<HTMLCalciteShellCenterRowElement>
 
-      "calcite-shell-panel": Omit<JSX.CalciteShellPanel, "onCalciteShellPanelToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteShellPanelElement> & {
-        "oncalciteShellPanelToggle"?: (event: CustomEvent<any>) => void;
-      }
+      "calcite-shell-panel": JSX.CalciteShellPanel & JSXInternal.HTMLAttributes<HTMLCalciteShellPanelElement>
 
-      "calcite-slider": Omit<JSX.CalciteSlider, "onCalciteSliderInput" | "onCalciteSliderChange" | "onCalciteSliderUpdate"> & JSXInternal.HTMLAttributes<HTMLCalciteSliderElement> & {
+      "calcite-slider": Omit<JSX.CalciteSlider, "onCalciteSliderInput" | "onCalciteSliderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSliderElement> & {
         "oncalciteSliderInput"?: (event: CustomEvent<any>) => void;
         "oncalciteSliderChange"?: (event: CustomEvent<any>) => void;
-        "oncalciteSliderUpdate"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-sortable-list": Omit<JSX.CalciteSortableList, "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSortableListElement> & {
@@ -351,11 +344,13 @@ declare module "preact/src/jsx" {
         "oncalciteInternalTabChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteInternalTabsActivate" | "onCalciteInternalTabsFocusNext" | "onCalciteInternalTabsFocusPrevious" | "onCalciteInternalTabTitleRegister" | "onCalciteInternalTabIconChanged"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
+      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteInternalTabsActivate" | "onCalciteInternalTabsFocusNext" | "onCalciteInternalTabsFocusPrevious" | "onCalciteInternalTabsFocusFirst" | "onCalciteInternalTabsFocusLast" | "onCalciteInternalTabTitleRegister" | "onCalciteInternalTabIconChanged"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
         "oncalciteTabsActivate"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalTabsActivate"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalTabsFocusNext"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalTabsFocusPrevious"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusFirst"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusLast"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalTabTitleRegister"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalTabIconChanged"?: (event: CustomEvent<any>) => void;
       }
@@ -382,14 +377,16 @@ declare module "preact/src/jsx" {
 
       "calcite-tip-group": JSX.CalciteTipGroup & JSXInternal.HTMLAttributes<HTMLCalciteTipGroupElement>
 
-      "calcite-tip-manager": Omit<JSX.CalciteTipManager, "onCalciteTipManagerToggle" | "onCalciteTipManagerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteTipManagerElement> & {
-        "oncalciteTipManagerToggle"?: (event: CustomEvent<any>) => void;
+      "calcite-tip-manager": Omit<JSX.CalciteTipManager, "onCalciteTipManagerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteTipManagerElement> & {
         "oncalciteTipManagerClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tooltip": JSX.CalciteTooltip & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement>
-
-      "calcite-tooltip-manager": JSX.CalciteTooltipManager & JSXInternal.HTMLAttributes<HTMLCalciteTooltipManagerElement>
+      "calcite-tooltip": Omit<JSX.CalciteTooltip, "onCalciteTooltipBeforeClose" | "onCalciteTooltipClose" | "onCalciteTooltipBeforeOpen" | "onCalciteTooltipOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement> & {
+        "oncalciteTooltipBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipOpen"?: (event: CustomEvent<any>) => void;
+      }
 
       "calcite-tree": Omit<JSX.CalciteTree, "onCalciteTreeSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteTreeElement> & {
         "oncalciteTreeSelect"?: (event: CustomEvent<any>) => void;
@@ -399,9 +396,10 @@ declare module "preact/src/jsx" {
         "oncalciteInternalTreeItemSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-value-list": Omit<JSX.CalciteValueList, "onCalciteListChange" | "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListElement> & {
+      "calcite-value-list": Omit<JSX.CalciteValueList, "onCalciteListChange" | "onCalciteListOrderChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListElement> & {
         "oncalciteListChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListOrderChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemRemove"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {

package/dist/types/stencil-public-runtime.d.ts

@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
 /**
  * `getMode()` is used for libraries which provide multiple "modes" for styles.
  * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
  * if the path needs to be customized.
  * @param path the path to use in calculating the asset path. this value will be
  * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -252,11 +254,13 @@ export declare function getAssetPath(path: string): string;
  * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
  * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
@@ -269,6 +273,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {

package/dist/types/utils/conditionalSlot.d.ts

@@ -1,5 +1,11 @@
 /**
  * Defines interface for components with a dynamically changing slot.
+ *
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
  */
 export interface ConditionalSlotComponent {
   /**
@@ -11,11 +17,21 @@ export interface ConditionalSlotComponent {
  * Helper to set up a conditional slot component on connectedCallback.
  *
  * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
  */
 export declare function connectConditionalSlotComponent(component: ConditionalSlotComponent): void;
 /**
  * Helper to tear down a conditional slot component on disconnectedCallback.
  *
  * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
  */
 export declare function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void;

package/dist/types/utils/date.d.ts

@@ -29,6 +29,25 @@ export declare function dateFromRange(date?: any, min?: Date | string, max?: Dat
  * @param isEndDate
  */
 export declare function dateFromISO(iso8601: string | Date, isEndDate?: boolean): Date | null;
+/**
+ * Parse a localized date string into a valid Date.
+ * return false if date is invalid, or out of range
+ *
+ * @param value
+ * @param localeData
+ */
+export declare function dateFromLocalizedString(value: string, localeData: DateLocaleData): Date;
+/**
+ * Retrieve day, month, and year strings from a localized string
+ *
+ * @param string
+ * @param localeData
+ */
+export declare function datePartsFromLocalizedString(string: string, localeData: DateLocaleData): {
+  day: string;
+  month: string;
+  year: string;
+};
 /**
  * Return first portion of ISO string (YYYY-mm-dd)
  *
@@ -57,11 +76,12 @@ export declare function nextMonth(date: Date): Date;
 /**
  * Parse numeric units for day, month, and year from a localized string
  * month starts at 0 (can pass to date constructor)
+ * can return values as number or string
  *
- * @param str
+ * @param string
  * @param localeData
  */
-export declare function parseDateString(str: string, localeData: DateLocaleData): {
+export declare function parseDateString(string: string, localeData: DateLocaleData): {
   day: number;
   month: number;
   year: number;

package/dist/types/utils/dom.d.ts

@@ -51,6 +51,18 @@ interface GetSlottedOptions {
   matches?: string;
   selector?: string;
 }
+/**
+ * Gets slotted elements for a named slot.
+ *
+ * @param element
+ * @param slotName
+ * @param options
+ * @deprecated Use `onSlotchange` event instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.myElements = slotChangeGetAssignedElements(event)} />}
+ * ```
+ */
 export declare function getSlotted<T extends Element = Element>(element: Element, slotName: string | string[] | (GetSlottedOptions & {
   all: true;
 }), options: GetSlottedOptions & {
@@ -69,6 +81,28 @@ export declare function intersects(rect1: DOMRect, rect2: DOMRect): boolean;
  * @returns {string} The string conversion of a boolean value ("true" | "false").
  */
 export declare function toAriaBoolean(value: boolean): string;
+/**
+ * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ *
+ * @param event
+ * @returns {boolean} Whether the slot has any assigned elements.
+ */
+export declare function slotChangeHasAssignedElement(event: Event): boolean;
+/**
+ * This helper returns the assigned elements on a `slot` element from the `onSlotchange` event.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}
+ * ```
+ *
+ * @param event
+ * @returns {boolean} Whether the slot has any assigned elements.
+ */
+export declare function slotChangeGetAssignedElements(event: Event): Element[];
 /**
  * This helper returns true if the pointer event fired from the primary button of the device.
  *
@@ -78,4 +112,14 @@ export declare function toAriaBoolean(value: boolean): string;
  * @returns {boolean}
  */
 export declare function isPrimaryPointerButton(event: PointerEvent): boolean;
+/**
+ * This helper sets focus on and returns a destination element from within a group of provided elements.
+ *
+ * @param elements An array of elements
+ * @param currentElement The current element
+ * @param destination The target destination element to focus
+ * @returns {Element} The focused element
+ */
+export declare type FocusElementInGroupDestination = "first" | "last" | "next" | "previous";
+export declare const focusElementInGroup: (elements: Element[], currentElement: Element, destination: FocusElementInGroupDestination) => Element;
 export {};

package/dist/types/utils/floating-ui/nonChromiumPlatformUtils.d.ts

@@ -1,6 +1,5 @@
 import { Strategy } from "@floating-ui/core";
-import type { ElementRects } from "@floating-ui/dom";
-import { FloatingElement, ReferenceElement } from "@floating-ui/dom/src/types";
+import type { ElementRects, FloatingElement, ReferenceElement } from "@floating-ui/dom";
 declare function getElementRects(_ref: {
   reference: ReferenceElement;
   floating: FloatingElement;

package/dist/types/utils/floating-ui.d.ts

@@ -1,4 +1,8 @@
 import { Placement, Strategy, VirtualElement } from "@floating-ui/dom";
+/**
+ * Exported for testing purposes only
+ */
+export declare const placementDataAttribute = "data-placement";
 /**
  * Exported for testing purposes only
  */
@@ -7,7 +11,7 @@ export declare type ReferenceElement = VirtualElement | Element;
 declare type UIType = "menu" | "tooltip" | "popover";
 export declare type OverlayPositioning = Strategy;
 /**
- * Placements that change based on element direction.
+ * Variation Placements change based on element direction.
  *
  * These variation placements will automatically flip "left"/"right" depending on LTR/RTL direction.
  *
@@ -15,32 +19,14 @@ export declare type OverlayPositioning = Strategy;
  *
  * see: https://github.com/floating-ui/floating-ui/issues/1563 and https://github.com/floating-ui/floating-ui/discussions/1549
  */
-declare type VariationPlacement = "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
-declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
-/**
- * Use "*-start" and "*-end" instead.
- *
- * There is no need for our "*-leading" and "*-trailing" values anymore since "*-start" and "*-end" are already flipped in RTL.
- *
- * @deprecated
- */
-declare type DeprecatedPlacement = "leading-leading" | "leading-trailing" | "trailing-leading" | "trailing-trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing" | "right-leading" | "right-trailing" | "left-leading" | "left-trailing";
-export declare type LogicalPlacement = AutoPlacement | Placement | VariationPlacement | DeprecatedPlacement;
 export declare type EffectivePlacement = Placement;
-export declare const placements: LogicalPlacement[];
+export declare const placements: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "leading-start", "leading", "leading-end", "trailing-end", "trailing", "trailing-start"];
+export declare type LogicalPlacement = typeof placements[number];
 export declare const effectivePlacements: EffectivePlacement[];
 export declare const menuPlacements: MenuPlacement[];
 export declare const menuEffectivePlacements: EffectivePlacement[];
 export declare const flipPlacements: EffectivePlacement[];
-/**
- * Use "*-start" and "*-end" instead.
- *
- * There is no need for our "*-leading" and "*-trailing" values anymore since "*-start" and "*-end" are already flipped in RTL.
- *
- * @deprecated
- */
-declare type DeprecatedMenuPlacement = Extract<DeprecatedPlacement, "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
-export declare type MenuPlacement = DeprecatedMenuPlacement | Extract<LogicalPlacement, "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
+export declare type MenuPlacement = Extract<LogicalPlacement, "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
 export declare const defaultMenuPlacement: MenuPlacement;
 export interface FloatingUIComponent {
   /**
@@ -82,7 +68,7 @@ export declare function getEffectivePlacement(floatingEl: HTMLElement, placement
  * @param options.floatingEl
  * @param options.overlayPositioning
  * @param options.placement
- * @param options.disableFlip
+ * @param options.flipDisabled
  * @param options.flipPlacements
  * @param options.offsetDistance
  * @param options.offsetSkidding
@@ -101,7 +87,7 @@ export declare function reposition(component: FloatingUIComponent, options: Para
  * @param root0.floatingEl
  * @param root0.overlayPositioning
  * @param root0.placement
- * @param root0.disableFlip
+ * @param root0.flipDisabled
  * @param root0.flipPlacements
  * @param root0.offsetDistance
  * @param root0.offsetSkidding
@@ -109,12 +95,12 @@ export declare function reposition(component: FloatingUIComponent, options: Para
  * @param root0.type
  * @param root0.includeArrow
  */
-export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, includeArrow, arrowEl, type }: {
+export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, includeArrow, arrowEl, type }: {
   referenceEl: ReferenceElement;
   floatingEl: HTMLElement;
   overlayPositioning: Strategy;
   placement: LogicalPlacement;
-  disableFlip?: boolean;
+  flipDisabled?: boolean;
   flipPlacements?: EffectivePlacement[];
   offsetDistance?: number;
   offsetSkidding?: number;

package/dist/types/utils/focusTrapComponent.d.ts

@@ -0,0 +1,43 @@
+import { FocusTrap as _FocusTrap } from "focus-trap";
+/**
+ * Defines interface for components with a focus trap.
+ */
+export interface FocusTrapComponent {
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  focusTrapDisabled: boolean;
+  /**
+   * The focus trap instance.
+   */
+  focusTrap: FocusTrap;
+  /**
+   * The focus trap element.
+   */
+  focusTrapEl: HTMLElement;
+}
+export declare type FocusTrap = _FocusTrap;
+/**
+ * Helper to set up the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+export declare function connectFocusTrap(component: FocusTrapComponent): void;
+/**
+ * Helper to activate the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+export declare function activateFocusTrap(component: FocusTrapComponent): void;
+/**
+ * Helper to deactivate the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+export declare function deactivateFocusTrap(component: FocusTrapComponent): void;
+/**
+ * Helper to focus the first tabbable element within the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+export declare function focusFirstTabbable(component: FocusTrapComponent): void;

package/dist/types/utils/loadable.d.ts

@@ -0,0 +1,99 @@
+/**
+ * This helper adds support for knowing when a component has been loaded.
+ *
+ * Related issue: https://github.com/Esri/calcite-components/issues/5369
+ * Could be related to Stencil.js issue: https://github.com/ionic-team/stencil/issues/3580
+ *
+ * Implementing
+ *
+ * ```
+ * export class MyComponent implements LoadableComponent { }
+ * ```
+ *
+ * ```
+ *  //--------------------------------------------------------------------------
+ *  //
+ *  //  Lifecycle
+ *  //
+ *  //--------------------------------------------------------------------------
+ *
+ *  componentWillLoad(): void {
+ *    setUpLoadableComponent(this);
+ *  }
+ *
+ *  componentDidLoad(): void {
+ *    setComponentLoaded(this);
+ *  }
+ *
+ *  // --------------------------------------------------------------------------
+ *  //
+ *  //  Methods
+ *  //
+ *  // --------------------------------------------------------------------------
+ *
+ *  async setFocus(): Promise<void> {
+ *    await componentLoaded(this);
+ *  }
+ * ```
+ */
+export interface LoadableComponent {
+  /**
+   * Stencil lifecycle method.
+   * https://stenciljs.com/docs/component-lifecycle#componentwillload
+   *
+   * Called once just after the component is first connected to the DOM. Since this method is only called once, it's a good place to load data asynchronously and to setup the state without triggering extra re-renders.
+   */
+  componentWillLoad: () => Promise<void> | void;
+  /**
+   * Stencil lifecycle method.
+   * https://stenciljs.com/docs/component-lifecycle#componentdidload
+   *
+   * Called once just after the component is fully loaded and the first render() occurs.
+   */
+  componentDidLoad: () => Promise<void> | void;
+}
+/**
+ * This helper util sets up the component for the ability to know when the component has been loaded.
+ *
+ * This should be used in the `componentWillLoad` lifecycle hook.
+ *
+ * ```
+ * componentWillLoad(): void {
+ *   setUpLoadableComponent(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+export declare function setUpLoadableComponent(component: LoadableComponent): void;
+/**
+ * This helper util lets the loadable component know that it is now loaded.
+ *
+ * This should be used in the `componentDidLoad` lifecycle hook.
+ *
+ * ```
+ * componentDidLoad(): void {
+ *   setComponentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+export declare function setComponentLoaded(component: LoadableComponent): void;
+/**
+ * This helper util can be used to ensure a component has been loaded (The "componentDidLoad" stencil lifecycle method has been called).
+ *
+ * Requires "setUpLoadableComponent" and "setComponentLoaded" to be called first.
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first.
+ *
+ * ```
+ * async setFocus(): Promise<void> {
+ *   await componentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ * @returns Promise<void>
+ */
+export declare function componentLoaded(component: LoadableComponent): Promise<void>;