@esri/calcite-components 1.0.0-next.596 → 1.0.0-next.597

package/dist/index.js

@@ -1 +1 @@
-export * from './esm-es5/index.js';
+export * from './esm/index.js';

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.596
+ * v1.0.0-next.597
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.596
+ * v1.0.0-next.597
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.596
+ * v1.0.0-next.597
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,8 +1,8 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.596
+ * v1.0.0-next.597
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';
-export * from '../esm-es5/loader.js';
+export * from '../esm/loader.js';

package/dist/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "calcite-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

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

@@ -33,16 +33,16 @@ export declare class AccordionItem implements ConditionalSlotComponent {
   /** Specifies a description for the component. */
   description: string;
   /**
-   * Specifies an icon to display - accepts Calcite UI icon names.
+   * Specifies an icon to display.
    *
-   * @deprecated use `iconStart` or `iconEnd` properties instead
+   * @deprecated use `iconStart` or `iconEnd` instead.
    */
   icon?: string;
   iconHandler(value: string): void;
-  /**Specified an icon to display at the start - accepts Calcite UI icon names. */
+  /** Specifies an icon to display at the start of the component. */
   iconStart?: string;
   iconStartHandler(value: string): void;
-  /**Specified an icon to display at the end - accepts Calcite UI icon names. */
+  /** Specifies an icon to display at the end of the component. */
   iconEnd?: string;
   /**
    * @internal

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

@@ -23,7 +23,7 @@ export declare class Action implements InteractiveComponent {
    * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
-  /** Specifies an icon to display - accepts Calcite UI icon names.  */
+  /** Specifies an icon to display. */
   icon?: string;
   /**
    * When true, indicates unread changes.
@@ -63,7 +63,7 @@ export declare class Action implements InteractiveComponent {
   calciteActionClick: EventEmitter<void>;
   el: HTMLCalciteActionElement;
   buttonEl: HTMLButtonElement;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;

package/dist/types/components/action/assets/action/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  loading: string;
+};

package/dist/types/components/action-bar/action-bar.d.ts

@@ -47,7 +47,7 @@ export declare class ActionBar implements ConditionalSlotComponent {
    */
   calciteActionBarToggle: EventEmitter<void>;
   el: HTMLCalciteActionBarElement;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   expandToggleEl: HTMLCalciteActionElement;
   componentDidLoad(): void;

package/dist/types/components/action-bar/assets/action-bar/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type Messages = {
+  expand: string;
+  collapse: string;
+};

package/dist/types/components/action-group/assets/action-group/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  more: string;
+};

package/dist/types/components/action-menu/action-menu.d.ts

