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

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

@@ -1,224 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import Color from "color";
-import { ColorAppearance, ColorMode, ColorValue, InternalColor } from "./interfaces";
-import { Scale } from "../interfaces";
-import { Format } from "./utils";
-export declare class ColorPicker {
-  el: HTMLCalciteColorPickerElement;
-  /**
-   * When false, empty color (null) will be allowed as a value. Otherwise, a color value is always enforced by the component.
-   *
-   * When true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.
-   */
-  allowEmpty: boolean;
-  /** specify the appearance - default (containing border), or minimal (no containing border) */
-  appearance: ColorAppearance;
-  /**
-   * Internal prop for advanced use-cases.
-   *
-   * @internal
-   */
-  color: InternalColor | null;
-  handleColorChange(color: Color | null, oldColor: Color | null): void;
-  /**
-   * The format of the value property.
-   *
-   * When "auto", the format will be inferred from `value` when set.
-   * @default "auto"
-   */
-  format: Format;
-  handleFormatChange(format: ColorPicker["format"]): void;
-  /** When true, hides the hex input */
-  hideHex: boolean;
-  /** When true, hides the RGB/HSV channel inputs */
-  hideChannels: boolean;
-  /** When true, hides the saved colors section */
-  hideSaved: boolean;
-  /** Label used for the blue channel
-   * @default "B"
-   */
-  intlB: string;
-  /** Label used for the blue channel description
-   * @default "Blue"
-   */
-  intlBlue: string;
-  /** Label used for the delete color button.
-   * @default "Delete color"
-   */
-  intlDeleteColor: string;
-  /** Label used for the green channel
-   * @default "G"
-   */
-  intlG: string;
-  /** Label used for the green channel description
-   * @default "Green"
-   */
-  intlGreen: string;
-  /** Label used for the hue channel
-   * @default "H"
-   */
-  intlH: string;
-  /** Label used for the HSV mode
-   * @default "HSV"
-   */
-  intlHsv: string;
-  /** Label used for the hex input
-   * @default "Hex"
-   */
-  intlHex: string;
-  /** Label used for the hue channel description
-   * @default "Hue"
-   */
-  intlHue: string;
-  /**
-   * Label used for the hex input when there is no color selected.
-   * @default "No color"
-   */
-  intlNoColor: string;
-  /** Label used for the red channel
-   * @default "R"
-   */
-  intlR: string;
-  /** Label used for the red channel description
-   * @default "Red"
-   */
-  intlRed: string;
-  /** Label used for the RGB mode
-   * @default "RGB"
-   */
-  intlRgb: string;
-  /** Label used for the saturation channel
-   * @default "S"
-   */
-  intlS: string;
-  /** Label used for the saturation channel description
-   * @default "Saturation"
-   */
-  intlSaturation: string;
-  /** Label used for the save color button.
-   * @default "Save color"
-   */
-  intlSaveColor: string;
-  /** Label used for the saved colors section
-   * @default "Saved"
-   */
-  intlSaved: string;
-  /** Label used for the value channel
-   * @default "V"
-   */
-  intlV: string;
-  /** Label used for the
-   * @default "Value"
-   */
-  intlValue: string;
-  /**
-   * The scale of the color picker.
-   */
-  scale: Scale;
-  handleScaleChange(scale?: Scale): void;
-  /**
-   * Storage ID for colors.
-   */
-  storageId: string;
-  /**
-   * The color value.
-   *
-   * This value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}
-   * a RGB, HSL or HSV object.
-   *
-   * The type will be preserved as the color is updated.
-   * @default "#007ac2"
-   * @see [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/color-picker/interfaces.ts#L10)
-   */
-  value: ColorValue | null;
-  handleValueChange(value: ColorValue | null, oldValue: ColorValue | null): void;
-  private get baseColorFieldColor();
-  private activeColorFieldAndSliderRect;
-  private colorFieldAndSliderHovered;
-  private fieldAndSliderRenderingContext;
-  private colorFieldScopeNode;
-  private hueThumbState;
-  private internalColorUpdateContext;
-  private previousColor;
-  private mode;
-  private shiftKeyChannelAdjustment;
-  private sliderThumbState;
-  colorFieldAndSliderInteractive: boolean;
-  channelMode: ColorMode;
-  channels: [number, number, number];
-  dimensions: {
-    slider: {
-      height: number;
-      width: number;
-    };
-    colorField: {
-      height: number;
-      width: number;
-    };
-    thumb: {
-      radius: number;
-    };
-  };
-  savedColors: string[];
-  colorFieldScopeTop: number;
-  colorFieldScopeLeft: number;
-  scopeOrientation: "vertical" | "horizontal";
-  hueScopeLeft: number;
-  hueScopeTop: number;
-  /**
-   * Fires when the color value has changed.
-   */
-  calciteColorPickerChange: EventEmitter;
-  /**
-   * Fires as the color value changes.
-   *
-   * This is similar to the change event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.
-   */
-  calciteColorPickerInput: EventEmitter;
-  private handleTabActivate;
-  private handleColorFieldScopeKeyDown;
-  private handleHueScopeKeyDown;
-  private handleHexInputChange;
-  private handleSavedColorSelect;
-  private handleChannelInput;
-  protected handleChannelKeyUpOrDown(event: KeyboardEvent): void;
-  private handleChannelChange;
-  private handleSavedColorKeyDown;
-  private handleColorFieldAndSliderMouseLeave;
-  private handleColorFieldAndSliderMouseDown;
-  private globalMouseUpHandler;
-  private globalMouseMoveHandler;
-  private handleColorFieldAndSliderMouseEnterOrMove;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  private storeColorFieldScope;
-  private renderChannelsTabTitle;
-  private renderChannelsTab;
-  private renderChannel;
-  private showIncompatibleColorWarning;
-  private setMode;
-  private captureHueSliderColor;
-  private getCanvasRegion;
-  private internalColorSet;
-  private toValue;
-  private getSliderCapSpacing;
-  private updateDimensions;
-  private deleteColor;
-  private saveColor;
-  private drawColorFieldAndSlider;
-  private drawColorField;
-  private setCanvasContextSize;
-  private captureColorFieldColor;
-  private initColorFieldAndSlider;
-  private containsPoint;
-  private drawActiveColorFieldColor;
-  private drawThumb;
-  private drawActiveHueSliderColor;
-  private drawHueSlider;
-  private updateColorFromChannels;
-  private updateChannelsFromColor;
-  private toChannels;
-}

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

