@esri/calcite-components 1.0.0-beta.71 → 1.0.0-beta.72

package/dist/types/components/calcite-slider/calcite-slider.d.ts

@@ -1,187 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-export declare class CalciteSlider implements LabelableComponent, FormComponent {
-  el: HTMLCalciteSliderElement;
-  /** Disable and gray out the slider */
-  disabled: boolean;
-  /** Indicates if a histogram is present */
-  hasHistogram: boolean;
-  /**
-   * List of x,y coordinates within the slider's min and max, displays above the slider track.
-   * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-graph/interfaces.ts#L5)
-   */
-  histogram?: DataSeries;
-  histogramWatcher(newHistogram: DataSeries): void;
-  /**
-   * Array of values describing a single color stop, sorted by offset ascending.
-   */
-  histogramStops: ColorStop[];
-  /** Label handles with their numeric value */
-  labelHandles: boolean;
-  /** Label tick marks with their numeric value. */
-  labelTicks: boolean;
-  /** Maximum selectable value */
-  max: number;
-  /** Used as an accessible label (aria-label) for second handle if needed (ex. "Temperature, upper bound") */
-  maxLabel?: string;
-  /** Currently selected upper number (if multi-select) */
-  maxValue?: number;
-  /** Minimum selectable value */
-  min: number;
-  /** Used as an accessible label (aria-label) for first (or only) handle (ex. "Temperature, lower bound") */
-  minLabel: string;
-  /** Currently selected lower number (if multi-select) */
-  minValue?: number;
-  /**
-   * When true, the slider will display values from high to low.
-   *
-   * Note that this value will be ignored if the slider has an associated histogram.
-   */
-  mirrored: boolean;
-  /** The name of the slider */
-  name: string;
-  /** Interval to move on page up/page down keys */
-  pageStep?: number;
-  /** Use finer point for handles */
-  precise: boolean;
-  /**
-   * When true, makes the component required for form-submission.
-   */
-  required: boolean;
-  /** When true, enables snap selection along the step interval */
-  snap: boolean;
-  /** Interval to move on up/down keys */
-  step?: number;
-  /** Show tick marks on the number line at provided interval */
-  ticks?: number;
-  /** Currently selected number (if single select) */
-  value: null | number;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  render(): VNode;
-  private renderGraph;
-  private renderTickLabel;
-  keyDownHandler(event: KeyboardEvent): void;
-  clickHandler(event: PointerEvent): void;
-  pointerDownHandler(event: PointerEvent): void;
-  handleTouchStart(event: TouchEvent): void;
-  /**
-   * Fires on all updates to the slider.
-   * :warning: Will be fired frequently during drag. If you are performing any
-   * expensive operations consider using a debounce or throttle to avoid
-   * locking up the main thread.
-   */
-  calciteSliderInput: EventEmitter;
-  /**
-   * Fires on when the thumb is released on slider
-   * If you need to constantly listen to the drag event,
-   * please use calciteSliderInput instead
-   */
-  calciteSliderChange: EventEmitter;
-  /**
-   * Fires on all updates to the slider.
-   * :warning: Will be fired frequently during drag. If you are performing any
-   * expensive operations consider using a debounce or throttle to avoid
-   * locking up the main thread.
-   * @deprecated use calciteSliderInput instead
-   */
-  calciteSliderUpdate: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: CalciteSlider["value"];
-  private guid;
-  private isRange;
-  private dragProp;
-  private lastDragProp;
-  private lastDragPropValue;
-  private minHandle;
-  private maxHandle;
-  private trackEl;
-  private activeProp;
-  private minMaxValueRange;
-  private minValueDragRange;
-  private maxValueDragRange;
-  private tickValues;
-  onLabelClick(): void;
-  private shouldMirror;
-  private shouldUseMinValue;
-  private generateTickValues;
-  private dragStart;
-  private focusActiveHandle;
-  private dragUpdate;
-  private emitInput;
-  private emitChange;
-  private dragEnd;
-  /**
-   * Set the prop value if changed at the component level
-   * @param valueProp
-   * @param value
-   */
-  private setValue;
-  /**
-   * Set the reference of the track Element
-   * @internal
-   * @param node
-   */
-  private storeTrackRef;
-  /**
-   * If number is outside range, constrain to min or max
-   * @internal
-   */
-  private clamp;
-  /**
-   * Translate a pixel position to value along the range
-   * @internal
-   */
-  private translate;
-  /**
-   * Get closest allowed value along stepped values
-   * @internal
-   */
-  private getClosestStep;
-  private getClosestHandle;
-  private getDistanceX;
-  private getFontSizeForElement;
-  /**
-   * Get position of value along range as fractional value
-   * @return {number} number in the unit interval [0,1]
-   * @internal
-   */
-  private getUnitInterval;
-  private adjustHostObscuredHandleLabel;
-  private hyphenateCollidingRangeHandleLabels;
-  /**
-   * Hides bounding tick labels that are obscured by either handle.
-   */
-  private hideObscuredBoundingTickLabels;
-  /**
-   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
-   * @internal
-   */
-  private getHostOffset;
-  /**
-   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
-   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
-   * @param leftLabel
-   * @param rightLabel
-   */
-  private getRangeLabelOverlap;
-  /**
-   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle button element.
-   * @param minLabel
-   * @param handle
-   */
-  private isMinTickLabelObscured;
-  /**
-   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle button element.
-   * @param maxLabel
-   * @param handle
-   */
-  private isMaxTickLabelObscured;
-}

