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

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

@@ -31,18 +31,18 @@ export declare class DatePickerDay implements InteractiveComponent {
   /** Date value for the day. */
   value: Date;
   onClick: () => void;
-  keyDownHandler: (e: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   mouseoverHandler(): void;
   /**
    * Emitted when user selects day
    */
-  calciteDaySelect: EventEmitter;
+  calciteDaySelect: EventEmitter<void>;
   /**
    * Emitted when user hovers over a day
    *
    * @internal
    */
-  calciteInternalDayHover: EventEmitter;
+  calciteInternalDayHover: EventEmitter<void>;
   render(): VNode;
   componentDidRender(): void;
   isTabbable(): boolean;

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

@@ -29,22 +29,22 @@ export declare class DatePickerMonth {
   /**
    * Event emitted when user selects the date.
    */
-  calciteDatePickerSelect: EventEmitter;
+  calciteDatePickerSelect: EventEmitter<Date>;
   /**
    * Event emitted when user hovers the date.
    *
    * @internal
    */
-  calciteInternalDatePickerHover: EventEmitter;
+  calciteInternalDatePickerHover: EventEmitter<Date>;
   /**
    * Active date for the user keyboard access.
    */
-  calciteDatePickerActiveDateChange: EventEmitter;
+  calciteDatePickerActiveDateChange: EventEmitter<Date>;
   /**
    * @internal
    */
-  calciteInternalDatePickerMouseOut: EventEmitter;
-  keyDownHandler: (e: KeyboardEvent) => void;
+  calciteInternalDatePickerMouseOut: EventEmitter<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
   /**
    * Once user is not interacting via keyboard,
    * disable auto focusing of active date
@@ -107,8 +107,8 @@ export declare class DatePickerMonth {
    */
   private isStartOfRange;
   private isEndOfRange;
-  dayHover: (e: CustomEvent) => void;
-  daySelect: (e: CustomEvent) => void;
+  dayHover: (event: CustomEvent) => void;
+  daySelect: (event: CustomEvent) => void;
   /**
    * Render calcite-date-picker-day
    *

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

@@ -42,7 +42,7 @@ export declare class DatePickerMonthHeader {
   /**
    * Increment year on UP/DOWN keys
    *
-   * @param e
+   * @param event
    */
   private onYearKey;
   private formatCalendarYear;

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

@@ -1,14 +1,14 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ItemKeyboardEvent } from "./interfaces";
-import { ComputedPlacement, OverlayPositioning, MenuPlacement } from "../../utils/popper";
-import { StrictModifiers } from "@popperjs/core";
+import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacement } from "../../utils/floating-ui";
 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, FloatingUIComponent {
   el: HTMLCalciteDropdownElement;
   /**
    * Opens or closes the dropdown
@@ -30,7 +30,7 @@ export declare class Dropdown implements InteractiveComponent {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: ComputedPlacement[];
+  flipPlacements?: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
@@ -40,10 +40,11 @@ export declare class Dropdown implements InteractiveComponent {
   maxItemsHandler(): void;
   /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /**
    * Determines where the dropdown will be positioned relative to the button.
    *
-   * @default "bottom-leading"
+   * @default "bottom-start"
    */
   placement: MenuPlacement;
   placementHandler(): void;
@@ -68,33 +69,28 @@ 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;
-  }>;
-  closeCalciteDropdownOnClick(e: Event): void;
-  closeCalciteDropdownOnEvent(e: Event): void;
-  closeCalciteDropdownOnOpenEvent(e: Event): void;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteDropdownBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteDropdownClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteDropdownBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteDropdownOpen: EventEmitter<void>;
+  closeCalciteDropdownOnClick(event: Event): void;
+  closeCalciteDropdownOnEvent(event: Event): void;
+  closeCalciteDropdownOnOpenEvent(event: Event): void;
   mouseEnterHandler(): void;
   mouseLeaveHandler(): void;
-  calciteInternalDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
+  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent): void;
-  filteredFlipPlacements: ComputedPlacement[];
+  filteredFlipPlacements: EffectivePlacement[];
   private items;
   private groups;
   /** trigger elements */
   private triggers;
