@esri/calcite-components 1.0.0-beta.78 → 1.0.0-beta.79

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

@@ -1,45 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { DateLocaleData } from "../date-picker/utils";
-import { Scale } from "../interfaces";
-export declare class DatePickerDay {
-  el: HTMLCalciteDatePickerDayElement;
-  /** Day of the month to be shown. */
-  day: number;
-  /** Date is outside of range and can't be selected */
-  disabled: boolean;
-  /** Date is in the current month. */
-  currentMonth: boolean;
-  /** Date is the current selected date of the picker */
-  selected: boolean;
-  /** Date is currently highlighted as part of the range */
-  highlighted: boolean;
-  /** Showing date range */
-  range: boolean;
-  /** Date is the start of date range */
-  startOfRange: boolean;
-  /** Date is the end of date range */
-  endOfRange: boolean;
-  /** Date is being hovered and within the set range */
-  rangeHover: boolean;
-  /** Date is actively in focus for keyboard navigation */
-  active: boolean;
-  /** CLDR data for current locale */
-  localeData: DateLocaleData;
-  /** specify the scale of the date picker */
-  scale: Scale;
-  /** Date value for the day. */
-  value: Date;
-  onClick: () => void;
-  keyDownHandler: (e: KeyboardEvent) => void;
-  mouseoverHandler(): void;
-  /**
-   * Emitted when user selects day
-   */
-  calciteDaySelect: EventEmitter;
-  /**
-   * Emitted when user hovers over a day
-   * @internal
-   */
-  calciteDayHover: EventEmitter;
-  render(): VNode;
-}

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

@@ -1,97 +0,0 @@
-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;
-  /**
-   * Event emitted when user hovers the date.
-   * @internal
-   */
-  calciteDatePickerHover: EventEmitter;
-  /**
-   * Active date for the user keyboard access.
-   */
-  calciteDatePickerActiveDateChange: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteDatePickerMouseOut: EventEmitter;
-  keyDownHandler: (e: 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
-   */
-  private addMonths;
-  /**
-   * Add n days to the current date
-   */
-  private addDays;
-  /**
-   * Get dates for last days of the previous month
-   */
-  private getPrevMonthdays;
-  /**
-   * Get dates for the current month
-   */
-  private getCurrentMonthDays;
-  /**
-   * Get dates for first days of the next month
-   */
-  private getNextMonthDays;
-  /**
-   * Determine if the date is in between the start and end dates
-   */
-  private betweenSelectedRange;
-  /**
-   * Determine if the date should be in selected state
-   */
-  private isSelected;
-  /**
-   * Determine if the date is the start of the date range
-   */
-  private isStartOfRange;
-  private isEndOfRange;
-  dayHover: (e: CustomEvent) => void;
-  daySelect: (e: CustomEvent) => void;
-  /**
-   * Render calcite-date-picker-day
-   */
-  private renderDateDay;
-  private isFocusedOnStart;
-  private isHoverInRange;
-  private isRangeHover;
-}

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

@@ -1,57 +0,0 @@
-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
-   */
-  private onYearKey;
-  private yearChanged;
-  private prevMonthClick;
-  private prevMonthKeydown;
-  private nextMonthClick;
-  private nextMonthKeydown;
-  private handleArrowClick;
-  /**
-   * Parse localized year string from input,
-   * set to active if in range
-   */
-  private setYear;
-}

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

