@esri/calcite-components 1.0.0-next.461 → 1.0.0-next.464

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

@@ -99,7 +99,7 @@ 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";
   /** input value */
   value: string;
-  valueWatcher(newValue: string): void;
+  valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
@@ -111,18 +111,18 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private childElType?;
   /** number text input element for locale */
   private childNumberEl?;
-  /** whether the value of the input was changed as a result of user typing or not */
-  private internalValueChange;
   get isClearable(): boolean;
   get isTextarea(): boolean;
   private minString?;
   private maxString?;
-  private preFocusValue;
+  private previousEmittedValue;
   private previousValue;
+  private previousValueOrigin;
   /** the computed icon to render */
   private requestedIcon?;
   private nudgeNumberValueIntervalId;
   mutationObserver: MutationObserver;
+  private userChangedValue;
   localizedValue: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -151,6 +151,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   onLabelClick(): void;
   incrementOrDecrementNumberValue(direction: NumberNudgeDirection, inputMax: number | null, inputMin: number | null, nativeEvent: KeyboardEvent | MouseEvent): void;
   private clearInputValue;
+  private emitChangeIfUserModified;
   private inputBlurHandler;
   private inputFocusHandler;
   private inputInputHandler;
@@ -166,6 +167,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private setChildNumberElRef;
   private setDisabledAction;
   private setInputValue;
+  private setPreviousEmittedValue;
   private setPreviousValue;
   private setValue;
   private inputKeyUpHandler;

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

@@ -81,6 +81,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   dismissButtonEl: HTMLCalciteActionElement;
   containerEl: HTMLElement;
   panelScrollEl: HTMLElement;
+  resizeObserver: ResizeObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**
@@ -100,6 +101,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
    * Emitted when the back button has been clicked.
    */
   calcitePanelBackClick: EventEmitter;
+  resizeHandler: () => void;
   setContainerRef: (node: HTMLElement) => void;
   setDismissRef: (node: HTMLCalciteActionElement) => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
@@ -131,6 +133,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   renderMenu(): VNode;
   renderHeaderNode(): VNode;
   renderFooterNode(): VNode;
+  setPanelScrollEl: (el: HTMLElement) => void;
   renderContent(): VNode;
   renderFab(): VNode;
   render(): VNode;

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