-  private popper;
-  private menuEl;
-  private referenceEl;
+  floatingEl: HTMLDivElement;
+  referenceEl: HTMLDivElement;
   private activeTransitionProp;
   private scrollerEl;
   mutationObserver: MutationObserver;
@@ -108,13 +104,13 @@ 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>[];
-  createPopper(): void;
-  destroyPopper(): void;
+  setFloatingEl: (el: HTMLDivElement) => void;
   private keyDownHandler;
   private updateSelectedItems;
   private getMaxScrollerHeight;

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { SelectionMode } from "./interfaces";
+import { RequestedItem, SelectionMode } from "./interfaces";
 import { Scale } from "../interfaces";
 /**
  * @slot - A slot for adding `calcite-dropdown-item`s.
@@ -20,7 +20,7 @@ export declare class DropdownGroup {
   /**
    * @internal
    */
-  calciteInternalDropdownItemChange: EventEmitter;
+  calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;
   componentWillLoad(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent): void;

package/dist/types/components/dropdown-group/interfaces.d.ts

@@ -1 +1,5 @@
 export declare type SelectionMode = "multi" | "single" | "none";
+export interface RequestedItem {
+  requestedDropdownItem: HTMLCalciteDropdownItemElement;
+  requestedDropdownGroup: HTMLCalciteDropdownGroupElement;
+}

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ItemKeyboardEvent } from "../dropdown/interfaces";
 import { FlipContext } from "../interfaces";
+import { RequestedItem } from "../dropdown-group/interfaces";
 /**
  * @slot - A slot for adding text.
  */
@@ -25,18 +26,18 @@ export declare class DropdownItem {
   /**
    * @internal
    */
-  calciteInternalDropdownItemSelect: EventEmitter;
+  calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;
   /** @internal */
   calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;
   /** @internal */
-  calciteInternalDropdownCloseRequest: EventEmitter;
+  calciteInternalDropdownCloseRequest: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   componentWillLoad(): void;
   connectedCallback(): void;
   render(): VNode;
   onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
   updateActiveItemOnChange(event: CustomEvent): void;
   /** id of containing group */
   private parentDropdownGroupEl;

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

@@ -1,4 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { DeprecatedEventPayload } from "../interfaces";
 export declare class Handle {
   /**
    * @internal
@@ -12,8 +13,10 @@ export declare class Handle {
   handleButton: HTMLElement;
   /**
    * Emitted when the the handle is activated and the up or down arrow key is pressed.
+   *
+   * **Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead
    */
-  calciteHandleNudge: EventEmitter;
+  calciteHandleNudge: EventEmitter<DeprecatedEventPayload>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   handleKeyDown: (event: KeyboardEvent) => void;

package/dist/types/components/inline-editable/inline-editable.d.ts

@@ -54,7 +54,7 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
   /**
    * @internal
    */
-  calciteInternalInlineEditableEnableEditingChange: EventEmitter;
+  calciteInternalInlineEditableEnableEditingChange: EventEmitter<void>;
   blurHandler(): void;
   private inputElement;
   private valuePriorToEditing;

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

@@ -1,4 +1,4 @@
-import { Scale, Status } from "../interfaces";
+import { DeprecatedEventPayload, Scale, Status } from "../interfaces";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InputPlacement } from "./interfaces";
 import { Position } from "../interfaces";
@@ -189,15 +189,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   /**
    * @internal
    */
-  calciteInternalInputFocus: EventEmitter;
+  calciteInternalInputFocus: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteInternalInputBlur: EventEmitter;
+  calciteInternalInputBlur: EventEmitter<void>;
   /**
    * Fires each time a new value is typed.
+   *
+   * **Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead
    */
-  calciteInputInput: EventEmitter;
+  calciteInputInput: EventEmitter<DeprecatedEventPayload>;
   /**
    * Fires each time a new value is typed and committed.
    */

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

@@ -2,24 +2,30 @@ import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
-import { OverlayPositioning, ComputedPlacement, MenuPlacement } from "../../utils/popper";
-import { StrictModifiers } from "@popperjs/core";
+import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacement } from "../../utils/floating-ui";
 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, FloatingUIComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When false, the component won't be interactive.
    */
   disabled: boolean;
