@esri/calcite-components 1.5.0-next.3 → 1.5.0-next.30

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/accordion/accordion.d.ts

@@ -6,6 +6,8 @@ import { RequestedItem } from "./interfaces";
  */
 export declare class Accordion {
   el: HTMLCalciteAccordionElement;
+  /** Specifies the parent of the component. */
+  accordionParent: HTMLCalciteAccordionElement;
   /** Specifies the appearance of the component. */
   appearance: Extract<"solid" | "transparent", Appearance>;
   /** Specifies the placement of the icon in the header. */
@@ -19,19 +21,17 @@ export declare class Accordion {
    * or `"single-persist"` (allow and require one open item).
    */
   selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
+  handlePropsChange(): void;
   /**
    * @internal
    */
   calciteInternalAccordionChange: EventEmitter<RequestedItem>;
-  componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
-  registerCalciteAccordionItem(event: CustomEvent): void;
   updateActiveItemOnChange(event: CustomEvent): void;
-  /** created list of Accordion items */
-  private items;
-  /** keep track of whether the items have been sorted so we don't re-sort */
-  private sorted;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   /** keep track of the requested item for multi mode */
   private requestedAccordionItem;
-  private sortItems;
+  private updateAccordionItems;
 }

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { FlipContext, Scale } from "../interfaces";
-import { RegistryEntry, RequestedItem } from "./interfaces";
+import { FlipContext, Position, Scale, SelectionMode } from "../interfaces";
+import { RequestedItem } from "./interfaces";
 /**
  * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.
  * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.
@@ -22,42 +22,53 @@ export declare class AccordionItem implements ConditionalSlotComponent {
   /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: FlipContext;
   /**
+   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.
+   *
    * @internal
    */
-  calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;
+  iconPosition: Position;
+  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.
+   *
+   * @internal
+   */
+  iconType: "chevron" | "caret" | "plus-minus";
   /**
+   * The containing `accordion` element.
+   *
    * @internal
    */
-  calciteInternalAccordionItemClose: EventEmitter<void>;
+  accordionParent: HTMLCalciteAccordionElement;
   /**
+   * Specifies the `selectionMode` of the component inherited from the `calcite-accordion`.
+   *
    * @internal
    */
-  calciteInternalAccordionItemRegister: EventEmitter<RegistryEntry>;
+  selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
+  /**
+   * Specifies the size of the component inherited from the `calcite-accordion`.
+   *
+   * @internal
+   */
+  scale: Scale;
+  /**
+   * @internal
+   */
+  calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;
+  /**
+   * @internal
+   */
+  calciteInternalAccordionItemClose: EventEmitter<void>;
   connectedCallback(): void;
-  componentDidLoad(): void;
   disconnectedCallback(): void;
   renderActionsStart(): VNode;
   renderActionsEnd(): VNode;
   render(): VNode;
   keyDownHandler(event: KeyboardEvent): void;
   updateActiveItemOnChange(event: CustomEvent): void;
-  /** the containing accordion element */
-  private parent;
-  /** position within parent */
-  private itemPosition;
   /** the latest requested item */
   private requestedAccordionItem;
-  /** what selection mode is the parent accordion in */
-  private selectionMode;
-  /** what icon position does the parent accordion specify */
-  private iconPosition;
-  /** what icon type does the parent accordion specify */
-  private iconType;
   /** handle clicks on item header */
   private itemHeaderClickHandler;
-  /** Specifies the scale of the `accordion-item` controlled by the parent, defaults to m */
-  scale: Scale;
   private determineActiveItem;
   private emitRequestedItem;
-  private getItemPosition;
 }

package/dist/types/components/action-bar/action-bar.d.ts

@@ -11,6 +11,7 @@ import { ActionBarMessages } from "./assets/action-bar/t9n";
  * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.
  */
 export declare class ActionBar implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
+  el: HTMLCalciteActionBarElement;
   /**
    * When `true`, the expand-toggling behavior is disabled.
    */
@@ -54,7 +55,6 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
    * Emits when the `expanded` property is toggled.
    */
   calciteActionBarToggle: EventEmitter<void>;
-  el: HTMLCalciteActionBarElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   expandToggleEl: HTMLCalciteActionElement;

package/dist/types/components/action-bar/utils.d.ts

@@ -4,7 +4,7 @@ export declare const geActionDimensions: (actions: HTMLCalciteActionElement[]) =
   actionWidth: number;
   actionHeight: number;
 };
-export declare const getOverflowCount: ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }: {
+export declare const getOverflowCount: ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }: {
   layout: Extract<"horizontal" | "vertical", Layout>;
   actionCount: number;
   actionWidth: number;
@@ -14,7 +14,7 @@ export declare const getOverflowCount: ({ layout, actionCount, actionWidth, widt
   groupCount: number;
 }) => number;
 export declare const queryActions: (el: HTMLElement) => HTMLCalciteActionElement[];
-export declare const overflowActions: ({ actionGroups, expanded, overflowCount }: {
+export declare const overflowActions: ({ actionGroups, expanded, overflowCount, }: {
   actionGroups: HTMLCalciteActionGroupElement[];
   expanded: boolean;
   overflowCount: number;

package/dist/types/components/action-group/action-group.d.ts

@@ -6,6 +6,7 @@ import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { Columns, Layout, Scale } from "../interfaces";
 import { ActionGroupMessages } from "./assets/action-group/t9n";
+import { OverlayPositioning } from "../../utils/floating-ui";
 /**
  * @slot - A slot for adding a group of `calcite-action`s.
  * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
@@ -31,6 +32,14 @@ export declare class ActionGroup implements ConditionalSlotComponent, LoadableCo
    * When `true`, the `calcite-action-menu` is open.
    */
   menuOpen: 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"`.
+   *
+   */
+  overlayPositioning: OverlayPositioning;
   /**
    * Specifies the size of the `calcite-action-menu`.
    */

package/dist/types/components/block/block.d.ts

@@ -6,13 +6,14 @@ import { T9nComponent } from "../../utils/t9n";
 import { HeadingLevel } from "../functional/Heading";
 import { Status } from "../interfaces";
 import { BlockMessages } from "./assets/block/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding custom content.
  * @slot icon - A slot for adding a leading header icon with `calcite-icon`.
  * @slot control - A slot for adding a single HTML input element in a header.
  * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.
  */
-export declare class Block implements ConditionalSlotComponent, InteractiveComponent, LocalizedComponent, T9nComponent {
+export declare class Block implements ConditionalSlotComponent, InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent {
   /**
    * When `true`, the component is collapsible.
    */
@@ -60,6 +61,11 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
    */
   messageOverrides: Partial<BlockMessages>;
   onMessagesChange(): void;
+  /**
+   * Sets focus on the component's first tabbable element.
+   *
+   */
+  setFocus(): Promise<void>;
   el: HTMLCalciteBlockElement;
   private guid;
   effectiveLocale: string;
@@ -67,8 +73,9 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
   defaultMessages: BlockMessages;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentDidRender(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentDidRender(): void;
   /**
    * Emits when the component's header is clicked.
    */

package/dist/types/components/block/resources.d.ts

@@ -15,7 +15,6 @@ export declare const CSS: {
   controlContainer: string;
   valid: string;
   invalid: string;
-  loading: string;
 };
 export declare const TEXT: {
   collapse: string;
@@ -33,5 +32,4 @@ export declare const ICONS: {
   closed: string;
   valid: string;
   invalid: string;
-  refresh: string;
 };

package/dist/types/components/block-section/block-section.d.ts

@@ -4,10 +4,11 @@ import { T9nComponent } from "../../utils/t9n";
 import { Status } from "../interfaces";
 import { BlockSectionMessages } from "./assets/block-section/t9n";
 import { BlockSectionToggleDisplay } from "./interfaces";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class BlockSection implements LocalizedComponent, T9nComponent {
+export declare class BlockSection implements LocalizedComponent, T9nComponent, LoadableComponent {
   /**
    * When `true`, expands the component and its contents.
    */
@@ -39,6 +40,11 @@ export declare class BlockSection implements LocalizedComponent, T9nComponent {
    */
   messageOverrides: Partial<BlockSectionMessages>;
   onMessagesChange(): void;
+  /**
+   * Sets focus on the component's first tabbable element.
+   *
+   */
+  setFocus(): Promise<void>;
   el: HTMLCalciteBlockSectionElement;
   private guid;
   effectiveLocale: string;
@@ -51,8 +57,9 @@ export declare class BlockSection implements LocalizedComponent, T9nComponent {
   handleHeaderKeyDown: (event: KeyboardEvent) => void;
   toggleSection: () => void;
   connectedCallback(): void;
-  disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   renderStatusIcon(): VNode[];
   render(): VNode;
 }

package/dist/types/components/card/card.d.ts

@@ -40,7 +40,7 @@ export declare class Card implements ConditionalSlotComponent, LocalizedComponen
   /** Fires when `selectable` is `true` and the component is selected. */
   calciteCardSelect: EventEmitter<void>;
   connectedCallback(): void;
-  disonnectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   render(): VNode;
   effectiveLocale: string;

package/dist/types/components/color-picker/color-picker.d.ts

@@ -82,7 +82,7 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
    *
    * @default "#007ac2"
    * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
-   * @see [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/color-picker/interfaces.ts#L10)
+   * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/main/src/components/color-picker/interfaces.ts#L10)
    */
   value: ColorValue | null;
   handleValueChange(value: ColorValue | null, oldValue: ColorValue | null): void;
@@ -199,4 +199,5 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
   private updateColorFromChannels;
   private updateChannelsFromColor;
   private toChannels;
+  private getAdjustedScopePosition;
 }

package/dist/types/components/color-picker/resources.d.ts

@@ -88,3 +88,4 @@ export declare const DIMENSIONS: {
     };
   };
 };
+export declare const SCOPE_SIZE = 1;

package/dist/types/components/combobox/combobox.d.ts

@@ -202,7 +202,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   private emitComboboxChange;
   toggleSelection(item: HTMLCalciteComboboxItemElement, value?: boolean): void;
   updateAncestors(item: HTMLCalciteComboboxItemElement): void;
-  getfilteredItems(): HTMLCalciteComboboxItemElement[];
+  getFilteredItems(): HTMLCalciteComboboxItemElement[];
   getSelectedItems(): HTMLCalciteComboboxItemElement[];
   updateItems: () => void;
   getData(): ItemData[];

package/dist/types/components/date-picker/date-picker.d.ts

@@ -66,6 +66,11 @@ export declare class DatePicker implements LocalizedComponent, LoadableComponent
   calciteDatePickerRangeChange: EventEmitter<void>;
   /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
+  /**
+   * Resets active date state.
+   * @internal
+   */
+  reset(): Promise<void>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
@@ -110,10 +115,7 @@ export declare class DatePicker implements LocalizedComponent, LoadableComponent
    * @param endDate
    */
   private renderCalendar;
-  /**
-   * Reset active date and close
-   */
-  reset: () => void;
+  private resetActiveDates;
   private getEndDate;
   private setEndDate;
   private getStartDate;

package/dist/types/components/filter/filter.d.ts

@@ -64,12 +64,21 @@ export declare class Filter implements InteractiveComponent, LoadableComponent,
   componentDidRender(): void;
   disconnectedCallback(): void;
   componentDidLoad(): void;
+  /**
+   * Performs a filter on the component.
+   *
+   * This method can be useful because filtering is delayed and asynchronous.
+   *
+   * @param {string} value - The filter text value.
+   * @returns {Promise<void>}
+   */
+  filter(value?: string): Promise<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  private filter;
+  private filterDebounced;
   inputHandler: (event: CustomEvent) => void;
   keyDownHandler: (event: KeyboardEvent) => void;
   clear: () => void;
-  updateFiltered(filtered: any[], emit?: boolean): void;
+  updateFiltered(filtered: object[], emit?: boolean, callback?: () => void): void;
   render(): VNode;
 }

package/dist/types/components/flow/flow.d.ts

@@ -1,21 +1,28 @@
 import { VNode } from "../../stencil-public-runtime";
 import { FlowDirection } from "./interfaces";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-flow-item` elements to the component.
  */
-export declare class Flow {
+export declare class Flow implements LoadableComponent {
   /**
    * Removes the currently active `calcite-flow-item`.
    */
   back(): Promise<HTMLCalciteFlowItemElement>;
+  /**
+   * Sets focus on the component.
+   */
+  setFocus(): Promise<void>;
   el: HTMLCalciteFlowElement;
   flowDirection: FlowDirection;
   itemCount: number;
   items: HTMLCalciteFlowItemElement[];
   itemMutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
-  handleItemBackClick(): void;
+  handleItemBackClick(): Promise<void>;
   getFlowDirection: (oldFlowItemCount: number, newFlowItemCount: number) => FlowDirection | null;
   updateFlowProps: () => void;
   render(): VNode;

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

@@ -2,8 +2,8 @@ import { FunctionalComponent } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 interface ExpandToggleProps {
   expanded: boolean;
-  intlExpand: string;
-  intlCollapse: string;
+  expandText: string;
+  collapseText: string;
   el: HTMLElement;
   position: Position;
   tooltip?: HTMLCalciteTooltipElement;
@@ -11,7 +11,7 @@ interface ExpandToggleProps {
   ref?: (el: HTMLElement) => void;
   scale?: Scale;
 }
-export declare function toggleChildActionText({ el, expanded }: {
+export declare function toggleChildActionText({ el, expanded, }: {
   el: HTMLElement;
   expanded: boolean;
 }): void;

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

@@ -12,7 +12,7 @@ interface FloatingArrowProps extends JSXAttributes {
  * @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-components/blob/master/src/utils/floating-ui.ts)
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
  * @param floatingLayout.key
  * @param floatingLayout.ref
  */

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

@@ -10,4 +10,4 @@ export interface XButtonOptions extends JSXAttributes {
 export declare const CSS: {
   button: string;
 };
-export declare function XButton({ disabled, key, label, onClick, ref, scale }: XButtonOptions): FunctionalComponent;
+export declare function XButton({ disabled, key, label, onClick, ref, scale, }: XButtonOptions): FunctionalComponent;

package/dist/types/components/input/input.d.ts

@@ -263,8 +263,6 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   setFocus(): Promise<void>;
   /** Selects the text of the component's `value`. */
   selectText(): Promise<void>;
-  /** @internal */
-  internalSyncChildElValue(): Promise<void>;
   keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   incrementOrDecrementNumberValue(direction: NumberNudgeDirection, inputMax: number | null, inputMin: number | null, nativeEvent: KeyboardEvent | MouseEvent): void;

package/dist/types/components/input-date-picker/assets/input-date-picker/t9n/index.d.ts

@@ -1,3 +1,4 @@
 export type InputDatePickerMessages = {
   chooseDate: string;
+  dateFormat: string;
 };

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -174,6 +174,7 @@ export declare class InputDatePicker implements FloatingUIComponent, FocusTrapCo
   transitionEl: HTMLDivElement;
   setReferenceEl(): void;
   private valueAsDateChangedExternally;
+  private placeholderTextId;
   private onInputWrapperClick;
   setFilteredPlacements: () => void;
   private setTransitionEl;

package/dist/types/components/input-date-picker/resources.d.ts

@@ -1,4 +1,5 @@
 export declare const CSS: {
+  assistiveText: string;
   menu: string;
   menuActive: string;
   toggleIcon: string;

package/dist/types/components/input-time-picker/input-time-picker.d.ts

@@ -4,7 +4,7 @@ import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
-import { LocalizedComponent, NumberingSystem, SupportedLocales } from "../../utils/locale";
+import { LocalizedComponent, NumberingSystem, SupportedLocale } from "../../utils/locale";
 import { FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { FocusTrap } from "focus-trap";
 import { Scale } from "../interfaces";
@@ -95,7 +95,7 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   private referenceElementId;
   defaultMessages: InputTimePickerMessages;
   effectiveLocale: string;
-  effectiveLocaleWatcher(locale: SupportedLocales): Promise<void>;
+  effectiveLocaleWatcher(locale: SupportedLocale): Promise<void>;
   /**
    * Fires when the time value is changed as a result of user input.
    */