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

package/dist/components/calcite-swatch-group/resources.d.ts

@@ -1,3 +0,0 @@
-export declare const CSS: {
-    container: string;
-};

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

@@ -1,5 +0,0 @@
-export declare const CSS: {
-    container: string;
-    track: string;
-    handle: string;
-};

package/dist/components/calcite-tab/interfaces.d.ts

@@ -1,9 +0,0 @@
-export interface TabChangeEventDetail {
-    /** The tab ID that just became selected */
-    tab: number | string;
-    userTriggered?: boolean;
-}
-export interface TabCloseEventDetail {
-    /** The tab ID that just became closed */
-    tab: number | string;
-}

package/dist/components/calcite-tab/resources.d.ts

@@ -1,9 +0,0 @@
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    container: string;
-    content: string;
-    scale: (scale: Scale) => "scale-s" | "scale-m" | "scale-l";
-};
-export declare const IDS: {
-    tabTitleId: (id: any) => `calcite-tab-title-${any}`;
-};

package/dist/components/calcite-tab-nav/resources.d.ts

@@ -1,16 +0,0 @@
-import { TabPosition } from '../calcite-tabs/interfaces';
-import { Scale } from '../interfaces';
-export declare const ICON: {
-    readonly chevronRight: "chevron-right";
-    readonly chevronLeft: "chevron-left";
-};
-export declare const CSS: {
-    container: string;
-    scrollButton: string;
-    scrollButtonContainer: string;
-    scrollBackwardButton: string;
-    scrollForwardButton: string;
-    tabTitleSlotWrapper: string;
-    scale: (scale: Scale) => "scale-s" | "scale-m" | "scale-l";
-    position: (position: TabPosition) => "position-top" | "position-bottom";
-};

package/dist/components/calcite-tab-title/resources.d.ts

@@ -1,17 +0,0 @@
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    close: string;
-    container: string;
-    containerBottom: string;
-    content: string;
-    contentHasText: string;
-    iconEnd: string;
-    iconPresent: string;
-    iconStart: string;
-    titleIcon: string;
-    scale: (scale: Scale) => "scale-s" | "scale-m" | "scale-l";
-    selectedIndicator: string;
-};
-export declare const IDS: {
-    readonly host: (id: any) => string;
-};

package/dist/components/calcite-table/resources.d.ts

@@ -1,22 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    bordered: string;
-    striped: string;
-    selectionArea: string;
-    paginationArea: string;
-    container: string;
-    tableContainer: string;
-    tableFixed: string;
-    assistiveText: string;
-    selectionActions: string;
-    dismissButton: string;
-    selectionChipActive: string;
-    selectionCountChip: string;
-    selectionOutOfViewChip: string;
-};
-export declare const SLOTS: {
-    selectionActions: string;
-    tableHeader: string;
-    tableFooter: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-table-cell/resources.d.ts

@@ -1,10 +0,0 @@
-export declare const CSS: {
-    contentCell: string;
-    numberCell: string;
-    footerCell: string;
-    selectionCell: string;
-    selectedCell: string;
-    assistiveText: string;
-    lastCell: string;
-    staticCell: string;
-};

package/dist/components/calcite-table-header/resources.d.ts

@@ -1,17 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    contentCell: string;
-    numberCell: string;
-    selectionCell: string;
-    bodyRow: string;
-    footerRow: string;
-    heading: string;
-    description: string;
-    multipleSelectionCell: string;
-    assistiveText: string;
-    active: string;
-    selectedCell: string;
-    lastCell: string;
-    staticCell: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-table-row/resources.d.ts

@@ -1,5 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    lastVisibleRow: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-tabs/resources.d.ts

@@ -1,6 +0,0 @@
-export declare const CSS: {
-    section: string;
-};
-export declare const SLOTS: {
-    titleGroup: string;
-};

package/dist/components/calcite-text-area/interfaces.d.ts

@@ -1,4 +0,0 @@
-export interface CharacterLengthObj {
-    currentLength: string;
-    maxLength: string;
-}

package/dist/components/calcite-text-area/resources.d.ts

@@ -1,33 +0,0 @@
-export declare const CSS: {
-    assistiveText: string;
-    characterLimit: string;
-    content: string;
-    container: string;
-    footer: string;
-    resizeDisabled: string;
-    resizeDisabledX: string;
-    resizeDisabledY: string;
-    characterOverLimit: string;
-    readOnly: string;
-    textAreaInvalid: string;
-    footerSlotted: string;
-    hide: string;
-    footerEndSlotOnly: string;
-    textArea: string;
-    textAreaOnly: string;
-    wrapper: string;
-    loaderContainer: string;
-    loader: string;
-};
-export declare const IDS: {
-    validationMessage: string;
-};
-export declare const SLOTS: {
-    footerStart: string;
-    footerEnd: string;
-};
-export declare const RESIZE_TIMEOUT = 100;
-export declare const NO_DIMENSIONS: Readonly<{
-    height: 0;
-    width: 0;
-}>;

package/dist/components/calcite-tile/resources.d.ts

@@ -1,22 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    container: string;
-    contentContainer: string;
-    contentContainerHasContent: string;
-    contentContainerHasOnlyContentTopAndBottom: string;
-    textContentContainer: string;
-    description: string;
-    heading: string;
-    icon: string;
-    interactive: string;
-    largeVisualDeprecated: string;
-    row: string;
-    selected: string;
-    selectionIcon: string;
-    textContent: string;
-};
-export declare const ICONS: Record<string, IconName>;
-export declare const SLOTS: {
-    contentBottom: string;
-    contentTop: string;
-};

