@esri/calcite-components 1.0.0-next.677 → 1.0.0-next.679

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

@@ -2,11 +2,14 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } from "./assets/inline-editable/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding a `calcite-input`.
  */
-export declare class InlineEditable implements InteractiveComponent, LabelableComponent, LoadableComponent {
+export declare class InlineEditable implements InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteInlineEditableElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -26,26 +29,40 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
    * Accessible name for the component's enable editing button.
    *
    * @default "Click to edit"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlEnableEditing: string;
   /**
    * Accessible name for the component's cancel editing button.
    *
    * @default "Cancel"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlCancelEditing: string;
   /**
    * Accessible name for the component's confirm edits button.
    *
    * @default "Save"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlConfirmChanges: string;
   /** Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale. */
   scale: Scale;
   /** Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically. */
   afterConfirm: () => Promise<void>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
@@ -71,6 +88,9 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
   private confirmEditingButton;
   labelEl: HTMLCalciteLabelElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
+  defaultMessages: Messages;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
   setFocus(): Promise<void>;
   mutationObserverCallback(): void;
   onLabelClick(): void;

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

@@ -7,8 +7,3 @@ export declare const CSS: {
   enableEditingButton: string;
   controlsWrapper: string;
 };
-export declare const TEXT: {
-  intlEnablingEditing: string;
-  intlCancelEditing: string;
-  intlConfirmChanges: string;
-};

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

@@ -6,11 +6,13 @@ import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } 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, LoadableComponent {
+export declare class Input implements LabelableComponent, FormComponent, InteractiveComponent, T9nComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteInputElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -47,14 +49,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   icon: string | boolean;
   /**
    * Accessible name for the component's clear button.
+   *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlClear: string;
   /**
    * Accessible name when the component is loading.
    *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    * @default "Loading"
    */
-  intlLoading: string;
+  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. */
@@ -192,6 +197,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: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -217,10 +233,12 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
   effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: Messages;
   localizedValue: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
   componentDidRender(): void;

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

@@ -6,6 +6,7 @@ import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacem
 import { DateRangeChange } from "../date-picker/interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { Messages } from "../date-picker/assets/date-picker/t9n";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
@@ -69,20 +70,23 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * Accessible name for the component's previous month button.
    *
    * @default "Previous month"
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
    */
-  intlPrevMonth: string;
+  intlPrevMonth?: string;
   /**
    * Accessible name for the component's next month button.
    *
    * @default "Next month"
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
    */
-  intlNextMonth: string;
+  intlNextMonth?: string;
   /**
    * Accessible name for the component's year input.
    *
    * @default "Year"
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
    */
-  intlYear: string;
+  intlYear?: string;
   /**
    * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
    *
@@ -133,6 +137,10 @@ 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<Messages>;
   calciteDaySelectHandler(): void;
   private calciteInternalInputInputHandler;
   private calciteInternalInputBlurHandler;

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

@@ -5,11 +5,13 @@ import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } 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, LoadableComponent {
+export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent {
   el: HTMLCalciteInputNumberElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -46,14 +48,17 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   icon: string | boolean;
   /**
    * A text label that will appear on the clear button for screen readers.
+   *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlClear: string;
   /**
    * Accessible name that will appear while loading.
    *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    * @default "Loading"
    */
-  intlLoading: string;
+  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. */
@@ -161,6 +166,17 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   editingEnabled: boolean;
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -182,11 +198,12 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private userChangedValue;
   effectiveLocale: string;
   effectiveLocaleWatcher(locale: string): void;
+  defaultMessages: Messages;
   localizedValue: string;
   connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean;
   componentDidRender(): void;
   /**

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/input-text.d.ts

@@ -3,11 +3,14 @@ import { Position, Scale, Status } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } from "./assets/input-text/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
-export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent {
+export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteInputTextElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
@@ -40,14 +43,17 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   icon: string | boolean;
   /**
    * A text label that will appear on the clear button for screen readers.
+   *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlClear: string;
   /**
    * Accessible name that will appear while loading.
    *
    * @default "Loading"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
-  intlLoading: string;
+  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. */
@@ -128,6 +134,17 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   editingEnabled: boolean;
   /** The component's value. */
   value: string;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
@@ -144,9 +161,12 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   private requestedIcon?;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: Messages;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   /**

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

@@ -5,6 +5,7 @@ import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { Messages } from "../time-picker/assets/time-picker/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteInputTimePickerElement;
@@ -20,30 +21,84 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
    */
   readOnly: boolean;
   handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** Accessible name for the component's hour input. */
-  intlHour: string;
-  /** Accessible name for the component's hour down button. */
-  intlHourDown: string;
-  /** Accessible name for the component's hour up button. */
-  intlHourUp: string;
-  /** Accessible name for the component's meridiem (am/pm) input. */
-  intlMeridiem: string;
-  /** Accessible name for the component's meridiem (am/pm) down button. */
-  intlMeridiemDown: string;
-  /** Accessible name for the component's meridiem (am/pm) up button. */
-  intlMeridiemUp: string;
-  /** Accessible name for the component's minute input. */
-  intlMinute: string;
-  /** Accessible name for the component's minute down button. */
-  intlMinuteDown: string;
-  /** Accessible name for the component's minute up button. */
-  intlMinuteUp: string;
-  /** Accessible name for the component's second input. */
-  intlSecond: string;
-  /** Accessible name for the component's second down button. */
-  intlSecondDown: string;
-  /** Accessible name for the component's second up button. */
-  intlSecondUp: string;
+  /**
+   * Accessible name for the component's hour input.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlHour?: string;
+  /**
+   * Accessible name for the component's hour down button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlHourDown?: string;
+  /**
+   * Accessible name for the component's hour up button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlHourUp?: string;
+  /**
+   * Accessible name for the component's meridiem (am/pm) input.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMeridiem?: string;
+  /**
+   * Accessible name for the component's meridiem (am/pm) down button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMeridiemDown?: string;
+  /**
+   * Accessible name for the component's meridiem (am/pm) up button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMeridiemUp?: string;
+  /**
+   * Accessible name for the component's minute input.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMinute?: string;
+  /**
+   * Accessible name for the component's minute down button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMinuteDown?: string;
+  /**
+   * Accessible name for the component's minute up button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlMinuteUp?: string;
+  /**
+   * Accessible name for the component's second input.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlSecond?: string;
+  /**
+   * Accessible name for the component's second down button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlSecondDown?: string;
+  /**
+   * Accessible name for the component's second up button.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  intlSecondUp?: string;
+  /**
+   * Use this property to override individual strings used by the component.
+   *
+   * @deprecated - translations are now built-in, if you need to override a string, please use `messageOverrides`
+   */
+  messagesOverrides: Partial<Messages>;
   /**
    * BCP 47 language tag for desired language and country format.
    *

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

@@ -5,6 +5,9 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { FocusTrapComponent, FocusTrap } from "../../utils/focusTrapComponent";
 import { LoadableComponent } from "../../utils/loadable";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } from "./assets/modal/t9n";
 /**
  * @slot header - A slot for adding header text.
  * @slot content - A slot for adding the component's content.
@@ -12,7 +15,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
-export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent, FocusTrapComponent, LoadableComponent {
+export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent, FocusTrapComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteModalElement;
   /** When `true`, displays and positions the component.  */
   open: boolean;
@@ -27,7 +30,11 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   handleDisableFocusTrap(disableFocusTrap: boolean): void;
   /** When `true`, disables the closing of the component when clicked outside. */
   disableOutsideClose: boolean;
-  /** Accessible name for the component's close button. */
+  /**
+   * Accessible name for the component's close button.
+   *
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
+   */
   intlClose: string;
   /** When `true`, prevents the component from expanding to the entire screen on mobile devices. */
   docked: boolean;
@@ -46,7 +53,18 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   color: "red" | "blue";
   /** Sets the background color of the component's content. */
   backgroundColor: ModalBackgroundColor;
-  componentWillLoad(): void;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -54,22 +72,25 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   renderFooter(): VNode;
   renderCloseButton(): VNode;
   renderStyle(): VNode;
-  hasFooter: boolean;
+  modalContent: HTMLDivElement;
+  private mutationObserver;
+  titleId: string;
+  openTransitionProp: string;
+  transitionEl: HTMLDivElement;
+  focusTrap: FocusTrap;
+  focusTrapEl: HTMLDivElement;
   closeButtonEl: HTMLButtonElement;
   contentId: string;
+  hasFooter: boolean;
   /**
    * We use internal variable to make sure initially open modal can transition from closed state when rendered
    *
    * @private
    */
   isOpen: boolean;
-  modalContent: HTMLDivElement;
-  private mutationObserver;
-  titleId: string;
-  openTransitionProp: string;
-  transitionEl: HTMLDivElement;
-  focusTrap: FocusTrap;
-  focusTrapEl: HTMLDivElement;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: Messages;
   handleEscape(event: KeyboardEvent): void;
   /** Fires when the component is requested to be closed and before the closing transition begins. */
   calciteModalBeforeClose: EventEmitter<void>;

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

@@ -31,6 +31,3 @@ export declare const SLOTS: {
   secondary: string;
   primary: string;
 };
-export declare const TEXT: {
-  close: string;
-};

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

@@ -2,6 +2,9 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale, Width } from "../interfaces";
 import { StatusColor } from "../alert/interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } from "./assets/notice/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because
