@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

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

@@ -1,197 +1,198 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { LogicalPlacement, OverlayPositioning } from '../../utils/floating-ui';
-import { FormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { NumberingSystem } from '../../utils/locale';
-import { HourFormat } from '../../utils/time';
-import { Scale, Status } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { TimePicker } from '../calcite-time-picker/customElement.js';
-import { Label } from '../calcite-label/customElement.js';
-import { TimeComponent } from '../../controllers/useTime';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
+import type { MutableValidityState } from "../../utils/form.js";
+import type { NumberingSystem } from "../../utils/locale.js";
+import type { HourFormat } from "../../utils/time.js";
+import type { Scale, Status } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { TimePicker } from "../calcite-time-picker/customElement.js";
 
-/** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
-export declare class InputTimePicker extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     *
-     * @default false
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * The `id` of the form that will be associated with the component.
-     *
-     * When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Specifies the component's hour format, where:
-     *
-     * `"user"` displays the user's locale format,
-     * `"12"` displays a 12-hour format, and
-     * `"24"` displays a 24-hour format.
-     *
-     * @default "user"
-     */
-    hourFormat: HourFormat;
-    /** Accessible name for the component. */
-    label: string;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /**
-     * When the component resides in a form,
-     * specifies the maximum value.
-     *
-     * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#max)
-     */
-    max: string;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides & TimePicker["messageOverrides"];
-    /**
-     * When the component resides in a form,
-     * specifies the minimum value.
-     *
-     * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#min)
-     */
-    min: string;
-    /** Specifies the name of the component on form submission. */
-    name: string;
-    /** Specifies the Unicode numeral system used by the component for localization. */
-    numberingSystem: NumberingSystem;
-    /**
-     * When `true`, displays the `calcite-time-picker` component.
-     *
-     * @default false
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     * @default "absolute"
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the popover will be positioned relative to the input.
-     *
-     * @default "auto"
-     */
-    placement: LogicalPlacement;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     *
-     * @default false
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true` and the component resides in a form,
-     * the component must have a value in order for the form to submit.
-     *
-     * @default false
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /**
-     * Specifies the granularity the component's `value` must adhere to (in seconds).
-     *
-     * @default 60
-     */
-    step: number;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * The current validation state of the component.
-     *
-     * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
-     */
-    readonly validity: MutableValidityState;
-    /** The time value in ISO (24-hour) format. */
-    value: string;
-    /**
-     * Updates the position of the component.
-     *
-     * @param delayed
-     * @param delayed If true, delay the repositioning.
-     */
-    reposition(delayed?: boolean): Promise<void>;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calciteInputTimePickerBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteInputTimePickerBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component's `value` is modified by the user. */
-    readonly calciteInputTimePickerChange: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calciteInputTimePickerClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calciteInputTimePickerOpen: TargetedEvent<this, void>;
-    private messages: Partial<{
-        chooseTime: string;
-        fractionalSecond: string;
-        fractionalSecondDown: string;
-        fractionalSecondUp: string;
-        hour: string;
-        hourDown: string;
-        hourUp: string;
-        meridiem: string;
-        meridiemDown: string;
-        meridiemUp: string;
-        minute: string;
-        minuteDown: string;
-        minuteUp: string;
-        required: string;
-        second: string;
-        secondDown: string;
-        secondUp: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        chooseTime: string;
-        fractionalSecond: string;
-        fractionalSecondDown: string;
-        fractionalSecondUp: string;
-        hour: string;
-        hourDown: string;
-        hourUp: string;
-        meridiem: string;
-        meridiemDown: string;
-        meridiemUp: string;
-        minute: string;
-        minuteDown: string;
-        minuteUp: string;
-        required: string;
-        second: string;
-        secondDown: string;
-        secondUp: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-input-time-picker-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-input-time-picker-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-input-time-picker-icon-color] - Specifies the component's icon color.
+ * @cssproperty [--calcite-input-time-picker-icon-color-hover] - Specifies the component's icon color when hovered.
+ * @cssproperty [--calcite-input-time-picker-shadow] - Specifies the component's shadow.
+ * @cssproperty [--calcite-input-time-picker-corner-radius] - Specifies the component's border radius.
+ * @cssproperty [--calcite-input-time-picker-input-background-color] - Specifies the component's input background color.
+ * @cssproperty [--calcite-input-time-picker-input-text-color] - Specifies the component's input text color.
+ * @cssproperty [--calcite-input-time-picker-input-shadow] - Specifies the component's input shadow.
+ * @cssproperty [--calcite-input-time-picker-input-corner-radius] - Specifies the component's input border radius.
+ * @cssproperty [--calcite-input-time-picker-input-border-color] - Specifies the component's input border color.
+ * @cssproperty [--calcite-input-time-picker-digit-text-color] - Specifies the component's digit text color.
+ * @cssproperty [--calcite-input-time-picker-digit-icon-color] - Specifies the component's digit icon color.
+ * @cssproperty [--calcite-input-time-picker-digit-border-color-press] - Specifies the component's digit border color when pressed.
+ * @cssproperty [--calcite-input-time-picker-digit-border-color-hover] - Specifies the component's digit border color when hovered.
+ * @cssproperty [--calcite-input-time-picker-action-background-color-hover] - Specifies the background color of the component's actions when hovered or focused.
+ * @cssproperty [--calcite-input-time-picker-action-background-color-press] - Specifies the background color of the component's actions when active.
+ * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
+ */
+export abstract class InputTimePicker extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   *
+   * @default false
+   */
+  accessor focusTrapDisabled: boolean;
+  /**
+   * Specifies the `id` of the component's associated form.
+   *
+   * When not set, the component is associated with its ancestor form element, if one exists.
+   */
+  accessor form: string;
+  /**
+   * Specifies the component's hour format, where:
+   *
+   * `"user"` displays the user's locale format,
+   * `"12"` displays a 12-hour format, and
+   * `"24"` displays a 24-hour format.
+   *
+   * @default "user"
+   */
+  accessor hourFormat: HourFormat;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /**
+   * When the component resides in a form,
+   * specifies the maximum value.
+   *
+   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#max)
+   */
+  accessor max: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      chooseTime?: string;
+      fractionalSecond?: string;
+      fractionalSecondDown?: string;
+      fractionalSecondUp?: string;
+      hour?: string;
+      hourDown?: string;
+      hourUp?: string;
+      meridiem?: string;
+      meridiemDown?: string;
+      meridiemUp?: string;
+      minute?: string;
+      minuteDown?: string;
+      minuteUp?: string;
+      required?: string;
+      second?: string;
+      secondDown?: string;
+      secondUp?: string;
+  } & TimePicker["messageOverrides"];
+  /**
+   * When the component resides in a form,
+   * specifies the minimum value.
+   *
+   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#min)
+   */
+  accessor min: string;
+  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
+  accessor name: string;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  accessor numberingSystem: NumberingSystem;
+  /**
+   * When `true`, displays the `calcite-time-picker` component.
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * Specifies the type of positioning to use for overlaid content, where:
+   *
+   * `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and
+   *
+   * `"fixed"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+   *
+   * @default "absolute"
+   */
+  accessor overlayPositioning: OverlayPositioning;
+  /**
+   * Determines where the popover will be positioned relative to the input.
+   *
+   * @default "auto"
+   */
+  accessor placement: LogicalPlacement;
+  /**
+   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+   *
+   * @default false
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  accessor readOnly: boolean;
+  /**
+   * When `true` and the component resides in a form,
+   * the component must have a value in order for the form to submit.
+   *
+   * @default false
+   */
+  accessor required: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the status of the input field, which determines message and icons.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /**
+   * Specifies the granularity the component's `value` must adhere to (in seconds).
+   *
+   * @default 60
+   */
+  accessor step: number;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * The component's current validation state.
+   *
+   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+   */
+  get validity(): MutableValidityState;
+  /** The time value in ISO (24-hour) format. */
+  accessor value: string;
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed - If true, delay the repositioning.
+   */
+  reposition(delayed?: boolean): Promise<void>;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  readonly calciteInputTimePickerBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  readonly calciteInputTimePickerBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component's `value` is modified by the user. */
+  readonly calciteInputTimePickerChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calciteInputTimePickerClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calciteInputTimePickerOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteInputTimePickerBeforeClose: InputTimePicker["calciteInputTimePickerBeforeClose"]["detail"];
+    calciteInputTimePickerBeforeOpen: InputTimePicker["calciteInputTimePickerBeforeOpen"]["detail"];
+    calciteInputTimePickerChange: InputTimePicker["calciteInputTimePickerChange"]["detail"];
+    calciteInputTimePickerClose: InputTimePicker["calciteInputTimePickerClose"]["detail"];
+    calciteInputTimePickerOpen: InputTimePicker["calciteInputTimePickerOpen"]["detail"];
+  };
+}

package/dist/components/calcite-input-time-picker/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";

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

@@ -1,5 +1 @@
-import "../calcite-input-message/index.js";
-import "../calcite-icon/index.js";
-import "../calcite-popover/index.js";
-import "../calcite-time-picker/index.js";
 export * from "./customElement.js";