package/dist/types/components/calcite-sortable-list/calcite-sortable-list.d.ts

@@ -1,50 +0,0 @@
-import Sortable from "sortablejs";
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout } from "../interfaces";
-/**
- * @slot - A slot for adding sortable items.
- */
-export declare class CalciteSortableList {
-  /**
-   * Specifies which items inside the element should be draggable.
-   */
-  dragSelector?: string;
-  /**
-   * The list's group identifier.
-   *
-   * To drag elements from one list into another, both lists must have the same group value.
-   */
-  group?: string;
-  /**
-   * The selector for the handle elements.
-   */
-  handleSelector: string;
-  /**
-   * Indicates the horizontal or vertical orientation of the component.
-   */
-  layout: Layout;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  el: HTMLCalciteSortableListElement;
-  handleActivated: boolean;
-  items: Element[];
-  mutationObserver: MutationObserver;
-  sortable: Sortable;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted when the order of the list has changed.
-   */
-  calciteListOrderChange: EventEmitter;
-  calciteHandleNudgeHandler(event: CustomEvent): void;
-  setUpDragAndDrop(): void;
-  cleanUpDragAndDrop(): void;
-  beginObserving(): void;
-  render(): VNode;
-}

package/dist/types/components/calcite-split-button/calcite-split-button.d.ts

@@ -1,52 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ButtonAppearance, ButtonColor, DropdownIconType } from "../calcite-button/interfaces";
-import { FlipContext, Scale, Width } from "../interfaces";
-import { OverlayPositioning } from "../../utils/popper";
-/**
- * @slot - A slot for adding `calcite-dropdown` content.
- */
-export declare class CalciteSplitButton {
-  el: HTMLCalciteSplitButtonElement;
-  /** specify the appearance style of the button, defaults to solid. */
-  appearance: ButtonAppearance;
-  /** specify the color of the control, defaults to blue */
-  color: ButtonColor;
-  /** is the control disabled  */
-  disabled: boolean;
-  /**
-   * Is the dropdown currently active or not
-   * @internal
-   */
-  active: boolean;
-  /** specify the icon used for the dropdown menu, defaults to chevron */
-  dropdownIconType: DropdownIconType;
-  /** aria label for overflow button */
-  dropdownLabel?: string;
-  /** optionally add a calcite-loader component to the control,
-   disabling interaction. with the primary button */
-  loading: boolean;
-  /** Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value. */
-  overlayPositioning: OverlayPositioning;
-  /** optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names  */
-  primaryIconEnd?: string;
-  /** flip the primary icon(s) in rtl */
-  primaryIconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of the primary button - accepts Calcite UI icon names  */
-  primaryIconStart?: string;
-  /** optionally pass an aria-label for the primary button */
-  primaryLabel?: string;
-  /** text for primary action button  */
-  primaryText: string;
-  /** specify the scale of the control, defaults to m */
-  scale: Scale;
-  /** specify the width of the button, defaults to auto */
-  width: Width;
-  /** fired when the primary button is clicked */
-  calciteSplitButtonPrimaryClick: EventEmitter;
-  /** fired when the secondary button is clicked */
-  calciteSplitButtonSecondaryClick: EventEmitter;
-  render(): VNode;
-  private calciteSplitButtonPrimaryClickHandler;
-  private calciteSplitButtonSecondaryClickHandler;
-  private get dropdownIcon();
-}

package/dist/types/components/calcite-stepper/calcite-stepper.d.ts

