@esri/calcite-components 1.0.0-next.292 → 1.0.0-next.296

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

@@ -1,25 +1,34 @@
 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 CalciteRadioGroup implements LabelableComponent {
+export declare class CalciteRadioGroup 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;
-  protected handleNameChange(value: string): void;
   /** The scale of the radio group */
   scale: Scale;
+  /** The value of the selectedItem */
+  value: string;
+  valueHandler(value: string): void;
   /**
    * The group's selected item.
    */
@@ -39,10 +48,10 @@ export declare class CalciteRadioGroup implements LabelableComponent {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;
-  private hiddenInput;
+  formEl: HTMLFormElement;
+  defaultValue: CalciteRadioGroup["value"];
   private hasLoaded;
   onLabelClick(): void;
   private getItems;
   private selectItem;
-  private syncWithInputProxy;
 }

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

@@ -1,7 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
-export declare class CalciteRating implements LabelableComponent {
+import { FormComponent } from "../../utils/form";
+export declare class CalciteRating implements LabelableComponent, FormComponent {
   el: HTMLCalciteRatingElement;
   /** specify the scale of the component, defaults to m */
   scale: Scale;
@@ -17,6 +18,8 @@ export declare class CalciteRating implements LabelableComponent {
   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"
    */
@@ -25,6 +28,12 @@ export declare class CalciteRating implements LabelableComponent {
    * @default "Stars: ${num}"
    */
   intlStars?: string;
+  /**
+   * When true, makes the component required for form-submission.
+   *
+   * @internal
+   */
+  required: boolean;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**
@@ -41,6 +50,8 @@ export declare class CalciteRating implements LabelableComponent {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: CalciteRating["value"];
   hoverValue: number;
   focusValue: number;
   hasFocus: boolean;

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

@@ -2,10 +2,11 @@ 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";
 /**
  * @slot - A slot for adding `calcite-option`s.
  */
-export declare class CalciteSelect implements LabelableComponent {
+export declare class CalciteSelect implements LabelableComponent, FormComponent {
   /**
    * When true, it prevents the option from being selected.
    */
@@ -15,27 +16,44 @@ export declare class CalciteSelect implements LabelableComponent {
    *
    */
   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: CalciteSelect["value"];
   el: HTMLCalciteSelectElement;
   private componentToNativeEl;
   private mutationObserver;
   private selectEl;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentDidLoad(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**

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

@@ -1,4 +1,5 @@
 export declare const CSS: {
+  container: string;
   content: string;
   contentHeader: string;
   contentBody: string;

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

@@ -1,7 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
 import { LabelableComponent } from "../../utils/label";
-export declare class CalciteSlider implements LabelableComponent {
+import { FormComponent } from "../../utils/form";
+export declare class CalciteSlider implements LabelableComponent, FormComponent {
   el: HTMLCalciteSliderElement;
   /** Disable and gray out the slider */
   disabled: boolean;
@@ -36,10 +37,16 @@ export declare class CalciteSlider implements LabelableComponent {
    * 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 */
@@ -83,6 +90,8 @@ export declare class CalciteSlider implements LabelableComponent {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: CalciteSlider["value"];
   private guid;
   private isRange;
   private dragProp;

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

@@ -1,7 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
-export declare class CalciteSwitch implements LabelableComponent {
+import { CheckableFormCompoment } from "../../utils/form";
+export declare class CalciteSwitch implements LabelableComponent, CheckableFormCompoment {
   el: HTMLCalciteSwitchElement;
   /** True if the switch is disabled */
   disabled: boolean;
@@ -9,8 +10,7 @@ export declare class CalciteSwitch implements LabelableComponent {
   /** Applies to the aria-label attribute on the switch */
   label?: string;
   /** The name of the switch input */
-  name?: string;
-  nameChanged(newName: string): void;
+  name: string;
   /** The scale of the switch */
   scale: Scale;
   /** True if the switch is initially on
@@ -20,24 +20,25 @@ export declare class CalciteSwitch implements LabelableComponent {
   switchedWatcher(switched: boolean): void;
   /** True if the switch is initially on */
   checked: boolean;
-  checkedWatcher(checked: boolean): void;
   /** The value of the switch input */
-  value?: any;
+  value: any;
   labelEl: HTMLCalciteLabelElement;
-  private inputEl;
-  guid: string;
+  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 setupInput;
   private toggle;
   private clickHandler;
+  private setSwitchEl;
   /**
    * Fires when the checked value has changed.
    */
   calciteSwitchChange: EventEmitter;
-  keyDownHandler(e: KeyboardEvent): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;

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

@@ -20,7 +20,7 @@ export declare class CalciteTileSelect {
   /** The icon that appears at the top of the tile. */
   icon?: string;
   /** The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property. */
-  name: string;
+  name: any;
   nameChanged(newName: string): void;
   /** Display an interactive radio or checkbox. */
   inputEnabled: boolean;

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

@@ -50,5 +50,7 @@ export declare class CalciteTreeItem {
   calciteTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
+  private parentTreeItem?;
+  private updateParentIsExpanded;
   private updateAncestorTree;
 }