@esri/calcite-components 1.0.0-beta.90 → 1.0.0-beta.93

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

@@ -1,125 +1,125 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { HoverRange } from "../../utils/date";
-import { DateLocaleData } from "../date-picker/utils";
-import { Scale } from "../interfaces";
-export declare class DatePickerMonth {
-  el: HTMLCalciteDatePickerMonthElement;
-  /** Already selected date.*/
-  selectedDate: Date;
-  /** Date currently active.*/
-  activeDate: Date;
-  /** Start date currently active. */
-  startDate?: Date;
-  /** End date currently active  */
-  endDate?: Date;
-  /** Minimum date of the calendar below which is disabled.*/
-  min: Date;
-  /** Maximum date of the calendar above which is disabled.*/
-  max: Date;
-  /** specify the scale of the date picker */
-  scale: Scale;
-  /**
-   * CLDR locale data for current locale
-   *
-   * @internal
-   */
-  localeData: DateLocaleData;
-  /** The range of dates currently being hovered */
-  hoverRange: HoverRange;
-  /**
-   * Event emitted when user selects the date.
-   */
-  calciteDatePickerSelect: EventEmitter<Date>;
-  /**
-   * Event emitted when user hovers the date.
-   *
-   * @internal
-   */
-  calciteInternalDatePickerHover: EventEmitter<Date>;
-  /**
-   * Active date for the user keyboard access.
-   */
-  calciteDatePickerActiveDateChange: EventEmitter<Date>;
-  /**
-   * @internal
-   */
-  calciteInternalDatePickerMouseOut: EventEmitter<void>;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  /**
-   * Once user is not interacting via keyboard,
-   * disable auto focusing of active date
-   */
-  disableActiveFocus: () => void;
-  mouseoutHandler(): void;
-  render(): VNode;
-  private activeFocus;
-  /**
-   * Add n months to the current month
-   *
-   * @param step
-   */
-  private addMonths;
-  /**
-   * Add n days to the current date
-   *
-   * @param step
-   */
-  private addDays;
-  /**
-   * Get dates for last days of the previous month
-   *
-   * @param month
-   * @param year
-   * @param startOfWeek
-   */
-  private getPrevMonthdays;
-  /**
-   * Get dates for the current month
-   *
-   * @param month
-   * @param year
-   */
-  private getCurrentMonthDays;
-  /**
-   * Get dates for first days of the next month
-   *
-   * @param month
-   * @param year
-   * @param startOfWeek
-   */
-  private getNextMonthDays;
-  /**
-   * Determine if the date is in between the start and end dates
-   *
-   * @param date
-   */
-  private betweenSelectedRange;
-  /**
-   * Determine if the date should be in selected state
-   *
-   * @param date
-   */
-  private isSelected;
-  /**
-   * Determine if the date is the start of the date range
-   *
-   * @param date
-   */
-  private isStartOfRange;
-  private isEndOfRange;
-  dayHover: (event: CustomEvent) => void;
-  daySelect: (event: CustomEvent) => void;
-  /**
-   * Render calcite-date-picker-day
-   *
-   * @param active
-   * @param day
-   * @param date
-   * @param currentMonth
-   * @param ref
-   */
-  private renderDateDay;
-  private isFocusedOnStart;
-  private isHoverInRange;
-  private isRangeHover;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { HoverRange } from "../../utils/date";
+import { DateLocaleData } from "../date-picker/utils";
+import { Scale } from "../interfaces";
+export declare class DatePickerMonth {
+  el: HTMLCalciteDatePickerMonthElement;
+  /** Already selected date.*/
+  selectedDate: Date;
+  /** Date currently active.*/
+  activeDate: Date;
+  /** Start date currently active. */
+  startDate?: Date;
+  /** End date currently active  */
+  endDate?: Date;
+  /** Minimum date of the calendar below which is disabled.*/
+  min: Date;
+  /** Maximum date of the calendar above which is disabled.*/
+  max: Date;
+  /** specify the scale of the date picker */
+  scale: Scale;
+  /**
+   * CLDR locale data for current locale
+   *
+   * @internal
+   */
+  localeData: DateLocaleData;
+  /** The range of dates currently being hovered */
+  hoverRange: HoverRange;
+  /**
+   * Event emitted when user selects the date.
+   */
+  calciteDatePickerSelect: EventEmitter<Date>;
+  /**
+   * Event emitted when user hovers the date.
+   *
+   * @internal
+   */
+  calciteInternalDatePickerHover: EventEmitter<Date>;
+  /**
+   * Active date for the user keyboard access.
+   */
+  calciteDatePickerActiveDateChange: EventEmitter<Date>;
+  /**
+   * @internal
+   */
+  calciteInternalDatePickerMouseOut: EventEmitter<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  /**
+   * Once user is not interacting via keyboard,
+   * disable auto focusing of active date
+   */
+  disableActiveFocus: () => void;
+  mouseoutHandler(): void;
+  render(): VNode;
+  private activeFocus;
+  /**
+   * Add n months to the current month
+   *
+   * @param step
+   */
+  private addMonths;
+  /**
+   * Add n days to the current date
+   *
+   * @param step
+   */
+  private addDays;
+  /**
+   * Get dates for last days of the previous month
+   *
+   * @param month
+   * @param year
+   * @param startOfWeek
+   */
+  private getPrevMonthdays;
+  /**
+   * Get dates for the current month
+   *
+   * @param month
+   * @param year
+   */
+  private getCurrentMonthDays;
+  /**
+   * Get dates for first days of the next month
+   *
+   * @param month
+   * @param year
+   * @param startOfWeek
+   */
+  private getNextMonthDays;
+  /**
+   * Determine if the date is in between the start and end dates
+   *
+   * @param date
+   */
+  private betweenSelectedRange;
+  /**
+   * Determine if the date should be in selected state
+   *
+   * @param date
+   */
+  private isSelected;
+  /**
+   * Determine if the date is the start of the date range
+   *
+   * @param date
+   */
+  private isStartOfRange;
+  private isEndOfRange;
+  dayHover: (event: CustomEvent) => void;
+  daySelect: (event: CustomEvent) => void;
+  /**
+   * Render calcite-date-picker-day
+   *
+   * @param active
+   * @param day
+   * @param date
+   * @param currentMonth
+   * @param ref
+   */
+  private renderDateDay;
+  private isFocusedOnStart;
+  private isHoverInRange;
+  private isRangeHover;
+}

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

@@ -1,68 +1,68 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { DateLocaleData } from "../date-picker/utils";
-import { Scale } from "../interfaces";
-import { HeadingLevel } from "../functional/Heading";
-export declare class DatePickerMonthHeader {
-  el: HTMLCalciteDatePickerMonthHeaderElement;
-  /** Already selected date. */
-  selectedDate: Date;
-  /** Focused date with indicator (will become selected date if user proceeds) */
-  activeDate: Date;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /** Minimum date of the calendar below which is disabled. */
-  min: Date;
-  /** Maximum date of the calendar above which is disabled. */
-  max: Date;
-  /** User's language and region as BCP 47 formatted string. */
-  locale: string;
-  /** Localized string for previous month. */
-  intlPrevMonth: string;
-  /** Localized string for next month. */
-  intlNextMonth: string;
-  /** Localized string for year. */
-  intlYear: string;
-  /** specify the scale of the date picker */
-  scale: Scale;
-  /** CLDR locale data for translated calendar info */
-  localeData: DateLocaleData;
-  /**
-   *  Changes to active date
-   */
-  calciteDatePickerSelect: EventEmitter<Date>;
-  connectedCallback(): void;
-  render(): VNode;
-  renderContent(): VNode;
-  private yearInput;
-  nextMonthDate: Date;
-  prevMonthDate: Date;
-  setNextPrevMonthDates(): void;
-  /**
-   * Increment year on UP/DOWN keys
-   *
-   * @param event
-   */
-  private onYearKey;
-  private formatCalendarYear;
-  private parseCalendarYear;
-  private onYearChange;
-  private onYearInput;
-  private prevMonthClick;
-  private prevMonthKeydown;
-  private nextMonthClick;
-  private nextMonthKeydown;
-  private handleArrowClick;
-  private getInRangeDate;
-  /**
-   * Parse localized year string from input,
-   * set to active if in range
-   *
-   * @param root0
-   * @param root0.localizedYear
-   * @param root0.commit
-   * @param root0.offset
-   */
-  private setYear;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { DateLocaleData } from "../date-picker/utils";
+import { Scale } from "../interfaces";
+import { HeadingLevel } from "../functional/Heading";
+export declare class DatePickerMonthHeader {
+  el: HTMLCalciteDatePickerMonthHeaderElement;
+  /** Already selected date. */
+  selectedDate: Date;
+  /** Focused date with indicator (will become selected date if user proceeds) */
+  activeDate: Date;
+  /**
+   * Number at which section headings should start for this component.
+   */
+  headingLevel: HeadingLevel;
+  /** Minimum date of the calendar below which is disabled. */
+  min: Date;
+  /** Maximum date of the calendar above which is disabled. */
+  max: Date;
+  /** User's language and region as BCP 47 formatted string. */
+  locale: string;
+  /** Localized string for previous month. */
+  intlPrevMonth: string;
+  /** Localized string for next month. */
+  intlNextMonth: string;
+  /** Localized string for year. */
+  intlYear: string;
+  /** specify the scale of the date picker */
+  scale: Scale;
+  /** CLDR locale data for translated calendar info */
+  localeData: DateLocaleData;
+  /**
+   *  Changes to active date
+   */
+  calciteDatePickerSelect: EventEmitter<Date>;
+  connectedCallback(): void;
+  render(): VNode;
+  renderContent(): VNode;
+  private yearInput;
+  nextMonthDate: Date;
+  prevMonthDate: Date;
+  setNextPrevMonthDates(): void;
+  /**
+   * Increment year on UP/DOWN keys
+   *
+   * @param event
+   */
+  private onYearKey;
+  private formatCalendarYear;
+  private parseCalendarYear;
+  private onYearChange;
+  private onYearInput;
+  private prevMonthClick;
+  private prevMonthKeydown;
+  private nextMonthClick;
+  private nextMonthKeydown;
+  private handleArrowClick;
+  private getInRangeDate;
+  /**
+   * Parse localized year string from input,
+   * set to active if in range
+   *
+   * @param root0
+   * @param root0.localizedYear
+   * @param root0.commit
+   * @param root0.offset
+   */
+  private setYear;
+}

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

@@ -1 +1 @@
-export declare const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
+export declare const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;

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

@@ -1,128 +1,136 @@
-import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ItemKeyboardEvent } from "./interfaces";
-import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacement } from "../../utils/floating-ui";
-import { Scale } from "../interfaces";
-import { InteractiveComponent } from "../../utils/interactive";
-import { OpenCloseComponent } from "../../utils/openCloseComponent";
-/**
- * @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
- * @slot dropdown-trigger - A slot for the element that triggers the dropdown.
- */
-export declare class Dropdown implements InteractiveComponent, OpenCloseComponent, FloatingUIComponent {
-  el: HTMLCalciteDropdownElement;
-  /**
-   * Opens or closes the dropdown
-   *
-   * @deprecated use open instead.
-   */
-  active: boolean;
-  /** When true, opens the dropdown */
-  open: boolean;
-  activeHandler(): void;
-  /**
-   allow the dropdown to remain open after a selection is made
-   if the selection-mode of the selected item's containing group is "none", the dropdown will always close
-   */
-  disableCloseOnSelect: boolean;
-  /** is the dropdown disabled  */
-  disabled: boolean;
-  handleDisabledChange(value: boolean): void;
-  /**
-   * Defines the available placements that can be used when a flip occurs.
-   */
-  flipPlacements?: EffectivePlacement[];
-  flipPlacementsHandler(): void;
-  /**
-   specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
-   this value does not include groupTitles passed to calcite-dropdown-group
-   */
-  maxItems: number;
-  maxItemsHandler(): void;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
-  overlayPositioning: OverlayPositioning;
-  overlayPositioningHandler(): void;
-  /**
-   * Determines where the dropdown will be positioned relative to the button.
-   *
-   * @default "bottom-start"
-   */
-  placement: MenuPlacement;
-  placementHandler(): void;
-  /** specify the scale of dropdown, defaults to m */
-  scale: Scale;
-  /**
-   * **read-only** The currently selected items
-   *
-   * @readonly
-   */
-  selectedItems: HTMLCalciteDropdownItemElement[];
-  /** specify whether the dropdown is opened by hover or click of a trigger element */
-  type: "hover" | "click";
-  /** specify the width of dropdown */
-  width?: Scale;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
-  /** fires when a dropdown item has been selected or deselected */
-  calciteDropdownSelect: EventEmitter<void>;
-  /** Fires when the component is requested to be closed and before the closing transition begins. */
-  calciteDropdownBeforeClose: EventEmitter<void>;
-  /** Fires when the component is closed and animation is complete. */
-  calciteDropdownClose: EventEmitter<void>;
-  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-  calciteDropdownBeforeOpen: EventEmitter<void>;
-  /** Fires when the component is open and animation is complete. */
-  calciteDropdownOpen: EventEmitter<void>;
-  closeCalciteDropdownOnClick(event: Event): void;
-  closeCalciteDropdownOnEvent(event: Event): void;
-  closeCalciteDropdownOnOpenEvent(event: Event): void;
-  mouseEnterHandler(): void;
-  mouseLeaveHandler(): void;
-  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void;
-  handleItemSelect(event: CustomEvent): void;
-  filteredFlipPlacements: EffectivePlacement[];
-  private items;
-  /** trigger elements */
-  private triggers;
-  floatingEl: HTMLDivElement;
-  referenceEl: HTMLDivElement;
-  private activeTransitionProp;
-  private scrollerEl;
-  mutationObserver: MutationObserver;
-  resizeObserver: ResizeObserver;
-  guid: string;
-  defaultAssignedElements: Element[];
-  slotChangeHandler: (event: Event) => void;
-  setFilteredPlacements: () => void;
-  updateTriggers: (event: Event) => void;
-  updateItems: () => void;
-  resizeObserverCallback: (entries: ResizeObserverEntry[]) => void;
-  setDropdownWidth: () => void;
-  setMaxScrollerHeight: () => void;
-  setScrollerEl: (scrollerEl: HTMLDivElement) => void;
-  transitionEnd: (event: TransitionEvent) => void;
-  transitionStartHandler: (event: TransitionEvent) => void;
-  onBeforeOpen(): void;
-  onOpen(): void;
-  onBeforeClose(): void;
-  onClose(): void;
-  setReferenceEl: (el: HTMLDivElement) => void;
-  setFloatingEl: (el: HTMLDivElement) => void;
-  private keyDownHandler;
-  private updateSelectedItems;
-  private getMaxScrollerHeight;
-  private closeCalciteDropdown;
-  private focusOnFirstActiveOrFirstItem;
-  private focusFirstItem;
-  private focusLastItem;
-  private focusNextItem;
-  private focusPrevItem;
-  private itemIndex;
-  private getFocusableElement;
-  private toggleOpenEnd;
-  private openCalciteDropdown;
-}
+import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ItemKeyboardEvent, Selection } from "./interfaces";
+import { OverlayPositioning, FloatingUIComponent, EffectivePlacement, MenuPlacement } from "../../utils/floating-ui";
+import { Scale } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { RequestedItem } from "../dropdown-group/interfaces";
+/**
+ * @slot - A slot for adding `calcite-dropdown-group` components. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
+ * @slot dropdown-trigger - A slot for the element that triggers the `calcite-dropdown`.
+ */
+export declare class Dropdown implements InteractiveComponent, OpenCloseComponent, FloatingUIComponent {
+  el: HTMLCalciteDropdownElement;
+  /**
+   * Opens or closes the dropdown
+   *
+   * @deprecated use open instead.
+   */
+  active: boolean;
+  activeHandler(value: boolean): void;
+  /** When true, opens the dropdown */
+  open: boolean;
+  openHandler(value: boolean): void;
+  /**
+   allow the dropdown to remain open after a selection is made
+   if the selection-mode of the selected item's containing group is "none", the dropdown will always close
+   */
+  disableCloseOnSelect: boolean;
+  /** is the dropdown disabled  */
+  disabled: boolean;
+  handleDisabledChange(value: boolean): void;
+  /**
+   * Defines the available placements that can be used when a flip occurs.
+   */
+  flipPlacements?: EffectivePlacement[];
+  flipPlacementsHandler(): void;
+  /**
+   specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
+   this value does not include groupTitles passed to calcite-dropdown-group
+   */
+  maxItems: number;
+  maxItemsHandler(): void;
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
+  overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
+  /**
+   * Determines where the dropdown will be positioned relative to the button.
+   *
+   * @default "bottom-start"
+   */
+  placement: MenuPlacement;
+  placementHandler(): void;
+  /** specify the scale of dropdown, defaults to m */
+  scale: Scale;
+  /**
+   * **read-only** The currently selected items
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteDropdownItemElement[];
+  /** specify whether the dropdown is opened by hover or click of a trigger element */
+  type: "hover" | "click";
+  /** specify the width of dropdown */
+  width?: Scale;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  render(): VNode;
+  /** Updates the position of the component. */
+  reposition(): Promise<void>;
+  /** fires when a dropdown item has been selected or deselected */
+  calciteDropdownSelect: EventEmitter<Selection>;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteDropdownBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteDropdownClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteDropdownBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteDropdownOpen: EventEmitter<void>;
+  closeCalciteDropdownOnClick(event: Event): void;
+  closeCalciteDropdownOnEvent(event: Event): void;
+  closeCalciteDropdownOnOpenEvent(event: Event): void;
+  mouseEnterHandler(): void;
+  mouseLeaveHandler(): void;
+  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void;
+  handleItemSelect(event: CustomEvent<RequestedItem>): void;
+  filteredFlipPlacements: EffectivePlacement[];
+  private items;
+  private groups;
+  /** trigger elements */
+  private triggers;
+  floatingEl: HTMLDivElement;
+  referenceEl: HTMLDivElement;
+  private scrollerEl;
+  mutationObserver: MutationObserver;
+  resizeObserver: ResizeObserver;
+  openTransitionProp: string;
+  transitionEl: HTMLDivElement;
+  guid: string;
+  defaultAssignedElements: Element[];
+  slotChangeHandler: (event: Event) => void;
+  setFilteredPlacements: () => void;
+  updateTriggers: (event: Event) => void;
+  updateItems: () => void;
+  updateGroups: (event: Event) => void;
+  resizeObserverCallback: (entries: ResizeObserverEntry[]) => void;
+  setDropdownWidth: () => void;
+  setMaxScrollerHeight: () => void;
+  setScrollerAndTransitionEl: (el: HTMLDivElement) => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  setReferenceEl: (el: HTMLDivElement) => void;
+  setFloatingEl: (el: HTMLDivElement) => void;
+  private keyDownHandler;
+  private updateSelectedItems;
+  private getMaxScrollerHeight;
+  private closeCalciteDropdown;
+  private focusOnFirstActiveOrFirstItem;
+  private focusFirstItem;
+  private focusLastItem;
+  private focusNextItem;
+  private focusPrevItem;
+  private itemIndex;
+  private getFocusableElement;
+  private toggleOpenEnd;
+  private openCalciteDropdown;
+}