@@ -1,99 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { DropdownPlacement, ItemKeyboardEvent } from "./interfaces";
-import { OverlayPositioning } from "../../utils/popper";
-import { StrictModifiers } from "@popperjs/core";
-import { Scale } from "../interfaces";
-/**
- * @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 {
-  el: HTMLCalciteDropdownElement;
-  /** Opens or closes the dropdown */
-  active: 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;
-  /**
-   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;
-  /**
-   * Determines where the dropdown will be positioned relative to the button.
-   * @default "bottom-leading"
-   */
-  placement: DropdownPlacement;
-  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, defaults to m */
-  width: Scale;
-  connectedCallback(): void;
-  componentDidLoad(): 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 a dropdown has been opened **/
-  calciteDropdownOpen: EventEmitter<void>;
-  /** fires when a dropdown has been closed **/
-  calciteDropdownClose: EventEmitter<void>;
-  closeCalciteDropdownOnClick(e: Event): void;
-  closeCalciteDropdownOnEvent(): void;
-  closeCalciteDropdownOnOpenEvent(e: Event): void;
-  mouseEnterHandler(): void;
-  mouseLeaveHandler(): void;
-  calciteDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
-  handleItemSelect(event: CustomEvent): void;
-  private items;
-  /** trigger elements */
-  private triggers;
-  private popper;
-  private menuEl;
-  private referenceEl;
-  private activeTransitionProp;
-  private scrollerEl;
-  mutationObserver: MutationObserver;
-  resizeObserver: ResizeObserver;
-  updateItems: () => void;
-  setMaxScrollerHeight: () => void;
-  setScrollerEl: (scrollerEl: HTMLDivElement) => void;
-  transitionEnd: (event: TransitionEvent) => void;
-  setReferenceEl: (el: HTMLDivElement) => void;
-  setMenuEl: (el: HTMLDivElement) => void;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): 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;
-}

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

@@ -1,32 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { SelectionMode } from "./interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-dropdown-item`s.
- */
-export declare class DropdownGroup {
-  el: HTMLCalciteDropdownGroupElement;
-  /** optionally set a group title for display */
-  groupTitle?: string;
-  /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
-   none (no active items), defaults to single */
-  selectionMode: SelectionMode;
-  /**
-   * Specifies the size of the action.
-   */
-  scale: Scale;
-  /**
-   * @internal
-   */
-  calciteDropdownItemChange: EventEmitter;
-  componentWillLoad(): void;
-  render(): VNode;
-  updateActiveItemOnChange(event: CustomEvent): void;
-  /** position of group within a dropdown */
-  private groupPosition;
-  /** the requested group */
-  private requestedDropdownGroup;
-  /** the requested item */
-  private requestedDropdownItem;
-  private getGroupPosition;
-}

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

@@ -1,52 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ItemKeyboardEvent } from "../dropdown/interfaces";
-import { FlipContext } from "../interfaces";
-/**
- * @slot - A slot for adding text.
- */
-export declare class DropdownItem {
-  el: HTMLCalciteDropdownItemElement;
-  /** Indicates whether the item is active. */
-  active: boolean;
-  /** flip the icon(s) in rtl */
-  iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of an item - accepts calcite ui icon names  */
-  iconStart?: string;
-  /** optionally pass an icon to display at the end of an item - accepts calcite ui icon names  */
-  iconEnd?: string;
-  /** optionally pass a href - used to determine if the component should render as anchor */
-  href?: string;
-  /** Applies to the aria-label attribute on the button or hyperlink */
-  label?: string;
-  /** The rel attribute to apply to the hyperlink */
-  rel?: string;
-  /** The target attribute to apply to the hyperlink */
-  target?: string;
-  /**
-   * @internal
-   */
-  calciteDropdownItemSelect: EventEmitter;
-  /** @internal */
-  calciteDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;
-  /** @internal */
-  calciteDropdownCloseRequest: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  connectedCallback(): void;
-  render(): VNode;
-  onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
-  updateActiveItemOnChange(event: CustomEvent): void;
-  /** id of containing group */
-  private parentDropdownGroupEl;
-  /** requested group */
-  private requestedDropdownGroup;
-  /** requested item */
-  private requestedDropdownItem;
-  /** what selection mode is the parent dropdown group in */
-  private selectionMode;
-  /** if href is requested, track the rendered child link*/
-  private childLink;
-  private determineActiveItem;
-  private emitRequestedItem;
-}

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

