@esri/calcite-components 1.0.0-next.466 → 1.0.0-next.467

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

@@ -66,11 +66,11 @@ export declare class Dropdown implements InteractiveComponent {
   /** fires when a dropdown has been closed **/
   calciteDropdownClose: EventEmitter<void>;
   closeCalciteDropdownOnClick(e: Event): void;
-  closeCalciteDropdownOnEvent(): void;
+  closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
   mouseEnterHandler(): void;
   mouseLeaveHandler(): void;
-  calciteDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
+  calciteInternalDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent): void;
   filteredFlipPlacements: ComputedPlacement[];
   private items;

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

@@ -18,7 +18,7 @@ export declare class DropdownGroup {
   /**
    * @internal
    */
-  calciteDropdownItemChange: EventEmitter;
+  calciteInternalDropdownItemChange: EventEmitter;
   componentWillLoad(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent): void;

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

@@ -25,11 +25,11 @@ export declare class DropdownItem {
   /**
    * @internal
    */
-  calciteDropdownItemSelect: EventEmitter;
+  calciteInternalDropdownItemSelect: EventEmitter;
   /** @internal */
-  calciteDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;
+  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;
   /** @internal */
-  calciteDropdownCloseRequest: EventEmitter;
+  calciteInternalDropdownCloseRequest: EventEmitter;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   componentWillLoad(): void;

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

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

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

@@ -132,11 +132,11 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   /**
    * @internal
    */
-  calciteInputFocus: EventEmitter;
+  calciteInternalInputFocus: EventEmitter;
   /**
    * @internal
    */
-  calciteInputBlur: EventEmitter;
+  calciteInternalInputBlur: EventEmitter;
   /**
    * This event fires each time a new value is typed.
    */

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

@@ -121,11 +121,11 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /**
    * @internal
    */
-  calciteInputDatePickerOpen: EventEmitter;
+  calciteInternalInputDatePickerOpen: EventEmitter;
   /**
    * @internal
    */
-  calciteInputDatePickerClose: EventEmitter;
+  calciteInternalInputDatePickerClose: EventEmitter;
   /** Updates the position of the component. */
   setFocus(): Promise<void>;
   /** Updates the position of the component. */

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

@@ -77,8 +77,8 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
    * Fires when the time value is changed as a result of user input.
    */
   calciteInputTimePickerChange: EventEmitter<string>;
-  private calciteInputBlurHandler;
-  private calciteInputFocusHandler;
+  private calciteInternalInputBlurHandler;
+  private calciteInternalInputFocusHandler;
   private calciteInputInputHandler;
   clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;

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

@@ -3,15 +3,15 @@ import { HeadingLevel } from "../functional/Heading";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
- * @slot - A slot for adding `calcite-list-item` elements.
+ * @slot - A slot for adding calcite-list-item elements.
  */
 export declare class List implements InteractiveComponent {
   /**
-   * When true, disabled prevents user interaction.
+   * When true, prevents user interaction.
    */
   disabled: boolean;
   /**
-   * Number at which section headings should start for this component.
+   * Number at which section headings should start for the list.
    */
   headingLevel: HeadingLevel;
   componentDidRender(): void;

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

@@ -2,11 +2,11 @@ import { VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
+ * @slot - A slot for adding calcite-list-item and calcite-list-item-group elements.
+ * @slot actions-start - A slot for adding actionable calcite-action elements before the content of the list item.
  * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
+ * @slot actions-end - A slot for adding actionable calcite-action elements after the content of the list item.
  */
 export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
   /**
@@ -14,15 +14,15 @@ export declare class ListItem implements ConditionalSlotComponent, InteractiveCo
    */
   nonInteractive: boolean;
   /**
-   * An optional description for this item.  This will appear below the label text.
+   * An optional description for the list item. Displays below the label text.
    */
   description: string;
   /**
-   * When true, disabled prevents interaction.
+   * When true, prevents user interaction.
    */
   disabled: boolean;
   /**
-   * The label text of the list item. This will appear above the description text.
+   * The label text of the list item. Displays above the description text.
    */
   label: string;
   el: HTMLCalciteListItemElement;

package/dist/types/components/list-item-group/list-item-group.d.ts

@@ -1,16 +1,16 @@
 import { VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 /**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
+ * @slot - A slot for adding calcite-list-item and calcite-list-item-group elements.
  */
 export declare class ListItemGroup {
   /**
-   * The title used for all nested `calcite-list-item` rows.
+   * The title for all nested calcite-list-item rows.
    *
    */
   heading: string;
   /**
-   * Number at which section headings should start for this component.
+   * Number at which section headings should start for the group.
    */
   headingLevel: HeadingLevel;
   el: HTMLCalciteListItemGroupElement;

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

@@ -2,21 +2,21 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /** Show the loader */
+  /** When true, the loader is active. */
   active: boolean;
-  /** Inline loaders are smaller and will appear to the left of the text */
+  /** When true, displays smaller and appears to the left of the text. */
   inline: boolean;
-  /** Accessible name for the component */
+  /** Accessible name for the loader. */
   label: string;
-  /** Speficy the scale of the loader. Defaults to "m" */
+  /** Specify the scale of the loader. */
   scale: Scale;
-  /** Use indeterminate if finding actual progress value is impossible */
+  /** Use indeterminate if finding actual progress value is impossible. */
   type: "indeterminate" | "determinate";
-  /** Percent complete of 100, only valid for determinate indicators */
+  /** Valid only for determinate indicators. Percent complete of 100. */
   value: number;
-  /** Text which should appear under the loading indicator (optional) */
-  text: string;
-  /** Turn off spacing around the loader */
+  /** Text that displays under the loading indicator. */
+  text?: string;
+  /** Disables spacing around the loader. */
   noPadding: boolean;
   render(): VNode;
   /**

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

@@ -24,7 +24,7 @@ export declare class Option {
   /**
    * @internal
    */
-  private calciteOptionChange;
+  private calciteInternalOptionChange;
   private ensureTextContentDependentProps;
   connectedCallback(): void;
   disconnectedCallback(): void;

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

@@ -15,6 +15,6 @@ export declare class OptionGroup {
   /**
    * @internal
    */
-  private calciteOptionGroupChange;
+  private calciteInternalOptionGroupChange;
   render(): VNode;
 }

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

@@ -56,8 +56,8 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
-  calciteListItemPropsChangeHandler(event: CustomEvent): void;
-  calciteListItemValueChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemValueChangeHandler(event: CustomEvent): void;
   calciteListFocusOutHandler(event: FocusEvent): void;
   setUpItems(): void;
   setUpFilter(): void;

package/dist/types/components/pick-list/shared-list-logic.d.ts

@@ -9,7 +9,7 @@ export declare function initialize<T extends Lists>(this: List<T>): void;
 export declare function initializeObserver<T extends Lists>(this: List<T>): void;
 export declare function cleanUpObserver<T extends Lists>(this: List<T>): void;
 export declare function calciteListItemChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare function calciteListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
+export declare function calciteInternalListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
 export declare function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void;
 export declare function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void;
 export declare function moveItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>, direction: "up" | "down"): number;

package/dist/types/components/pick-list-item/pick-list-item.d.ts

@@ -81,12 +81,12 @@ export declare class PickListItem implements ConditionalSlotComponent, Interacti
    * Emitted whenever the the item's label, description, value or metadata properties are modified.
    * @internal
    */
-  calciteListItemPropsChange: EventEmitter<void>;
+  calciteInternalListItemPropsChange: EventEmitter<void>;
   /**
    * Emitted whenever the the item's value property is modified.
    * @internal
    */
-  calciteListItemValueChange: EventEmitter<{
+  calciteInternalListItemValueChange: EventEmitter<{
     oldValue: any;
     newValue: any;
   }>;

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

@@ -4,6 +4,8 @@ export default class PopoverManager {
   registerElement(referenceEl: HTMLElement, popover: HTMLCalcitePopoverElement): void;
   unregisterElement(referenceEl: HTMLElement): void;
   private queryPopover;
+  private togglePopovers;
+  private keyHandler;
   private clickHandler;
   private addListeners;
   private removeListeners;

package/dist/types/components/radio-group-item/radio-group-item.d.ts

@@ -20,5 +20,5 @@ export declare class RadioGroupItem {
    * Fires when the item has been selected.
    * @internal
    */
-  calciteRadioGroupItemChange: EventEmitter;
+  calciteInternalRadioGroupItemChange: EventEmitter;
 }

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

@@ -21,11 +21,11 @@ export declare class Stepper {
    * This event fires when the active stepper item has changed.
    * @internal
    */
-  calciteStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
+  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
   componentWillLoad(): void;
   render(): VNode;
-  calciteStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
+  calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
   registerItem(event: CustomEvent<StepperItemEventDetail>): void;
   updateItem(event: CustomEvent<StepperItemEventDetail>): void;
   /** set the next step as active */

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

@@ -35,15 +35,15 @@ export declare class StepperItem implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;
+  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemSelect: EventEmitter<StepperItemEventDetail>;
+  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemRegister: EventEmitter<StepperItemEventDetail>;
+  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;
   componentWillLoad(): void;
   componentDidRender(): void;
   render(): VNode;

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

@@ -25,7 +25,7 @@ export declare class Tab {
   /**
    * @internal
    */
-  calciteTabRegister: EventEmitter;
+  calciteInternalTabRegister: EventEmitter;
   internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Return the index of this tab within the tab array

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

@@ -56,15 +56,15 @@ export declare class TabTitle implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteTabsFocusNext: EventEmitter;
+  calciteInternalTabsFocusNext: EventEmitter;
   /**
    * @internal
    */
-  calciteTabsFocusPrevious: EventEmitter;
+  calciteInternalTabsFocusPrevious: EventEmitter;
   /**
    * @internal
    */
-  calciteTabTitleRegister: EventEmitter<TabID>;
+  calciteInternalTabTitleRegister: EventEmitter<TabID>;
   /**
    * Return the index of this title within the nav
    */

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

@@ -28,7 +28,7 @@ export declare class Tabs {
   /**
    * @internal
    */
-  calciteTabTitleRegister(e: CustomEvent): void;
+  calciteInternalTabTitleRegister(e: CustomEvent): void;
   /**
    * @internal
    */
@@ -36,7 +36,7 @@ export declare class Tabs {
   /**
    * @internal
    */
-  calciteTabRegister(e: CustomEvent): void;
+  calciteInternalTabRegister(e: CustomEvent): void;
   /**
    * @internal
    */

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

@@ -86,15 +86,15 @@ export declare class TimePicker {
   /**
    * @internal
    */
-  calciteTimePickerBlur: EventEmitter<void>;
+  calciteInternalTimePickerBlur: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteTimePickerChange: EventEmitter<string>;
+  calciteInternalTimePickerChange: EventEmitter<string>;
   /**
    * @internal
    */
-  calciteTimePickerFocus: EventEmitter<void>;
+  calciteInternalTimePickerFocus: EventEmitter<void>;
   hostBlurHandler(): void;
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;

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

@@ -51,7 +51,7 @@ export declare class TreeItem implements ConditionalSlotComponent {
   /**
    * @internal
    */
-  calciteTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
+  calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
   private parentTreeItem?;

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

@@ -69,8 +69,8 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   calciteListFocusOutHandler(event: FocusEvent): void;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
-  calciteListItemPropsChangeHandler(event: CustomEvent): void;
-  calciteListItemValueChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void;
+  calciteInternalListItemValueChangeHandler(event: CustomEvent): void;
   getItems(): ItemElement[];
   setUpItems(): void;
   setUpFilter(): void;

package/dist/types/components.d.ts

@@ -357,10 +357,12 @@ export namespace Components {
         "headingLevel": HeadingLevel;
         /**
           * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
+          * @default "Collapse"
          */
         "intlCollapse"?: string;
         /**
           * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
+          * @default "Expand"
          */
         "intlExpand"?: string;
         /**
@@ -1900,11 +1902,11 @@ export namespace Components {
     }
     interface CalciteList {
         /**
-          * When true, disabled prevents user interaction.
+          * When true, prevents user interaction.
          */
         "disabled": boolean;
         /**
-          * Number at which section headings should start for this component.
+          * Number at which section headings should start for the list.
          */
         "headingLevel": HeadingLevel;
         /**
@@ -1914,15 +1916,15 @@ export namespace Components {
     }
     interface CalciteListItem {
         /**
-          * An optional description for this item.  This will appear below the label text.
+          * An optional description for the list item. Displays below the label text.
          */
         "description": string;
         /**
-          * When true, disabled prevents interaction.
+          * When true, prevents user interaction.
          */
         "disabled": boolean;
         /**
-          * The label text of the list item. This will appear above the description text.
+          * The label text of the list item. Displays above the description text.
          */
         "label": string;
         /**
@@ -1936,45 +1938,45 @@ export namespace Components {
     }
     interface CalciteListItemGroup {
         /**
-          * The title used for all nested `calcite-list-item` rows.
+          * The title for all nested calcite-list-item rows.
          */
         "heading": string;
         /**
-          * Number at which section headings should start for this component.
+          * Number at which section headings should start for the group.
          */
         "headingLevel": HeadingLevel;
     }
     interface CalciteLoader {
         /**
-          * Show the loader
+          * When true, the loader is active.
          */
         "active": boolean;
         /**
-          * Inline loaders are smaller and will appear to the left of the text
+          * When true, displays smaller and appears to the left of the text.
          */
         "inline": boolean;
         /**
-          * Accessible name for the component
+          * Accessible name for the loader.
          */
         "label": string;
         /**
-          * Turn off spacing around the loader
+          * Disables spacing around the loader.
          */
         "noPadding": boolean;
         /**
-          * Speficy the scale of the loader. Defaults to "m"
+          * Specify the scale of the loader.
          */
         "scale": Scale;
         /**
-          * Text which should appear under the loading indicator (optional)
+          * Text that displays under the loading indicator.
          */
-        "text": string;
+        "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible
+          * Use indeterminate if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
-          * Percent complete of 100, only valid for determinate indicators
+          * Valid only for determinate indicators. Percent complete of 100.
          */
         "value": number;
     }
@@ -4490,10 +4492,12 @@ declare namespace LocalJSX {
         "headingLevel"?: HeadingLevel;
         /**
           * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
+          * @default "Collapse"
          */
         "intlCollapse"?: string;
         /**
           * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
+          * @default "Expand"
          */
         "intlExpand"?: string;
         /**
@@ -6046,25 +6050,25 @@ declare namespace LocalJSX {
     }
     interface CalciteList {
         /**
-          * When true, disabled prevents user interaction.
+          * When true, prevents user interaction.
          */
         "disabled"?: boolean;
         /**
-          * Number at which section headings should start for this component.
+          * Number at which section headings should start for the list.
          */
         "headingLevel"?: HeadingLevel;
     }
     interface CalciteListItem {
         /**
-          * An optional description for this item.  This will appear below the label text.
+          * An optional description for the list item. Displays below the label text.
          */
         "description"?: string;
         /**
-          * When true, disabled prevents interaction.
+          * When true, prevents user interaction.
          */
         "disabled"?: boolean;
         /**
-          * The label text of the list item. This will appear above the description text.
+          * The label text of the list item. Displays above the description text.
          */
         "label"?: string;
         /**
@@ -6074,45 +6078,45 @@ declare namespace LocalJSX {
     }
     interface CalciteListItemGroup {
         /**
-          * The title used for all nested `calcite-list-item` rows.
+          * The title for all nested calcite-list-item rows.
          */
         "heading"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Number at which section headings should start for the group.
          */
         "headingLevel"?: HeadingLevel;
     }
     interface CalciteLoader {
         /**
-          * Show the loader
+          * When true, the loader is active.
          */
         "active"?: boolean;
         /**
-          * Inline loaders are smaller and will appear to the left of the text
+          * When true, displays smaller and appears to the left of the text.
          */
         "inline"?: boolean;
         /**
-          * Accessible name for the component
+          * Accessible name for the loader.
          */
         "label": string;
         /**
-          * Turn off spacing around the loader
+          * Disables spacing around the loader.
          */
         "noPadding"?: boolean;
         /**
-          * Speficy the scale of the loader. Defaults to "m"
+          * Specify the scale of the loader.
          */
         "scale"?: Scale;
         /**
-          * Text which should appear under the loading indicator (optional)
+          * Text that displays under the loading indicator.
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible
+          * Use indeterminate if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
-          * Percent complete of 100, only valid for determinate indicators
+          * Valid only for determinate indicators. Percent complete of 100.
          */
         "value"?: number;
     }