@esri/calcite-components 1.0.0-beta.64 → 1.0.0-beta.68

package/dist/loader/cdn.js

@@ -1,3 +1,6 @@
-
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,3 +1,6 @@
-
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from '../types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];

package/dist/loader/index.es2017.js

@@ -1,3 +1,6 @@
-
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,4 +1,7 @@
-
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';
 export * from '../esm-es5/loader.js';

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { AccordionAppearance } from "./interfaces";
 import { Position, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-accordion-item`s.
+ */
 export declare class CalciteAccordion {
   el: HTMLCalciteAccordionElement;
   /** specify the appearance - default (containing border), or minimal (no containing border), defaults to default */

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

@@ -1,4 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteAccordionItem {
   el: HTMLCalciteAccordionItemElement;
   /** Indicates whether the item is active. */

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

@@ -4,16 +4,16 @@ import { Alignment, Appearance, Scale } from "../interfaces";
  * @slot - A slot for adding a `calcite-icon`.
  */
 export declare class CalciteAction {
-  /** Specify the appearance style of the action, defaults to solid. */
-  appearance: Appearance;
   /**
    * Indicates whether the action is highlighted.
    */
   active: boolean;
   /**
-   * Indicates the alignment when text-enabled is false.
+   * Optionally specify the horizontal alignment of button elements with text content.
    */
   alignment?: Alignment;
+  /** Specify the appearance style of the action, defaults to solid. */
+  appearance: Extract<"solid" | "clear", Appearance>;
   /**
    * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
    */

package/dist/types/components/calcite-action-bar/calcite-action-bar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 /**
@@ -45,18 +46,21 @@ export declare class CalciteActionBar {
   mutationObserver: MutationObserver;
   resizeObserver: ResizeObserver;
   expandToggleEl: HTMLCalciteActionElement;
-  lastActionCount: number;
-  lastGroupCount: number;
-  lastResizeHeight: number;
   componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  /**
+   * Overflows actions that won't fit into menus.
+   * @internal
+   */
+  overflowActions(): Promise<void>;
   /** Sets focus on the component. */
   setFocus(focusId?: "expand-toggle"): Promise<void>;
   actionMenuOpenChangeHandler: (event: CustomEvent<boolean>) => void;
   resizeHandlerEntries: (entries: ResizeObserverEntry[]) => void;
   resizeHandler: (entry: ResizeObserverEntry) => void;
-  resize: (height: number) => void;
+  resize: import("lodash").DebouncedFunc<(height: number) => void>;
+  conditionallyOverflowActions: () => void;
   toggleExpand: () => void;
   setExpandToggleRef: (el: HTMLCalciteActionElement) => void;
   renderBottomActionGroup(): VNode;

package/dist/types/components/calcite-action-bar/utils.d.ts

@@ -1,3 +1,4 @@
+export declare const overflowActionsDebounceInMs = 150;
 export declare const getOverflowCount: ({ actionCount, actionHeight, height, groupCount }: {
   actionCount: number;
   actionHeight: number;

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

@@ -2,10 +2,10 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
 import { Status } from "../interfaces";
 /**
+ * @slot - A slot for adding content to the block.
  * @slot icon - A slot for adding a leading header icon.
  * @slot control - A slot for adding a single HTML input element in a header.
  * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
- * @slot - A slot for adding content to the block.
  */
 export declare class CalciteBlock {
   /**

package/dist/types/components/calcite-block/resources.d.ts

@@ -14,6 +14,7 @@ export declare const CSS: {
   controlContainer: string;
   valid: string;
   invalid: string;
+  loading: string;
 };
 export declare const TEXT: {
   collapse: string;
@@ -31,5 +32,6 @@ export declare const ICONS: {
   closed: string;
   valid: string;
   invalid: string;
+  refresh: string;
 };
 export declare const HEADING_LEVEL = 4;

package/dist/types/components/calcite-block-section/calcite-block-section.d.ts

@@ -36,7 +36,7 @@ export declare class CalciteBlockSection {
    * Emitted when the header has been clicked.
    */
   calciteBlockSectionToggle: EventEmitter;
-  handleHeaderLabelKeyDown(this: HTMLLabelElement, event: KeyboardEvent): void;
+  handleHeaderKeyDown: (event: KeyboardEvent) => void;
   toggleSection: () => void;
   renderStatusIcon(): VNode[];
   render(): VNode;

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

@@ -1,7 +1,12 @@
+import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { VNode } from "../../stencil-public-runtime";
 import { ButtonAlignment, ButtonAppearance, ButtonColor } from "./interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
-export declare class CalciteButton {
+import { LabelableComponent } from "../../utils/label";
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+/** @slot - A slot for adding text. */
+export declare class CalciteButton implements LabelableComponent {
   el: HTMLCalciteButtonElement;
   /** optionally specify alignment of button elements. */
   alignment?: ButtonAlignment;
@@ -15,6 +20,7 @@ export declare class CalciteButton {
   disabled: boolean;
   /** optionally pass a href - used to determine if the component should render as a button or an anchor */
   href?: string;
+  hrefHandler(href: string): void;
   /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
   iconEnd?: string;
   /** flip the icon(s) in rtl */
@@ -31,7 +37,11 @@ export declare class CalciteButton {
   name?: string;
   /** The rel attribute to apply to the hyperlink */
   rel?: string;
-  /** The form ID to associate with the component */
+  /**
+   * The form ID to associate with the component
+   *
+   * @deprecated – this property is no longer needed if placed inside a form.
+   */
   form?: string;
   /** optionally add a round style to the button  */
   round: boolean;
@@ -52,17 +62,20 @@ export declare class CalciteButton {
   render(): VNode;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  formEl: HTMLFormElement;
+  labelEl: HTMLCalciteLabelElement;
   /** watches for changing text content **/
   private mutationObserver;
   /** the rendered child element */
   private childEl?;
   /** the node type of the rendered child element */
-  private childElType?;
+  childElType?: "a" | "button";
   /** determine if there is slotted content for styling purposes */
   private hasContent;
   /** determine if loader present for styling purposes */
   private hasLoader;
   private updateHasContent;
   private setupTextContentObserver;
+  onLabelClick(): void;
   private handleClick;
 }

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

@@ -3,8 +3,8 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
  * - cards will expand to fit the width of their container
  */
 /**
- * @slot thumbnail - A slot for adding a thumbnail to the card.
  * @slot - A slot for adding subheader/description content.
+ * @slot thumbnail - A slot for adding a thumbnail to the card.
  * @slot title - A slot for adding a card title.
  * @slot subtitle - A slot for adding a card subtitle or short summary.
  * @slot footer-leading - A slot for adding a leading footer.

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteCheckbox {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteCheckbox implements LabelableComponent {
   el: HTMLCalciteCheckboxElement;
   /** The checked state of the checkbox. */
   checked: boolean;
@@ -37,28 +38,36 @@ export declare class CalciteCheckbox {
   private readonly indeterminatePath;
   private initialChecked;
   private input;
+  labelEl: HTMLCalciteLabelElement;
   /** The focused state of the checkbox. */
   focused: boolean;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   private getPath;
   private toggle;
+  private clickHandler;
+  /**
+   * Emitted when the checkbox is blurred
+   *
+   * @internal
+   */
+  calciteInternalCheckboxBlur: EventEmitter;
   /** Emitted when the checkbox checked status changes */
   calciteCheckboxChange: EventEmitter;
   /**
-   * Emitted when the checkbox focused state changes
+   * Emitted when the checkbox is focused
    *
    * @internal
    */
-  calciteCheckboxFocusedChange: EventEmitter;
-  onClick(event: MouseEvent): void;
+  calciteInternalCheckboxFocus: EventEmitter;
   mouseenter(): void;
   mouseleave(): void;
   private formResetHandler;
-  private nativeLabelClickHandler;
   private onInputBlur;
   private onInputFocus;
+  onLabelClick(): void;
   connectedCallback(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   private renderHiddenCheckboxInput;
   render(): VNode;

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

@@ -2,7 +2,8 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ChipColor } from "./interfaces";
 import { Appearance, Scale } from "../interfaces";
 /**
- * @slot image - a slot for adding an image
+ * @slot - A slot for adding text.
+ * @slot image - A slot for adding an image.
  */
 export declare class CalciteChip {
   /** specify the appearance style of the button, defaults to solid. */

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

@@ -4,11 +4,15 @@ import { OverlayPositioning } from "../../utils/popper";
 import { StrictModifiers } from "@popperjs/core";
 import { Scale } from "../interfaces";
 import { ComboboxSelectionMode, ComboboxChildElement } from "./interfaces";
+import { LabelableComponent } from "../../utils/label";
 interface ItemData {
   label: string;
   value: string;
 }
-export declare class CalciteCombobox {
+/**
+ * @slot - A slot for adding `calcite-combobox-item`s.
+ */
+export declare class CalciteCombobox implements LabelableComponent {
   el: HTMLCalciteComboboxElement;
   /** Opens or closes the combobox */
   active: boolean;
@@ -72,6 +76,7 @@ export declare class CalciteCombobox {
   componentWillLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
+  labelEl: HTMLCalciteLabelElement;
   items: HTMLCalciteComboboxItemElement[];
   groupItems: HTMLCalciteComboboxItemGroupElement[];
   selectedItems: HTMLCalciteComboboxItemElement[];
@@ -98,6 +103,7 @@ export declare class CalciteCombobox {
   private listContainerEl;
   private ignoreSelectedEventsFlag;
   private activeTransitionProp;
+  onLabelClick(): void;
   keydownHandler: (event: KeyboardEvent) => void;
   private toggleCloseEnd;
   private toggleOpenEnd;

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ComboboxChildElement } from "../calcite-combobox/interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding nested `calcite-combobox-item`s.
+ */
 export declare class CalciteComboboxItem {
   /** When true, the item cannot be clicked and is visually muted. */
   disabled: boolean;

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

@@ -1,6 +1,9 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ComboboxChildElement } from "../calcite-combobox/interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-combobox-item`s.
+ */
 export declare class CalciteComboboxItemGroup {
   /** Parent and grandparent combobox items, this is set internally for use from combobox */
   ancestors: ComboboxChildElement[];

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

@@ -4,7 +4,8 @@ import { OverlayPositioning } from "../../utils/popper";
 import { StrictModifiers } from "@popperjs/core";
 import { Scale } from "../interfaces";
 /**
- * @slot dropdown-trigger - A slot for the element that triggers the dropdown
+ * @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
+ * @slot dropdown-trigger - A slot for the element that triggers the dropdown.
  */
 export declare class CalciteDropdown {
   el: HTMLCalciteDropdownElement;
@@ -23,6 +24,7 @@ export declare class CalciteDropdown {
    this value does not include groupTitles passed to calcite-dropdown-group
   */
   maxItems: number;
+  maxItemsHandler(): void;
   /** 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;
   /**
@@ -44,7 +46,6 @@ export declare class CalciteDropdown {
   /** specify the width of dropdown, defaults to m */
   width: Scale;
   connectedCallback(): void;
-  componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
@@ -64,21 +65,23 @@ export declare class CalciteDropdown {
   calciteDropdownItemKeyEvent(e: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent): void;
   private items;
-  /** specifies the item wrapper height; it is updated when maxItems is > 0  **/
-  private maxScrollerHeight;
   /** trigger elements */
   private triggers;
   private popper;
   private menuEl;
   private referenceEl;
   private activeTransitionProp;
+  private scrollerEl;
+  mutationObserver: MutationObserver;
+  updateItems: () => void;
+  setMaxScrollerHeight: () => void;
+  setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];
   createPopper(): void;
   destroyPopper(): void;
-  private openDropdown;
   private keyDownHandler;
   private updateSelectedItems;
   private getMaxScrollerHeight;

package/dist/types/components/calcite-dropdown-group/calcite-dropdown-group.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { SelectionMode } from "./interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-dropdown-item`s.
+ */
 export declare class CalciteDropdownGroup {
   el: HTMLCalciteDropdownGroupElement;
   /** optionally set a group title for display */

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ItemKeyboardEvent } from "../calcite-dropdown/interfaces";
 import { FlipContext } from "../interfaces";
+/**
+ * @slot - A slot for adding text.
+ */
 export declare class CalciteDropdownItem {
   el: HTMLCalciteDropdownItemElement;
   /** Indicates whether the item is active. */

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

@@ -24,7 +24,7 @@ export declare class CalciteFilter {
   placeholder?: string;
   el: HTMLCalciteFilterElement;
   empty: boolean;
-  textInput: HTMLInputElement;
+  textInput: HTMLCalciteInputElement;
   /**
    * This event fires when the filter text changes.
    */
@@ -32,7 +32,7 @@ export declare class CalciteFilter {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   filter: import("lodash").DebouncedFunc<(value: string) => void>;
-  inputHandler: (event: InputEvent) => void;
+  inputHandler: (event: CustomEvent) => void;
   keyDownHandler: ({ key }: KeyboardEvent) => void;
   clear: () => void;
   render(): VNode;

package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
 /**
- * @slot - slot for rendering a `<calcite-input>`
+ * @slot - A slot for adding a `calcite-input`.
  */
-export declare class CalciteInlineEditable {
+export declare class CalciteInlineEditable implements LabelableComponent {
   el: HTMLCalciteInlineEditableElement;
   /** specify whether editing can be enabled */
   disabled: boolean;
@@ -32,6 +33,8 @@ export declare class CalciteInlineEditable {
   afterConfirm?: () => Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   /**
    * @internal
@@ -46,12 +49,14 @@ export declare class CalciteInlineEditable {
    */
   calciteInlineEditableEnableEditingChange: EventEmitter;
   blurHandler(): void;
-  handleLabelFocus(e: CustomEvent): void;
+  onLabelClick(): void;
   private inputElement;
   private htmlInput;
   private valuePriorToEditing;
   private enableEditingButton;
   private editingCancelTransitionProp;
+  labelEl: HTMLCalciteLabelElement;
+  setFocus(): Promise<void>;
   transitionEnd: (event: TransitionEvent) => void;
   private get shouldShowControls();
   private enableEditing;

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

@@ -2,10 +2,11 @@ import { Scale, Status } from "../interfaces";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InputPlacement } from "./interfaces";
 import { Position } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
 /**
  * @slot action - A slot for positioning a button next to an input
  */
-export declare class CalciteInput {
+export declare class CalciteInput implements LabelableComponent {
   el: HTMLCalciteInputElement;
   /** specify the alignment of the value of the input */
   alignment: Position;
@@ -89,6 +90,7 @@ export declare class CalciteInput {
   value?: string;
   valueWatcher(newValue: string): void;
   updateRequestedIcon(): void;
+  labelEl: HTMLCalciteLabelElement;
   /** keep track of the rendered child type */
   private childEl?;
   /** keep track of the rendered child type */
@@ -133,6 +135,7 @@ export declare class CalciteInput {
   keyDownHandler(event: KeyboardEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  onLabelClick(): void;
   private clearInputValue;
   private inputBlurHandler;
   private inputFocusHandler;

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

@@ -1,9 +1,10 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
+import { LabelableComponent } from "../../utils/label";
 import { OverlayPositioning } from "../../utils/popper";
 import { StrictModifiers } from "@popperjs/core";
 import { DateRangeChange } from "../calcite-date-picker/interfaces";
-export declare class CalciteInputDatePicker {
+export declare class CalciteInputDatePicker implements LabelableComponent {
   el: HTMLCalciteInputDatePickerElement;
   /** Selected date */
   value?: string;
@@ -71,11 +72,14 @@ export declare class CalciteInputDatePicker {
    */
   calciteInputDatePickerClose: EventEmitter;
   /** Updates the position of the component. */
+  setFocus(): Promise<void>;
+  /** Updates the position of the component. */
   reposition(): Promise<void>;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   render(): VNode;
+  labelEl: HTMLCalciteLabelElement;
   focusedInput: "start" | "end";
   private localeData;
   private startInput;
@@ -87,6 +91,7 @@ export declare class CalciteInputDatePicker {
   private endWrapper;
   private activeTransitionProp;
   setReferenceEl(): void;
+  onLabelClick(): void;
   transitionEnd: (event: TransitionEvent) => void;
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;

package/dist/types/components/calcite-input-message/calcite-input-message.d.ts

@@ -1,5 +1,8 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Scale, Status } from "../interfaces";
+/**
+ * @slot - A slot for adding text.
+ */
 export declare class CalciteInputMessage {
   el: HTMLCalciteInputMessageElement;
   /** Indicates whether the message is displayed. */

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

@@ -1,7 +1,8 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HourDisplayFormat } from "../../utils/time";
 import { Scale } from "../interfaces";
-export declare class CalciteInputTimePicker {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteInputTimePicker implements LabelableComponent {
   el: HTMLCalciteInputTimePickerElement;
   /** The active state of the time input */
   active: boolean;
@@ -39,11 +40,11 @@ export declare class CalciteInputTimePicker {
   scale: Scale;
   /** number that specifies the granularity that the value must adhere to */
   step: number;
-  /** The selected time */
+  /** The selected time (always 24-hour format)*/
   value: string;
   valueWatcher(newValue: string): void;
+  labelEl: HTMLCalciteLabelElement;
   private calciteInputEl;
-  private calciteTimePickerEl;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
@@ -55,18 +56,18 @@ export declare class CalciteInputTimePicker {
   private calciteInputBlurHandler;
   private calciteInputFocusHandler;
   private calciteInputInputHandler;
-  clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
   timePickerChangeHandler(event: CustomEvent): void;
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  onLabelClick(): void;
   private setCalciteInputEl;
-  private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
   connectedCallback(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): VNode;
 }

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

@@ -1,6 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { FocusRequest } from "./interfaces";
 import { Alignment, Scale, Status } from "../interfaces";
+/**
+ * @slot - A slot for adding text and a component that can be labeled.
+ */
 export declare class CalciteLabel {
   el: HTMLCalciteLabelElement;
   /** specify the text alignment of the label */
@@ -9,7 +11,7 @@ export declare class CalciteLabel {
   status: Status;
   /** The id of the input associated with the label */
   for: string;
-  /** specify the scale of the input, defaults to m */
+  /** specify the scale of the label, defaults to m */
   scale: Scale;
   /** is the wrapped element positioned inline with the label slotted text */
   layout: "inline" | "inline-space-between" | "default";
@@ -20,8 +22,9 @@ export declare class CalciteLabel {
   /**
    * @internal
    */
-  calciteLabelFocus: EventEmitter<FocusRequest>;
-  onClick(event: MouseEvent): void;
-  private handleCalciteHtmlForClicks;
+  calciteInternalLabelClick: EventEmitter<{
+    sourceEvent: MouseEvent;
+  }>;
+  labelClickHandler: (event: MouseEvent) => void;
   render(): VNode;
 }

package/dist/types/components/calcite-label/resources.d.ts

@@ -0,0 +1,3 @@
+export declare const CSS: {
+  container: string;
+};