@@ -1,47 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Appearance, Scale } from "../interfaces";
-import { ButtonColor } from "../button/interfaces";
-export declare class Fab {
-  /**
-   * Used to set the button's appearance. Default is outline.
-   */
-  appearance: Extract<"solid" | "outline", Appearance>;
-  /**
-   * Used to set the button's color. Default is light.
-   */
-  color: ButtonColor;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
-   * @default "plus"
-   */
-  icon?: string;
-  /**
-   * Label of the FAB, exposed on hover when textEnabled is false. If no label is provided, the label inherits what's provided for the `text` prop.
-   */
-  label?: string;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * Specifies the size of the fab.
-   */
-  scale: Scale;
-  /**
-   * Text that accompanies the FAB icon.
-   */
-  text?: string;
-  /**
-   * Indicates whether the text is displayed.
-   */
-  textEnabled: boolean;
-  el: HTMLCalciteFabElement;
-  private buttonEl;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  render(): VNode;
-}

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

@@ -1,56 +0,0 @@
-/// <reference types="lodash" />
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export declare class Filter {
-  /**
-   * The items to filter through. The filter uses this as the starting point, and returns items
-   * that contain the string entered in the input, using a partial match and recursive search.
-   *
-   * This property is required.
-   */
-  items: object[];
-  watchItemsHandler(): void;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * The resulting items after filtering.
-   *
-   * @readonly
-   */
-  filteredItems: object[];
-  /**
-   * A text label that will appear on the clear button.
-   */
-  intlClear?: string;
-  /**
-   * A text label that will appear next to the input field.
-   */
-  intlLabel?: string;
-  /**
-   * Placeholder text for the input element's placeholder attribute
-   */
-  placeholder?: string;
-  /** specify the scale of filter, defaults to m */
-  scale: Scale;
-  /**
-   * Filter value.
-   */
-  value?: string;
-  valueHandler(value: string): void;
-  el: HTMLCalciteFilterElement;
-  textInput: HTMLCalciteInputElement;
-  /**
-   * This event fires when the filter text changes.
-   */
-  calciteFilterChange: EventEmitter<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  filter: import("lodash").DebouncedFunc<(value: string) => void>;
-  inputHandler: (event: CustomEvent) => void;
-  keyDownHandler: ({ key }: KeyboardEvent) => void;
-  clear: () => void;
-  updateFiltered(filtered: any[]): void;
-  render(): VNode;
-}

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

@@ -1,22 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { FlowDirection } from "./interfaces";
-/**
- * @slot - A slot for adding `calcite-panel`s to the flow.
- */
-export declare class Flow {
-  /**
-   * Removes the currently active `calcite-panel`.
-   */
-  back(): Promise<HTMLCalcitePanelElement>;
-  el: HTMLCalciteFlowElement;
-  panelCount: number;
-  flowDirection: FlowDirection;
-  panels: HTMLCalcitePanelElement[];
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  handleCalcitePanelBackClick(): void;
-  getFlowDirection: (oldPanelCount: number, newPanelCount: number) => FlowDirection | null;
-  updateFlowProps: () => void;
-  panelItemMutationObserver: MutationObserver;
-  render(): VNode;
-}

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

@@ -1,19 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-import { Position, Scale } from "../interfaces";
-interface ExpandToggleProps {
-  expanded: boolean;
-  intlExpand: string;
-  intlCollapse: string;
-  el: HTMLElement;
-  position: Position;
-  tooltip?: HTMLCalciteTooltipElement;
-  toggle: () => void;
-  ref?: (el: HTMLElement) => void;
-  scale?: Scale;
-}
-export declare function toggleChildActionText({ parent, expanded }: {
-  parent: HTMLElement;
-  expanded: boolean;
-}): void;
-export declare const ExpandToggle: FunctionalComponent<ExpandToggleProps>;
-export {};

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

@@ -1,28 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { ColorStop, DataSeries } from "./interfaces";
-export declare class Graph {
-  el: HTMLCalciteGraphElement;
-  /**
-   * Array of tuples describing a single data point ([x, y])
-   * These data points should be sorted by x-axis value
-   */
-  data: DataSeries;
-  /**
-   * Array of values describing a single color stop ([offset, color, opacity])
-   * These color stops should be sorted by offset value
-   */
-  colorStops: ColorStop[];
-  /** Start of highlight color if highlighting range */
-  highlightMin: number;
-  /** End of highlight color if highlighting range */
-  highlightMax: number;
-  /** Lowest point of the range */
-  min: number;
-  /** Highest point of the range */
-  max: number;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  private graphId;
-  private resizeObserver;
-}

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