-  handleDisabledChange(value: boolean): void;
+  /**
+   * When true, still focusable but controls are gone and the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  handleDisabledAndReadOnlyChange(value: boolean): void;
   /** Selected date */
   value: string | string[];
   valueHandler(value: string | string[]): void;
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: ComputedPlacement[];
+  flipPlacements?: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    * Number at which section headings should start for this component.
@@ -49,9 +55,16 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /** Latest allowed date ("yyyy-mm-dd") */
   max?: string;
   onMaxChanged(max: string): void;
-  /** Expand or collapse when calendar does not have input */
+  /**
+   * Expand or collapse when calendar does not have input
+   *
+   * @deprecated use open instead
+   */
   active: boolean;
-  activeHandler(): void;
+  activeHandler(value: boolean): void;
+  /** Expand or collapse when calendar does not have input */
+  open: boolean;
+  openHandler(value: boolean): void;
   /**
    * The picker's name. Gets submitted with the form.
    */
@@ -81,7 +94,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /**
    * Determines where the date-picker component will be positioned relative to the input.
    *
-   * @default "bottom-leading"
+   * @default "bottom-start"
    */
   placement: MenuPlacement;
   /** Range mode activation */
@@ -106,6 +119,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   end?: string;
   /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /** Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range. */
   proximitySelectionDisabled: boolean;
   /** Layout */
@@ -129,24 +143,25 @@ 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;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteInputDatePickerBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteInputDatePickerClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteInputDatePickerBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteInputDatePickerOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
   render(): VNode;
-  filteredFlipPlacements: ComputedPlacement[];
+  filteredFlipPlacements: EffectivePlacement[];
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputDatePicker["value"];
@@ -154,31 +169,33 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private localeData;
   private startInput;
   private endInput;
-  private popper;
-  private menuEl;
+  private floatingEl;
   private referenceEl;
   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;
   deactivate: () => void;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  keyUpHandler: (e: KeyboardEvent) => void;
-  inputBlur: (e: CustomEvent<any>) => void;
+  keyDownHandler: ({ defaultPrevented, key }: KeyboardEvent) => void;
+  inputBlur: (event: CustomEvent<any>) => void;
   startInputFocus: () => void;
   endInputFocus: () => void;
-  inputInput: (e: CustomEvent<any>) => void;
-  setMenuEl: (el: HTMLDivElement) => void;
+  inputInput: (event: CustomEvent<any>) => void;
+  setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
   startWatcher(start: string): void;
   endWatcher(end: string): void;
   private loadLocaleData;

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

@@ -0,0 +1,4 @@
+export declare const CSS: {
+  menu: string;
+  menuActive: string;
+};

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