@@ -1,51 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import Color from "color";
-import { Scale } from "../interfaces";
-export declare class ColorPickerHexInput {
-  el: HTMLCalciteColorPickerHexInputElement;
-  connectedCallback(): void;
-  /**
-   * When false, empty color (null) will be allowed as a value. Otherwise, a color value is always enforced by the component.
-   *
-   * When true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.
-   */
-  allowEmpty: boolean;
-  /**
-   * Label used for the hex input.
-   * @default "Hex"
-   */
-  intlHex: string;
-  /**
-   * Label used for the hex input when there is no color selected.
-   * @default "No color"
-   */
-  intlNoColor: string;
-  /**
-   * The component's scale.
-   */
-  scale: Scale;
-  /**
-   * The hex value.
-   */
-  value: string;
-  handleValueChange(value: string, oldValue: string): void;
-  /**
-   * Emitted when the hex value changes.
-   */
-  calciteColorPickerHexInputChange: EventEmitter;
-  private onCalciteInputBlur;
-  private onInputChange;
-  protected onInputKeyDown(event: KeyboardEvent): void;
-  private inputNode;
-  /**
-   * The last valid/selected color. Used as a fallback if an invalid hex code is entered.
-   */
-  internalColor: Color | null;
-  private previousNonNullValue;
-  render(): VNode;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  private storeInputRef;
-  private formatForInternalInput;
-  private nudgeRGBChannels;
-}

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

@@ -1,23 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export declare class ColorPickerSwatch {
-  /**
-   * Used to display whether the swatch is active or not.
-   */
-  active: boolean;
-  /**
-   * The color value.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
-   */
-  color: string;
-  handleColorChange(color: string): void;
-  /**
-   * The component scale.
-   */
-  scale: Scale;
-  el: HTMLCalciteColorPickerSwatchElement;
-  private internalColor;
-  componentWillLoad(): void;
-  render(): VNode;
-}

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