@@ -15,7 +18,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc.
  * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions.
  */
-export declare class Notice implements ConditionalSlotComponent, LoadableComponent {
+export declare class Notice implements ConditionalSlotComponent, LoadableComponent, T9nComponent, LocalizedComponent {
   el: HTMLCalciteNoticeElement;
   /**
    * When `true`, the component is active.
@@ -47,16 +50,28 @@ export declare class Notice implements ConditionalSlotComponent, LoadableCompone
    * Accessible name for the close button.
    *
    * @default "Close"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
    */
   intlClose: string;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies the width of the component. */
   width: Width;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   updateRequestedIcon(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): VNode;
   /** Fired when the component is closed. */
@@ -70,4 +85,7 @@ export declare class Notice implements ConditionalSlotComponent, LoadableCompone
   private closeButton?;
   /** The computed icon to render. */
   private requestedIcon?;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: Messages;
 }

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

@@ -1,6 +1,3 @@
-export declare const TEXT: {
-  close: string;
-};
 export declare const SLOTS: {
   title: string;
   message: string;

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

@@ -1,16 +1,24 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { Messages } from "./assets/pagination/t9n";
+import { T9nComponent } from "../../utils/t9n";
 export interface PaginationDetail {
   start: number;
   total: number;
   num: number;
 }
-export declare class Pagination implements LocalizedComponent {
+export declare class Pagination implements LocalizedComponent, LocalizedComponent, T9nComponent {
   /**
    * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
   groupSeparator: boolean;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
+  getExtraMessageOverrides(): Partial<Messages>;
   /** Specifies the number of items per page. */
   num: number;
   /**
@@ -24,20 +32,28 @@ export declare class Pagination implements LocalizedComponent {
   /**
    * Accessible name for the component's next button.
    *
-   * @default "Next"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`
    */
   textLabelNext: string;
   /**
    * Accessible name for the component's previous button.
    *
-   * @default "Previous"
+   * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`
    */
   textLabelPrevious: string;
   /** Specifies the size of the component. */
   scale: Scale;
   el: HTMLCalcitePaginationElement;
+  defaultMessages: Messages;
   effectiveLocale: string;
+  effectiveLocaleChange(): void;
   effectiveLocaleWatcher(): void;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
   /**
    * Emits when the selected page changes.
    *
@@ -45,6 +61,7 @@ export declare class Pagination implements LocalizedComponent {
    */
   calcitePaginationChange: EventEmitter<PaginationDetail>;
   connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   /** Go to the next page of results. */
   nextPage(): Promise<void>;