@esri/calcite-components 1.0.0-next.532 → 1.0.0-next.535

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;
 }

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

@@ -45,6 +45,7 @@ export declare class StepperItem implements InteractiveComponent {
   scale: Scale;
   disabledWatcher(): void;
   activeWatcher(active: boolean): void;
+  headerEl: HTMLDivElement;
   /**
    * @internal
    */
@@ -65,12 +66,11 @@ export declare class StepperItem implements InteractiveComponent {
   componentDidRender(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
+  setFocus(): Promise<void>;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
   private activePosition;
-  /** the slotted item content */
-  private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
   private keyDownHandler;

package/dist/types/components.d.ts

@@ -3224,7 +3224,6 @@ export namespace Components {
           * set the previous step as active
          */
         "prevStep": () => Promise<void>;
-        "requestedContent": Node[];
         /**
           * specify the scale of stepper, defaults to m
          */
@@ -3273,6 +3272,7 @@ export namespace Components {
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
+        "setFocus": () => Promise<void>;
     }
     interface CalciteSwitch {
         /**
@@ -5034,22 +5034,10 @@ declare namespace LocalJSX {
           * Specifies an accessible name for the component.
          */
         "label": string;
-        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>) => void;
-        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>) => void;
-        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>) => void;
-        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>) => void;
+        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<void>) => void;
+        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
+        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<void>) => void;
+        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
         /**
           * Specifies the placement of the component
          */