@@ -1,180 +0,0 @@
-/// <reference types="lodash" />
-import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { OverlayPositioning } from "../../utils/popper";
-import { StrictModifiers } from "@popperjs/core";
-import { Scale } from "../interfaces";
-import { ComboboxSelectionMode, ComboboxChildElement } from "./interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-interface ItemData {
-  label: string;
-  value: string;
-}
-/**
- * @slot - A slot for adding `calcite-combobox-item`s.
- */
-export declare class Combobox implements LabelableComponent, FormComponent {
-  el: HTMLCalciteComboboxElement;
-  /** Opens or closes the combobox */
-  active: boolean;
-  activeHandler(newValue: boolean, oldValue: boolean): void;
-  /** Disable combobox input */
-  disabled: boolean;
-  /** Aria label for combobox (required) */
-  label: string;
-  /** Placeholder text for input */
-  placeholder?: string;
-  /** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
-  maxItems: number;
-  maxItemsHandler(): void;
-  /** The name of the switch input */
-  name: string;
-  /** Allow entry of custom values which are not in the original set of items */
-  allowCustomValues: boolean;
-  /** 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;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /** specify the selection mode
-   * - multi: allow any number of selected items (default)
-   * - single: only one selection)
-   * - ancestors: like multi, but show ancestors of selected items as selected, only deepest children shown in chips
-   */
-  selectionMode: ComboboxSelectionMode;
-  /** Specify the scale of the combobox, defaults to m */
-  scale: Scale;
-  /** The value(s) of the selectedItem(s) */
-  value: string | string[];
-  valueHandler(value: string | string[]): void;
-  /** string to override the English "Remove tag" text for when an item is selected.
-   * @default "Remove tag"
-   */
-  intlRemoveTag: string;
-  documentClickHandler(event: Event): void;
-  calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /**
-   * Called when the selected items set changes
-   * @deprecated use calciteComboboxChange instead
-   */
-  calciteLookupChange: EventEmitter<HTMLCalciteComboboxItemElement[]>;
-  /**
-   * Called when the selected item(s) changes.
-   */
-  calciteComboboxChange: EventEmitter<{
-    selectedItems: HTMLCalciteComboboxItemElement[];
-  }>;
-  /** Called when the user has entered text to filter the options list */
-  calciteComboboxFilterChange: EventEmitter<{
-    visibleItems: HTMLCalciteComboboxItemElement[];
-    text: string;
-  }>;
-  /** Called when a selected item in the combobox is dismissed via its chip **/
-  calciteComboboxChipDismiss: EventEmitter;
-  /**
-   * Fired when the combobox is opened
-   * @internal
-   */
-  calciteComboboxOpen: EventEmitter;
-  /**
-   *  Fired when the combobox is closed
-   * @internal
-   */
-  calciteComboboxClose: EventEmitter;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  internalValueChangeFlag: boolean;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: Combobox["value"];
-  items: HTMLCalciteComboboxItemElement[];
-  groupItems: HTMLCalciteComboboxItemGroupElement[];
-  selectedItems: HTMLCalciteComboboxItemElement[];
-  selectedItemsHandler(): void;
-  visibleItems: HTMLCalciteComboboxItemElement[];
-  needsIcon: boolean;
-  hideList: boolean;
-  activeItemIndex: number;
-  activeChipIndex: number;
-  activeDescendant: string;
-  text: string;
-  open: boolean;
-  /** when search text is cleared, reset active to  */
-  textHandler(): void;
-  textInput: HTMLInputElement;
-  data: ItemData[];
-  mutationObserver: MutationObserver;
-  resizeObserver: ResizeObserver;
-  private guid;
-  private inputHeight;
-  private popper;
-  private menuEl;
-  private referenceEl;
-  private listContainerEl;
-  private ignoreSelectedEventsFlag;
-  private activeTransitionProp;
-  getValue: () => string | string[];
-  onLabelClick: () => void;
-  keydownHandler: (event: KeyboardEvent) => void;
-  private toggleCloseEnd;
-  private toggleOpenEnd;
-  transitionEnd: (event: TransitionEvent) => void;
-  setMaxScrollerHeight: () => void;
-  calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
-  setFocusClick: (event: MouseEvent) => void;
-  setInactiveIfNotContained: (event: Event) => void;
-  setMenuEl: (el: HTMLDivElement) => void;
-  setListContainerEl: (el: HTMLDivElement) => void;
-  setReferenceEl: (el: HTMLDivElement) => void;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
-  private getMaxScrollerHeight;
-  private calculateSingleItemHeight;
-  inputHandler: (event: Event) => void;
-  getCombinedItems(): ComboboxChildElement[];
-  filterItems: import("lodash").DebouncedFunc<(text: string) => void>;
-  internalCalciteLookupChangeEvent: () => void;
-  emitCalciteLookupChange: import("lodash").DebouncedFunc<() => void>;
-  internalComboboxChangeEvent: () => void;
-  emitComboboxChange: import("lodash").DebouncedFunc<() => void>;
-  toggleSelection(item: HTMLCalciteComboboxItemElement, value?: boolean): void;
-  updateAncestors(item: HTMLCalciteComboboxItemElement): void;
-  getVisibleItems(): HTMLCalciteComboboxItemElement[];
-  getSelectedItems(): HTMLCalciteComboboxItemElement[];
-  updateItems: () => void;
-  getData(): ItemData[];
-  getNeedsIcon(): boolean;
-  resetText(): void;
-  getItems(): HTMLCalciteComboboxItemElement[];
-  getGroupItems(): HTMLCalciteComboboxItemGroupElement[];
-  addCustomChip(value: string, focus?: boolean): void;
-  removeActiveChip(): void;
-  removeLastChip(): void;
-  previousChip(): void;
-  nextChip(): void;
-  focusChip(): void;
-  shiftActiveItemIndex(delta: number): void;
-  updateActiveItemIndex(index: number): void;
-  isMulti(): boolean;
-  comboboxFocusHandler: () => void;
-  comboboxBlurHandler: (event: FocusEvent) => void;
-  renderChips(): VNode[];
-  renderInput(): VNode;
-  renderListBoxOptions(): VNode[];
-  renderPopperContainer(): VNode;
-  renderIconStart(): VNode;
-  renderIconEnd(): VNode;
-  render(): VNode;
-}
-export {};

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