@@ -1,58 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout, Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-stepper-item`s.
- */
-export declare class CalciteStepper {
-  el: HTMLCalciteStepperElement;
-  /** optionally display a status icon next to the step title */
-  icon: boolean;
-  /** specify the layout of stepper, defaults to horizontal */
-  layout: Layout;
-  /** optionally display the number next to the step title */
-  numbered: boolean;
-  /** specify the scale of stepper, defaults to m */
-  scale: Scale;
-  /** @internal */
-  requestedContent: HTMLElement[] | NodeListOf<any>;
-  contentWatcher(): void;
-  /**
-   * This event fires when the active stepper item has changed.
-   * @internal
-   */
-  calciteStepperItemChange: EventEmitter;
-  componentDidLoad(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-  calciteStepperItemKeyEvent(e: CustomEvent): void;
-  registerItem(event: CustomEvent): void;
-  updateItem(event: CustomEvent): void;
-  /** set the next step as active */
-  nextStep(): Promise<void>;
-  /** set the previous step as active */
-  prevStep(): Promise<void>;
-  /** set the requested step as active */
-  goToStep(num: number): Promise<void>;
-  /** set the first step as active */
-  startStep(): Promise<void>;
-  /** set the last step as active */
-  endStep(): Promise<void>;
-  /** created list of Stepper items */
-  private items;
-  /** sorted list of Stepper items */
-  private sortedItems;
-  /** keep track of the currently active item position */
-  private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
-  private addHorizontalContentContainer;
-  private emitChangedItem;
-  private focusFirstItem;
-  private focusLastItem;
-  private focusNextItem;
-  private focusPrevItem;
-  private itemIndex;
-  private focusElement;
-  private sortItems;
-  private updateContent;
-}

package/dist/types/components/calcite-stepper-item/calcite-stepper-item.d.ts

@@ -1,65 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class CalciteStepperItem {
-  el: HTMLCalciteStepperItemElement;
-  /** is the step active */
-  active: boolean;
-  /** has the step been completed */
-  complete: boolean;
-  /** does the step contain an error that needs to be resolved by the user */
-  error: boolean;
-  /** is the step disabled and not navigable to by a user */
-  disabled: boolean;
-  /** pass a title for the stepper item */
-  itemTitle?: string;
-  /** pass a title for the stepper item */
-  itemSubtitle?: string;
-  /** pass a title for the stepper item */
-  /** @internal */
-  layout?: string;
-  /** should the items display an icon based on status */
-  /** @internal */
-  icon: boolean;
-  /** optionally display the step number next to the title and subtitle */
-  /** @internal */
-  numbered: boolean;
-  /** the scale of the item */
-  /** @internal */
-  scale: Scale;
-  disabledWatcher(): void;
-  /**
-   * @internal
-   */
-  calciteStepperItemKeyEvent: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteStepperItemSelect: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteStepperItemRegister: EventEmitter;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  render(): VNode;
-  keyDownHandler(e: KeyboardEvent): void;
-  updateActiveItemOnChange(event: CustomEvent): void;
-  /** position within parent */
-  private itemPosition;
-  /** the latest requested item position*/
-  private activePosition;
-  /** the slotted item content */
-  private itemContent;
-  /** the parent stepper component */
-  private parentStepperEl;
-  private renderIcon;
-  private determineActiveItem;
-  private registerStepperItem;
-  private emitRequestedItem;
-  private getItemContent;
-  private getItemPosition;
-}

package/dist/types/components/calcite-switch/calcite-switch.d.ts

@@ -1,46 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { CheckableFormCompoment } from "../../utils/form";
-export declare class CalciteSwitch implements LabelableComponent, CheckableFormCompoment {
-  el: HTMLCalciteSwitchElement;
-  /** True if the switch is disabled */
-  disabled: boolean;
-  disabledWatcher(newDisabled: boolean): void;
-  /** Applies to the aria-label attribute on the switch */
-  label?: string;
-  /** The name of the switch input */
-  name: string;
-  /** The scale of the switch */
-  scale: Scale;
-  /** True if the switch is initially on
-   * @deprecated use 'checked' instead.
-   */
-  switched: boolean;
-  switchedWatcher(switched: boolean): void;
-  /** True if the switch is initially on */
-  checked: boolean;
-  /** The value of the switch input */
-  value: any;
-  labelEl: HTMLCalciteLabelElement;
-  switchEl: HTMLDivElement;
-  formEl: HTMLFormElement;
-  defaultValue: CalciteSwitch["checked"];
-  defaultChecked: boolean;
-  tabindex: number;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  keyDownHandler: (e: KeyboardEvent) => void;
-  onLabelClick(): void;
-  private toggle;
-  private clickHandler;
-  private setSwitchEl;
-  /**
-   * Fires when the checked value has changed.
-   */
-  calciteSwitchChange: EventEmitter;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-}

package/dist/types/components/calcite-tab/calcite-tab.d.ts

@@ -1,42 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "./interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class CalciteTab {
-  el: HTMLCalciteTabElement;
-  /**
-   * Optionally include a unique name for this tab,
-   * be sure to also set this name on the associated title.
-   */
-  tab: string;
-  /**
-   * Show this tab
-   */
-  active: boolean;
-  /** @internal Parent tabs component scale value */
-  scale: Scale;
-  render(): VNode;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  disconnectedCallback(): void;
-  /**
-   * @internal
-   */
-  calciteTabRegister: EventEmitter;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Return the index of this tab within the tab array
-   */
-  getTabIndex(): Promise<number>;
-  /**
-   * @internal
-   */
-  private guid;
-  private labeledBy;
-  /**
-   * @internal
-   */
-  updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
-}

package/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts

@@ -1,74 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "../calcite-tab/interfaces";
-import { TabID, TabLayout } from "../calcite-tabs/interfaces";
-import { TabPosition } from "../calcite-tabs/interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-tab-title`s.
- */
-export declare class CalciteTabNav {
-  el: HTMLCalciteTabNavElement;
-  /**
-   * Name to use when saving selected tab data to localStorage
-   */
-  storageId: string;
-  /**
-   * Pass the same string to multiple tab navs to keep them all in sync if one changes
-   */
-  syncId: string;
-  /** @internal Parent tabs component scale value */
-  scale: Scale;
-  /** @internal Parent tabs component layout value */
-  layout: TabLayout;
-  /** @internal Parent tabs component position value */
-  position: TabPosition;
-  /** @internal Parent tabs component bordered value when layout is "inline" */
-  bordered: boolean;
-  /**
-   * @internal
-   */
-  selectedTab: TabID;
-  /**
-   * @internal
-   */
-  selectedTabEl: HTMLCalciteTabTitleElement;
-  /**
-   * @internal
-   */
-  indicatorOffset: number;
-  /**
-   * @internal
-   */
-  indicatorWidth: number;
-  selectedTabChanged(): Promise<void>;
-  selectedTabElChanged(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): VNode;
-  resizeHandler(): void;
-  focusPreviousTabHandler(e: CustomEvent): void;
-  focusNextTabHandler(e: CustomEvent): void;
-  activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Check for active tabs on register and update selected
-   */
-  updateTabTitles(e: CustomEvent<TabID>): void;
-  globalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Emitted when the active tab changes
-   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)
-   */
-  calciteTabChange: EventEmitter<TabChangeEventDetail>;
-  private tabNavEl;
-  private activeIndicatorEl;
-  private activeIndicatorContainerEl;
-  private animationActiveDuration;
-  private handleContainerScroll;
-  private updateOffsetPosition;
-  private updateActiveWidth;
-  private getIndexOfTabTitle;
-  private getTabTitleById;
-  private get tabTitles();
-  private get enabledTabTitles();
-}

