@esri/calcite-components 1.0.0-beta.68 → 1.0.0-beta.69

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

@@ -134,11 +134,11 @@ export declare class CalciteColorPicker {
   handleValueChange(value: ColorValue | null, oldValue: ColorValue | null): void;
   private get baseColorFieldColor();
   private activeColorFieldAndSliderRect;
-  private colorUpdateLocked;
   private colorFieldAndSliderHovered;
   private fieldAndSliderRenderingContext;
   private colorFieldScopeNode;
   private hueThumbState;
+  private internalColorUpdateContext;
   private previousColor;
   private mode;
   private shiftKeyChannelAdjustment;

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

@@ -110,7 +110,7 @@ export declare class CalciteCombobox implements LabelableComponent {
   transitionEnd: (event: TransitionEvent) => void;
   setMaxScrollerHeight: () => void;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
-  setFocusClick: () => void;
+  setFocusClick: (event: MouseEvent) => void;
   setInactiveIfNotContained: (event: Event) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   setListContainerEl: (el: HTMLDivElement) => void;

package/dist/types/components/calcite-filter/calcite-filter.d.ts

@@ -4,12 +4,29 @@ export declare class CalciteFilter {
   /**
    * The input data. The filter uses this as the starting point, and returns items
    * that contain the string entered in the input, using a partial match and recursive search.
+   *
+   * @deprecated use `items` instead.
    */
   data: object[];
+  watchDataHandler(value: object[]): void;
+  /**
+   * The items to filter through. The filter uses this as the starting point, and returns items
+   * that contain the string entered in the input, using a partial match and recursive search.
+   *
+   * This property is required.
+   */
+  items: object[];
+  watchItemsHandler(): void;
   /**
    * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
    */
   disabled: boolean;
+  /**
+   * The resulting items after filtering.
+   *
+   * @readonly
+   */
+  filteredItems: CalciteFilter["items"];
   /**
    * A text label that will appear on the clear button.
    */
@@ -22,9 +39,14 @@ export declare class CalciteFilter {
    * Placeholder text for the input element's placeholder attribute
    */
   placeholder?: string;
+  /**
+   * Filter value.
+   */
+  value?: string;
+  valueHandler(value: string): void;
   el: HTMLCalciteFilterElement;
-  empty: boolean;
   textInput: HTMLCalciteInputElement;
+  connectedCallback(): void;
   /**
    * This event fires when the filter text changes.
    */
@@ -35,5 +57,6 @@ export declare class CalciteFilter {
   inputHandler: (event: CustomEvent) => void;
   keyDownHandler: ({ key }: KeyboardEvent) => void;
   clear: () => void;
+  updateFiltered(filtered: any[]): void;
   render(): VNode;
 }

package/dist/types/components/calcite-graph/calcite-graph.d.ts

@@ -20,6 +20,10 @@ export declare class CalciteGraph {
   highlightMin: number;
   /** End of highlight color if highlighting range */
   highlightMax: number;
+  /** Lowest point of the range */
+  min: number;
+  /** Highest point of the range */
+  max: number;
   render(): VNode;
   private graphId;
 }

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

@@ -3,6 +3,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InputPlacement } from "./interfaces";
 import { Position } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
+declare type NumberNudgeDirection = "up" | "down";
 /**
  * @slot action - A slot for positioning a button next to an input
  */
@@ -109,6 +110,7 @@ export declare class CalciteInput implements LabelableComponent {
   private requestedIcon?;
   /** determine if there is a slotted action for styling purposes */
   private slottedActionEl?;
+  private nudgeNumberValueIntervalId;
   localizedValue: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -136,6 +138,7 @@ export declare class CalciteInput implements LabelableComponent {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   onLabelClick(): void;
+  incrementOrDecrementNumberValue(direction: NumberNudgeDirection, inputMax: number, inputMin: number, nativeEvent: KeyboardEvent | MouseEvent): void;
   private clearInputValue;
   private inputBlurHandler;
   private inputFocusHandler;
@@ -144,12 +147,15 @@ export declare class CalciteInput implements LabelableComponent {
   private inputNumberInputHandler;
   private inputNumberKeyDownHandler;
   private nudgeNumberValue;
-  private numberButtonClickHandler;
+  private numberButtonMouseUpAndMouseOutHandler;
+  private numberButtonMouseDownHandler;
   private reset;
   private setChildElRef;
   private setChildNumberElRef;
   private setDisabledAction;
   private setLocalizedValue;
   private setValue;
+  private inputKeyUpHandler;
   render(): VNode;
 }
+export {};

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

@@ -55,9 +55,9 @@ export declare class CalciteModal {
   titleId: string;
   private activeTransitionProp;
   handleEscape(e: KeyboardEvent): void;
-  /** Fired when the modal begins the open animation */
+  /** Fired when the modal finishes the open animation */
   calciteModalOpen: EventEmitter;
-  /** Fired when the modal begins the close animation */
+  /** Fired when the modal finishes the close animation */
   calciteModalClose: EventEmitter;
   /**
    * Focus first interactive element

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

@@ -50,5 +50,7 @@ export declare class CalciteTreeItem {
   calciteTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
+  private parentTreeItem?;
+  private updateParentIsExpanded;
   private updateAncestorTree;
 }

package/dist/types/components.d.ts

@@ -789,7 +789,7 @@ export namespace Components {
         "active": boolean;
         /**
           * The color value.
-          * @see https ://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+          * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
          */
         "color": string;
         /**
@@ -1251,12 +1251,18 @@ export namespace Components {
     interface CalciteFilter {
         /**
           * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
+          * @deprecated use `items` instead.
          */
         "data": object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
         "disabled": boolean;
+        /**
+          * The resulting items after filtering.
+          * @readonly
+         */
+        "filteredItems": CalciteFilter["items"];
         /**
           * A text label that will appear on the clear button.
          */
@@ -1265,6 +1271,10 @@ export namespace Components {
           * A text label that will appear next to the input field.
          */
         "intlLabel"?: string;
+        /**
+          * The items to filter through. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.  This property is required.
+         */
+        "items": object[];
         /**
           * Placeholder text for the input element's placeholder attribute
          */
@@ -1273,6 +1283,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * Filter value.
+         */
+        "value"?: string;
     }
     interface CalciteFlow {
         /**
@@ -1301,6 +1315,14 @@ export namespace Components {
           * Start of highlight color if highlighting range
          */
         "highlightMin": number;
+        /**
+          * Highest point of the range
+         */
+        "max": number;
+        /**
+          * Lowest point of the range
+         */
+        "min": number;
         /**
           * Width of graph in pixels
          */
@@ -4772,7 +4794,7 @@ declare namespace LocalJSX {
         "active"?: boolean;
         /**
           * The color value.
-          * @see https ://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+          * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
          */
         "color"?: string;
         /**
@@ -5267,12 +5289,18 @@ declare namespace LocalJSX {
     interface CalciteFilter {
         /**
           * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
+          * @deprecated use `items` instead.
          */
         "data"?: object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
         "disabled"?: boolean;
+        /**
+          * The resulting items after filtering.
+          * @readonly
+         */
+        "filteredItems"?: CalciteFilter["items"];
         /**
           * A text label that will appear on the clear button.
          */
@@ -5281,6 +5309,10 @@ declare namespace LocalJSX {
           * A text label that will appear next to the input field.
          */
         "intlLabel"?: string;
+        /**
+          * The items to filter through. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.  This property is required.
+         */
+        "items"?: object[];
         /**
           * This event fires when the filter text changes.
          */
@@ -5289,6 +5321,10 @@ declare namespace LocalJSX {
           * Placeholder text for the input element's placeholder attribute
          */
         "placeholder"?: string;
+        /**
+          * Filter value.
+         */
+        "value"?: string;
     }
     interface CalciteFlow {
     }
@@ -5313,6 +5349,14 @@ declare namespace LocalJSX {
           * Start of highlight color if highlighting range
          */
         "highlightMin"?: number;
+        /**
+          * Highest point of the range
+         */
+        "max": number;
+        /**
+          * Lowest point of the range
+         */
+        "min": number;
         /**
           * Width of graph in pixels
          */
@@ -5898,11 +5942,11 @@ declare namespace LocalJSX {
          */
         "noPadding"?: boolean;
         /**
-          * Fired when the modal begins the close animation
+          * Fired when the modal finishes the close animation
          */
         "onCalciteModalClose"?: (event: CustomEvent<any>) => void;
         /**
-          * Fired when the modal begins the open animation
+          * Fired when the modal finishes the open animation
          */
         "onCalciteModalOpen"?: (event: CustomEvent<any>) => void;
         /**

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

@@ -16,6 +16,11 @@ export interface LabelableComponent {
    */
   onLabelClick: (event: CustomEvent<any>) => void;
 }
+/**
+ * Exported for testing purposes only
+ * @internal
+ */
+export declare const labelClickEvent = "calciteInternalLabelClick";
 /**
  * Helper to set up label interactions on connectedCallback.
  */

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

@@ -20,7 +20,7 @@ export declare function updatePopper({ el, modifiers, placement: PopperPlacement
   modifiers: Partial<StrictModifiers>[];
   popper: Popper;
   placement: PopperPlacement;
-}): void;
+}): Promise<void>;
 export declare function hypotenuse(sideA: number, sideB: number): number;
 export declare const defaultOffsetDistance: number;
 export {};