@esri/calcite-components 5.0.0-next.8 → 5.0.0-next.80

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

@@ -1,28 +0,0 @@
-export declare const CSS: {
-    imageContainer: string;
-    container: string;
-    imageSlotted: string;
-    selectable: string;
-    nonInteractive: string;
-    selected: string;
-    internalSvgContainer: string;
-    internalSvgDisabled: string;
-    internalSvgEmpty: string;
-    swatch: string;
-    checker: string;
-    noColorSwatch: string;
-};
-export declare const SLOTS: {
-    image: string;
-};
-export declare const CHECKER_DIMENSIONS: {
-    squareSize: number;
-    size: number;
-};
-export declare const IDS: {
-    checker: string;
-    shape: string;
-    swatchRect: string;
-    swatchSolid: string;
-    swatchTransparent: string;
-};

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,16 +0,0 @@
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    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,31 +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;
-};
-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,20 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    actionsEnd: string;
-    bulletPointIcon: 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-html';
-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-html';
-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-html';
-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-html';
-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-html';
-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,7 +0,0 @@
-export declare const KindIcons: {
-    readonly brand: "lightbulb";
-    readonly danger: "exclamationMarkTriangle";
-    readonly info: "information";
-    readonly success: "checkCircle";
-    readonly warning: "exclamationMarkTriangle";
-};

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/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 '../utils/interactive';
-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/useT9n.d.ts

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

package/dist/custom-theme/accordion-item.d.ts

@@ -1,9 +0,0 @@
-export declare const accordionItemTokens: {
-    calciteAccordionItemContentSpace: string;
-    calciteAccordionItemExpandIconColor: string;
-    calciteAccordionItemHeaderBackgroundColor: string;
-    calciteAccordionItemHeadingTextColor: string;
-    calciteAccordionItemIconColorEnd: string;
-    calciteAccordionItemIconColorStart: string;
-};
-export declare const accordionItem: (idx: number) => string;

package/dist/custom-theme/accordion.d.ts

@@ -1,8 +0,0 @@
-export declare const accordionTokens: {
-    calciteAccordionBackgroundColor: string;
-    calciteAccordionBorderColor: string;
-    calciteAccordionTextColor: string;
-    calciteAccordionTextColorHover: string;
-    calciteAccordionTextColorPress: string;
-};
-export declare const accordion: string;

package/dist/custom-theme/action.d.ts

@@ -1,27 +0,0 @@
-export declare const actionTokens: {
-    calciteActionIndicatorColor: string;
-    calciteActionBackgroundColor: string;
-    calciteActionBackgroundColorHover: string;
-    calciteActionBackgroundColorPressed: string;
-    calciteActionTextColor: string;
-    calciteActionTextColorPressed: string;
-};
-export declare const actionBarTokens: {
-    calciteActionBarExpandedMaxWidth: string;
-    calciteActionBarItemsSpace: string;
-};
-export declare const actionBar: string;
-export declare const actionGroupTokens: {
-    calciteActionGroupBorderColor: string;
-    calciteActionGroupColumns: string;
-};
-export declare const actionMenuTokens: {
-    calciteActionMenuItemsSpace: string;
-};
-export declare const actionPadTokens: {
-    calciteActionPadCornerRadius: string;
-    calciteActionPadExpandedMaxWidth: string;
-    calciteActionPadItemsSpace: string;
-};
-export declare const actionMenu: string;
-export declare const actionPad: string;

package/dist/custom-theme/alert.d.ts

@@ -1,7 +0,0 @@
-export declare const alertTokens: {
-    calciteAlertWidth: string;
-    calciteAlertBackgroundColor: string;
-    calciteAlertCornerRadius: string;
-    calciteAlertShadow: string;
-};
-export declare const alert: string;

package/dist/custom-theme/autocomplete.d.ts

@@ -1,28 +0,0 @@
-export declare const autocompleteTokens: {
-    calciteAutocompleteBackgroundColor: string;
-    calciteAutocompleteBorderColor: string;
-    calciteAutocompleteCornerRadius: string;
-    calciteAutocompleteDescriptionTextColor: string;
-    calciteAutocompleteHeadingTextColor: string;
-    calciteAutocompleteTextColor: string;
-    calciteAutocompleteInputBackgroundColor: string;
-    calciteAutocompleteInputBorderColor: string;
-    calciteAutocompleteInputCornerRadius: string;
-    calciteAutocompleteInputShadow: string;
-    calciteAutocompleteInputIconColor: string;
-    calciteAutocompleteInputTextColor: string;
-    calciteAutocompleteInputPlaceholderTextColor: string;
-    calciteAutocompleteInputActionsBackgroundColor: string;
-    calciteAutocompleteInputActionsBackgroundColorHover: string;
-    calciteAutocompleteInputActionsBackgroundColorPress: string;
-    calciteAutocompleteInputActionsIconColor: string;
-    calciteAutocompleteInputActionsIconColorHover: string;
-    calciteAutocompleteInputActionsIconColorPress: string;
-    calciteAutocompleteInputLoadingBackgroundColor: string;
-    calciteAutocompleteInputLoadingFillColor: string;
-    calciteAutocompleteInputPrefixBackgroundColor: string;
-    calciteAutocompleteInputPrefixTextColor: string;
-    calciteAutocompleteInputSuffixBackgroundColor: string;
-    calciteAutocompleteInputSuffixTextColor: string;
-};
-export declare const autocomplete: string;