@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.93

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

@@ -1,171 +1,171 @@
-import { Scale, Status } from "../interfaces";
-import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Position } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot action - A slot for positioning a button next to the component.
- */
-export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent {
-  el: HTMLCalciteInputTextElement;
-  /** Specifies the text alignment of the component's value. */
-  alignment: Position;
-  /**
-   * When true, the component is focused on page load.
-   *
-   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-   */
-  autofocus: boolean;
-  /**
-   * When true, a clear button is displayed when the component has a value.
-   */
-  clearable: boolean;
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   *
-   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-   */
-  disabled: boolean;
-  disabledWatcher(): void;
-  /**
-   * When true, the component will not be visible.
-   *
-   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-   */
-  hidden: boolean;
-  /**
-   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-   */
-  icon: string | boolean;
-  /**
-   * A text label that will appear on the clear button for screen readers.
-   */
-  intlClear?: string;
-  /**
-   * Accessible name that will appear while loading.
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
-  /** When true, the icon is flipped in RTL. */
-  iconFlipRtl: boolean;
-  /** Accessible name for the component's button or hyperlink. */
-  label?: string;
-  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
-  loading: boolean;
-  /**
-   * Specifies the maximum length of text for the component's value.
-   *
-   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-   */
-  maxLength?: number;
-  /**
-   * Specifies the minimum length of text for the component's value.
-   *
-   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-   */
-  minLength?: number;
-  /**
-   * Specifies the name of the component.
-   *
-   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-   */
-  name: string;
-  /**
-   * Specifies placeholder text for the component.
-   *
-   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-   */
-  placeholder: string;
-  /** Adds text to the start of the component. */
-  prefixText?: string;
-  /**
-   * When true, the value cannot be modified.
-   *
-   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-   */
-  readOnly: boolean;
-  /** When true, the component must have a value in order for the form to submit. */
-  required: boolean;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  /** Specifies the status of the input field, which determines message and icons. */
-  status: Status;
-  /** Adds text to the end of the component.  */
-  suffixText?: string;
-  /**
-   * @internal
-   */
-  editingEnabled: boolean;
-  /** The component's value. */
-  value: string;
-  valueWatcher(newValue: string, previousValue: string): void;
-  updateRequestedIcon(): void;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: InputText["value"];
-  inlineEditableEl: HTMLCalciteInlineEditableElement;
-  /** keep track of the rendered child */
-  private childEl?;
-  get isClearable(): boolean;
-  private previousEmittedValue;
-  private previousValue;
-  private previousValueOrigin;
-  /** the computed icon to render */
-  private requestedIcon?;
-  mutationObserver: MutationObserver;
-  private userChangedValue;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  /**
-   * @internal
-   */
-  calciteInternalInputTextFocus: EventEmitter<{
-    element: HTMLInputElement;
-    value: string;
-  }>;
-  /**
-   * @internal
-   */
-  calciteInternalInputTextBlur: EventEmitter<{
-    element: HTMLInputElement;
-    value: string;
-  }>;
-  /**
-   * Fires each time a new value is typed.
-   */
-  calciteInputTextInput: EventEmitter<{
-    element: HTMLInputElement;
-    nativeEvent: MouseEvent | KeyboardEvent | InputEvent;
-    value: string;
-  }>;
-  /**
-   * Fires each time a new value is typed and committed.
-   */
-  calciteInputTextChange: EventEmitter<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /** Selects all text of the component's `value`. */
-  selectText(): Promise<void>;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  onLabelClick(): void;
-  private clearInputTextValue;
-  private emitChangeIfUserModified;
-  private inputTextBlurHandler;
-  private inputTextFocusHandler;
-  private inputTextInputHandler;
-  private inputTextKeyDownHandler;
-  onFormReset(): void;
-  syncHiddenFormInput(input: HTMLInputElement): void;
-  hiddenInputChangeHandler: (event: Event) => void;
-  private setChildElRef;
-  private setDisabledAction;
-  private setInputValue;
-  private setPreviousEmittedValue;
-  private setPreviousValue;
-  private setValue;
-  render(): VNode;
-}
+import { Scale, Status } from "../interfaces";
+import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Position } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
+import { FormComponent } from "../../utils/form";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot action - A slot for positioning a button next to the component.
+ */
+export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent {
+  el: HTMLCalciteInputTextElement;
+  /** Specifies the text alignment of the component's value. */
+  alignment: Position;
+  /**
+   * When true, the component is focused on page load.
+   *
+   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+   */
+  autofocus: boolean;
+  /**
+   * When true, a clear button is displayed when the component has a value.
+   */
+  clearable: boolean;
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+   */
+  disabled: boolean;
+  disabledWatcher(): void;
+  /**
+   * When true, the component will not be visible.
+   *
+   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+   */
+  hidden: boolean;
+  /**
+   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   */
+  icon: string | boolean;
+  /**
+   * A text label that will appear on the clear button for screen readers.
+   */
+  intlClear?: string;
+  /**
+   * Accessible name that will appear while loading.
+   *
+   * @default "Loading"
+   */
+  intlLoading?: string;
+  /** When true, the icon is flipped in RTL. */
+  iconFlipRtl: boolean;
+  /** Accessible name for the component's button or hyperlink. */
+  label?: string;
+  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+  loading: boolean;
+  /**
+   * Specifies the maximum length of text for the component's value.
+   *
+   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+   */
+  maxLength?: number;
+  /**
+   * Specifies the minimum length of text for the component's value.
+   *
+   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+   */
+  minLength?: number;
+  /**
+   * Specifies the name of the component.
+   *
+   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+   */
+  name: string;
+  /**
+   * Specifies placeholder text for the component.
+   *
+   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+   */
+  placeholder: string;
+  /** Adds text to the start of the component. */
+  prefixText?: string;
+  /**
+   * When true, the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  /** When true, the component must have a value in order for the form to submit. */
+  required: boolean;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the status of the input field, which determines message and icons. */
+  status: Status;
+  /** Adds text to the end of the component.  */
+  suffixText?: string;
+  /**
+   * @internal
+   */
+  editingEnabled: boolean;
+  /** The component's value. */
+  value: string;
+  valueWatcher(newValue: string, previousValue: string): void;
+  updateRequestedIcon(): void;
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: InputText["value"];
+  inlineEditableEl: HTMLCalciteInlineEditableElement;
+  /** keep track of the rendered child */
+  private childEl?;
+  get isClearable(): boolean;
+  private previousEmittedValue;
+  private previousValue;
+  private previousValueOrigin;
+  /** the computed icon to render */
+  private requestedIcon?;
+  mutationObserver: MutationObserver;
+  private userChangedValue;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  /**
+   * @internal
+   */
+  calciteInternalInputTextFocus: EventEmitter<{
+    element: HTMLInputElement;
+    value: string;
+  }>;
+  /**
+   * @internal
+   */
+  calciteInternalInputTextBlur: EventEmitter<{
+    element: HTMLInputElement;
+    value: string;
+  }>;
+  /**
+   * Fires each time a new value is typed.
+   */
+  calciteInputTextInput: EventEmitter<{
+    element: HTMLInputElement;
+    nativeEvent: MouseEvent | KeyboardEvent | InputEvent;
+    value: string;
+  }>;
+  /**
+   * Fires each time a new value is typed and committed.
+   */
+  calciteInputTextChange: EventEmitter<void>;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  /** Selects all text of the component's `value`. */
+  selectText(): Promise<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  onLabelClick(): void;
+  private clearInputTextValue;
+  private emitChangeIfUserModified;
+  private inputTextBlurHandler;
+  private inputTextFocusHandler;
+  private inputTextInputHandler;
+  private inputTextKeyDownHandler;
+  onFormReset(): void;
+  syncHiddenFormInput(input: HTMLInputElement): void;
+  hiddenInputChangeHandler: (event: Event) => void;
+  private setChildElRef;
+  private setDisabledAction;
+  private setInputValue;
+  private setPreviousEmittedValue;
+  private setPreviousValue;
+  private setValue;
+  render(): VNode;
+}