@@ -0,0 +1,10 @@
+export interface StepperItemEventDetail {
+  position: number;
+  content: Node[];
+}
+export interface StepperItemKeyEventDetail {
+  item: KeyboardEvent;
+}
+export interface StepperItemChangeEventDetail {
+  position: number;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,37 +15,40 @@ export declare class Stepper {
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
   /** @internal */
-  requestedContent: HTMLElement[] | NodeListOf<any>;
+  requestedContent: Node[];
   contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
    * @internal
    */
-  calciteStepperItemChange: EventEmitter;
+  calciteStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
   componentWillLoad(): void;
   render(): VNode;
-  calciteStepperItemKeyEvent(e: CustomEvent): void;
-  registerItem(event: CustomEvent): void;
-  updateItem(event: CustomEvent): void;
+  calciteStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
+  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
+  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
   /** set the previous step as active */
   prevStep(): Promise<void>;
   /** set the requested step as active */
-  goToStep(num: number): Promise<void>;
+  goToStep(step: number): Promise<void>;
   /** set the first step as active */
   startStep(): Promise<void>;
   /** set the last step as active */
   endStep(): Promise<void>;
-  /** created list of Stepper items */
+  /** map of Stepper items */
+  private itemMap;
+  /** list of sorted Stepper items */
   private items;
-  /** sorted list of Stepper items */
-  private sortedItems;
+  /** list of enabled Stepper items */
+  private enabledItems;
   /** keep track of the currently active item position */
   private currentPosition;
   /** the container where we place horizontal layout step content */
   private stepperContentContainer;
+  private getEnabledStepIndex;
   private addHorizontalContentContainer;
   private emitChangedItem;
   private focusFirstItem;
@@ -54,5 +58,6 @@ export declare class Stepper {
   private itemIndex;
   private focusElement;
   private sortItems;
+  private filterItems;
   private updateContent;
 }

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "../stepper/interfaces";
 /**
  * @slot - A slot for adding custom content.
  */
@@ -34,22 +35,19 @@ export declare class StepperItem implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteStepperItemKeyEvent: EventEmitter;
+  calciteStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemSelect: EventEmitter;
+  calciteStepperItemSelect: EventEmitter<StepperItemEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemRegister: EventEmitter;
+  calciteStepperItemRegister: EventEmitter<StepperItemEventDetail>;
   componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
   componentDidRender(): void;
   render(): VNode;
-  keyDownHandler(e: KeyboardEvent): void;
-  updateActiveItemOnChange(event: CustomEvent): void;
+  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
@@ -58,10 +56,11 @@ export declare class StepperItem implements InteractiveComponent {
   private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
+  private keyDownHandler;
   private renderIcon;
   private determineActiveItem;
   private registerStepperItem;
   private emitRequestedItem;
-  private getItemContent;
+  private setItemContent;
   private getItemPosition;
 }

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

@@ -43,7 +43,7 @@ export declare class TabTitle implements InteractiveComponent {
   onClick(): void;
   keyDownHandler(e: KeyboardEvent): void;
   /**
-   * Fires when a specific tab is activated (`event.details`)
+   * Fires when a specific tab is activated. Emits the "tab" property or the index position.
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
    */
   calciteTabsActivate: EventEmitter<TabChangeEventDetail>;

package/dist/types/components.d.ts

@@ -28,6 +28,7 @@ import { PaginationDetail } from "./components/pagination/pagination";
 import { ListFocusId } from "./components/pick-list/shared-list-logic";
 import { ICON_TYPES } from "./components/pick-list/resources";
 import { RadioAppearance } from "./components/radio-group/interfaces";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
 import { TabChangeEventDetail } from "./components/tab/interfaces";
 import { TileSelectType } from "./components/tile-select/interfaces";
@@ -2918,7 +2919,7 @@ export namespace Components {
         /**
           * set the requested step as active
          */
-        "goToStep": (num: number) => Promise<void>;
+        "goToStep": (step: number) => Promise<void>;
         /**
           * optionally display a status icon next to the step title
          */
@@ -2939,7 +2940,7 @@ export namespace Components {
           * set the previous step as active
          */
         "prevStep": () => Promise<void>;
-        "requestedContent": HTMLElement[] | NodeListOf<any>;
+        "requestedContent": Node[];
         /**
           * specify the scale of stepper, defaults to m
          */
@@ -7181,7 +7182,7 @@ declare namespace LocalJSX {
          */
         "iconStart"?: string;
         /**
-          * Fires when a specific tab is activated (`event.details`)
+          * Fires when a specific tab is activated. Emits the "tab" property or the index position.
           * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
          */
         "onCalciteTabsActivate"?: (event: CustomEvent<TabChangeEventDetail>) => void;

package/dist/types/utils/dom.d.ts

@@ -51,4 +51,12 @@ export declare function getSlotted<T extends Element = Element>(element: Element
 export declare function filterDirectChildren<T extends Element>(el: Element, selector: string): T[];
 export declare function setRequestedIcon(iconObject: Record<string, string>, iconValue: string | boolean, matchedValue: string): string;
 export declare function intersects(rect1: DOMRect, rect2: DOMRect): boolean;
+/**
+ * This helper makes sure that boolean aria attributes are properly converted to a string.
+ *
+ * It should only be used for aria attributes that require a string value of "true" or "false".
+ *
+ * @returns {string} The string conversion of a boolean value ("true" | "false").
+ */
+export declare function toAriaBoolean(value: boolean): string;
 export {};