@@ -30,7 +30,8 @@ export declare class ActionMenu {
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;

package/dist/types/components/action-pad/assets/action-pad/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type Messages = {
+  expand: string;
+  collapse: string;
+};

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

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./interfaces";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -11,7 +12,7 @@ import { OpenCloseComponent } from "../../utils/openCloseComponent";
  * @slot message - A slot for adding main text to the component.
  * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
  */
-export declare class Alert implements OpenCloseComponent {
+export declare class Alert implements OpenCloseComponent, LocalizedComponent {
   el: HTMLCalciteAlertElement;
   /**
    * When true, opens the combobox
@@ -42,6 +43,10 @@ export declare class Alert implements OpenCloseComponent {
   intlClose: string;
   /** Specifies an accessible name for the component. */
   label: string;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   */
+  numberingSystem?: NumberingSystem;
   /** Specifies the placement of the component */
   placement: AlertPlacement;
   /** Specifies the size of the component. */
@@ -76,6 +81,7 @@ export declare class Alert implements OpenCloseComponent {
   alertRegister(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  effectiveLocale: string;
   /** the list of queued alerts */
   queue: HTMLCalciteAlertElement[];
   /** the count of queued alerts */

package/dist/types/components/alert/assets/alert/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  close: string;
+};

package/dist/types/components/block/assets/block/t9n/index.d.ts

@@ -0,0 +1,6 @@
+export type Messages = {
+  collapse: string;
+  expand: string;
+  loading: string;
+  options: string;
+};

package/dist/types/components/block-section/assets/block-section/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type Messages = {
+  collapse: string;
+  expand: string;
+};

package/dist/types/components/button/assets/button/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  loading: string;
+};

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

@@ -22,11 +22,11 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   disabled: boolean;
   /** optionally pass a href - used to determine if the component should render as a button or an anchor */
   href?: string;
-  /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
+  /** Specifies an icon to display at the end of the component. */
   iconEnd?: string;
-  /** flip the icon(s) in rtl */
+  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of a button - accepts calcite ui icon names  */
+  /** Specifies an icon to display at the start of the component. */
   iconStart?: string;
   /**
    * string to override English loading text

package/dist/types/components/card/assets/card/t9n/index.d.ts

@@ -0,0 +1,5 @@
+export type Messages = {
+  select: string;
+  deselect: string;
+  loading: string;
+};

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

@@ -32,7 +32,7 @@ export declare class Checkbox implements LabelableComponent, CheckableFormCompon
   /** The name of the checkbox input */
   name: any;
   /**
-   * When true, makes the component required for form-submission.
+   * When true, the component must have a value in order for the form to submit.
    *
    * @internal
    */

package/dist/types/components/chip/assets/chip/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  close: string;
+};

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

@@ -27,9 +27,9 @@ export declare class Chip implements ConditionalSlotComponent {
    * @default "Close"
    */
   dismissLabel?: string;
-  /** optionally pass an icon to display - accepts Calcite UI icon names  */
+  /** Specifies an icon to display. */
   icon?: string;
-  /** flip the icon in rtl */
+  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** specify the scale of the chip, defaults to m */
   scale: Scale;
@@ -45,7 +45,7 @@ export declare class Chip implements ConditionalSlotComponent {
   /**
    * Emitted when the dismiss button is clicked
    *
-   * **Note:**: The `el` event payload props is deprecated, please use the event's target/currentTarget instead
+   * **Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead
    */
   calciteChipDismiss: EventEmitter<DeprecatedEventPayload>;
   closeClickHandler: (event: MouseEvent) => void;

package/dist/types/components/color-picker/assets/color-picker/t9n/index.d.ts

@@ -0,0 +1,21 @@
+export type Messages = {
+  b: string;
+  blue: string;
+  deleteColor: string;
+  g: string;
+  green: string;
+  h: string;
+  hsv: string;
+  hex: string;
+  hue: string;
+  noColor: string;
+  r: string;
+  red: string;
+  rgb: string;
+  s: string;
+  saturation: string;
+  saveColor: string;
+  saved: string;
+  v: string;
+  value: string;
+};

package/dist/types/components/color-picker/color-picker.d.ts

@@ -4,6 +4,7 @@ import { ColorAppearance, ColorMode, ColorValue, InternalColor } from "./interfa
 import { Scale } from "../interfaces";
 import { Format } from "./utils";
 import { InteractiveComponent } from "../../utils/interactive";
+import { NumberingSystem } from "../../utils/locale";
 export declare class ColorPicker implements InteractiveComponent {
   el: HTMLCalciteColorPickerElement;
   /**
@@ -163,8 +164,8 @@ export declare class ColorPicker implements InteractiveComponent {
    * Storage ID for colors.
    */
   storageId: string;
-  /** standard UniCode numeral system tag for localization */
-  numberingSystem?: string;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  numberingSystem?: NumberingSystem;
   /**
    * The component's value.
    *

package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import Color from "color";
 import { Scale } from "../interfaces";
+import { NumberingSystem } from "../../utils/locale";
 export declare class ColorPickerHexInput {
   el: HTMLCalciteColorPickerHexInputElement;
   connectedCallback(): void;
@@ -30,8 +31,8 @@ export declare class ColorPickerHexInput {
    * The hex value.
    */
   value: string;
-  /** standard UniCode numeral system tag for localization */
-  numberingSystem?: string;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  numberingSystem?: NumberingSystem;
   handleValueChange(value: string, oldValue: string): void;
   /**
    * Emitted when the hex value changes.

package/dist/types/components/combobox/assets/combobox/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  removeTag: string;
+};

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

@@ -44,13 +44,15 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   *
+   * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;
   overlayPositioningHandler(): void;
   /**
-   * When true, makes the component required for form-submission.
+   * When true, the component must have a value in order for the form to submit.
    *
    * @internal
    */
@@ -140,7 +142,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   textHandler(): void;
   textInput: HTMLInputElement;
   data: ItemData[];
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   private guid;
   private inputHeight;

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

@@ -43,7 +43,7 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   /**
    * Emitted whenever the item is selected or unselected.
    *
-   * **Note:**: The event's payload is deprecated, please use the event's target/currentTarget instead
+   * **Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead
    */
   calciteComboboxItemChange: EventEmitter<DeprecatedEventPayload>;
   /**

package/dist/types/components/date-picker/assets/date-picker/t9n/index.d.ts

@@ -0,0 +1,5 @@
+export type Messages = {
+  nextMonth: string;
+  prevMonth: string;
+  year: string;
+};

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

@@ -1,9 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 import { DateRangeChange } from "./interfaces";
-import { GlobalAttrComponent } from "../../utils/globalAttributes";
-import { LangComponent } from "../../utils/locale";
-export declare class DatePicker implements GlobalAttrComponent, LangComponent {
+import { LocalizedComponent } from "../../utils/locale";
+export declare class DatePicker implements LocalizedComponent {
   el: HTMLCalciteDatePickerElement;
   /** Active range */
   activeRange?: "start" | "end";
@@ -58,7 +57,7 @@ export declare class DatePicker implements GlobalAttrComponent, LangComponent {
    */
   intlYear?: string;
   /**
-   * BCP 47 language tag for desired language and country format
+   * 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)
@@ -109,6 +108,7 @@ export declare class DatePicker implements GlobalAttrComponent, LangComponent {
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   render(): VNode;
+  effectiveLocale: string;
   private localeData;
   private hoverRange;
   private mostRecentRangeValue?;

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

@@ -43,7 +43,9 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   *
+   * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;
@@ -99,7 +101,7 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
   floatingEl: HTMLDivElement;
   referenceEl: HTMLDivElement;
   private scrollerEl;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   openTransitionProp: string;
   transitionEl: HTMLDivElement;

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

@@ -17,11 +17,11 @@ export declare class DropdownItem {
   /** When true, item is selected  */
   selected: boolean;
   selectedHandler(value: boolean): void;
-  /** flip the icon(s) in rtl */
+  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of an item - accepts calcite ui icon names  */
+  /** Specifies an icon to display at the start of the component. */
   iconStart?: string;
-  /** optionally pass an icon to display at the end of an item - accepts calcite ui icon names  */
+  /** Specifies an icon to display at the end of the component. */
   iconEnd?: string;
   /** optionally pass a href - used to determine if the component should render as anchor */
   href?: string;

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

@@ -16,7 +16,7 @@ export declare class Fab implements InteractiveComponent {
    */
   disabled: boolean;
   /**
-   * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+   * Specifies an icon to display.
    *
    * @default "plus"
    */

package/dist/types/components/filter/assets/filter/t9n/index.d.ts

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

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

@@ -12,7 +12,7 @@ export declare class Flow {
   flowDirection: FlowDirection;
   itemCount: number;
   items: HTMLCalciteFlowItemElement[];
-  itemMutationObserver: MutationObserver;
+  itemMutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
   handleItemBackClick(): void;

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

@@ -92,14 +92,12 @@ export declare class FlowItem implements InteractiveComponent {
   /**
    * Scrolls the component's content to a specified set of coordinates.
    *
-   * ```
-   *   myCalciteFlowItem.scrollContentTo({
-   *     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
-   *     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
-   *     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
-   *   });
-   * ```
-   *
+   * @example
+   * myCalciteFlowItem.scrollContentTo({
+   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+   *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+   * });
    * @param options
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;

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

@@ -14,7 +14,7 @@ export declare class Handle {
   /**
    * Emitted when 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
+   * **Note:**: The `handle` event payload prop is deprecated, please use the event's `target`/`currentTarget` instead
    */
   calciteHandleNudge: EventEmitter<DeprecatedEventPayload>;
   /** Sets focus on the component. */

package/dist/types/components/inline-editable/assets/inline-editable/t9n/index.d.ts

@@ -0,0 +1,5 @@
+export type Messages = {
+  enablingEditing: string;
+  cancelEditing: string;
+  confirmChanges: string;
+};

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

@@ -63,7 +63,7 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
   private cancelEditingButton;
   private confirmEditingButton;
   labelEl: HTMLCalciteLabelElement;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   setFocus(): Promise<void>;
   mutationObserverCallback(): void;
   onLabelClick(): void;

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

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