@@ -1,6 +0,0 @@
-export interface listItem {
-  label: string;
-  value: string;
-}
-export declare type ComboboxSelectionMode = "single" | "multi" | "ancestors";
-export declare type ComboboxChildElement = HTMLCalciteComboboxItemElement | HTMLCalciteComboboxItemGroupElement;

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

@@ -1,6 +0,0 @@
-import { ComboboxChildElement } from "./interfaces";
-export declare function getAncestors(element: HTMLElement): ComboboxChildElement[];
-export declare function getItemAncestors(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
-export declare function getItemChildren(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
-export declare function hasActiveChildren(node: HTMLCalciteComboboxItemElement): boolean;
-export declare function getDepth(element: HTMLElement): number;

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

@@ -1,46 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ComboboxChildElement } from "../combobox/interfaces";
-import { Scale } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding nested `calcite-combobox-item`s.
- */
-export declare class ComboboxItem implements ConditionalSlotComponent {
-  /** When true, the item cannot be clicked and is visually muted. */
-  disabled: boolean;
-  /** Set this to true to pre-select an item. Toggles when an item is checked/unchecked. */
-  selected: boolean;
-  /** True when item is highlighted either from keyboard or mouse hover */
-  active: boolean;
-  /** Parent and grandparent combobox items, this is set internally for use from combobox */
-  ancestors: ComboboxChildElement[];
-  /** Unique identifier, used for accessibility */
-  guid: string;
-  /** Custom icon to display both in combobox chips and next to combobox item text */
-  icon?: string;
-  selectedWatchHandler(): void;
-  /** The main label for this item. */
-  textLabel: string;
-  /** The item's associated value */
-  value: any;
-  /** Don't filter this item based on the search text */
-  constant: boolean;
-  el: HTMLCalciteComboboxItemElement;
-  isNested: boolean;
-  scale: Scale;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted whenever the item is selected or unselected.
-   */
-  calciteComboboxItemChange: EventEmitter;
-  /**
-   * Used to toggle the selection state. By default this won't trigger an event.
-   * The first argument allows the value to be coerced, rather than swapping values.
-   */
-  toggleSelected(coerce?: boolean): Promise<void>;
-  itemClickHandler: (event: MouseEvent) => void;
-  renderIcon(isSingle: boolean): VNode;
-  renderChildren(): VNode;
-  render(): VNode;
-}

package/dist/types/components/combobox-item-group/combobox-item-group.d.ts

@@ -1,17 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { ComboboxChildElement } from "../combobox/interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-combobox-item`s.
- */
-export declare class ComboboxItemGroup {
-  /** Parent and grandparent combobox items, this is set internally for use from combobox */
-  ancestors: ComboboxChildElement[];
-  /** Title of the group */
-  label: string;
-  connectedCallback(): void;
-  el: HTMLCalciteComboboxItemGroupElement;
-  guid: string;
-  scale: Scale;
-  render(): VNode;
-}

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

@@ -1,132 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
-import { DateRangeChange } from "./interfaces";
-export declare class DatePicker {
-  el: HTMLCalciteDatePickerElement;
-  /** Active range */
-  activeRange?: "start" | "end";
-  /** Selected date */
-  value?: string | string[];
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /** Selected date as full date object*/
-  valueAsDate?: Date | Date[];
-  handleValueAsDate(date: Date | Date[]): void;
-  /**
-   * Selected start date as full date object
-   * @deprecated use valueAsDate instead
-   */
-  startAsDate?: Date;
-  /**
-   * Selected end date as full date object
-   * @deprecated use valueAsDate instead
-   */
-  endAsDate?: Date;
-  /** Earliest allowed date as full date object */
-  minAsDate?: Date;
-  /** Latest allowed date as full date object */
-  maxAsDate?: Date;
-  handleRangeChange(): void;
-  /** Earliest allowed date ("yyyy-mm-dd") */
-  min?: string;
-  onMinChanged(min: string): void;
-  /** Latest allowed date ("yyyy-mm-dd") */
-  max?: string;
-  onMaxChanged(max: string): void;
-  /** Localized string for "previous month" (used for aria label)
-   * @default "Previous month"
-   */
-  intlPrevMonth?: string;
-  /** Localized string for "next month" (used for aria label)
-   * @default "Next month"
-   */
-  intlNextMonth?: string;
-  /** Localized string for "year" (used for aria label)
-   * @default "Year"
-   */
-  intlYear?: string;
-  /** BCP 47 language tag for desired language and country format */
-  locale?: string;
-  /** specify the scale of the date picker */
-  scale: "s" | "m" | "l";
-  /** Range mode activation */
-  range: boolean;
-  /**
-   * Selected start date
-   * @deprecated use value instead
-   */
-  start?: string;
-  /**
-   * Selected end date
-   * @deprecated use value instead
-   */
-  end?: string;
-  /** Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range. */
-  proximitySelectionDisabled: boolean;
-  /**
-   * Trigger calcite date change when a user changes the date.
-   */
-  calciteDatePickerChange: EventEmitter<Date>;
-  /**
-   * Trigger calcite date change when a user changes the date range.
-   * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
-   */
-  calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
-  /**
-   * Active date.
-   */
-  activeDate: Date;
-  /**
-   * Active start date.
-   */
-  activeStartDate: Date;
-  /**
-   * Active end date.
-   */
-  activeEndDate: Date;
-  connectedCallback(): void;
-  componentWillLoad(): Promise<void>;
-  render(): VNode;
-  private localeData;
-  private hoverRange;
-  private mostRecentRangeValue?;
-  keyUpHandler: (e: KeyboardEvent) => void;
-  valueHandler(value: string | string[]): void;
-  startWatcher(start: string): void;
-  endWatcher(end: string): void;
-  private loadLocaleData;
-  monthHeaderSelectChange: (e: CustomEvent<Date>) => void;
-  monthActiveDateChange: (e: CustomEvent<Date>) => void;
-  monthHoverChange: (e: CustomEvent<Date>) => void;
-  monthMouseOutChange: () => void;
-  /**
-   * Render calcite-date-picker-month-header and calcite-date-picker-month
-   */
-  private renderCalendar;
-  /**
-   * Update date instance of start if valid
-   */
-  private setStartAsDate;
-  /**
-   * Update date instance of end if valid
-   */
-  private setEndAsDate;
-  /**
-   * Reset active date and close
-   */
-  reset: () => void;
-  private setEndDate;
-  private setStartDate;
-  /**
-   * Event handler for when the selected date changes
-   */
-  private monthDateChange;
-  /**
-   * Get an active date using the value, or current date as default
-   */
-  private getActiveDate;
-  private getActiveStartDate;
-  private getActiveEndDate;
-}