@@ -0,0 +1,218 @@
+import { DeprecatedEventPayload, Scale, Status } from "../interfaces";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { InputPlacement } from "./interfaces";
+import { Position } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
+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 the component.
+ */
+export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent {
+  el: HTMLCalciteInputNumberElement;
+  /** Specifies the text alignment of the component's value. */
+  alignment: Position;
+  /**
+   * 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;
+  /**
+   * When true, a clear button is displayed when the component has a value.
+   */
+  clearable: boolean;
+  /**
+   * 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;
+  /**
+   * When true, number values are displayed with the locale's group separator.
+   */
+  groupSeparator: boolean;
+  /**
+   * 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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   */
+  icon: string | boolean;
+  /**
+   * A text label that will appear on the clear button for screen readers.
+   */
+  intlClear?: string;
+  /**
+   * Accessible name that will appear while loading.
+   *
+   * @default "Loading"
+   */
+  intlLoading?: string;
+  /** When true, the icon is flipped in RTL. */
+  iconFlipRtl: boolean;
+  /** Accessible name for the component's button or hyperlink. */
+  label?: string;
+  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+  loading: boolean;
+  /** Specifies the BCP 47 language tag for the desired language and country format. */
+  locale: string;
+  /**
+   * 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;
+  /**
+   * Toggles locale formatting for numbers.
+   *
+   * @internal
+   */
+  localeFormat: boolean;
+  /**
+   * Specifies the maximum value.
+   *
+   * @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;
+  /**
+   * Specifies the minimum value.
+   *
+   * @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;
+  /**
+   * 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;
+  /**
+   * 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;
+  /**
+   * Specifies the name of the component.
+   *
+   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+   */
+  name: string;
+  /** Specifies the placement of the buttons. */
+  numberButtonType?: InputPlacement;
+  /**
+   * Specifies placeholder text for the component.
+   *
+   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+   */
+  placeholder: string;
+  /** Adds text to the start of the component. */
+  prefixText?: string;
+  /**
+   * When true, the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  /** When true, the component must have a value in order for the form to submit. */
+  required: boolean;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the status of the input field, which determines message and icons. */
+  status: Status;
+  /**
+   * 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";
+  /** Adds text to the end of the component.  */
+  suffixText?: string;
+  /**
+   * @internal
+   */
+  editingEnabled: boolean;
+  /** The component's value. */
+  value: string;
+  valueWatcher(newValue: string, previousValue: string): void;
+  updateRequestedIcon(): void;
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: InputNumber["value"];
+  inlineEditableEl: HTMLCalciteInlineEditableElement;
+  /** number text input element for locale */
+  private childNumberEl?;
+  get isClearable(): boolean;
+  private minString?;
+  private maxString?;
+  private previousEmittedValue;
+  private previousValue;
+  private previousValueOrigin;
+  /** the computed icon to render */
+  private requestedIcon?;
+  private nudgeNumberValueIntervalId;
+  mutationObserver: MutationObserver;
+  private userChangedValue;
+  localizedValue: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
+  componentDidRender(): void;
+  /**
+   * @internal
+   */
+  calciteInternalInputNumberFocus: EventEmitter<void>;
+  /**
+   * @internal
+   */
+  calciteInternalInputNumberBlur: EventEmitter<void>;
+  /**
+   * Fires each time a new value is typed.
+   *
+   * **Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead
+   */
+  calciteInputNumberInput: EventEmitter<DeprecatedEventPayload>;
+  /**
+   * Fires each time a new value is typed and committed.
+   */
+  calciteInputNumberChange: 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;
+  private clearInputValue;
+  private emitChangeIfUserModified;
+  private inputNumberBlurHandler;
+  private inputNumberFocusHandler;
+  private inputNumberInputHandler;
+  private inputNumberKeyDownHandler;
+  private nudgeNumberValue;
+  private nudgeButtonPointerUpAndOutHandler;
+  private nudgeButtonPointerDownHandler;
+  onFormReset(): void;
+  syncHiddenFormInput(input: HTMLInputElement): void;
+  private setChildNumberElRef;
+  private setDisabledAction;
+  private setInputNumberValue;
+  private setPreviousEmittedNumberValue;
+  private setPreviousNumberValue;
+  private setNumberValue;
+  private inputNumberKeyUpHandler;
+  private warnAboutInvalidNumberValue;
+  render(): VNode;
+}
+export {};

package/dist/types/components/input-number/interfaces.d.ts

@@ -0,0 +1 @@
+export declare type InputPlacement = "vertical" | "horizontal" | "none";