package/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts

@@ -1,92 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "../calcite-tab/interfaces";
-import { TabID, TabLayout, TabPosition } from "../calcite-tabs/interfaces";
-import { FlipContext, Scale } from "../interfaces";
-/**
- * @slot - A slot for adding text.
- */
-export declare class CalciteTabTitle {
-  el: HTMLCalciteTabTitleElement;
-  /** Show this tab title as selected */
-  active: boolean;
-  /** Disable this tab title  */
-  disabled: boolean;
-  /** optionally pass an icon to display at the end of a tab title - accepts calcite ui icon names  */
-  iconEnd?: string;
-  /** flip the icon(s) in rtl */
-  iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of a tab title - accepts calcite ui icon names  */
-  iconStart?: string;
-  /** @internal Parent tabs component layout value */
-  layout: TabLayout;
-  /** @internal Parent tabs component or parent tab-nav component's position */
-  position: TabPosition;
-  /** @internal Parent tabs component or parent tab-nav component's scale */
-  scale: Scale;
-  /** @internal Parent tabs component bordered value */
-  bordered: boolean;
-  /**
-   * Optionally include a unique name for the tab title,
-   * be sure to also set this name on the associated tab.
-   */
-  tab?: string;
-  activeTabChanged(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): VNode;
-  componentDidLoad(): Promise<void>;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
-  onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
-  /**
-   * Fires when a specific tab is activated (`event.details`)
-   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)
-   */
-  calciteTabsActivate: EventEmitter<TabChangeEventDetail>;
-  /**
-   * @internal
-   */
-  calciteTabsFocusNext: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteTabsFocusPrevious: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteTabTitleRegister: EventEmitter<TabID>;
-  /**
-   * Return the index of this title within the nav
-   */
-  getTabIndex(): Promise<number>;
-  /**
-   * @internal
-   */
-  getTabIdentifier(): Promise<TabID>;
-  /**
-   * @internal
-   */
-  updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
-  /** watches for changing text content **/
-  private mutationObserver;
-  private controls;
-  /** determine if there is slotted text for styling purposes */
-  private hasText;
-  /**
-   * @internal
-   */
-  private parentTabNavEl;
-  /**
-   * @internal
-   */
-  private parentTabsEl;
-  private updateHasText;
-  private setupTextContentObserver;
-  private emitActiveTab;
-  /**
-   * @internal
-   */
-  private guid;
-}