@esri/calcite-components 1.0.0-next.531 → 1.0.0-next.534

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-07-14T17:57:13",
+  "timestamp": "2022-07-18T18:31:52",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",
@@ -1895,7 +1895,7 @@
       "events": [
         {
           "event": "calciteAlertBeforeClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1904,7 +1904,7 @@
         },
         {
           "event": "calciteAlertBeforeOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1913,7 +1913,7 @@
         },
         {
           "event": "calciteAlertClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1922,7 +1922,7 @@
         },
         {
           "event": "calciteAlertOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5291,7 +5291,7 @@
       "events": [
         {
           "event": "calciteComboboxBeforeClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5300,7 +5300,7 @@
         },
         {
           "event": "calciteComboboxBeforeOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5327,7 +5327,7 @@
         },
         {
           "event": "calciteComboboxClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5345,7 +5345,7 @@
         },
         {
           "event": "calciteComboboxOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7169,7 +7169,7 @@
       "events": [
         {
           "event": "calciteDropdownBeforeClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7178,7 +7178,7 @@
         },
         {
           "event": "calciteDropdownBeforeOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7187,7 +7187,7 @@
         },
         {
           "event": "calciteDropdownClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7196,7 +7196,7 @@
         },
         {
           "event": "calciteDropdownOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -10171,6 +10171,24 @@
           ],
           "deprecation": "use `calciteInputDatePickerChange` instead."
         },
+        {
+          "event": "calciteInputDatePickerBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calciteInputDatePickerChange",
           "detail": "void",
@@ -10179,6 +10197,24 @@
           "composed": true,
           "docs": "This event fires when the input date picker value changes.",
           "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -12816,22 +12852,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calciteModalBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteModalBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calciteModalClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the close animation.",
+          "docs": "",
           "docsTags": []
         },
         {
           "event": "calciteModalOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the open animation.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -14581,7 +14635,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
           "name": "metadata",
@@ -15164,22 +15218,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calcitePopoverBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calcitePopoverBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calcitePopoverClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is closed.",
+          "docs": "",
           "docsTags": []
         },
         {
           "event": "calcitePopoverOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is opened.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -18461,7 +18533,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.531
+ * v1.0.0-next.534
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.531
+ * v1.0.0-next.534
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.531
+ * v1.0.0-next.534
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.531
+ * v1.0.0-next.534
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -10,7 +11,7 @@ import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
  * @slot message - A slot for adding main text to the component.
  * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
  */
-export declare class Alert {
+export declare class Alert implements OpenCloseComponent {
   el: HTMLCalciteAlertElement;
   /** When true, the component is active. */
   active: boolean;
@@ -44,22 +45,10 @@ export declare class Alert {
   componentWillLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
-  calciteAlertBeforeClose: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertClose: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertBeforeOpen: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertOpen: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
+  calciteAlertBeforeClose: EventEmitter<void>;
+  calciteAlertClose: EventEmitter<void>;
+  calciteAlertBeforeOpen: EventEmitter<void>;
+  calciteAlertOpen: EventEmitter<void>;
   /**
    * Fires to sync queue when opened or closed.
    *
@@ -82,8 +71,8 @@ export declare class Alert {
   queueLength: number;
   /** is the alert queued */
   queued: boolean;
-  private containerDiv;
-  private setContainerDiv;
+  private containerEl;
+  private setContainerEl;
   /** the close button element */
   private closeButton?;
   private autoDismissTimeoutId;
@@ -96,9 +85,12 @@ export declare class Alert {
   private determineActiveAlert;
   /** close and emit calciteInternalAlertSync event with the updated queue payload */
   private closeAlert;
-  transitionRunHandler: (event: TransitionEvent) => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   /** remove queued class after animation completes */
   private openAlert;
-  private emitOpenCloseEvent;
 }

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

@@ -98,18 +98,10 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   }>;
   /** Called when a selected item in the combobox is dismissed via its chip */
   calciteComboboxChipDismiss: EventEmitter;
-  calciteComboboxBeforeClose: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxClose: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxBeforeOpen: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxOpen: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
+  calciteComboboxBeforeClose: EventEmitter<void>;
+  calciteComboboxClose: EventEmitter<void>;
+  calciteComboboxBeforeOpen: EventEmitter<void>;
+  calciteComboboxOpen: EventEmitter<void>;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -156,7 +148,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   onBeforeClose(): void;
   onClose(): void;
   transitionEnd: (event: TransitionEvent) => void;
-  transitionRunHandler: (event: TransitionEvent) => void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   setMaxScrollerHeight: () => Promise<void>;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;

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

@@ -4,11 +4,12 @@ import { ComputedPlacement, OverlayPositioning, MenuPlacement } from "../../util
 import { StrictModifiers } from "@popperjs/core";
 import { Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
  * @slot dropdown-trigger - A slot for the element that triggers the dropdown.
  */
-export declare class Dropdown implements InteractiveComponent {
+export declare class Dropdown implements InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteDropdownElement;
   /**
    * Opens or closes the dropdown
@@ -68,18 +69,10 @@ export declare class Dropdown implements InteractiveComponent {
   reposition(): Promise<void>;
   /** fires when a dropdown item has been selected or deselected */
   calciteDropdownSelect: EventEmitter<void>;
-  calciteDropdownBeforeOpen: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownOpen: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownBeforeClose: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownClose: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
+  calciteDropdownBeforeClose: EventEmitter<void>;
+  calciteDropdownClose: EventEmitter<void>;
+  calciteDropdownBeforeOpen: EventEmitter<void>;
+  calciteDropdownOpen: EventEmitter<void>;
   closeCalciteDropdownOnClick(e: Event): void;
   closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
@@ -108,8 +101,11 @@ export declare class Dropdown implements InteractiveComponent {
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
-  transitionRunHandler: (event: TransitionEvent) => void;
-  private emitOpenCloseEvent;
+  transitionStartHandler: (event: TransitionEvent) => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];

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

@@ -6,7 +6,8 @@ import { OverlayPositioning, ComputedPlacement, MenuPlacement } from "../../util
 import { StrictModifiers } from "@popperjs/core";
 import { DateRangeChange } from "../date-picker/interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent {
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
+export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When false, the component won't be interactive.
@@ -135,14 +136,10 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * This event fires when the input date picker value changes.
    */
   calciteInputDatePickerChange: EventEmitter<void>;
-  /**
-   * @internal
-   */
-  calciteInternalInputDatePickerOpen: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteInternalInputDatePickerClose: EventEmitter;
+  calciteInputDatePickerBeforeClose: EventEmitter<void>;
+  calciteInputDatePickerClose: EventEmitter<void>;
+  calciteInputDatePickerBeforeOpen: EventEmitter<void>;
+  calciteInputDatePickerOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
@@ -166,9 +163,16 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private startWrapper;
   private endWrapper;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   setReferenceEl(): void;
   setFilteredPlacements: () => void;
   onLabelClick(): void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;

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

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot header - A slot for adding header text.
  * @slot content - A slot for adding the component's content.
@@ -9,7 +10,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
-export declare class Modal implements ConditionalSlotComponent {
+export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent {
   el: HTMLCalciteModalElement;
   /**
    * When true, the `calcite-modal` is active.
@@ -61,11 +62,13 @@ export declare class Modal implements ConditionalSlotComponent {
   previousActiveElement: HTMLElement;
   titleId: string;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   handleEscape(e: KeyboardEvent): void;
-  /** Emits when the component finishes the open animation. */
-  calciteModalOpen: EventEmitter;
-  /** Emits when the component finishes the close animation. */
-  calciteModalClose: EventEmitter;
+  calciteModalBeforeClose: EventEmitter<void>;
+  calciteModalClose: EventEmitter<void>;
+  calciteModalBeforeOpen: EventEmitter<void>;
+  calciteModalOpen: EventEmitter<void>;
   /**
    * Focus the first interactive element.
    *
@@ -89,6 +92,11 @@ export declare class Modal implements ConditionalSlotComponent {
    * @param left
    */
   scrollContent(top?: number, left?: number): Promise<void>;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   toggleModal(value: boolean, oldValue: boolean): Promise<void>;
   private openEnd;

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

@@ -1,11 +1,12 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { PopperPlacement, OverlayPositioning, ComputedPlacement, ReferenceElement } from "../../utils/popper";
 import { StrictModifiers, Instance as Popper } from "@popperjs/core";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class Popover {
+export declare class Popover implements OpenCloseComponent {
   /**
    * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
    */
@@ -96,14 +97,16 @@ export declare class Popover {
   closeButtonEl: HTMLCalciteActionElement;
   guid: string;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  /** Fired when the component is closed. */
-  calcitePopoverClose: EventEmitter;
-  /** Fired when the component is opened. */
-  calcitePopoverOpen: EventEmitter;
+  calcitePopoverBeforeClose: EventEmitter<void>;
+  calcitePopoverClose: EventEmitter<void>;
+  calcitePopoverBeforeOpen: EventEmitter<void>;
+  calcitePopoverOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
   /**
@@ -129,6 +132,11 @@ export declare class Popover {
   createPopper(): void;
   destroyPopper(): void;
   hide: () => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   renderCloseButton(): VNode;
   renderHeader(): VNode;

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

@@ -1,6 +1,5 @@
 export interface StepperItemEventDetail {
   position: number;
-  content: Node[];
 }
 export interface StepperItemKeyEventDetail {
   item: KeyboardEvent;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
-import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,9 +14,6 @@ export declare class Stepper {
   numbered: boolean;
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
-  /** @internal */
-  requestedContent: Node[];
-  contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
    *
@@ -29,11 +26,10 @@ export declare class Stepper {
    */
   calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
-  componentWillLoad(): void;
   render(): VNode;
   calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
-  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
-  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
+  registerItem(event: CustomEvent): void;
+  updateItem(event: CustomEvent): void;
   handleUserRequestedStepperItemSelect(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
@@ -56,18 +52,13 @@ export declare class Stepper {
   private enabledItems;
   /** keep track of the currently active item position */
   private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
   private getEnabledStepIndex;
-  private addHorizontalContentContainer;
   private updateStep;
   private focusFirstItem;
   private focusLastItem;
   private focusNextItem;
   private focusPrevItem;
   private itemIndex;
-  private focusElement;
   private sortItems;
   private filterItems;
-  private updateContent;
 }