@esri/calcite-components 1.0.0-beta.80 → 1.0.0-beta.81

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

@@ -18,6 +18,7 @@ export declare class Tab {
   /** @internal Parent tabs component scale value */
   scale: Scale;
   render(): VNode;
+  connectedCallback(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
   disconnectedCallback(): void;
@@ -25,16 +26,14 @@ export declare class Tab {
    * @internal
    */
   calciteTabRegister: EventEmitter;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Return the index of this tab within the tab array
    */
   getTabIndex(): Promise<number>;
-  /**
-   * @internal
-   */
-  private guid;
-  private labeledBy;
+  parentTabsEl: HTMLCalciteTabsElement;
+  guid: string;
+  labeledBy: string;
   /**
    * @internal
    */

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

@@ -24,14 +24,6 @@ export declare class TabNav {
   position: TabPosition;
   /** @internal Parent tabs component bordered value when layout is "inline" */
   bordered: boolean;
-  /**
-   * @internal
-   */
-  selectedTab: TabID;
-  /**
-   * @internal
-   */
-  selectedTabEl: HTMLCalciteTabTitleElement;
   /**
    * @internal
    */
@@ -42,33 +34,43 @@ export declare class TabNav {
   indicatorWidth: number;
   selectedTabChanged(): Promise<void>;
   selectedTabElChanged(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   render(): VNode;
-  resizeHandler(): void;
   focusPreviousTabHandler(e: CustomEvent): void;
   focusNextTabHandler(e: CustomEvent): void;
+  internalActivateTabHandler(e: CustomEvent<TabChangeEventDetail>): 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;
+  globalInternalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Emitted when the active tab changes
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/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();
+  /**
+   * @internal
+   */
+  calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;
+  selectedTab: TabID;
+  selectedTabEl: HTMLCalciteTabTitleElement;
+  parentTabsEl: HTMLCalciteTabsElement;
+  tabNavEl: HTMLDivElement;
+  activeIndicatorEl: HTMLElement;
+  activeIndicatorContainerEl: HTMLDivElement;
+  animationActiveDuration: number;
+  resizeObserver: ResizeObserver;
+  handleContainerScroll: () => void;
+  updateOffsetPosition(): void;
+  updateActiveWidth(): void;
+  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles?: HTMLCalciteTabTitleElement[]): number;
+  getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null>;
+  get tabTitles(): HTMLCalciteTabTitleElement[];
+  get enabledTabTitles(): HTMLCalciteTabTitleElement[];
 }

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

@@ -39,7 +39,7 @@ export declare class TabTitle implements InteractiveComponent {
   render(): VNode;
   componentDidLoad(): Promise<void>;
   componentDidRender(): void;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   onClick(): void;
   keyDownHandler(e: KeyboardEvent): void;
   /**
@@ -47,6 +47,12 @@ export declare class TabTitle implements InteractiveComponent {
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
    */
   calciteTabsActivate: EventEmitter<TabChangeEventDetail>;
+  /**
+   * Fires when a specific tab is activated (`event.details`)
+   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
+   * @internal
+   */
+  calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;
   /**
    * @internal
    */
@@ -72,23 +78,14 @@ export declare class TabTitle implements InteractiveComponent {
    */
   updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
   /** watches for changing text content **/
-  private mutationObserver;
-  private controls;
+  mutationObserver: MutationObserver;
+  controls: string;
   /** 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;
+  hasText: boolean;
+  parentTabNavEl: HTMLCalciteTabNavElement;
+  parentTabsEl: HTMLCalciteTabsElement;
+  updateHasText(): void;
+  setupTextContentObserver(): void;
+  emitActiveTab(userTriggered?: boolean): void;
+  guid: string;
 }

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

@@ -42,24 +42,21 @@ export declare class Tabs {
    */
   calciteTabUnregister(e: CustomEvent): void;
   /**
-   * @internal
    *
    * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
    * attributes.
    */
   titles: HTMLCalciteTabTitleElement[];
   /**
-   * @internal
    *
    * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
    */
   tabs: HTMLCalciteTabElement[];
   /**
-   * @internal
    *
    * Matches up elements from the internal `tabs` and `titles` to automatically
    * update the ARIA attributes and link `<calcite-tab>` and
    * `<calcite-tab-title>` components.
    */
-  private registryHandler;
+  registryHandler(): Promise<void>;
 }

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

@@ -71,7 +71,6 @@ export declare class TimePicker {
   private secondEl;
   private meridiemOrder;
   hour: string;
-  hourChanged(newHour: string): void;
   hourCycle: HourCycle;
   localizedHour: string;
   localizedHourSuffix: string;

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

@@ -5,7 +5,7 @@ import { HeadingLevel } from "../functional/Heading";
  */
 export declare class TipManager {
   /**
-   * Alternate text for closing the `calcite-tip-manager`.
+   * Closed state of the `calcite-tip-manager`.
    */
   closed: boolean;
   closedChangeHandler(): void;

package/dist/types/components.d.ts

@@ -497,7 +497,7 @@ export namespace Components {
         /**
           * The type attribute to apply to the button
          */
-        "type"?: string;
+        "type": string;
         /**
           * specify the width of the button, defaults to auto
          */
@@ -1657,6 +1657,11 @@ export namespace Components {
           * 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 date-picker component will be positioned relative to the input.
+          * @default "bottom-leading"
+         */
+        "placement": MenuPlacement;
         /**
           * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
          */
@@ -1788,6 +1793,11 @@ export namespace Components {
           * The name of the time input
          */
         "name": string;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+          * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+         */
+        "placement": PopperPlacement;
         /**
           * When true, makes the component required for form-submission.
          */
@@ -2798,7 +2808,7 @@ export namespace Components {
         /**
           * Currently selected number (if single select)
          */
-        "value": null | number;
+        "value": null | number | number[];
     }
     interface CalciteSortableList {
         /**
@@ -3296,7 +3306,7 @@ export namespace Components {
     }
     interface CalciteTipManager {
         /**
-          * Alternate text for closing the `calcite-tip-manager`.
+          * Closed state of the `calcite-tip-manager`.
          */
         "closed": boolean;
         /**
@@ -5809,6 +5819,11 @@ declare namespace LocalJSX {
           * 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 date-picker component will be positioned relative to the input.
+          * @default "bottom-leading"
+         */
+        "placement"?: MenuPlacement;
         /**
           * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
          */
@@ -5928,6 +5943,11 @@ declare namespace LocalJSX {
           * Fires when the time value is changed as a result of user input.
          */
         "onCalciteInputTimePickerChange"?: (event: CustomEvent<string>) => void;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+          * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+         */
+        "placement"?: PopperPlacement;
         /**
           * The scale (size) of the time input
          */
@@ -6911,7 +6931,7 @@ declare namespace LocalJSX {
         /**
           * Currently selected number (if single select)
          */
-        "value"?: null | number;
+        "value"?: null | number | number[];
     }
     interface CalciteSortableList {
         /**
@@ -7372,7 +7392,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTipManager {
         /**
-          * Alternate text for closing the `calcite-tip-manager`.
+          * Closed state of the `calcite-tip-manager`.
          */
         "closed"?: boolean;
         /**

package/dist/types/preact.d.ts

@@ -309,12 +309,14 @@ declare module "preact/src/jsx" {
         "oncalciteTabRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab-nav": Omit<JSX.CalciteTabNav, "onCalciteTabChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTabNavElement> & {
+      "calcite-tab-nav": Omit<JSX.CalciteTabNav, "onCalciteTabChange" | "onCalciteInternalTabChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTabNavElement> & {
         "oncalciteTabChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteTabsFocusNext" | "onCalciteTabsFocusPrevious" | "onCalciteTabTitleRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
+      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteInternalTabsActivate" | "onCalciteTabsFocusNext" | "onCalciteTabsFocusPrevious" | "onCalciteTabTitleRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
         "oncalciteTabsActivate"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsActivate"?: (event: CustomEvent<any>) => void;
         "oncalciteTabsFocusNext"?: (event: CustomEvent<any>) => void;
         "oncalciteTabsFocusPrevious"?: (event: CustomEvent<any>) => void;
         "oncalciteTabTitleRegister"?: (event: CustomEvent<any>) => void;

package/dist/types/utils/dom.d.ts

@@ -11,8 +11,8 @@ export declare type Direction = "ltr" | "rtl";
 export declare function getThemeName(el: HTMLElement): "light" | "dark";
 export declare function getElementDir(el: HTMLElement): Direction;
 export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
-export declare function getRootNode(el: Element): HTMLDocument | ShadowRoot;
-export declare function getHost(root: HTMLDocument | ShadowRoot): Element | null;
+export declare function getRootNode(el: Element): Document | ShadowRoot;
+export declare function getHost(root: Document | ShadowRoot): Element | null;
 /**
  * This helper queries an element's rootNodes and any ancestor rootNodes.
  *

package/dist/types/utils/locale.d.ts

@@ -2,4 +2,5 @@ export declare const locales: string[];
 export declare function delocalizeNumberString(numberString: string, locale: string): string;
 export declare function getGroupSeparator(locale: string): string;
 export declare function getDecimalSeparator(locale: string): string;
+export declare function getMinusSign(locale: string): string;
 export declare function localizeNumberString(numberString: string, locale: string, displayGroupSeparator?: boolean): string;

package/dist/types/utils/popper.d.ts

@@ -5,15 +5,16 @@ export declare type ComputedPlacement = PopperComputedPlacement;
 export declare type PopperPlacement = Placement | PlacementRtl | VariationRtl;
 export declare type OverlayPositioning = PositioningStrategy;
 export declare const popperPlacements: PopperPlacement[];
-export declare const popperFlipPlacements: ComputedPlacement[];
+export declare const popperComputedPlacements: ComputedPlacement[];
 export declare type MenuPlacement = Extract<PopperPlacement, "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
 export declare const defaultMenuPlacement: MenuPlacement;
 export declare const popperMenuPlacements: MenuPlacement[];
-export declare const popperMenuFlipPlacements: ComputedPlacement[];
+export declare const popperMenuComputedPlacements: ComputedPlacement[];
 export declare const CSS: {
   animation: string;
   animationActive: string;
 };
+export declare function filterComputedPlacements(placements: string[], el: HTMLElement): PopperComputedPlacement[];
 export declare function getPlacement(el: HTMLElement, placement: PopperPlacement): Placement;
 export declare function createPopper({ referenceEl, el, placement, overlayPositioning, modifiers }: {
   el: HTMLElement;

package/hydrate/index.d.ts

@@ -102,7 +102,7 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	 * Sets an approximate line width the HTML should attempt to stay within.
 	 * Note that this is "approximate", in that HTML may often not be able
 	 * to be split at an exact line width. Additionally, new lines created
-	 * is where HTML naturally already has whitespce, such as before an
+	 * is where HTML naturally already has whitespace, such as before an
 	 * attribute or spaces between words. Defaults to `100`.
 	 */
 	approximateLineWidth?: number;