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

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { HeadingLevel } from "../functional/CalciteHeading";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding custom content.
  * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
@@ -11,7 +12,7 @@ import { HeadingLevel } from "../functional/CalciteHeading";
  * @slot footer-actions - A slot for adding buttons to the footer.
  * @slot footer - A slot for adding custom content to the footer.
  */
-export declare class CalcitePanel {
+export declare class CalcitePanel implements ConditionalSlotComponent {
   /**
    * Hides the panel.
    */
@@ -77,6 +78,8 @@ export declare class CalcitePanel {
   backButtonEl: HTMLCalciteActionElement;
   dismissButtonEl: HTMLCalciteActionElement;
   containerEl: HTMLElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Emitted when the close button has been clicked.
    */
@@ -92,7 +95,7 @@ export declare class CalcitePanel {
   setContainerRef: (node: HTMLElement) => void;
   setDismissRef: (node: HTMLCalciteActionElement) => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
-  panelKeyUpHandler: (event: KeyboardEvent) => void;
+  panelKeyDownHandler: (event: KeyboardEvent) => void;
   dismiss: () => void;
   panelScrollHandler: () => void;
   backButtonClick: () => void;
@@ -108,11 +111,7 @@ export declare class CalcitePanel {
   renderHeaderActionsEnd(): VNode;
   renderMenu(): VNode;
   renderHeaderNode(): VNode;
-  /**
-   * Allows user to override the entire footer node.
-   */
-  renderFooterSlottedContent(): VNode;
-  renderFooterActions(): VNode;
+  renderFooterNode(): VNode;
   renderContent(): VNode;
   renderFab(): VNode;
   render(): VNode;

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

@@ -51,7 +51,7 @@ export declare class CalcitePickList<ItemElement extends HTMLCalcitePickListItem
   /**
    * Emitted when any of the item selections have changed.
    */
-  calciteListChange: EventEmitter;
+  calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
   calciteListItemPropsChangeHandler(event: CustomEvent): void;
@@ -60,6 +60,7 @@ export declare class CalcitePickList<ItemElement extends HTMLCalcitePickListItem
   setUpItems(): void;
   setUpFilter(): void;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  deselectRemovedItems: any;
   deselectSiblingItems: any;
   selectSiblings: any;
   handleFilter: any;

package/dist/types/components/calcite-pick-list/shared-list-logic.d.ts

@@ -17,6 +17,7 @@ export declare function removeItem<T extends Lists, U extends ListItemElement<T>
 export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;
 export declare function setUpItems<T extends Lists>(this: List<T>, tagName: T extends CalcitePickList ? "calcite-pick-list-item" : "calcite-value-list-item"): void;
 export declare function setUpFilter<T extends Lists>(this: List<T>): void;
+export declare function deselectRemovedItems<T extends Lists>(this: List<T>): void;
 export declare function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void;
 export declare function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect?: boolean): void;
 export declare function handleFilter<T extends Lists>(this: List<T>, event: CustomEvent): void;

package/dist/types/components/calcite-pick-list/shared-list-render.d.ts

@@ -2,7 +2,7 @@ import { FunctionalComponent } from "../../stencil-public-runtime";
 import { JSXBase } from "../../stencil-public-runtime";
 import { handleFilter } from "./shared-list-logic";
 import DOMAttributes = JSXBase.DOMAttributes;
-interface ListProps extends DOMAttributes {
+interface ListProps extends DOMAttributes<any> {
   disabled: boolean;
   loading: boolean;
   filterEnabled: boolean;
@@ -14,5 +14,5 @@ interface ListProps extends DOMAttributes {
 }
 export declare const List: FunctionalComponent<{
   props: ListProps;
-} & DOMAttributes>;
+} & DOMAttributes<any>>;
 export default List;

package/dist/types/components/calcite-pick-list-group/calcite-pick-list-group.d.ts

@@ -1,9 +1,10 @@
 import { VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-pick-list-item` elements.
  */
-export declare class CalcitePickListGroup {
+export declare class CalcitePickListGroup implements ConditionalSlotComponent {
   /**
    * The title used for all nested `calcite-pick-list` rows.
    *
@@ -14,5 +15,7 @@ export declare class CalcitePickListGroup {
    */
   headingLevel: HeadingLevel;
   el: HTMLCalcitePickListGroupElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
 }

package/dist/types/components/calcite-pick-list-item/calcite-pick-list-item.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ICON_TYPES } from "../calcite-pick-list/resources";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot actions-end - a slot for adding actions or content to the end side of the item.
  * @slot actions-start - a slot for adding actions or content to the start side of the item.
  */
-export declare class CalcitePickListItem {
+export declare class CalcitePickListItem implements ConditionalSlotComponent {
   /**
    * An optional description for this item.  This will appear below the label text.
    */
@@ -59,6 +60,8 @@ export declare class CalcitePickListItem {
   el: HTMLCalcitePickListItemElement;
   private focusEl;
   shiftPressed: boolean;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Emitted whenever the item is selected or unselected.
    */

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

@@ -56,6 +56,7 @@ export declare class CalciteRadioButton implements LabelableComponent, Checkable
   private setContainerEl;
   private uncheckAllRadioButtonsInGroup;
   private uncheckOtherRadioButtonsInGroup;
+  private getTabIndex;
   /**
    * Fires when the radio button is blurred.
    * @internal

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

@@ -15,18 +15,10 @@ export declare class CalciteRadioGroupItem {
    * The control's value.
    */
   value: any | null;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
   render(): VNode;
   /**
    * Fires when the item has been selected.
    * @internal
    */
   calciteRadioGroupItemChange: EventEmitter;
-  private useFallback;
-  private inputProxy;
-  private mutationObserver;
-  private syncFromExternalInput;
-  private syncToExternalInput;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Direction } from "../../utils/dom";
 import { Scale, Width } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -71,6 +70,6 @@ export declare class CalciteSelect implements LabelableComponent, FormComponent
   private toNativeElement;
   private deselectAllExcept;
   private emitChangeEvent;
-  renderChevron(dir: Direction): VNode;
+  renderChevron(): VNode;
   render(): VNode;
 }

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

@@ -1,4 +1,5 @@
 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.
@@ -7,12 +8,14 @@ import { VNode } from "../../stencil-public-runtime";
  * @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 CalciteShell {
+export declare class CalciteShell 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;

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

@@ -1,10 +1,11 @@
 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 CalciteShellCenterRow {
+export declare class CalciteShellCenterRow implements ConditionalSlotComponent {
   /**
    * This property makes the content area appear like a "floating" panel.
    */
@@ -18,5 +19,7 @@ export declare class CalciteShellCenterRow {
    */
   position: Position;
   el: HTMLCalciteShellCenterRowElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
 }

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

@@ -1,10 +1,11 @@
 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 CalciteShellPanel {
+export declare class CalciteShellPanel implements ConditionalSlotComponent {
   /**
    * Hide the content panel.
    */
@@ -35,6 +36,7 @@ export declare class CalciteShellPanel {
    * 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;

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

@@ -1,5 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
+import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 export declare class CalciteSlider implements LabelableComponent, FormComponent {
@@ -58,6 +59,10 @@ export declare class CalciteSlider implements LabelableComponent, FormComponent
   ticks?: number;
   /** Currently selected number (if single select) */
   value: null | number;
+  /**
+   * Specify the scale of the slider, defaults to m
+   */
+  scale: Scale;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;

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

@@ -1,9 +1,10 @@
 import { VNode } from "../../stencil-public-runtime";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot content-start - A slot for adding non-actionable elements before the tile content.
  * @slot content-end - A slot for adding non-actionable elements after the tile content.
  */
-export declare class CalciteTile {
+export declare class CalciteTile implements ConditionalSlotComponent {
   el: HTMLCalciteTileElement;
   /** The active state of the tile. */
   active: boolean;
@@ -28,6 +29,8 @@ export declare class CalciteTile {
   href?: string;
   /** The icon that appears at the top of the tile. */
   icon?: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   renderTile(): VNode;
   render(): VNode;
 }

package/dist/types/components/calcite-tile-select/resources.d.ts

@@ -0,0 +1,16 @@
+export declare const CSS: {
+  checked: string;
+  description: string;
+  descriptionOnly: string;
+  disabled: string;
+  heading: string;
+  headingOnly: string;
+  icon: string;
+  iconOnly: string;
+  inputAlignmentEnd: string;
+  inputAlignmentStart: string;
+  inputEnabled: string;
+  largeVisual: string;
+  widthAuto: string;
+  widthFull: string;
+};

package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts

@@ -1,12 +1,8 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { Meridiem, Time, TimeFocusId, HourDisplayFormat } from "../../utils/time";
+import { TimePart, HourCycle, Meridiem } from "../../utils/time";
 export declare class CalciteTimePicker {
   el: HTMLCalciteTimePickerElement;
-  /** The hour value (24-hour format) */
-  hour?: string;
-  /** Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually) */
-  hourDisplayFormat: HourDisplayFormat;
   /** aria-label for the hour input
    * @default "Hour"
    */
@@ -55,51 +51,62 @@ export declare class CalciteTimePicker {
    * @default "Increase second"
    */
   intlSecondUp: string;
-  /** The minute value */
-  minute?: string;
-  /** The second value */
-  second?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
   /** The scale (size) of the time picker */
   scale: Scale;
-  /** number that specifies the granularity that the value must adhere to */
+  /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
-  hourChanged(newHour: string): void;
-  timeChangeHandler(): void;
+  /** The selected time in UTC (always 24-hour format) */
+  value: string;
+  valueWatcher(newValue: string): void;
   private activeEl;
-  private meridiemEl;
   private hourEl;
+  private meridiemEl;
   private minuteEl;
   private secondEl;
-  private timeChanged;
-  /** The am/pm value */
+  hour: string;
+  hourChanged(newHour: string): void;
+  hourCycle: HourCycle;
+  localizedHour: string;
+  localizedHourSuffix: string;
+  localizedMeridiem: string;
+  localizedMinute: string;
+  localizedMinuteSuffix: string;
+  localizedSecond: string;
+  localizedSecondSuffix: string;
   meridiem: Meridiem;
-  displayHour: string;
+  minute: string;
+  second: string;
+  showSecond: boolean;
   /**
    * @internal
    */
-  calciteTimePickerBlur: EventEmitter<Time>;
+  calciteTimePickerBlur: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteTimePickerChange: EventEmitter<Time>;
+  calciteTimePickerChange: EventEmitter<string>;
   /**
    * @internal
    */
-  calciteTimePickerFocus: EventEmitter<Time>;
+  calciteTimePickerFocus: EventEmitter<void>;
   hostBlurHandler(): void;
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;
   /** Sets focus on the component. */
-  setFocus(target: TimeFocusId): Promise<void>;
+  setFocus(target: TimePart): Promise<void>;
+  private buttonActivated;
   private decrementHour;
   private decrementMeridiem;
   private decrementMinuteOrSecond;
   private decrementMinute;
   private decrementSecond;
-  private buttonActivated;
   private focusHandler;
-  private getDisplayHour;
-  private getTime;
   private hourDownButtonKeyDownHandler;
   private hourKeyDownHandler;
   private hourUpButtonKeyDownHandler;
@@ -117,7 +124,12 @@ export declare class CalciteTimePicker {
   private secondDownButtonKeyDownHandler;
   private secondKeyDownHandler;
   private secondUpButtonKeyDownHandler;
-  private setTime;
+  private setHourEl;
+  private setMeridiemEl;
+  private setMinuteEl;
+  private setSecondEl;
+  private setValue;
+  private setValuePart;
   connectedCallback(): void;
   render(): VNode;
 }

package/dist/types/components/calcite-time-picker/resources.d.ts

@@ -1,24 +1,30 @@
 export declare const CSS: {
+  button: string;
   buttonBottomLeft: string;
   buttonBottomRight: string;
-  button: string;
-  delimiter: string;
-  hour: string;
   buttonHourDown: string;
   buttonHourUp: string;
-  input: string;
-  meridiem: string;
   buttonMeridiemDown: string;
   buttonMeridiemUp: string;
-  minute: string;
   buttonMinuteDown: string;
   buttonMinuteUp: string;
-  second: string;
   buttonSecondDown: string;
   buttonSecondUp: string;
-  timePicker: string;
   buttonTopLeft: string;
   buttonTopRight: string;
+  column: string;
+  delimiter: string;
+  hour: string;
+  input: string;
+  meridiem: string;
+  minute: string;
+  second: string;
+  showMeridiem: string;
+  showSecond: string;
+  "scale-s": string;
+  "scale-m": string;
+  "scale-l": string;
+  timePicker: string;
 };
 export declare const TEXT: {
   hour: string;

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

@@ -1,10 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding text and a hyperlink.
  * @slot thumbnail - A slot for adding an HTML image element to the tip.
  */
-export declare class CalciteTip {
+export declare class CalciteTip implements ConditionalSlotComponent {
   /**
    * No longer displays the tip.
    */
@@ -30,6 +31,8 @@ export declare class CalciteTip {
    */
   intlClose?: string;
   el: HTMLCalciteTipElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Emitted when the component has been dismissed.
    */

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

@@ -2,11 +2,12 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TreeItemSelectDetail } from "./interfaces";
 import { TreeSelectionMode } from "../calcite-tree/interfaces";
 import { Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding content to the item.
  * @slot children - A slot for adding nested `calcite-tree` elements.
  */
-export declare class CalciteTreeItem {
+export declare class CalciteTreeItem implements ConditionalSlotComponent {
   el: HTMLCalciteTreeItemElement;
   /** Is the item currently selected */
   selected: boolean;
@@ -37,6 +38,7 @@ export declare class CalciteTreeItem {
   /** @internal Tree selection-mode (set on parent) */
   selectionMode: TreeSelectionMode;
   connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillRender(): void;
   componentDidLoad(): void;
   render(): VNode;

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

@@ -59,20 +59,22 @@ export declare class CalciteValueList<ItemElement extends HTMLCalciteValueListIt
   /**
    * Emitted when any of the item selections have changed.
    */
-  calciteListChange: EventEmitter;
+  calciteListChange: EventEmitter<Map<string, HTMLCalciteValueListItemElement>>;
   /**
    * Emitted when the order of the list has changed.
    */
-  calciteListOrderChange: EventEmitter;
+  calciteListOrderChange: EventEmitter<any[]>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
   calciteListItemPropsChangeHandler(event: CustomEvent): void;
   calciteListItemValueChangeHandler(event: CustomEvent): void;
+  getItems(): ItemElement[];
   setUpItems(): void;
   setUpFilter(): void;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
   setUpDragAndDrop(): void;
   cleanUpDragAndDrop(): void;
+  deselectRemovedItems: any;
   deselectSiblingItems: any;
   selectSiblings: any;
   handleFilter: any;

package/dist/types/components/calcite-value-list-item/calcite-value-list-item.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ICON_TYPES } from "../calcite-pick-list/resources";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot actions-end - A slot for adding actions or content to the end side of the item.
  * @slot actions-start - A slot for adding actions or content to the start side of the item.
  */
-export declare class CalciteValueListItem {
+export declare class CalciteValueListItem implements ConditionalSlotComponent {
   /**
    * An optional description for this item. Will appear below the label text.
    */
@@ -53,6 +54,8 @@ export declare class CalciteValueListItem {
   el: HTMLCalciteValueListItemElement;
   pickListItem: HTMLCalcitePickListItemElement;
   guid: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * 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.