@esri/calcite-components 1.0.0-next.660 → 1.0.0-next.662

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.660
+ * v1.0.0-next.662
  */
 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.660
+ * v1.0.0-next.662
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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.660
+ * v1.0.0-next.662
  */
 (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';

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

@@ -27,13 +27,13 @@ export declare class Action implements InteractiveComponent, LoadableComponent {
   /** Specifies an icon to display. */
   icon: string;
   /**
-   * When `true`, indicates unread changes.
+   * When `true`, displays a visual indicator.
    */
   indicator: boolean;
   /**
-   * Specifies the text label to display `indicator` is `true`.
+   * When `indicator` is `true`, specifies the accessible context of the `indicator`.
    *
-   * @default "Unread changes"
+   * @default "Indicator present"
    */
   intlIndicator: string;
   /**

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

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

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

@@ -40,8 +40,6 @@ export declare class ActionMenu implements LoadableComponent {
   overlayPositioning: OverlayPositioning;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   placement: LogicalPlacement;
   /**

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { DeprecatedEventPayload } from "../interfaces";
 import { LoadableComponent } from "../../utils/loadable";
+import { HandleNudge } from "./interfaces";
 export declare class Handle implements LoadableComponent {
   /**
    * @internal
@@ -16,10 +16,8 @@ export declare class Handle implements LoadableComponent {
   handleButton: HTMLElement;
   /**
    * 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
    */
-  calciteHandleNudge: EventEmitter<DeprecatedEventPayload>;
+  calciteHandleNudge: EventEmitter<HandleNudge>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   handleKeyDown: (event: KeyboardEvent) => void;

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

@@ -0,0 +1,3 @@
+export interface HandleNudge {
+  direction: "up" | "down";
+}

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

@@ -1,4 +1,4 @@
-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 { LabelableComponent } from "../../utils/label";
@@ -61,14 +61,6 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   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.
    */
@@ -176,6 +168,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
   effectiveLocale: string;
+  effectiveLocaleWatcher(locale: string): void;
   localizedValue: string;
   connectedCallback(): void;
   componentDidLoad(): void;
@@ -193,10 +186,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.
    */

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

@@ -85,8 +85,6 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   overlayPositioning: OverlayPositioning;
   /**
    * Determines where the popover will be positioned relative to the input.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   placement: LogicalPlacement;
   /** Specifies the granularity the component's `value` must adhere to (in seconds). */

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

@@ -71,8 +71,6 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
   overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   placement: LogicalPlacement;
   placementHandler(): void;

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

@@ -2,6 +2,7 @@ import Sortable from "sortablejs";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { HandleNudge } from "../handle/interfaces";
 /**
  * @slot - A slot for adding sortable items.
  */
@@ -44,7 +45,8 @@ export declare class SortableList implements InteractiveComponent {
    * Emitted when the order of the list has changed.
    */
   calciteListOrderChange: EventEmitter<void>;
-  calciteHandleNudgeHandler(event: CustomEvent): void;
+  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void;
+  handleNudgeEvent(event: CustomEvent<HandleNudge>): void;
   setUpDragAndDrop(): void;
   cleanUpDragAndDrop(): void;
   beginObserving(): void;

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { DeprecatedEventPayload, Scale } from "../interfaces";
+import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { CheckableFormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -14,13 +14,6 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
   name: string;
   /** Specifies the size of the component. */
   scale: Scale;
-  /**
-   * When `true`, the component is checked.
-   *
-   * @deprecated use `checked` instead.
-   */
-  switched: boolean;
-  switchedWatcher(switched: boolean): void;
   /** When `true`, the component is checked. */
   checked: boolean;
   /** The component's value. */
@@ -42,7 +35,7 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
    *
    * **Note:** The event payload is deprecated, use the component's `checked` property instead.
    */
-  calciteSwitchChange: EventEmitter<DeprecatedEventPayload>;
+  calciteSwitchChange: EventEmitter<void>;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;

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

@@ -1,6 +1,6 @@
 export interface TabChangeEventDetail {
   /**
-   * The tab that just became active
+   * The tab that just became selected
    */
   tab: number | string;
 }

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

@@ -12,22 +12,12 @@ export declare class Tab {
    * When specified, use the same value on the `calcite-tab-title`.
    */
   tab: string;
-  /**
-   * When `true`, the component's contents are selected.
-   *
-   * Only one tab can be selected within the `calcite-tabs` parent.
-   *
-   * @deprecated Use `selected` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /**
    * When `true`, the component's contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    */
   selected: boolean;
-  selectedHandler(value: boolean): void;
   /**
    * @internal
    */

package/dist/types/components/tab-title/tab-title.d.ts

@@ -8,22 +8,13 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class TabTitle implements InteractiveComponent {
   el: HTMLCalciteTabTitleElement;
-  /**
-   * When `true`, the component and its respective `calcite-tab` contents are selected.
-   *
-   * Only one tab can be selected within the `calcite-tabs` parent.
-   *
-   * @deprecated Use `selected` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /**
    * When `true`, the component and its respective `calcite-tab` contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    */
   selected: boolean;
-  selectedHandler(value: boolean): void;
+  selectedHandler(): void;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */
   disabled: boolean;
   /** Specifies an icon to display at the end of the component. */

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

@@ -1,3 +1,3 @@
 export declare type TabID = string | number;
-export declare type TabPosition = "above" | "below" | "top" | "bottom";
+export declare type TabPosition = "top" | "bottom";
 export declare type TabLayout = "center" | "inline";

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

@@ -12,8 +12,7 @@ export declare class Tabs {
    */
   layout: TabLayout;
   /**
-   * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
-   *
+   * Specifies the position of the component in relation to the `calcite-tab`s.
    */
   position: TabPosition;
   /**

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

@@ -38,8 +38,6 @@ export declare class Tooltip implements FloatingUIComponent, OpenCloseComponent
   overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   placement: LogicalPlacement;
   placementHandler(): void;

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ import { HoverRange } from "./utils/date";
 import { ItemKeyboardEvent, Selection } from "./components/dropdown/interfaces";
 import { RequestedItem as RequestedItem2, SelectionMode } from "./components/dropdown-group/interfaces";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
+import { HandleNudge } from "./components/handle/interfaces";
 import { InputPlacement } from "./components/input/interfaces";
 import { InputPlacement as InputPlacement1 } from "./components/input-number/interfaces";
 import { ItemData } from "./components/list-item/interfaces";
@@ -112,12 +113,12 @@ export namespace Components {
          */
         "icon": string;
         /**
-          * When `true`, indicates unread changes.
+          * When `true`, displays a visual indicator.
          */
         "indicator": boolean;
         /**
-          * Specifies the text label to display `indicator` is `true`.
-          * @default "Unread changes"
+          * When `indicator` is `true`, specifies the accessible context of the `indicator`.
+          * @default "Indicator present"
          */
         "intlIndicator": string;
         /**
@@ -242,7 +243,6 @@ export namespace Components {
         "overlayPositioning": OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement": LogicalPlacement;
         /**
@@ -1991,12 +1991,6 @@ export namespace Components {
           * 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;
         /**
           * Toggles locale formatting for numbers.
          */
@@ -2282,7 +2276,6 @@ export namespace Components {
         "overlayPositioning": OverlayPositioning;
         /**
           * Determines where the popover will be positioned relative to the input.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement": LogicalPlacement;
         /**
@@ -2963,7 +2956,6 @@ export namespace Components {
         "overlayPositioning": OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement": LogicalPlacement;
         /**
@@ -3601,22 +3593,12 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
-        /**
-          * When `true`, the component is checked.
-          * @deprecated use `checked` instead.
-         */
-        "switched": boolean;
         /**
           * The component's value.
          */
         "value": any;
     }
     interface CalciteTab {
-        /**
-          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use `selected` instead.
-         */
-        "active": boolean;
         /**
           * Returns the index of the component item within the tab array.
          */
@@ -3653,11 +3635,6 @@ export namespace Components {
         "syncId": string;
     }
     interface CalciteTabTitle {
-        /**
-          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use `selected` instead.
-         */
-        "active": boolean;
         "bordered": boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -3707,7 +3684,7 @@ export namespace Components {
          */
         "layout": TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s.
          */
         "position": TabPosition;
         /**
@@ -4004,7 +3981,6 @@ export namespace Components {
         "overlayPositioning": OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement": LogicalPlacement;
         /**
@@ -5162,12 +5138,12 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * When `true`, indicates unread changes.
+          * When `true`, displays a visual indicator.
          */
         "indicator"?: boolean;
         /**
-          * Specifies the text label to display `indicator` is `true`.
-          * @default "Unread changes"
+          * When `indicator` is `true`, specifies the accessible context of the `indicator`.
+          * @default "Indicator present"
          */
         "intlIndicator"?: string;
         /**
@@ -5287,7 +5263,6 @@ declare namespace LocalJSX {
         "overlayPositioning"?: OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement"?: LogicalPlacement;
         /**
@@ -6607,9 +6582,9 @@ declare namespace LocalJSX {
     }
     interface CalciteHandle {
         /**
-          * 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
+          * Emitted when the handle is activated and the up or down arrow key is pressed.
          */
-        "onCalciteHandleNudge"?: (event: CalciteHandleCustomEvent<DeprecatedEventPayload>) => void;
+        "onCalciteHandleNudge"?: (event: CalciteHandleCustomEvent<HandleNudge>) => void;
         /**
           * Value for the button title attribute
          */
@@ -7107,12 +7082,6 @@ declare namespace LocalJSX {
           * 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;
         /**
           * Specifies the maximum value.
           * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
@@ -7151,9 +7120,9 @@ declare namespace LocalJSX {
          */
         "onCalciteInputNumberChange"?: (event: CalciteInputNumberCustomEvent<void>) => 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
+          * Fires each time a new value is typed.
          */
-        "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<DeprecatedEventPayload>) => void;
+        "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<void>) => void;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -7395,7 +7364,6 @@ declare namespace LocalJSX {
         "overlayPositioning"?: OverlayPositioning;
         /**
           * Determines where the popover will be positioned relative to the input.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement"?: LogicalPlacement;
         /**
@@ -8055,7 +8023,6 @@ declare namespace LocalJSX {
         "overlayPositioning"?: OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement"?: LogicalPlacement;
         /**
@@ -8642,27 +8609,17 @@ declare namespace LocalJSX {
         /**
           * Fires when the `checked` value has changed.  **Note:** The event payload is deprecated, use the component's `checked` property instead.
          */
-        "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<DeprecatedEventPayload>) => void;
+        "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<void>) => void;
         /**
           * Specifies the size of the component.
          */
         "scale"?: Scale;
-        /**
-          * When `true`, the component is checked.
-          * @deprecated use `checked` instead.
-         */
-        "switched"?: boolean;
         /**
           * The component's value.
          */
         "value"?: any;
     }
     interface CalciteTab {
-        /**
-          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use `selected` instead.
-         */
-        "active"?: boolean;
         /**
           * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
@@ -8688,11 +8645,6 @@ declare namespace LocalJSX {
         "syncId"?: string;
     }
     interface CalciteTabTitle {
-        /**
-          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use `selected` instead.
-         */
-        "active"?: boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -8733,7 +8685,7 @@ declare namespace LocalJSX {
          */
         "layout"?: TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s.
          */
         "position"?: TabPosition;
         /**
@@ -9031,7 +8983,6 @@ declare namespace LocalJSX {
         "overlayPositioning"?: OverlayPositioning;
         /**
           * Determines where the component will be positioned relative to the `referenceElement`.
-          * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
          */
         "placement"?: LogicalPlacement;
         /**

package/dist/types/utils/floating-ui.d.ts

@@ -11,7 +11,7 @@ export declare type ReferenceElement = VirtualElement | Element;
 declare type UIType = "menu" | "tooltip" | "popover";
 export declare type OverlayPositioning = Strategy;
 /**
- * Placements that change based on element direction.
+ * Variation Placements change based on element direction.
  *
  * These variation placements will automatically flip "left"/"right" depending on LTR/RTL direction.
  *
@@ -19,11 +19,9 @@ export declare type OverlayPositioning = Strategy;
  *
  * see: https://github.com/floating-ui/floating-ui/issues/1563 and https://github.com/floating-ui/floating-ui/discussions/1549
  */
-declare type VariationPlacement = "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
-declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
-export declare type LogicalPlacement = AutoPlacement | Placement | VariationPlacement;
 export declare type EffectivePlacement = Placement;
-export declare const placements: LogicalPlacement[];
+export declare const placements: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "leading-start", "leading", "leading-end", "trailing-end", "trailing", "trailing-start"];
+export declare type LogicalPlacement = typeof placements[number];
 export declare const effectivePlacements: EffectivePlacement[];
 export declare const menuPlacements: MenuPlacement[];
 export declare const menuEffectivePlacements: EffectivePlacement[];