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

package/dist/types/components/popover-manager/popover-manager.d.ts

@@ -1,19 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-/**
- * @slot - A slot for adding elements that reference a 'calcite-popover' by the 'selector' property.
- */
-export declare class PopoverManager {
-  el: HTMLCalcitePopoverManagerElement;
-  /**
-   * CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.
-   * @default `[data-calcite-popover-reference]`
-   */
-  selector: string;
-  /**
-   * Automatically closes any currently open popovers when clicking outside of a popover.
-   */
-  autoClose: boolean;
-  render(): VNode;
-  queryPopover: (composedPath: EventTarget[]) => HTMLCalcitePopoverElement;
-  closeOpenPopovers(event: Event): void;
-}

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

@@ -1,15 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-export declare class Progress {
-  el: HTMLCalciteProgressElement;
-  /** Use indeterminate if finding actual progress value is impossible */
-  type: "indeterminate" | "determinate";
-  /** Fraction completed, in the range of 0 - 1.0 */
-  value: number;
-  /** Label for the progress indicator */
-  label: string;
-  /** Text to display for the progress indicator */
-  text: string;
-  /** For indeterminate progress bars, reverse the animation direction */
-  reversed: boolean;
-  render(): VNode;
-}

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,92 +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 RadioButton implements LabelableComponent, CheckableFormCompoment {
-  el: HTMLCalciteRadioButtonElement;
-  /** The checked state of the radio button. */
-  checked: boolean;
-  checkedChanged(newChecked: boolean): void;
-  /** The disabled state of the radio button. */
-  disabled: boolean;
-  /**
-   * The focused state of the radio button.
-   * @internal
-   */
-  focused: boolean;
-  /** The id attribute of the radio button.  When omitted, a globally unique identifier is used. */
-  guid: string;
-  /** The radio button's hidden status.  When a radio button is hidden it is not focusable or checkable. */
-  hidden: boolean;
-  /**
-   * The hovered state of the radio button.
-   * @internal
-   */
-  hovered: boolean;
-  /**
-   * The label of the radio input
-   * @internal
-   */
-  label?: string;
-  /** The name of the radio button. `name` is passed as a property automatically from `calcite-radio-button-group`. */
-  name: string;
-  nameChanged(): void;
-  /** Requires that a value is selected for the radio button group before the parent form will submit. */
-  required: boolean;
-  /** The scale (size) of the radio button. `scale` is passed as a property automatically from `calcite-radio-button-group`. */
-  scale: Scale;
-  /** The value of the radio button. */
-  value: any;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: RadioButton["value"];
-  rootNode: HTMLElement;
-  containerEl: HTMLDivElement;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  selectItem: (items: HTMLCalciteRadioButtonElement[], selectedIndex: number) => void;
-  queryButtons: () => HTMLCalciteRadioButtonElement[];
-  isDefaultSelectable: () => boolean;
-  check: () => void;
-  private clickHandler;
-  onLabelClick(event: CustomEvent): void;
-  private checkLastRadioButton;
-  /** @internal */
-  emitCheckedChange(): Promise<void>;
-  private setContainerEl;
-  private uncheckAllRadioButtonsInGroup;
-  private uncheckOtherRadioButtonsInGroup;
-  private getTabIndex;
-  /**
-   * Fires when the radio button is blurred.
-   * @internal
-   */
-  calciteInternalRadioButtonBlur: EventEmitter;
-  /**
-   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.
-   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
-   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
-   * or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
-   */
-  calciteRadioButtonChange: EventEmitter;
-  /**
-   * Fires when the checked property changes.  This is an internal event used for styling purposes only.
-   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
-   * @internal
-   */
-  calciteInternalRadioButtonCheckedChange: EventEmitter;
-  /**
-   * Fires when the radio button is focused.
-   * @internal
-   */
-  calciteInternalRadioButtonFocus: EventEmitter;
-  mouseenter(): void;
-  mouseleave(): void;
-  handleKeyDown: (event: KeyboardEvent) => void;
-  private onContainerBlur;
-  private onContainerFocus;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-}

