@esri/calcite-components 5.2.0-next.7 → 5.2.0-next.71

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

@@ -1,30 +1,11 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Alignment, Scale, Status } from "../interfaces.js";
+import type { Alignment, Scale, Status } from "../types.js";
 import type { NumberingSystem } from "../../utils/locale.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { InputPlacement } from "./interfaces.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { InputPlacement } from "./types.js";
 
 /**
- * @cssproperty [--calcite-input-prefix-size] - When `prefixText` is provided, specifies the width of the component's prefix element.
- * @cssproperty [--calcite-input-suffix-size] - When `suffixText` is provided, specifies the width of the component's suffix element.
- * @cssproperty [--calcite-input-prefix-text-color] - When `prefixText` is provided, specifies the text color of the component's prefix element.
- * @cssproperty [--calcite-input-suffix-text-color] - When `suffixText` is provided, specifies the text color of the component's suffix element.
- * @cssproperty [--calcite-input-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-input-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-input-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-input-shadow] - Specifies the component's shadow.
- * @cssproperty [--calcite-input-icon-color] - Specifies the component's `icon` color.
- * @cssproperty [--calcite-input-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-input-placeholder-text-color] - Specifies the component's placeholder text color.
- * @cssproperty [--calcite-input-actions-background-color] - Specifies the background color of the component's `clearable` and `number-button-type` elements.
- * @cssproperty [--calcite-input-actions-background-color-hover] - Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered.
- * @cssproperty [--calcite-input-actions-background-color-press] - Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed.
- * @cssproperty [--calcite-input-actions-icon-color] - Specifies the icon color of the component's `clearable` and `number-button-type` elements.
- * @cssproperty [--calcite-input-actions-icon-color-hover] - Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered.
- * @cssproperty [--calcite-input-actions-icon-color-press] - Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed.
- * @cssproperty [--calcite-input-loading-background-color] - When `loading`, specifies the background color of the component's `loading` element.
- * @cssproperty [--calcite-input-loading-fill-color] - When `loading`, specifies the fill color of the component's `loading` element.
  * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
@@ -84,6 +65,20 @@ export abstract class Input extends LitElement {
    * @default false
    */
   accessor iconFlipRtl: boolean;
+  /**
+   * Enables built-in inline editing. Set to `"controls-disabled"` to hide save and cancel controls.
+   *
+   * @default false
+   */
+  accessor inlineEdit: boolean | "controls-disabled";
+  /**
+   * When `true`, the component displays its inline editing mode.
+   *
+   * @default false
+   */
+  accessor inlineEditing: boolean;
+  /** Specifies an optional callback to be executed when saving inline editing changes, inline edit controls must be present */
+  accessor inlineEditingBeforeConfirm: (() => Promise<void>) | undefined;
   /** Specifies an accessible label for the component. */
   accessor label: string | undefined;
   /** Specifies the component's label text. */
@@ -108,14 +103,18 @@ export abstract class Input extends LitElement {
    * @see [MDN - maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
    */
   accessor maxLength: number | undefined;
-  /** Overrides individual strings used by the component. */
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
   accessor messageOverrides: {
-      cancelInlineEditing?: string;
-      clear?: string;
-      confirmInlineEditingChanges?: string;
-      enableInlineEditing?: string;
-      loading?: string;
-      required?: string;
+      cancelInlineEditing?: string | undefined;
+      clear?: string | undefined;
+      confirmInlineEditingChanges?: string | undefined;
+      enableInlineEditing?: string | undefined;
+      loading?: string | undefined;
+      required?: string | undefined;
   };
   /**
    * When the component resides in a form,
@@ -236,10 +235,19 @@ export abstract class Input extends LitElement {
   setFocus(options?: FocusOptions): Promise<void>;
   /** Fires each time a new `value` is typed and committed. */
   readonly calciteInputChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when built-in inline editing is cancelled. */
+  readonly calciteInputInlineEditingCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when built-in inline editing is enabled or disabled. */
+  readonly calciteInputInlineEditingChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires after built-in inline editing confirmation completes. */
+  readonly calciteInputInlineEditingConfirm: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires each time a new `value` is typed. */
   readonly calciteInputInput: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteInputChange: Input["calciteInputChange"]["detail"];
+    calciteInputInlineEditingCancel: Input["calciteInputInlineEditingCancel"]["detail"];
+    calciteInputInlineEditingChange: Input["calciteInputInlineEditingChange"]["detail"];
+    calciteInputInlineEditingConfirm: Input["calciteInputInlineEditingConfirm"]["detail"];
     calciteInputInput: Input["calciteInputInput"]["detail"];
   };
 }