package/dist/components/calcite-tile-group/resources.d.ts

@@ -1,3 +0,0 @@
-export declare const CSS: {
-    container: string;
-};

package/dist/components/calcite-time-picker/resources.d.ts

@@ -1,38 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    button: string;
-    buttonBottomLeft: string;
-    buttonBottomRight: string;
-    buttonFractionalSecondDown: string;
-    buttonFractionalSecondUp: string;
-    buttonHourDown: string;
-    buttonHourUp: string;
-    buttonMeridiemDown: string;
-    buttonMeridiemUp: string;
-    buttonMinuteDown: string;
-    buttonMinuteUp: string;
-    buttonSecondDown: string;
-    buttonSecondUp: string;
-    buttonTopLeft: string;
-    buttonTopRight: string;
-    column: string;
-    decimalSeparator: string;
-    delimiter: string;
-    fractionalSecond: string;
-    hour: string;
-    hourSuffix: string;
-    input: string;
-    inputFocus: string;
-    meridiem: string;
-    minute: string;
-    minuteSuffix: string;
-    second: string;
-    secondSuffix: string;
-    showMeridiem: string;
-    showSecond: string;
-    scale: (scale: Scale) => "scale-s" | "scale-m" | "scale-l";
-    timePicker: string;
-    meridiemStart: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-tooltip/TooltipManager.d.ts

@@ -1,38 +0,0 @@
-import { ReferenceElement } from '../../utils/floating-ui';
-import { Tooltip } from './customElement.js';
-export default class TooltipManager {
-    private registeredElements;
-    private registeredShadowRootCounts;
-    private hoverOpenTimeout;
-    private hoverCloseTimeout;
-    private activeTooltip;
-    private registeredElementCount;
-    private clickedTooltip;
-    private hoveredTooltip;
-    registerElement(referenceEl: ReferenceElement, tooltip: HTMLCalciteTooltipElement): void;
-    unregisterElement(referenceEl: ReferenceElement): void;
-    private queryTooltip;
-    private keyDownHandler;
-    private pointerLeaveHandler;
-    private pointerMoveHandler;
-    private pathHasOpenTooltip;
-    private clickHandler;
-    private blurHandler;
-    private focusInHandler;
-    private addShadowListeners;
-    private removeShadowListeners;
-    private addListeners;
-    private removeListeners;
-    private clearHoverOpenTimeout;
-    private clearHoverCloseTimeout;
-    private clearHoverTimeout;
-    private closeTooltipIfNotActive;
-    private closeActiveTooltip;
-    private toggleFocusedTooltip;
-    private toggleTooltip;
-    private openHoveredTooltip;
-    private closeHoveredTooltip;
-    private registerShadowRoot;
-    private unregisterShadowRoot;
-    private getReferenceElShadowRootNode;
-}

package/dist/components/calcite-tooltip/resources.d.ts

@@ -1,11 +0,0 @@
-export declare const CSS: {
-    positionContainer: string;
-    container: string;
-};
-export declare const IDS: {
-    readonly host: (id: any) => string;
-};
-export declare const TOOLTIP_OPEN_DELAY_MS = 300;
-export declare const TOOLTIP_QUICK_OPEN_DELAY_MS: number;
-export declare const TOOLTIP_CLOSE_DELAY_MS: number;
-export declare const ARIA_DESCRIBED_BY = "aria-describedby";

package/dist/components/calcite-tooltip/utils.d.ts