package/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -1,34 +0,0 @@
-import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { Layout, Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-radio-button`s.
- */
-export declare class RadioButtonGroup {
-  el: HTMLCalciteRadioButtonGroupElement;
-  /** The disabled state of the radio button group. */
-  disabled: boolean;
-  onDisabledChange(): void;
-  /** The radio button group's hidden status.  When a radio button group is hidden none of its options are focusable or checkable. */
-  hidden: boolean;
-  onHiddenChange(): void;
-  /** The layout direction of the radio buttons in a group. */
-  layout: Layout;
-  onLayoutChange(): void;
-  /** The name of the radio button group. `name` must be unique to other radio button group instances. */
-  name: string;
-  /** Requires that a value is selected for the radio button group before the parent form will submit. */
-  required: boolean;
-  /** The scale (size) of the radio button group. */
-  scale: Scale;
-  onScaleChange(): void;
-  mutationObserver: MutationObserver;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  private passPropsToRadioButtons;
-  /**
-   * Emitted when the radio button group has changed.
-   */
-  calciteRadioButtonGroupChange: EventEmitter;
-  radioButtonChangeHandler(event: CustomEvent): void;
-  render(): VNode;
-}

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

@@ -1,56 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout, Scale, Width } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-import { RadioAppearance } from "./interfaces";
-/**
- * @slot - A slot for adding `calcite-radio-group-item`s.
- */
-export declare class RadioGroup implements LabelableComponent, FormComponent {
-  el: HTMLCalciteRadioGroupElement;
-  /** specify the appearance style of the radio group, defaults to solid. */
-  appearance: RadioAppearance;
-  /** is the radio group disabled  */
-  disabled: boolean;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /** specify the layout of the radio group, defaults to horizontal */
-  layout: Layout;
-  /**
-   * The group's name. Gets submitted with the form.
-   */
-  name: string;
-  /** The scale of the radio group */
-  scale: Scale;
-  /** The value of the selectedItem */
-  value: string;
-  valueHandler(value: string): void;
-  /**
-   * The group's selected item.
-   */
-  selectedItem: HTMLCalciteRadioGroupItemElement;
-  protected handleSelectedItemChange<T extends HTMLCalciteRadioGroupItemElement>(newItem: T, oldItem: T): void;
-  /** specify the width of the group, defaults to auto */
-  width: Extract<"auto" | "full", Width>;
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  protected handleClick: (event: MouseEvent) => void;
-  protected handleSelected(event: Event): void;
-  protected handleKeyDown(event: KeyboardEvent): void;
-  /** Fired when the selected option changes, event detail is the new value */
-  calciteRadioGroupChange: EventEmitter<string>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: RadioGroup["value"];
-  onLabelClick(): void;
-  private getItems;
-  private selectItem;
-}

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

@@ -1,24 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Position } from "../interfaces";
-export declare class RadioGroupItem {
-  el: HTMLCalciteRadioGroupItemElement;
-  /** Indicates whether the control is checked. */
-  checked: boolean;
-  protected handleCheckedChange(): void;
-  /** optionally pass an icon to display - accepts Calcite UI icon names  */
-  icon?: string;
-  /** flip the icon in rtl */
-  iconFlipRtl: boolean;
-  /** optionally used with icon, select where to position the icon */
-  iconPosition?: Position;
-  /**
-   * The control's value.
-   */
-  value: any | null;
-  render(): VNode;
-  /**
-   * Fires when the item has been selected.
-   * @internal
-   */
-  calciteRadioGroupItemChange: EventEmitter;
-}

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

@@ -1,60 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-export declare class Rating implements LabelableComponent, FormComponent {
-  el: HTMLCalciteRatingElement;
-  /** specify the scale of the component, defaults to m */
-  scale: Scale;
-  /** the value of the rating component */
-  value: number;
-  /** is the rating component in a selectable mode */
-  readOnly: boolean;
-  /** is the rating component in a selectable mode */
-  disabled: boolean;
-  /** Show average and count data summary chip (if available) */
-  showChip: boolean;
-  /** optionally pass a number of previous ratings to display */
-  count?: number;
-  /** optionally pass a cumulative average rating to display */
-  average?: number;
-  /** The name of the rating */
-  name: string;
-  /** Localized string for "Rating" (used for aria label)
-   * @default "Rating"
-   */
-  intlRating?: string;
-  /** Localized string for labelling each star, `${num}` in the string will be replaced by the number
-   * @default "Stars: ${num}"
-   */
-  intlStars?: string;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Fires when the rating value has changed.
-   */
-  calciteRatingChange: EventEmitter<{
-    value: number;
-  }>;
-  blurHandler(): void;
-  renderStars(): VNode[];
-  render(): any;
-  onLabelClick(): void;
-  private updateValue;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: Rating["value"];
-  hoverValue: number;
-  focusValue: number;
-  hasFocus: boolean;
-  private guid;
-  private inputFocusRef;
-}

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

@@ -1,17 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-/**
- * @slot - A slot for adding custom content, primarily loading information.
- */
-export declare class Scrim {
-  /** string to override English loading text
-   * @default "Loading"
-   */
-  intlLoading?: string;
-  /**
-   * Determines if the component will have the loader overlay.
-   * Otherwise, will render opaque disabled state.
-   */
-  loading: boolean;
-  el: HTMLCalciteScrimElement;
-  render(): VNode;
-}

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

@@ -1,75 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale, Width } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-/**
- * @slot - A slot for adding `calcite-option`s.
- */
-export declare class Select implements LabelableComponent, FormComponent {
-  /**
-   * When true, it prevents the option from being selected.
-   */
-  disabled: boolean;
-  /**
-   * The component's label. This is required for accessibility purposes.
-   *
-   */
-  label: string;
-  /**
-   * The select's name. Gets submitted with the form.
-   */
-  name: string;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /**
-   * The component scale.
-   */
-  scale: Scale;
-  /** The value of the selectedOption */
-  value: string;
-  valueHandler(value: string): void;
-  /**
-   * The currently selected option.
-   *
-   * @readonly
-   */
-  selectedOption: HTMLCalciteOptionElement;
-  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void;
-  /**
-   * The component width.
-   */
-  width: Width;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: Select["value"];
-  el: HTMLCalciteSelectElement;
-  private componentToNativeEl;
-  private mutationObserver;
-  private selectEl;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /**
-   * This event will fire whenever the selected option changes.
-   */
-  calciteSelectChange: EventEmitter<void>;
-  private handleInternalSelectChange;
-  protected handleOptionOrGroupChange(event: CustomEvent): void;
-  onLabelClick(): void;
-  private updateNativeElement;
-  private populateInternalSelect;
-  private clearInternalSelect;
-  private storeSelectRef;
-  private selectFromNativeOption;
-  private toNativeElement;
-  private deselectAllExcept;
-  private emitChangeEvent;
-  renderChevron(): VNode;
-  render(): VNode;
-}

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

@@ -1,24 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)
- * @slot header - A slot for adding header content. This content will be positioned at the top of the shell.
- * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the shell.
- * @slot primary-panel - A slot for adding the leading `calcite-shell-panel`.
- * @slot contextual-panel - A slot for adding the trailing `calcite-shell-panel`.
- * @slot center-row - A slot for adding custom content in the center row.
- */
-export declare class Shell implements ConditionalSlotComponent {
-  /**
-   * Positions the center content behind any calcite-shell-panels.
-   */
-  contentBehind: boolean;
-  el: HTMLCalciteShellElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  renderHeader(): VNode;
-  renderContent(): VNode[];
-  renderFooter(): VNode;
-  renderMain(): VNode;
-  render(): VNode;
-}

package/dist/types/components/shell-center-row/shell-center-row.d.ts

@@ -1,25 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Position, Scale } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding content to the shell panel.
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
- */
-export declare class ShellCenterRow implements ConditionalSlotComponent {
-  /**
-   * This property makes the content area appear like a "floating" panel.
-   */
-  detached: boolean;
-  /**
-   * Specifies the maximum height of the row.
-   */
-  heightScale: Scale;
-  /**
-   * Arranges the component depending on the elements 'dir' property.
-   */
-  position: Position;
-  el: HTMLCalciteShellCenterRowElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-}

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -1,69 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Position, Scale } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding content to the shell panel.
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
- */
-export declare class ShellPanel implements ConditionalSlotComponent {
-  /**
-   * Hide the content panel.
-   */
-  collapsed: boolean;
-  watchHandler(): void;
-  /**
-   * This property makes the content area appear like a "floating" panel.
-   */
-  detached: boolean;
-  /**
-   * Specifies the maximum height of the contents when detached.
-   */
-  detachedHeightScale: Scale;
-  /**
-   * This sets width of the content area.
-   */
-  widthScale: Scale;
-  /**
-   * Arranges the component depending on the elements 'dir' property.
-   */
-  position: Position;
-  /**
-   * Accessible label for resize separator.
-   * @default "Resize"
-   */
-  intlResize: string;
-  /**
-   * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
-   */
-  resizable: boolean;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  el: HTMLCalciteShellPanelElement;
-  contentWidth: number;
-  initialContentWidth: number;
-  initialClientX: number;
-  contentEl: HTMLDivElement;
-  separatorEl: HTMLDivElement;
-  contentWidthMax: number;
-  contentWidthMin: number;
-  step: number;
-  stepMultiplier: number;
-  /**
-   * Emitted when collapse has been toggled.
-   */
-  calciteShellPanelToggle: EventEmitter;
-  renderHeader(): VNode;
-  render(): VNode;
-  setContentWidth(width: number): void;
-  updateAriaValues(): void;
-  storeContentEl: (contentEl: HTMLDivElement) => void;
-  getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
-  separatorKeyDown: (event: KeyboardEvent) => void;
-  separatorPointerMove: (event: PointerEvent) => void;
-  separatorPointerUp: (event: PointerEvent) => void;
-  setInitialContentWidth: () => void;
-  separatorPointerDown: (event: PointerEvent) => void;
-  connectSeparator: (separatorEl: HTMLDivElement) => void;
-  disconnectSeparator: () => void;
-}