@esri/calcite-components 1.0.0-next.290 → 1.0.0-next.294

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

@@ -4,8 +4,6 @@ import { Alignment, Appearance, Scale } from "../interfaces";
  * @slot - A slot for adding a `calcite-icon`.
  */
 export declare class CalciteAction {
-  /** Specify the appearance style of the action, defaults to solid. */
-  appearance: Appearance;
   /**
    * Indicates whether the action is highlighted.
    */
@@ -14,6 +12,8 @@ export declare class CalciteAction {
    * Optionally specify the horizontal alignment of button elements with text content.
    */
   alignment?: Alignment;
+  /** Specify the appearance style of the action, defaults to solid. */
+  appearance: Extract<"solid" | "clear", Appearance>;
   /**
    * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
    */

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

@@ -1,3 +1,4 @@
+import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { VNode } from "../../stencil-public-runtime";
 import { ButtonAlignment, ButtonAppearance, ButtonColor } from "./interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
@@ -19,6 +20,7 @@ export declare class CalciteButton implements LabelableComponent {
   disabled: boolean;
   /** optionally pass a href - used to determine if the component should render as a button or an anchor */
   href?: string;
+  hrefHandler(href: string): void;
   /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
   iconEnd?: string;
   /** flip the icon(s) in rtl */
@@ -35,7 +37,11 @@ export declare class CalciteButton implements LabelableComponent {
   name?: string;
   /** The rel attribute to apply to the hyperlink */
   rel?: string;
-  /** The form ID to associate with the component */
+  /**
+   * The form ID to associate with the component
+   *
+   * @deprecated – this property is no longer needed if placed inside a form.
+   */
   form?: string;
   /** optionally add a round style to the button  */
   round: boolean;
@@ -56,19 +62,20 @@ export declare class CalciteButton implements LabelableComponent {
   render(): VNode;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  formEl: HTMLFormElement;
   labelEl: HTMLCalciteLabelElement;
   /** watches for changing text content **/
   private mutationObserver;
   /** the rendered child element */
   private childEl?;
   /** the node type of the rendered child element */
-  private childElType?;
+  childElType?: "a" | "button";
   /** determine if there is slotted content for styling purposes */
   private hasContent;
   /** determine if loader present for styling purposes */
   private hasLoader;
   private updateHasContent;
   private setupTextContentObserver;
-  onLabelClick: (event: CustomEvent) => void;
+  onLabelClick(): void;
   private handleClick;
 }

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

@@ -65,7 +65,7 @@ export declare class CalciteCheckbox implements LabelableComponent {
   private formResetHandler;
   private onInputBlur;
   private onInputFocus;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;

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

@@ -103,7 +103,7 @@ export declare class CalciteCombobox implements LabelableComponent {
   private listContainerEl;
   private ignoreSelectedEventsFlag;
   private activeTransitionProp;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   keydownHandler: (event: KeyboardEvent) => void;
   private toggleCloseEnd;
   private toggleOpenEnd;

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

@@ -24,6 +24,7 @@ export declare class CalciteDropdown {
    this value does not include groupTitles passed to calcite-dropdown-group
   */
   maxItems: number;
+  maxItemsHandler(): void;
   /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
   overlayPositioning: OverlayPositioning;
   /**
@@ -45,7 +46,6 @@ export declare class CalciteDropdown {
   /** specify the width of dropdown, defaults to m */
   width: Scale;
   connectedCallback(): void;
-  componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
@@ -65,14 +65,17 @@ export declare class CalciteDropdown {
   calciteDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent): void;
   private items;
-  /** specifies the item wrapper height; it is updated when maxItems is > 0  **/
-  private maxScrollerHeight;
   /** trigger elements */
   private triggers;
   private popper;
   private menuEl;
   private referenceEl;
   private activeTransitionProp;
+  private scrollerEl;
+  mutationObserver: MutationObserver;
+  updateItems: () => void;
+  setMaxScrollerHeight: () => void;
+  setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;

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

@@ -22,8 +22,12 @@ 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;
   /**
    * This event fires when the filter text changes.

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-inline-editable/calcite-inline-editable.d.ts

@@ -49,7 +49,7 @@ export declare class CalciteInlineEditable implements LabelableComponent {
    */
   calciteInlineEditableEnableEditingChange: EventEmitter;
   blurHandler(): void;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private inputElement;
   private htmlInput;
   private valuePriorToEditing;

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;
@@ -135,7 +137,8 @@ export declare class CalciteInput implements LabelableComponent {
   keyDownHandler(event: KeyboardEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  onLabelClick: () => 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-input-date-picker/calcite-input-date-picker.d.ts

@@ -91,7 +91,7 @@ export declare class CalciteInputDatePicker implements LabelableComponent {
   private endWrapper;
   private activeTransitionProp;
   setReferenceEl(): void;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   transitionEnd: (event: TransitionEvent) => void;
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;

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

@@ -40,7 +40,7 @@ export declare class CalciteInputTimePicker implements LabelableComponent {
   scale: Scale;
   /** number that specifies the granularity that the value must adhere to */
   step: number;
-  /** The selected time */
+  /** The selected time (always 24-hour format)*/
   value: string;
   valueWatcher(newValue: string): void;
   labelEl: HTMLCalciteLabelElement;
@@ -62,7 +62,7 @@ export declare class CalciteInputTimePicker implements LabelableComponent {
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private setCalciteInputEl;
   private setInputValue;
   private setValue;

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

@@ -10,6 +10,7 @@ export declare class CalciteLink {
   disabled: boolean;
   /** optionally pass a href - used to determine if the component should render as a link or an anchor */
   href?: string;
+  hrefHandler(href: string): void;
   /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
   iconEnd?: string;
   /** flip the icon(s) in rtl */
@@ -27,6 +28,6 @@ export declare class CalciteLink {
   /** the rendered child element */
   private childEl;
   /** the node type of the rendered child element */
-  private childElType;
+  childElType: "a" | "span";
   private storeTagRef;
 }

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

@@ -9,5 +9,8 @@ export declare class CalciteList {
    * Number at which section headings should start for this component.
    */
   headingLevel: HeadingLevel;
+  el: HTMLCalciteListElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
   render(): VNode;
 }

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

@@ -24,6 +24,9 @@ export declare class CalciteListItem {
    */
   label: string;
   el: HTMLCalciteListItemElement;
+  focusEl: HTMLButtonElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
   renderActionsStart(): VNode;
   renderActionsEnd(): VNode;
   renderContentStart(): VNode;

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-radio-button/calcite-radio-button.d.ts

@@ -49,7 +49,7 @@ export declare class CalciteRadioButton implements LabelableComponent {
   selectItem: (items: HTMLCalciteRadioButtonElement[], selectedIndex: number) => void;
   toggle: () => void;
   private clickHandler;
-  onLabelClick: (event: CustomEvent) => void;
+  onLabelClick(event: CustomEvent): void;
   private checkLastRadioButton;
   /** @internal */
   emitCheckedChange(): Promise<void>;

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

@@ -41,7 +41,7 @@ export declare class CalciteRadioGroup implements LabelableComponent {
   labelEl: HTMLCalciteLabelElement;
   private hiddenInput;
   private hasLoaded;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private getItems;
   private selectItem;
   private syncWithInputProxy;

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

@@ -36,7 +36,7 @@ export declare class CalciteRating implements LabelableComponent {
   blurHandler(): void;
   renderStars(): VNode[];
   render(): any;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private updateValue;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;

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

@@ -44,7 +44,7 @@ export declare class CalciteSelect implements LabelableComponent {
   calciteSelectChange: EventEmitter<void>;
   private handleInternalSelectChange;
   protected handleOptionOrGroupChange(event: CustomEvent): void;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private updateNativeElement;
   private populateInternalSelect;
   private clearInternalSelect;

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

@@ -96,7 +96,7 @@ export declare class CalciteSlider implements LabelableComponent {
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private shouldMirror;
   private shouldUseMinValue;
   private generateTickValues;

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

@@ -29,7 +29,7 @@ export declare class CalciteSwitch implements LabelableComponent {
   tabindex: number;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  onLabelClick: () => void;
+  onLabelClick(): void;
   private setupInput;
   private toggle;
   private clickHandler;

package/dist/types/components.d.ts

@@ -89,7 +89,7 @@ export namespace Components {
         /**
           * Specify the appearance style of the action, defaults to solid.
          */
-        "appearance": Appearance;
+        "appearance": Extract<"solid" | "clear", Appearance>;
         /**
           * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
          */
@@ -431,6 +431,7 @@ export namespace Components {
         "disabled": boolean;
         /**
           * The form ID to associate with the component
+          * @deprecated – this property is no longer needed if placed inside a form.
          */
         "form"?: string;
         /**
@@ -788,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;
         /**
@@ -1272,6 +1273,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * Filter value.
+         */
+        "value"?: string;
     }
     interface CalciteFlow {
         /**
@@ -1300,6 +1305,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
          */
@@ -1708,7 +1721,7 @@ export namespace Components {
          */
         "step": number;
         /**
-          * The selected time
+          * The selected time (always 24-hour format)
          */
         "value": string;
     }
@@ -1781,6 +1794,10 @@ export namespace Components {
           * Number at which section headings should start for this component.
          */
         "headingLevel": HeadingLevel;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
     }
     interface CalciteListItem {
         /**
@@ -1799,6 +1816,10 @@ export namespace Components {
           * When true, prevents the content of the list item from user interaction.
          */
         "nonInteractive": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
     }
     interface CalciteListItemGroup {
         /**
@@ -4062,7 +4083,7 @@ declare namespace LocalJSX {
         /**
           * Specify the appearance style of the action, defaults to solid.
          */
-        "appearance"?: Appearance;
+        "appearance"?: Extract<"solid" | "clear", Appearance>;
         /**
           * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
          */
@@ -4413,6 +4434,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * The form ID to associate with the component
+          * @deprecated – this property is no longer needed if placed inside a form.
          */
         "form"?: string;
         /**
@@ -4762,7 +4784,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;
         /**
@@ -5279,6 +5301,10 @@ declare namespace LocalJSX {
           * Placeholder text for the input element's placeholder attribute
          */
         "placeholder"?: string;
+        /**
+          * Filter value.
+         */
+        "value"?: string;
     }
     interface CalciteFlow {
     }
@@ -5303,6 +5329,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
          */
@@ -5706,7 +5740,7 @@ declare namespace LocalJSX {
          */
         "step"?: number;
         /**
-          * The selected time
+          * The selected time (always 24-hour format)
          */
         "value"?: string;
     }
@@ -5888,11 +5922,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/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 {};