@esri/calcite-components/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { Scale, Theme } from "../interfaces";
export declare class CalciteInlineEditable {
  el: HTMLCalciteInlineEditableElement;
  /** specify whether editing can be enabled */
  disabled: boolean;
  disabledWatcher(disabled: boolean): void;
  /** specify whether the wrapped input element is editable, defaults to false */
  editingEnabled: boolean;
  /** specify whether the confirm button should display a loading state, defaults to false */
  loading: boolean;
  /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
  controls: boolean;
  /** specify text to be user for the enable editing button's aria-label, defaults to `Click to edit` */
  intlEnableEditing: string;
  /** specify text to be user for the cancel editing button's aria-label, defaults to `Cancel` */
  intlCancelEditing: string;
  /** specify text to be user for the confirm changes button's aria-label, defaults to `Save` */
  intlConfirmChanges: string;
  /** specify the scale of the inline-editable component, defaults to the scale of the wrapped calcite-input or the scale of the closest wrapping component with a set scale */
  scale?: Scale;
  /** specify the theme of the inline-editable component, defaults to the theme of the wrapped calcite-input or the theme of the closest wrapping component with a set theme */
  theme?: Theme;
  /** when controls, specify a callback to be executed prior to disabling editing. when provided, loading state will be handled automatically. */
  afterConfirm?: () => Promise<void>;
  componentWillLoad(): void;
  componentDidLoad(): void;
  render(): VNode;
  calciteInlineEditableEditingCancel: EventEmitter;
  calciteInlineEditableChangesConfirm: EventEmitter;
  calciteInlineEditableEnableEditingChange: EventEmitter;
  blurHandler(): void;
  handleLabelFocus(e: CustomEvent): void;
  private inputElement;
  private htmlInput;
  private valuePriorToEditing;
  private enableEditingButton;
  private get shouldShowControls();
  private enableEditing;
  private disableEditing;
  private cancelEditing;
  private escapeKeyHandler;
  private cancelEditingHandler;
  private enableEditingHandler;
  private confirmChangesHandler;
}