@esri/calcite-components 1.0.0-beta.98 → 1.0.0-beta.99

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

@@ -1,16 +1,18 @@
-import { DeprecatedEventPayload, Scale, Status } from "../interfaces";
+import { Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { InputPlacement } from "./interfaces";
+import { InputPlacement, NumberNudgeDirection } from "./interfaces";
 import { Position } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
-declare type NumberNudgeDirection = "up" | "down";
+import { T9nComponent } from "../../utils/t9n";
+import { InputMessages } from "./assets/input/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a `calcite-button` next to the component.
  */
-export declare class Input implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent {
+export declare class Input implements LabelableComponent, FormComponent, InteractiveComponent, T9nComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteInputElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -45,35 +47,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
-  /**
-   * Accessible name for the component's clear button.
-   */
-  intlClear?: string;
-  /**
-   * Accessible name when the component is loading.
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component. */
-  label?: string;
+  label: string;
   /** When `true`, a busy indicator is displayed. */
   loading: boolean;
-  /**
-   * BCP 47 language tag for desired language and country format
-   *
-   * @deprecated set the global `lang` attribute on the element instead.
-   * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-   */
-  locale: string;
-  localeChanged(): void;
   /**
    * Specifies the Unicode numeral system used by the component for localization.
    *
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * When `true`, uses locale formatting for numbers.
    *
@@ -85,7 +69,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
    */
-  max?: number;
+  max: number;
   /** watcher to update number-to-string for max */
   maxWatcher(): void;
   /**
@@ -93,27 +77,21 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
    */
-  min?: number;
+  min: number;
   /** watcher to update number-to-string for min */
   minWatcher(): void;
-  /**
-   * Specifies the maximum length of text for the component's value.
-   *
-   * @deprecated use `maxLength` instead.
-   */
-  maxlength?: number;
   /**
    * 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;
+  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;
+  minLength: number;
   /**
    * Specifies the name of the component on form submission.
    *
@@ -121,7 +99,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   name: string;
   /** Specifies the placement of the buttons for `type="number"`. */
-  numberButtonType?: InputPlacement;
+  numberButtonType: InputPlacement;
   /**
    * Specifies placeholder text for the component.
    *
@@ -129,7 +107,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   placeholder: string;
   /** Adds text to the start of the component. */
-  prefixText?: string;
+  prefixText: string;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -147,9 +125,53 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
-  step?: number | "any";
+  step: number | "any";
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies a regex pattern the component's `value` must match for validation.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  pattern: string;
+  /**
+   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.
+   * This property only has an effect when `type` is "file".
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  accept: string;
+  /**
+   * When `true`, the component can accept more than one value.
+   * This property only has an effect when `type` is "email" or "file".
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+   */
+  multiple: boolean;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /** Adds text to the end of the component. */
-  suffixText?: string;
+  suffixText: string;
   /**
    * @internal
    */
@@ -162,6 +184,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   type: "color" | "date" | "datetime-local" | "email" | "file" | "image" | "month" | "number" | "password" | "search" | "tel" | "text" | "textarea" | "time" | "url" | "week";
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<InputMessages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -187,10 +220,13 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
   effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: InputMessages;
   localizedValue: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
   componentDidRender(): void;
   /**
@@ -203,10 +239,8 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   calciteInternalInputBlur: EventEmitter<void>;
   /**
    * Fires each time a new `value` is typed.
-   *
-   * **Note:**: The `el` and `value` event payload properties are deprecated, use the event's `target`/`currentTarget` instead.
    */
-  calciteInputInput: EventEmitter<DeprecatedEventPayload>;
+  calciteInputInput: EventEmitter<void>;
   /**
    * Fires each time a new `value` is typed and committed.
    */
@@ -215,12 +249,15 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   setFocus(): Promise<void>;
   /** Selects all text of the component's `value`. */
   selectText(): Promise<void>;
+  /** @internal */
+  internalSyncChildElValue(): 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 inputBlurHandler;
+  private clickHandler;
   private inputFocusHandler;
   private inputInputHandler;
   private inputKeyDownHandler;
@@ -243,4 +280,3 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private warnAboutInvalidNumberValue;
   render(): VNode;
 }
-export {};

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

@@ -1 +1,3 @@
 export declare type InputPlacement = "vertical" | "horizontal" | "none";
+export declare type NumberNudgeDirection = "up" | "down";
+export declare type SetValueOrigin = "initial" | "connected" | "user" | "reset" | "direct";

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

@@ -25,6 +25,3 @@ export declare const INPUT_TYPE_ICONS: {
 export declare const SLOTS: {
   action: string;
 };
-export declare const TEXT: {
-  clear: string;
-};

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

@@ -3,11 +3,12 @@ import { HeadingLevel } from "../functional/Heading";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacement } from "../../utils/floating-ui";
-import { DateRangeChange } from "../date-picker/interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { DatePickerMessages } from "../date-picker/assets/date-picker/t9n";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
-export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, LocalizedComponent {
+import { LoadableComponent } from "../../utils/loadable";
+export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -27,43 +28,24 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: EffectivePlacement[];
+  flipPlacements: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   /** The component's value as a full date object. */
-  valueAsDate?: Date | Date[];
-  /**
-   * The component's start date as a full date object.
-   *
-   * @deprecated use `valueAsDate` instead.
-   */
-  startAsDate?: Date;
-  /**
-   * The component's end date as a full date object.
-   *
-   * @deprecated use `valueAsDate` instead.
-   */
-  endAsDate?: Date;
+  valueAsDate: Date | Date[];
   /** Specifies the earliest allowed date as a full date object. */
-  minAsDate?: Date;
+  minAsDate: Date;
   /** Specifies the latest allowed date as a full date object. */
-  maxAsDate?: Date;
+  maxAsDate: Date;
   /** Specifies the earliest allowed date ("yyyy-mm-dd"). */
-  min?: string;
+  min: string;
   onMinChanged(min: string): void;
   /** Specifies the latest allowed date ("yyyy-mm-dd"). */
-  max?: string;
+  max: string;
   onMaxChanged(max: string): void;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated use `open` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /** When `true`, displays the `calcite-date-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;
@@ -71,36 +53,11 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * Specifies the name of the component on form submission.
    */
   name: string;
-  /**
-   * Accessible name for the component's previous month button.
-   *
-   * @default "Previous month"
-   */
-  intlPrevMonth?: string;
-  /**
-   * Accessible name for the component's next month button.
-   *
-   * @default "Next month"
-   */
-  intlNextMonth?: string;
-  /**
-   * Accessible name for the component's year input.
-   *
-   * @default "Year"
-   */
-  intlYear?: string;
-  /**
-   * Specifies the BCP 47 language tag for the desired language and country format.
-   *
-   * @deprecated set the global `lang` attribute on the element instead.
-   * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-   */
-  locale?: string;
   /**
    * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
    *
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /** Specifies the size of the component. */
   scale: "s" | "m" | "l";
   /**
@@ -117,18 +74,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * @internal
    */
   required: boolean;
-  /**
-   * The component's start date.
-   *
-   * @deprecated use `value` instead.
-   */
-  start?: string;
-  /**
-   * The component's end date.
-   *
-   * @deprecated use `value` instead.
-   */
-  end?: string;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
@@ -146,22 +91,13 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   proximitySelectionDisabled: boolean;
   /** Defines the layout of the component. */
   layout: "horizontal" | "vertical";
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<DatePickerMessages>;
   calciteDaySelectHandler(): void;
   private calciteInternalInputInputHandler;
   private calciteInternalInputBlurHandler;
-  /**
-   * Fires when a user changes the date.
-   *
-   * @deprecated use `calciteInputDatePickerChange` instead.
-   */
-  calciteDatePickerChange: EventEmitter<Date>;
-  /**
-   * Fires when a user changes the date range.
-   *
-   * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
-   * @deprecated use `calciteInputDatePickerChange` instead.
-   */
-  calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
   /**
    * Fires when the component's value changes.
    */
@@ -207,6 +143,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   setReferenceEl(): void;
+  private valueAsDateChangedExternally;
   setFilteredPlacements: () => void;
   private setTransitionEl;
   onLabelClick(): void;
@@ -224,15 +161,13 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
-  startWatcher(start: string): void;
-  endWatcher(end: string): void;
   private loadLocaleData;
   /**
    * Event handler for when the selected date changes
    *
    * @param event CalciteDatePicker custom change event
    */
-  handleDateChange: (event: CustomEvent<Date>) => void;
+  handleDateChange: (event: CustomEvent<void>) => void;
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;
@@ -241,6 +176,5 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private setRangeValue;
   private setValue;
   private warnAboutInvalidValue;
-  private commonDateSeparators;
   private formatNumerals;
 }

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

@@ -5,20 +5,14 @@ import { Scale, Status } from "../interfaces";
  */
 export declare class InputMessage {
   el: HTMLCalciteInputMessageElement;
-  /** When `true`, the component is active. */
-  active: boolean;
   /** Specifies an icon to display. */
   icon: boolean | string;
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  iconFlipRtl: 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 appearance of a slotted message - `"default"` (displayed under the component), or `"floating"` (positioned absolutely under the component).
-   *
-   * @deprecated The `"floating"` type is no longer supported.
-   */
-  type: "default";
   handleIconEl(): void;
   connectedCallback(): void;
   render(): VNode;

package/dist/types/components/input-number/assets/input-number/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type InputNumberMessages = {
   clear: string;
   loading: string;
 };

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

@@ -1,15 +1,17 @@
-import { DeprecatedEventPayload, Position, Scale, Status } from "../interfaces";
+import { Position, Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { InputPlacement } from "./interfaces";
+import { InputPlacement, NumberNudgeDirection } from "../input/interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
-declare type NumberNudgeDirection = "up" | "down";
+import { T9nComponent } from "../../utils/t9n";
+import { InputNumberMessages } from "./assets/input-number/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
-export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent {
+export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent {
   el: HTMLCalciteInputNumberElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -44,34 +46,16 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    * 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 will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component's button or hyperlink. */
-  label?: string;
+  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.
-   *
-   * @deprecated set the global `lang` attribute on the element instead.
-   * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-   */
-  locale: string;
-  localeChanged(): void;
   /**
    * Specifies the Unicode numeral system used by the component for localization.
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * Toggles locale formatting for numbers.
    *
@@ -83,7 +67,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
    */
-  max?: number;
+  max: number;
   /** watcher to update number-to-string for max */
   maxWatcher(): void;
   /**
@@ -91,7 +75,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
    */
-  min?: number;
+  min: number;
   /** watcher to update number-to-string for min */
   minWatcher(): void;
   /**
@@ -99,13 +83,13 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
    */
-  maxLength?: number;
+  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;
+  minLength: number;
   /**
    * Specifies the name of the component.
    *
@@ -113,7 +97,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    */
   name: string;
   /** Specifies the placement of the buttons. */
-  numberButtonType?: InputPlacement;
+  numberButtonType: InputPlacement;
   /**
    * Specifies placeholder text for the component.
    *
@@ -121,7 +105,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    */
   placeholder: string;
   /** Adds text to the start of the component. */
-  prefixText?: string;
+  prefixText: string;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -139,15 +123,47 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    *
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
-  step?: number | "any";
+  step: number | "any";
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /** Adds text to the end of the component.  */
-  suffixText?: string;
+  suffixText: string;
   /**
    * @internal
    */
   editingEnabled: boolean;
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputNumberMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<InputNumberMessages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -168,10 +184,13 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
   effectiveLocale: string;
+  effectiveLocaleWatcher(locale: string): void;
+  defaultMessages: InputNumberMessages;
   localizedValue: string;
   connectedCallback(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
   componentDidRender(): void;
   /**
@@ -184,10 +203,8 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   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>;
+  calciteInputNumberInput: EventEmitter<void>;
   /**
    * Fires each time a new value is typed and committed.
    */
@@ -202,6 +219,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private clearInputValue;
   private emitChangeIfUserModified;
   private inputNumberBlurHandler;
+  private clickHandler;
   private inputNumberFocusHandler;
   private inputNumberInputHandler;
   private inputNumberKeyDownHandler;
@@ -221,4 +239,3 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private warnAboutInvalidNumberValue;
   render(): VNode;
 }
-export {};

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

@@ -17,6 +17,3 @@ export declare const CSS: {
 export declare const SLOTS: {
   action: string;
 };
-export declare const TEXT: {
-  clear: string;
-};

package/dist/types/components/input-text/assets/input-text/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type InputTextMessages = {
   clear: string;
   loading: string;
 };