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

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.d.ts

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