package/dist/types/components/input-text/resources.d.ts

@@ -1,19 +1,19 @@
-export declare const CSS: {
-  loader: string;
-  clearButton: string;
-  editingEnabled: string;
-  inlineChild: string;
-  inputIcon: string;
-  prefix: string;
-  suffix: string;
-  wrapper: string;
-  inputWrapper: string;
-  actionWrapper: string;
-  resizeIconWrapper: string;
-};
-export declare const SLOTS: {
-  action: string;
-};
-export declare const TEXT: {
-  clear: string;
-};
+export declare const CSS: {
+  loader: string;
+  clearButton: string;
+  editingEnabled: string;
+  inlineChild: string;
+  inputIcon: string;
+  prefix: string;
+  suffix: string;
+  wrapper: string;
+  inputWrapper: string;
+  actionWrapper: string;
+  resizeIconWrapper: string;
+};
+export declare const SLOTS: {
+  action: string;
+};
+export declare const TEXT: {
+  clear: string;
+};

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

@@ -1,112 +1,112 @@
-import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LogicalPlacement } from "../../utils/floating-ui";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-import { InteractiveComponent } from "../../utils/interactive";
-export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent {
-  el: HTMLCalciteInputTimePickerElement;
-  /** The active state of the time input */
-  active: boolean;
-  activeHandler(): void;
-  /** The disabled state of the time input */
-  disabled: boolean;
-  /**
-   * When true, still focusable but controls are gone and the value cannot be modified.
-   *
-   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-   */
-  readOnly: boolean;
-  handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** aria-label for the hour input */
-  intlHour?: string;
-  /** aria-label for the hour down button */
-  intlHourDown?: string;
-  /** aria-label for the hour up button */
-  intlHourUp?: string;
-  /** aria-label for the meridiem (am/pm) input */
-  intlMeridiem?: string;
-  /** aria-label for the meridiem (am/pm) down button */
-  intlMeridiemDown?: string;
-  /** aria-label for the meridiem (am/pm) up button */
-  intlMeridiemUp?: string;
-  /** aria-label for the minute input */
-  intlMinute?: string;
-  /** aria-label for the minute down button */
-  intlMinuteDown?: string;
-  /** aria-label for the minute up button */
-  intlMinuteUp?: string;
-  /** aria-label for the second input */
-  intlSecond?: string;
-  /** aria-label for the second down button */
-  intlSecondDown?: string;
-  /** aria-label for the second up button */
-  intlSecondUp?: string;
-  /**
-   * BCP 47 language tag for desired language and country format
-   *
-   * @internal
-   */
-  locale: string;
-  localeWatcher(newLocale: string): void;
-  /** The name of the time input */
-  name: string;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /** The scale (size) of the time input */
-  scale: Scale;
-  /**
-   * 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;
-  /** number (seconds) that specifies the granularity that the value must adhere to */
-  step: number;
-  /** The selected time in UTC (always 24-hour format) */
-  value: string;
-  valueWatcher(newValue: string): void;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: InputTimePicker["value"];
-  private calciteInputEl;
-  private calciteTimePickerEl;
-  /** whether the value of the input was changed as a result of user typing or not */
-  private internalValueChange;
-  private previousValidValue;
-  private referenceElementId;
-  popoverEl: HTMLCalcitePopoverElement;
-  localizedValue: string;
-  /**
-   * Fires when the time value is changed as a result of user input.
-   */
-  calciteInputTimePickerChange: EventEmitter<string>;
-  private calciteInternalInputBlurHandler;
-  private calciteInternalInputFocusHandler;
-  private calciteInputInputHandler;
-  clickHandler(event: MouseEvent): void;
-  timePickerBlurHandler(event: CustomEvent): void;
-  private timePickerChangeHandler;
-  timePickerFocusHandler(event: CustomEvent): void;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  onLabelClick(): void;
-  private shouldIncludeSeconds;
-  private setCalcitePopoverEl;
-  private setCalciteInputEl;
-  private setCalciteTimePickerEl;
-  private setInputValue;
-  private setValue;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  componentDidRender(): void;
-  render(): VNode;
-}
+import { VNode, EventEmitter } from "../../stencil-public-runtime";
+import { Scale } from "../interfaces";
+import { LogicalPlacement } from "../../utils/floating-ui";
+import { LabelableComponent } from "../../utils/label";
+import { FormComponent } from "../../utils/form";
+import { InteractiveComponent } from "../../utils/interactive";
+export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent {
+  el: HTMLCalciteInputTimePickerElement;
+  /** The active state of the time input */
+  active: boolean;
+  activeHandler(): void;
+  /** The disabled state of the time input */
+  disabled: boolean;
+  /**
+   * When true, still focusable but controls are gone and the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  handleDisabledAndReadOnlyChange(value: boolean): void;
+  /** aria-label for the hour input */
+  intlHour?: string;
+  /** aria-label for the hour down button */
+  intlHourDown?: string;
+  /** aria-label for the hour up button */
+  intlHourUp?: string;
+  /** aria-label for the meridiem (am/pm) input */
+  intlMeridiem?: string;
+  /** aria-label for the meridiem (am/pm) down button */
+  intlMeridiemDown?: string;
+  /** aria-label for the meridiem (am/pm) up button */
+  intlMeridiemUp?: string;
+  /** aria-label for the minute input */
+  intlMinute?: string;
+  /** aria-label for the minute down button */
+  intlMinuteDown?: string;
+  /** aria-label for the minute up button */
+  intlMinuteUp?: string;
+  /** aria-label for the second input */
+  intlSecond?: string;
+  /** aria-label for the second down button */
+  intlSecondDown?: string;
+  /** aria-label for the second up button */
+  intlSecondUp?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   *
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
+  /** The name of the time input */
+  name: string;
+  /**
+   * When true, makes the component required for form-submission.
+   *
+   * @internal
+   */
+  required: boolean;
+  /** The scale (size) of the time input */
+  scale: Scale;
+  /**
+   * 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;
+  /** number (seconds) that specifies the granularity that the value must adhere to */
+  step: number;
+  /** The selected time in UTC (always 24-hour format) */
+  value: string;
+  valueWatcher(newValue: string): void;
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: InputTimePicker["value"];
+  private calciteInputEl;
+  private calciteTimePickerEl;
+  /** whether the value of the input was changed as a result of user typing or not */
+  private internalValueChange;
+  private previousValidValue;
+  private referenceElementId;
+  popoverEl: HTMLCalcitePopoverElement;
+  localizedValue: string;
+  /**
+   * Fires when the time value is changed as a result of user input.
+   */
+  calciteInputTimePickerChange: EventEmitter<string>;
+  private calciteInternalInputBlurHandler;
+  private calciteInternalInputFocusHandler;
+  private calciteInputInputHandler;
+  clickHandler(event: MouseEvent): void;
+  timePickerBlurHandler(event: CustomEvent): void;
+  private timePickerChangeHandler;
+  timePickerFocusHandler(event: CustomEvent): void;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  /** Updates the position of the component. */
+  reposition(): Promise<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  onLabelClick(): void;
+  private shouldIncludeSeconds;
+  private setCalcitePopoverEl;
+  private setCalciteInputEl;
+  private setCalciteTimePickerEl;
+  private setInputValue;
+  private setValue;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  componentDidRender(): void;
+  render(): VNode;
+}

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

@@ -1,13 +1,13 @@
-export declare type Alignment = "start" | "center" | "end";
-export declare type Appearance = "solid" | "clear" | "outline";
-export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
-export declare type FlipContext = "both" | "start" | "end";
-export declare type Layout = "horizontal" | "vertical" | "grid";
-export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
-export declare type Position = "start" | "end";
-export declare type Scale = "s" | "m" | "l";
-export declare type Status = "invalid" | "valid" | "idle";
-export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
-export declare type ThemeName = "light" | "dark" | "auto";
-export declare type Width = "auto" | "half" | "full";
-export declare type DeprecatedEventPayload = any;
+export declare type Alignment = "start" | "center" | "end";
+export declare type Appearance = "solid" | "clear" | "outline" | "transparent" | "minimal";
+export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type FlipContext = "both" | "start" | "end";
+export declare type Layout = "horizontal" | "vertical" | "grid";
+export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
+export declare type Position = "start" | "end";
+export declare type Scale = "s" | "m" | "l";
+export declare type Status = "invalid" | "valid" | "idle";
+export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
+export declare type ThemeName = "light" | "dark" | "auto";
+export declare type Width = "auto" | "half" | "full";
+export declare type DeprecatedEventPayload = any;