@@ -1,3 +0,0 @@
-import { ReferenceElement } from '../../utils/floating-ui';
-import { Tooltip } from './customElement.js';
-export declare function getEffectiveReferenceElement(tooltip: HTMLCalciteTooltipElement): ReferenceElement;

package/dist/components/calcite-tree/utils.d.ts

@@ -1,4 +0,0 @@
-import { TreeItem } from '../calcite-tree-item/customElement.js';
-import { Tree } from './customElement.js';
-export declare function isTreeItem(element: Element): element is HTMLCalciteTreeItemElement;
-export declare function getTraversableItems(root: HTMLCalciteTreeElement): HTMLCalciteTreeItemElement[];

package/dist/components/calcite-tree-item/interfaces.d.ts

@@ -1,9 +0,0 @@
-export interface TreeItemSelectDetail {
-    /** Indicate if an item should be added to the current selection. */
-    modifyCurrentSelection: boolean;
-    /**
-     * Indicates if an item selected & indeterminate properties should be updated.
-     * This will be set to true for user interaction changes and false for programmatic changes.
-     */
-    updateItem?: boolean;
-}

package/dist/components/calcite-tree-item/resources.d.ts

@@ -1,19 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    actionsEnd: string;
-    checkbox: string;
-    checkboxContainer: string;
-    checkboxLabel: string;
-    checkmarkIcon: string;
-    chevron: string;
-    childrenContainer: string;
-    iconStart: string;
-    itemExpanded: string;
-    nodeAndActionsContainer: string;
-    nodeContainer: string;
-};
-export declare const SLOTS: {
-    actionsEnd: string;
-    children: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/functional/ExpandToggle.d.ts

@@ -1,22 +0,0 @@
-import { TemplateResult } from 'lit';
-import { Position, Scale } from '../interfaces';
-import { Tooltip } from '../calcite-tooltip/customElement.js';
-interface ExpandToggleProps {
-    expanded: boolean;
-    expandText: string;
-    collapseText: string;
-    expandLabel: string;
-    collapseLabel: string;
-    el: HTMLElement;
-    position: Position;
-    tooltip?: HTMLCalciteTooltipElement;
-    toggle: () => void;
-    ref?: (el: HTMLElement) => void;
-    scale?: Scale;
-}
-export declare function toggleChildActionText({ el, expanded, }: {
-    el: HTMLElement;
-    expanded: boolean;
-}): void;
-export declare const ExpandToggle: ({ expanded, expandText, collapseText, expandLabel, collapseLabel, toggle, el, position, tooltip, ref, scale, }: ExpandToggleProps) => TemplateResult;
-export {};

package/dist/components/functional/FloatingArrow.d.ts

@@ -1,20 +0,0 @@
-import { TemplateResult } from 'lit';
-import { LuminaJsx } from '@arcgis/lumina';
-import { FloatingLayout } from '../../utils/floating-ui';
-interface FloatingArrowProps extends LuminaJsx.CustomAttributes<SVGSVGElement> {
-    floatingLayout: FloatingLayout;
-}
-/**
- * Renders a SVG element to be used as a floating-ui arrow.
- *
- * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
- *
- * @param floatingLayout.floatingLayout
- * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
- *
- * @see [floating-ui](https://github.com/Esri/calcite-design-system/blob/dev/packages/components/src/utils/floating-ui.ts).
- * @param floatingLayout.key
- * @param floatingLayout.ref
- */
-export declare const FloatingArrow: ({ floatingLayout, key, ref }: FloatingArrowProps) => TemplateResult;
-export {};

package/dist/components/functional/InternalLabel.d.ts

@@ -1,26 +0,0 @@
-import { TemplateResult } from 'lit';
-interface InternalLabelProps {
-    alignmentCenter?: boolean;
-    bottomSpacingDisabled?: boolean;
-    labelText?: string;
-    onClick?: () => void;
-    required?: boolean;
-    spacingInlineEnd?: boolean;
-    spacingInlineStart?: boolean;
-    tooltipText?: string;
-}
-export declare const CSS: {
-    alignmentCenter: string;
-    alignmentEnd: string;
-    container: string;
-    requiredIndicator: string;
-    spacingBottom: string;
-    spacingInlineEnd: string;
-    spacingInlineStart: string;
-    text: string;
-};
-/**
- * @slot label-content - A slot for rendering content next to the component's `labelText`.
- */
-export declare const InternalLabel: ({ alignmentCenter, bottomSpacingDisabled, labelText, onClick, required, spacingInlineEnd, spacingInlineStart, tooltipText, }: InternalLabelProps) => TemplateResult;
-export {};

package/dist/components/functional/Validation.d.ts

@@ -1,17 +0,0 @@
-import { TemplateResult } from 'lit';
-import { LuminaJsx } from '@arcgis/lumina';
-import { Scale, Status } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-interface ValidationProps extends LuminaJsx.CustomAttributes {
-    scale: Scale;
-    status: Status;
-    icon?: IconName | boolean;
-    id?: string;
-    message: string;
-    ref?: (el: HTMLDivElement) => void;
-}
-export declare const CSS: {
-    validationContainer: string;
-};
-export declare const Validation: ({ scale, status, id, icon, message, ref, }: ValidationProps) => TemplateResult;
-export {};

package/dist/components/functional/XButton.d.ts

@@ -1,17 +0,0 @@
-import { TemplateResult } from 'lit';
-import { LuminaJsx } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
-export interface XButtonProps extends LuminaJsx.CustomAttributes<HTMLButtonElement> {
-    disabled: boolean;
-    focusable?: boolean;
-    label: string;
-    round?: boolean;
-    scale: Scale;
-    title?: string;
-    onClick?: LuminaJsx.DOMAttributes<HTMLElement>["onClick"];
-}
-export declare const CSS: {
-    button: string;
-    buttonRound: string;
-};
-export declare const XButton: ({ disabled, focusable, key, label, onClick, ref, round, scale, title, }: XButtonProps) => TemplateResult;

package/dist/components/resources.d.ts

@@ -1,13 +0,0 @@
-export declare const KindIcons: {
-    readonly brand: "lightbulb";
-    readonly danger: "exclamationMarkTriangle";
-    readonly info: "information";
-    readonly success: "checkCircle";
-    readonly warning: "exclamationMarkTriangle";
-};
-export declare const KindIconsFilled: {
-    readonly danger: "exclamationMarkTriangleF";
-    readonly info: "informationF";
-    readonly success: "checkCircleF";
-    readonly warning: "exclamationMarkTriangleF";
-};

package/dist/components/types.d.ts

@@ -1,2 +0,0 @@
-/** This type is used to represent a union of all possible values in a given object. */
-export type ValueUnion<T> = T[keyof T];

package/dist/controllers/useCancelable.d.ts

@@ -1,30 +0,0 @@
-import { makeGenericController } from '@arcgis/lumina/controllers';
-import { Arrayable } from 'type-fest';
-import { LitElement } from '@arcgis/lumina';
-/**
- * Interface for the CancelableController.
- */
-export interface UseCancelable {
-    /**
-     * Adds a cancelable resource to the controller.
-     *
-     * @param resource - Resource with a `cancel` method.
-     */
-    add: (resource: Arrayable<Cancelable>) => void;
-    /**
-     * Made into a prop for testing purposes only
-     *
-     * @private
-     */
-    resources: Set<Cancelable>;
-}
-interface Cancelable {
-    cancel: () => void;
-}
-/**
- * A controller for managing cancelable resources.
- *
- * Note: resources will be canceled automatically when the component is disconnected.
- */
-export declare const useCancelable: <T extends LitElement>() => ReturnType<typeof makeGenericController<UseCancelable, T>>;
-export {};

package/dist/controllers/useInteractive.d.ts

@@ -1,33 +0,0 @@
-import { JsxNode, LitElement, LuminaJsx } from '@arcgis/lumina';
-import { TemplateResult } from 'lit';
-export interface InteractiveComponent extends LitElement {
-    /**
-     * When true, prevents user interaction.
-     *
-     * Notes:
-     *
-     * This prop should use the `@Prop` decorator and reflect.
-     * The `disabled` Sass mixin must be added to the component's stylesheet.
-     */
-    disabled: boolean;
-}
-interface InteractiveContainerProps extends LuminaJsx.CustomAttributes {
-    disabled: boolean;
-}
-export declare const useInteractive: (component: InteractiveComponent & LitElement) => ({ children, disabled, }: InteractiveContainerProps & {
-    children: JsxNode;
-}) => TemplateResult;
-/**
- * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.
- *
- * This should be used in the `componentDidRender` lifecycle hook.
- *
- * **Notes**
- *
- * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.
- * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
- *
- * @param component
- */
-export declare function updateHostInteraction(component: InteractiveComponent): void;
-export {};

package/dist/controllers/usePreventDocumentScroll.d.ts

@@ -1,22 +0,0 @@
-import { makeGenericController } from '@arcgis/lumina/controllers';
-import { LitElement } from '@arcgis/lumina';
-/**
- * Interface representing a component that can prevent document scrolling.
- */
-export interface PreventDocumentScrollComponent extends LitElement {
-    /**
-     * Indicates whether the component is currently opened.
-     */
-    opened: boolean;
-    /**
-     * Indicates whether the component should prevent document scrolling when opened.
-     */
-    preventDocumentScroll: boolean;
-}
-/**
- * Creates a controller to manage document scroll prevention for a component.
- *
- * This controller tracks the number of components requesting scroll prevention
- * and ensures that the document's scroll behavior is only modified when necessary.
- */
-export declare const usePreventDocumentScroll: () => ReturnType<typeof makeGenericController<void, PreventDocumentScrollComponent>>;

package/dist/controllers/useSetFocus.d.ts

@@ -1,18 +0,0 @@
-import { makeGenericController } from '@arcgis/lumina/controllers';
-import { FocusableElement, SetFocusable } from '../utils/dom';
-import { InteractiveComponent } from './useInteractive';
-type FocusStrategy = "focusable" | "tabbable";
-type FocusConfig = {
-    target: FocusableElement;
-    includeContainer?: boolean;
-    strategy?: FocusStrategy;
-};
-export interface UseSetFocus {
-    (getFocusTarget: () => FocusableElement | FocusConfig | undefined, options?: FocusOptions): Promise<void>;
-}
-type SetFocusComponent = SetFocusable & Partial<Pick<InteractiveComponent, "disabled">>;
-/**
- * A controller for centralized setFocus behavior.
- */
-export declare const useSetFocus: <T extends SetFocusComponent>() => ReturnType<typeof makeGenericController<UseSetFocus, T>>;
-export {};

package/dist/controllers/useSizeOverride.d.ts

@@ -1,44 +0,0 @@
-interface AxisBounds {
-    min: number | null;
-    max: number | null;
-}
-interface SizeOverrideContext {
-    /**
-     * Returns both min and max allowed sizes (pixels) for the axis "inline" and "block". Use null for no bound.
-     */
-    readonly getBounds?: () => {
-        inline: AxisBounds;
-        block: AxisBounds;
-    };
-    /**
-     * Callback invoked after an override is applied or cleared so the host can sync internal state.
-     * The value will be a rounded pixel number or null if cleared.
-     */
-    readonly targetElement: {
-        value?: HTMLElement | null;
-    };
-}
-export interface UseSizeOverride {
-    /**
-     * Applies (or clears) an inline/block size override in one call.
-     * Pass `null` to clear size overrides.
-     *
-     * Use when the component needs to set inline styles
-     * to override sizing from user resizing via drag or keyboard.
-     *
-     * Min/max define the allowed range. Any requested size outside that range gets clamped.
-     *
-     */
-    resize: (sizes: {
-        inline?: number | null;
-        block?: number | null;
-    }) => {
-        inline?: number | null;
-        block?: number | null;
-    };
-}
-/**
- * Creates a controller that manages size overrides on a host element.
- */
-export declare const useSizeOverride: (context: SizeOverrideContext) => UseSizeOverride;
-export {};

package/dist/controllers/useT9n.d.ts

@@ -1 +0,0 @@
-export declare const useT9n: import('@arcgis/lumina/controllers').UseT9n;

package/dist/controllers/useTopLayer.d.ts

@@ -1,34 +0,0 @@
-import { makeGenericController } from '@arcgis/lumina/controllers';
-import { LitElement } from '@arcgis/lumina';
-import { Ref } from 'lit/directives/ref.js';
-export interface UseTopLayer {
-    /**
-     * Shows the target element on the top layer.
-     */
-    show: () => Promise<void>;
-    /**
-     * Hides the target element from the top layer.
-     */
-    hide: () => Promise<void>;
-}
-export interface UseTopLayerOptions {
-    /**
-     * When true, the top-layer placement will be disabled regardless of `topLayerDisabled`.
-     */
-    disabledOverride?: () => boolean;
-    /**
-     * The target element or a Ref to the target element to show on the top layer.
-     */
-    target: (() => HTMLElement | undefined) | Ref<HTMLElement>;
-}
-export interface TopLayerComponent extends LitElement {
-    /**
-     * When true, disables top layer placement when the component is open.
-     *
-     * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
-     *
-     * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
-     */
-    topLayerDisabled?: boolean;
-}
-export declare const useTopLayer: <T extends TopLayerComponent>(options: UseTopLayerOptions) => ReturnType<typeof makeGenericController<UseTopLayer, T>>;