@@ -1,22 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-export declare class Handle {
-  /**
-   * @internal - stores the activated state of the drag handle.
-   */
-  activated: boolean;
-  /**
-   * Value for the button title attribute
-   */
-  textTitle: string;
-  el: HTMLCalciteHandleElement;
-  handleButton: HTMLElement;
-  /**
-   * Emitted when the the handle is activated and the up or down arrow key is pressed.
-   */
-  calciteHandleNudge: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  handleKeyDown: (event: KeyboardEvent) => void;
-  handleBlur: () => void;
-  render(): VNode;
-}

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

@@ -1,32 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export declare class Icon {
-  el: HTMLCalciteIconElement;
-  /**
-   * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
-   */
-  icon: string;
-  /**
-   * When true, the icon will be flipped when the element direction is 'rtl'.
-   */
-  flipRtl: boolean;
-  /**
-   * Icon scale.
-   */
-  scale: Scale;
-  /**
-   * The icon label.
-   *
-   * It is recommended to set this value if your icon is semantic.
-   */
-  textLabel: string;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): Promise<void>;
-  render(): VNode;
-  private intersectionObserver;
-  private pathData;
-  private visible;
-  private loadIconPathData;
-  private waitUntilVisible;
-}

package/dist/types/components/inline-editable/inline-editable.d.ts

@@ -1,71 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-/**
- * @slot - A slot for adding a `calcite-input`.
- */
-export declare class InlineEditable implements LabelableComponent {
-  el: HTMLCalciteInlineEditableElement;
-  /** specify whether editing can be enabled */
-  disabled: boolean;
-  disabledWatcher(disabled: boolean): void;
-  /** specify whether the wrapped input element is editable, defaults to false */
-  editingEnabled: boolean;
-  editingEnabledWatcher(newValue: boolean, oldValue: boolean): void;
-  /** specify whether the confirm button should display a loading state, defaults to false */
-  loading: boolean;
-  /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
-  controls: boolean;
-  /** specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
-   * @default "Click to edit"
-   */
-  intlEnableEditing: string;
-  /** specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
-   * @default "Cancel"
-   */
-  intlCancelEditing: string;
-  /** specify text to be user for the confirm changes button's aria-label, defaults to `Save`
-   * @default "Save"
-   */
-  intlConfirmChanges: string;
-  /** specify the scale of the inline-editable component, defaults to the scale of the wrapped calcite-input or the scale of the closest wrapping component with a set scale */
-  scale?: Scale;
-  /** when controls, specify a callback to be executed prior to disabling editing. when provided, loading state will be handled automatically. */
-  afterConfirm?: () => Promise<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  /**
-   * Emitted when the cancel button gets clicked.
-   */
-  calciteInlineEditableEditCancel: EventEmitter<void>;
-  /**
-   * Emitted when the check button gets clicked.
-   */
-  calciteInlineEditableEditConfirm: EventEmitter<void>;
-  /**
-   * @internal
-   */
-  calciteInlineEditableEnableEditingChange: EventEmitter;
-  blurHandler(): void;
-  private inputElement;
-  private valuePriorToEditing;
-  private shouldEmitCancel;
-  private enableEditingButton;
-  private cancelEditingButton;
-  labelEl: HTMLCalciteLabelElement;
-  mutationObserver: MutationObserver;
-  setFocus(): Promise<void>;
-  mutationObserverCallback(): void;
-  onLabelClick(): void;
-  updateSlottedInput(): void;
-  transitionEnd: () => void;
-  private get shouldShowControls();
-  private enableEditing;
-  private disableEditing;
-  private cancelEditing;
-  private escapeKeyHandler;
-  private cancelEditingHandler;
-  private enableEditingHandler;
-  private confirmChangesHandler;
-}