@@ -5616,8 +5604,8 @@ declare namespace LocalJSX {
           * The name of the switch input
          */
         "name"?: string;
-        "onCalciteComboboxBeforeClose"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
-        "onCalciteComboboxBeforeOpen"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
+        "onCalciteComboboxBeforeClose"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        "onCalciteComboboxBeforeOpen"?: (event: CalciteComboboxCustomEvent<void>) => void;
         /**
           * Called when the selected item(s) changes.
          */
@@ -5626,7 +5614,7 @@ declare namespace LocalJSX {
           * Called when a selected item in the combobox is dismissed via its chip
          */
         "onCalciteComboboxChipDismiss"?: (event: CalciteComboboxCustomEvent<any>) => void;
-        "onCalciteComboboxClose"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
+        "onCalciteComboboxClose"?: (event: CalciteComboboxCustomEvent<void>) => void;
         /**
           * Called when the user has entered text to filter the options list
          */
@@ -5634,7 +5622,7 @@ declare namespace LocalJSX {
     visibleItems: HTMLCalciteComboboxItemElement[];
     text: string;
   }>) => void;
-        "onCalciteComboboxOpen"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
+        "onCalciteComboboxOpen"?: (event: CalciteComboboxCustomEvent<void>) => void;
         /**
           * Called when the selected items set changes
           * @deprecated use calciteComboboxChange instead
@@ -5992,10 +5980,10 @@ declare namespace LocalJSX {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems"?: number;
-        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
-        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
-        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
-        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
         /**
           * fires when a dropdown item has been selected or deselected
          */
@@ -6506,10 +6494,14 @@ declare namespace LocalJSX {
           * @deprecated use `calciteInputDatePickerChange` instead.
          */
         "onCalciteDatePickerRangeChange"?: (event: CalciteInputDatePickerCustomEvent<DateRangeChange>) => void;
+        "onCalciteInputDatePickerBeforeClose"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        "onCalciteInputDatePickerBeforeOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
         /**
           * This event fires when the input date picker value changes.
          */
         "onCalciteInputDatePickerChange"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        "onCalciteInputDatePickerClose"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        "onCalciteInputDatePickerOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -6990,14 +6982,10 @@ declare namespace LocalJSX {
           * When true, disables spacing to the content area slot.
          */
         "noPadding"?: boolean;
-        /**
-          * Emits when the component finishes the close animation.
-         */
-        "onCalciteModalClose"?: (event: CalciteModalCustomEvent<any>) => void;
-        /**
-          * Emits when the component finishes the open animation.
-         */
-        "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<any>) => void;
+        "onCalciteModalBeforeClose"?: (event: CalciteModalCustomEvent<void>) => void;
+        "onCalciteModalBeforeOpen"?: (event: CalciteModalCustomEvent<void>) => void;
+        "onCalciteModalClose"?: (event: CalciteModalCustomEvent<void>) => void;
+        "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<void>) => void;
         /**
           * When true,`calcite-modal`  opens
          */
@@ -7285,7 +7273,7 @@ declare namespace LocalJSX {
         /**
           * Label and accessible name for the component. Appears next to the icon.
          */
-        "label"?: string;
+        "label": string;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
@@ -7373,14 +7361,10 @@ declare namespace LocalJSX {
           * Offsets the position of the popover along the `referenceElement`.
          */
         "offsetSkidding"?: number;
-        /**
-          * Fired when the component is closed.
-         */
-        "onCalcitePopoverClose"?: (event: CalcitePopoverCustomEvent<any>) => void;
-        /**
-          * Fired when the component is opened.
-         */
-        "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<any>) => void;
+        "onCalcitePopoverBeforeClose"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        "onCalcitePopoverBeforeOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        "onCalcitePopoverClose"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
         /**
           * When true, displays and positions the component.
          */

package/dist/types/preact.d.ts

@@ -119,12 +119,12 @@ declare module "preact/src/jsx" {
         "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
+      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
         "oncalciteDropdownSelect"?: (event: CustomEvent<any>) => void;
-        "oncalciteDropdownBeforeOpen"?: (event: CustomEvent<any>) => void;
-        "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-dropdown-group": Omit<JSX.CalciteDropdownGroup, "onCalciteInternalDropdownItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownGroupElement> & {
@@ -166,12 +166,14 @@ declare module "preact/src/jsx" {
         "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInternalInputDatePickerOpen" | "onCalciteInternalInputDatePickerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
+      "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;
         "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
-        "oncalciteInternalInputDatePickerOpen"?: (event: CustomEvent<any>) => void;
-        "oncalciteInternalInputDatePickerClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerOpen"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-input-message": JSX.CalciteInputMessage & JSXInternal.HTMLAttributes<HTMLCalciteInputMessageElement>
@@ -201,9 +203,11 @@ declare module "preact/src/jsx" {
 
       "calcite-loader": JSX.CalciteLoader & JSXInternal.HTMLAttributes<HTMLCalciteLoaderElement>
 
-      "calcite-modal": Omit<JSX.CalciteModal, "onCalciteModalOpen" | "onCalciteModalClose"> & JSXInternal.HTMLAttributes<HTMLCalciteModalElement> & {
-        "oncalciteModalOpen"?: (event: CustomEvent<any>) => void;
+      "calcite-modal": Omit<JSX.CalciteModal, "onCalciteModalBeforeClose" | "onCalciteModalClose" | "onCalciteModalBeforeOpen" | "onCalciteModalOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteModalElement> & {
+        "oncalciteModalBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteModalClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteModalBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteModalOpen"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-notice": Omit<JSX.CalciteNotice, "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteNoticeElement> & {
@@ -244,8 +248,10 @@ declare module "preact/src/jsx" {
         "oncalciteInternalListItemValueChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-popover": Omit<JSX.CalcitePopover, "onCalcitePopoverClose" | "onCalcitePopoverOpen"> & JSXInternal.HTMLAttributes<HTMLCalcitePopoverElement> & {
+      "calcite-popover": Omit<JSX.CalcitePopover, "onCalcitePopoverBeforeClose" | "onCalcitePopoverClose" | "onCalcitePopoverBeforeOpen" | "onCalcitePopoverOpen"> & JSXInternal.HTMLAttributes<HTMLCalcitePopoverElement> & {
+        "oncalcitePopoverBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalcitePopoverClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePopoverBeforeOpen"?: (event: CustomEvent<any>) => void;
         "oncalcitePopoverOpen"?: (event: CustomEvent<any>) => void;
       }