@esri/calcite-components 1.0.0-beta.83 → 1.0.0-beta.84

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

@@ -7,6 +7,7 @@ import { ComboboxSelectionMode, ComboboxChildElement } from "./interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 interface ItemData {
   label: string;
   value: string;
@@ -14,11 +15,17 @@ interface ItemData {
 /**
  * @slot - A slot for adding `calcite-combobox-item`s.
  */
-export declare class Combobox implements LabelableComponent, FormComponent, InteractiveComponent {
+export declare class Combobox implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteComboboxElement;
-  /** Opens or closes the combobox */
+  /**
+   * When true, opens the combobox
+   *
+   * @deprecated use open instead
+   */
   active: boolean;
   activeHandler(): void;
+  /**When true, opens the combobox */
+  open: boolean;
   /** Disable combobox input */
   disabled: boolean;
   handleDisabledChange(value: boolean): void;
@@ -26,6 +33,8 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   label: string;
   /** Placeholder text for input */
   placeholder?: string;
+  /** Placeholder icon for input  */
+  placeholderIcon?: string;
   /** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
   maxItems: number;
   maxItemsHandler(): void;
@@ -89,18 +98,18 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   }>;
   /** Called when a selected item in the combobox is dismissed via its chip */
   calciteComboboxChipDismiss: EventEmitter;
-  /**
-   * Fired when the combobox is opened
-   *
-   * @internal
-   */
-  calciteComboboxOpen: EventEmitter;
-  /**
-   *  Fired when the combobox is closed
-   *
-   * @internal
-   */
-  calciteComboboxClose: EventEmitter;
+  calciteComboboxBeforeClose: EventEmitter<{
+    el: HTMLCalciteComboboxElement;
+  }>;
+  calciteComboboxClose: EventEmitter<{
+    el: HTMLCalciteComboboxElement;
+  }>;
+  calciteComboboxBeforeOpen: EventEmitter<{
+    el: HTMLCalciteComboboxElement;
+  }>;
+  calciteComboboxOpen: EventEmitter<{
+    el: HTMLCalciteComboboxElement;
+  }>;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -142,8 +151,13 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   keydownHandler: (event: KeyboardEvent) => void;
   private toggleCloseEnd;
   private toggleOpenEnd;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
   transitionEnd: (event: TransitionEvent) => void;
-  setMaxScrollerHeight: () => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  setMaxScrollerHeight: () => Promise<void>;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;
   setInactiveIfNotContained: (event: Event) => void;

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

@@ -7,4 +7,5 @@ export declare const TEXT: {
 export declare const CSS: {
   labelActive: string;
   labelSelected: string;
+  listContainer: string;
 };

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

@@ -24,8 +24,16 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   textLabel: string;
   /** The item's associated value */
   value: any;
-  /** Don't filter this item based on the search text */
+  /**
+   * Don't filter this item based on the search text
+   *
+   * @deprecated use filterDisabled instead
+   */
   constant: boolean;
+  /**
+   * Do not filter this item based on the search text
+   */
+  filterDisabled: boolean;
   el: HTMLCalciteComboboxItemElement;
   isNested: boolean;
   scale: Scale;

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

@@ -4,7 +4,7 @@
  * @private
  */
 export interface DateLocaleData {
-  "default-calendar": "gregorian";
+  "default-calendar": "gregorian" | "buddhist";
   separator: string;
   unitOrder: string;
   weekStart: number;

package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts

@@ -45,6 +45,8 @@ export declare class DatePickerMonthHeader {
    * @param e
    */
   private onYearKey;
+  private formatCalendarYear;
+  private parseCalendarYear;
   private onYearChange;
   private onYearInput;
   private prevMonthClick;

package/dist/types/components/date-picker-month-header/resources.d.ts

@@ -0,0 +1 @@
+export declare const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;

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

@@ -10,8 +10,14 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class Dropdown implements InteractiveComponent {
   el: HTMLCalciteDropdownElement;
-  /** Opens or closes the dropdown */
+  /**
+   * Opens or closes the dropdown
+   *
+   * @deprecated use open instead.
+   */
   active: boolean;
+  /** When true, opens the dropdown */
+  open: boolean;
   activeHandler(): void;
   /**
    allow the dropdown to remain open after a selection is made
@@ -62,10 +68,18 @@ export declare class Dropdown implements InteractiveComponent {
   reposition(): Promise<void>;
   /** fires when a dropdown item has been selected or deselected */
   calciteDropdownSelect: EventEmitter<void>;
-  /** fires when a dropdown has been opened */
-  calciteDropdownOpen: EventEmitter<void>;
-  /** fires when a dropdown has been closed */
-  calciteDropdownClose: EventEmitter<void>;
+  calciteDropdownBeforeOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownBeforeClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
   closeCalciteDropdownOnClick(e: Event): void;
   closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
@@ -94,6 +108,8 @@ export declare class Dropdown implements InteractiveComponent {
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  private emitOpenCloseEvent;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];

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

@@ -1,3 +1,6 @@
 export declare const SLOTS: {
   dropdownTrigger: string;
 };
+export declare const CSS: {
+  calciteDropdownContent: string;
+};

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

@@ -12,8 +12,11 @@ export declare class Flow {
   panelCount: number;
   flowDirection: FlowDirection;
   panels: HTMLCalcitePanelElement[];
+  panelItemMutationObserver: MutationObserver;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   handleCalcitePanelBackClick(): void;
   getFlowDirection: (oldPanelCount: number, newPanelCount: number) => FlowDirection | null;
-  updateFlowProps: (event: Event) => void;
+  updateFlowProps: () => void;
   render(): VNode;
 }

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

@@ -7,31 +7,41 @@ import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 declare type NumberNudgeDirection = "up" | "down";
 /**
- * @slot action - A slot for positioning a button next to an input
+ * @slot action - A slot for positioning a button next to the component.
  */
 export declare class Input implements LabelableComponent, FormComponent, InteractiveComponent {
   el: HTMLCalciteInputElement;
-  /** specify the alignment of the value of the input */
+  /** Specifies the text alignment of the component's value. */
   alignment: Position;
-  /** should the input autofocus */
+  /**
+   * When true, the component is focused on page load.
+   *
+   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+   */
   autofocus: boolean;
   /**
-   * optionally display a clear button that displays when field has a value
-   * shows by default for search, time, date
-   * will not display for type="textarea"
+   * When true, a clear button is displayed when the component has a value. The clear button shows by default for "search", "time", and "date" types, and will not display for the "textarea" type.
    */
   clearable: boolean;
-  /** is the input disabled  */
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+   */
   disabled: boolean;
   disabledWatcher(): void;
-  /** for number values, displays the locale's group separator */
+  /**
+   * When true, number values are displayed with the locale's group separator.
+   */
   groupSeparator: boolean;
-  /** when true, the component will not be visible */
+  /**
+   * When true, the component will not be visible.
+   *
+   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+   */
   hidden: boolean;
   /**
-   * when used as a boolean set to true, show a default recommended icon for certain
-   * input types (tel, password, email, date, time, search). You can also pass a
-   * calcite-ui-icon name to this prop to display a requested icon for any input type
+   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
   /**
@@ -39,21 +49,23 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   intlClear?: string;
   /**
-   * string to override English loading text
+   * Accessible name that will appear while loading.
    *
    * @default "Loading"
    */
   intlLoading?: string;
-  /** flip the icon in rtl */
+  /** When true, the icon is flipped in RTL. */
   iconFlipRtl: boolean;
-  /** Applies to the aria-label attribute on the button or hyperlink */
+  /** Accessible name for the component's button or hyperlink. */
   label?: string;
-  /** specify if the input is in loading state */
+  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
   loading: boolean;
-  /** BCP 47 language tag for desired language and country format */
+  /** Specifies the BCP 47 language tag for the desired language and country format. */
   locale: string;
   /**
-   * standard UniCode numeral system tag for localization
+   * Specifies the Unicode numeral system used by the component for localization.
+   *
+   * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
    */
   numberingSystem?: string;
   /**
@@ -62,55 +74,87 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * @internal
    */
   localeFormat: boolean;
-  /** input max */
+  /**
+   * Specifies the maximum value for type "number".
+   *
+   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+   */
   max?: number;
   /** watcher to update number-to-string for max */
   maxWatcher(): void;
-  /** input min */
+  /**
+   * Specifies the minimum value for type "number".
+   *
+   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+   */
   min?: number;
   /** watcher to update number-to-string for min */
   minWatcher(): void;
   /**
-   * Maximum length of text input.
+   * Specifies the maximum length of text for the component's value.
    *
    * @deprecated use maxLength instead
    */
   maxlength?: number;
-  /** Maximum length of the input value */
+  /**
+   * Specifies the maximum length of text for the component's value.
+   *
+   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+   */
   maxLength?: number;
-  /** Minimum length of the text input */
+  /**
+   * Specifies the minimum length of text for the component's value.
+   *
+   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+   */
   minLength?: number;
-  /** The name of the input */
+  /**
+   * Specifies the name of the component.
+   *
+   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+   */
   name: string;
-  /** specify the placement of the number buttons */
+  /** Specifies the placement of the buttons for type "number". */
   numberButtonType?: InputPlacement;
-  /** explicitly whitelist placeholder attribute */
+  /**
+   * Specifies placeholder text for the component.
+   *
+   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+   */
   placeholder: string;
-  /** optionally add prefix  */
+  /** Adds text to the start of the component. */
   prefixText?: string;
-  /** When true, a field cannot be modified. */
+  /**
+   * When true, the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
   readOnly: boolean;
-  /** is the input required */
+  /** When true, the component must have a value in order for the form to submit. */
   required: boolean;
-  /** specify the scale of the input, defaults to m */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** specify the status of the input field, determines message and icons */
+  /** Specifies the status of the input field, which determines message and icons. */
   status: Status;
-  /** input step */
+  /**
+   * Specifies the granularity that the component's value must adhere to.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+   */
   step?: number | "any";
-  /** optionally add suffix  */
+  /** Adds text to the end of the component.  */
   suffixText?: string;
   /**
    * @internal
    */
   editingEnabled: boolean;
   /**
-   * specify the input type
+   * Specifies the component type.
    *
-   * Note that the following types add type-specific icons by default: `date`, `email`, `password`, `search`, `tel`, `time`
+   * Note that the following types add type-specific icons by default: "date", "email", "password", "search", "tel", "time".
    */
   type: "color" | "date" | "datetime-local" | "email" | "file" | "image" | "month" | "number" | "password" | "search" | "tel" | "text" | "textarea" | "time" | "url" | "week";
-  /** input value */
+  /** The component's value. */
   value: string;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
@@ -151,15 +195,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   calciteInternalInputBlur: EventEmitter;
   /**
-   * This event fires each time a new value is typed.
+   * Fires each time a new value is typed.
    */
   calciteInputInput: EventEmitter;
   /**
-   * This event fires each time a new value is typed and committed.
+   * Fires each time a new value is typed and committed.
    */
   calciteInputChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  /** Selects all text of the component's `value`. */
+  selectText(): Promise<void>;
   keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   incrementOrDecrementNumberValue(direction: NumberNudgeDirection, inputMax: number | null, inputMin: number | null, nativeEvent: KeyboardEvent | MouseEvent): void;
@@ -172,8 +218,8 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private inputNumberInputHandler;
   private inputNumberKeyDownHandler;
   private nudgeNumberValue;
-  private numberButtonMouseUpAndMouseOutHandler;
-  private numberButtonMouseDownHandler;
+  private numberButtonPointerUpAndOutHandler;
+  private numberButtonPointerDownHandler;
   onFormReset(): void;
   syncHiddenFormInput(input: HTMLInputElement): void;
   private setChildElRef;

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

@@ -19,14 +19,18 @@ export declare class Label {
   scale: Scale;
   /** is the wrapped element positioned inline with the label slotted text */
   layout: "inline" | "inline-space-between" | "default";
-  /** eliminates any space around the label */
-  disableSpacing: boolean;
   /**
    * is the label disabled
    *
    * @deprecated use the `disabled` property on the interactive components instead
    */
   disabled: boolean;
+  /**
+   * eliminates any space around the label
+   *
+   * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+   */
+  disableSpacing: boolean;
   /**
    * @internal
    */

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

@@ -3,15 +3,16 @@ import { HeadingLevel } from "../functional/Heading";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
+ *
  * @slot - A slot for adding `calcite-list-item` elements.
  */
 export declare class List implements InteractiveComponent {
   /**
-   * When true, prevents user interaction.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * Number at which section headings should start for the list.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   componentDidRender(): void;

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

@@ -3,26 +3,26 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
- * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
- * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
+ * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
+ * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.
+ * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
+ * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
 export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
   /**
-   * When true, prevents the content of the list item from user interaction.
+   * When true, prevents the content of the component from user interaction.
    */
   nonInteractive: boolean;
   /**
-   * An optional description for the list item. Displays below the label text.
+   * A description for the component. Displays below the label text.
    */
-  description: string;
+  description?: string;
   /**
-   * When true, prevents user interaction.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * The label text of the list item. Displays above the description text.
+   * The label text of the component. Displays above the description text.
    */
   label: string;
   el: HTMLCalciteListItemElement;

package/dist/types/components/list-item-group/list-item-group.d.ts

@@ -5,12 +5,12 @@ import { HeadingLevel } from "../functional/Heading";
  */
 export declare class ListItemGroup {
   /**
-   * The title for all nested `calcite-list-item` rows.
+   * The header text for all nested `calcite-list-item` rows.
    *
    */
   heading: string;
   /**
-   * Number at which section headings should start for the group.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   el: HTMLCalciteListItemGroupElement;

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

@@ -2,21 +2,21 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /** When true, the loader is active. */
+  /** When true, the component is active. */
   active: boolean;
   /** When true, displays smaller and appears to the left of the text. */
   inline: boolean;
-  /** Accessible name for the loader. */
+  /** Accessible name for the component. */
   label: string;
-  /** Specify the scale of the loader. */
+  /** Specifies the size of the component. */
   scale: Scale;
   /** Use indeterminate if finding actual progress value is impossible. */
   type: "indeterminate" | "determinate";
-  /** Valid only for determinate indicators. Percent complete of 100. */
+  /** The component's value. Valid only for determinate indicators. Percent complete of 100. */
   value: number;
-  /** Text that displays under the loading indicator. */
+  /** Text that displays under the component's indicator. */
   text?: string;
-  /** Disables spacing around the loader. */
+  /** Disables spacing around the component. */
   noPadding: boolean;
   render(): VNode;
   /**

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

@@ -3,40 +3,46 @@ import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot header - A slot for adding a `calcite-modal` header.
- * @slot content - A slot for adding `calcite-modal` content.
+ * @slot header - A slot for adding header text.
+ * @slot content - A slot for adding the component's content.
  * @slot primary - A slot for adding a primary button.
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
 export declare class Modal implements ConditionalSlotComponent {
   el: HTMLCalciteModalElement;
-  /** When true, the `calcite-modal` is active. */
+  /**
+   * When true, the `calcite-modal` is active.
+   *
+   * @deprecated use open instead
+   */
   active: boolean;
+  /** When true,`calcite-modal`  opens  */
+  open: boolean;
   /** Passes a function to run before the `calcite-modal` closes. */
   beforeClose?: (el: HTMLElement) => Promise<void>;
-  /** When true, disables the close button within the `calcite-modal`. */
+  /** When true, disables the component's close button. */
   disableCloseButton: boolean;
-  /** When true, disables the closing of the `calcite-modal` when clicked outside. */
+  /** When true, disables the closing of the component when clicked outside. */
   disableOutsideClose: boolean;
-  /** Accessible label for the close button. */
+  /** Accessible name for the component's close button. */
   intlClose: string;
-  /** When true, prevents the `calcite-modal` from expanding to the entire screen on mobile devices. */
+  /** When true, prevents the component from expanding to the entire screen on mobile devices. */
   docked: boolean;
   /** When true, disables the default close on escape behavior. */
   disableEscape: boolean;
-  /** Specify the scale of `calcite-modal`. */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** Set the width of the `calcite-modal`. Can use scale sizes or pass a number (displays in pixels). */
+  /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
   width: Scale | number;
-  /** Set the `calcite-modal` to always be fullscreen (overrides width). */
+  /** Sets the component to always be fullscreen (overrides width). */
   fullscreen: boolean;
   /**
-   * Adds a color bar to the top of `calcite-modal` for visual impact.
+   * Adds a color bar to the top of component for visual impact.
    * Use color to add importance to destructive or workflow dialogs.
    */
   color?: "red" | "blue";
-  /** Sets the background color of `calcite-modal` content. */
+  /** Sets the background color of the component's content. */
   backgroundColor: ModalBackgroundColor;
   /** When true, disables spacing to the content area slot. */
   noPadding: boolean;
@@ -56,9 +62,9 @@ export declare class Modal implements ConditionalSlotComponent {
   titleId: string;
   private activeTransitionProp;
   handleEscape(e: KeyboardEvent): void;
-  /** Emits when `calcite-modal` finishes the open animation. */
+  /** Emits when the component finishes the open animation. */
   calciteModalOpen: EventEmitter;
-  /** Emits when `calcite-modal` finishes the close animation. */
+  /** Emits when the component finishes the close animation. */
   calciteModalClose: EventEmitter;
   /**
    * Focus the first interactive element.
@@ -77,7 +83,7 @@ export declare class Modal implements ConditionalSlotComponent {
    */
   setFocus(focusId?: "close-button"): Promise<void>;
   /**
-   * Set the scroll top of the `calcite-modal` content.
+   * Sets the scroll top of the component's content.
    *
    * @param top
    * @param left
@@ -87,7 +93,7 @@ export declare class Modal implements ConditionalSlotComponent {
   toggleModal(value: boolean, oldValue: boolean): Promise<void>;
   private openEnd;
   /** Open the modal */
-  private open;
+  private openModal;
   handleOutsideClose: () => void;
   /** Close the modal, first running the `beforeClose` method */
   close: () => Promise<void>;