@esri/calcite-components 1.0.0-next.688 → 1.0.0-next.689

package/dist/loader/index.js

@@ -1,7 +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.
- * v1.0.0-next.688
+ * v1.0.0-next.689
  */
 (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';

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

@@ -1,13 +1,13 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { AccordionAppearance, AccordionSelectionMode, RequestedItem } from "./interfaces";
-import { Position, Scale } from "../interfaces";
+import { AccordionSelectionMode, RequestedItem } from "./interfaces";
+import { Appearance, Position, Scale } from "../interfaces";
 /**
  * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
  */
 export declare class Accordion {
   el: HTMLCalciteAccordionElement;
   /** Specifies the appearance of the component. */
-  appearance: AccordionAppearance;
+  appearance: Extract<"default" | "minimal" | "solid" | "transparent", Appearance>;
   /** Specifies the placement of the icon in the header. */
   iconPosition: Position;
   /** Specifies the type of the icon in the header. */

package/dist/types/components/accordion/interfaces.d.ts

@@ -1,4 +1,3 @@
-export declare type AccordionAppearance = "default" | "minimal" | "transparent" | "solid";
 export interface RequestedItem {
   requestedAccordionItem: HTMLCalciteAccordionItemElement;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import Color from "color";
-import { ColorAppearance, ColorMode, ColorValue, InternalColor } from "./interfaces";
-import { Scale } from "../interfaces";
+import { ColorMode, ColorValue, InternalColor } from "./interfaces";
+import { Appearance, Scale } from "../interfaces";
 import { Format } from "./utils";
 import { InteractiveComponent } from "../../utils/interactive";
 import { Messages } from "./assets/color-picker/t9n";
@@ -19,10 +19,8 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
   allowEmpty: boolean;
   /**
    * Specifies the appearance style of the component -
-   *
-   * `"solid"` (containing border) or `"minimal"` (no containing border).
    */
-  appearance: ColorAppearance;
+  appearance: Extract<"minimal" | "solid", Appearance>;
   /**
    * Internal prop for advanced use-cases.
    *

package/dist/types/components/color-picker/interfaces.d.ts

@@ -1,5 +1,4 @@
 import type Color from "color";
-export declare type ColorAppearance = "default" | "minimal" | "solid";
 export declare type ColorMode = "rgb" | "hsv";
 export declare type InternalColor = Color;
 export declare type ColorValue = string | RGB | RGBA | HSV | HSVA | HSL | HSLA;

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

@@ -1,5 +1,5 @@
 export declare type Alignment = "start" | "center" | "end";
-export declare type Appearance = "clear" | "minimal" | "outline" | "outline-fill" | "solid" | "transparent";
+export declare type Appearance = "minimal" | "outline" | "outline-fill" | "solid" | "transparent";
 export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type FlipContext = "both" | "start" | "end";
 export declare type Kind = "brand" | "danger" | "info" | "inverse" | "neutral" | "warning" | "success";

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

@@ -1,8 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout, Scale, Width } from "../interfaces";
+import { Appearance, Layout, Scale, Width } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
-import { RadioAppearance } from "./interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LoadableComponent } from "../../utils/loadable";
 /**
@@ -11,7 +10,7 @@ import { LoadableComponent } from "../../utils/loadable";
 export declare class RadioGroup implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent {
   el: HTMLCalciteRadioGroupElement;
   /** Specifies the appearance style of the component. */
-  appearance: RadioAppearance;
+  appearance: Extract<"minimal" | "solid", Appearance>;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**

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

@@ -0,0 +1,3 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+import { StarIconProps } from "../interfaces";
+export declare const StarIcon: FunctionalComponent<StarIconProps>;

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

@@ -0,0 +1,18 @@
+import { Scale } from "../interfaces";
+export interface Star {
+  average: boolean;
+  checked: boolean;
+  focused: boolean;
+  fraction: number;
+  hovered: boolean;
+  id: string;
+  idx: number;
+  partial: boolean;
+  selected: boolean;
+  value: number;
+}
+export interface StarIconProps {
+  full: boolean;
+  scale: Scale;
+  partial?: boolean;
+}

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

@@ -1,4 +1,4 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { EventEmitter } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -9,22 +9,12 @@ import { Messages } from "./assets/rating/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class Rating implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteRatingElement;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  /** The component's value. */
-  value: number;
-  /** When `true`, the component's value can be read, but cannot be modified. */
-  readOnly: boolean;
-  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-  disabled: boolean;
-  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
-  showChip: boolean;
-  /** Specifies the number of previous ratings to display. */
-  count: number;
   /** Specifies a cumulative average from previous ratings to display. */
   average: number;
-  /** Specifies the name of the component on form submission. */
-  name: string;
+  /** Specifies the number of previous ratings to display. */
+  count: number;
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+  disabled: boolean;
   /**
    * Made into a prop for testing purposes only
    *
@@ -35,40 +25,61 @@ export declare class Rating implements LabelableComponent, FormComponent, Intera
    * Use this property to override individual strings used by the component.
    */
   messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
+  /** Specifies the name of the component on form submission. */
+  name: string;
+  /** When `true`, the component's value can be read, but cannot be modified. */
+  readOnly: boolean;
   /**
    * When `true`, the component must have a value in order for the form to submit.
    *
    * @internal
    */
   required: boolean;
-  onMessagesChange(): void;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
+  showChip: boolean;
+  /** The component's value. */
+  value: number;
+  handleValueUpdate(newValue: number): void;
+  /**
+   * Fires when the component's value changes.
+   */
+  calciteRatingChange: EventEmitter<void>;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: Messages;
+  hoverValue: number;
+  focusValue: number;
+  hasFocus: boolean;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentWillRender(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
-  /**
-   * Fires when the component's value changes.
-   */
-  calciteRatingChange: EventEmitter<void>;
-  blurHandler(): void;
-  renderStars(): VNode[];
   render(): any;
   onLabelClick(): void;
-  private updateValue;
-  private onKeyboardPressed;
-  private onFocusChange;
+  private handleRatingPointerOver;
+  private handleRatingPointerOut;
+  private handleRatingFocusIn;
+  private handleRatingFocusLeave;
+  private handleHostKeyDown;
+  private handleInputKeyDown;
+  private handleInputChange;
+  private handleLabelPointerOver;
+  private handleLabelPointerDown;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Rating["value"];
-  effectiveLocale: string;
-  effectiveLocaleChange(): void;
-  defaultMessages: Messages;
-  hoverValue: number;
-  focusValue: number;
-  hasFocus: boolean;
+  private emit;
   private guid;
+  private inputRefs;
   private inputFocusRef;
+  private isKeyboardInteraction;
+  private max;
+  private starsMap;
 }

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

@@ -32,8 +32,6 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
   private setSwitchEl;
   /**
    * Fires when the `checked` value has changed.
-   *
-   * **Note:** The event payload is deprecated, use the component's `checked` property instead.
    */
   calciteSwitchChange: EventEmitter<void>;
   connectedCallback(): void;

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccordionAppearance, AccordionSelectionMode, RequestedItem } from "./components/accordion/interfaces";
 import { Alignment, Appearance, Columns, DeprecatedEventPayload, FlipContext, Kind, Layout, LogicalFlowPosition, Position, Scale, Status, Width } from "./components/interfaces";
+import { AccordionSelectionMode, RequestedItem } from "./components/accordion/interfaces";
 import { ItemKeyEvent, RegistryEntry, RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 import { Messages } from "./components/action/assets/action/t9n";
 import { Messages as Messages1 } from "./components/action-bar/assets/action-bar/t9n";
@@ -24,7 +24,7 @@ import { ButtonAlignment, DropdownIconType } from "./components/button/interface
 import { Messages as Messages7 } from "./components/button/assets/button/t9n";
 import { Messages as Messages8 } from "./components/card/assets/card/t9n";
 import { Messages as Messages9 } from "./components/chip/assets/chip/t9n";
-import { ColorAppearance, ColorValue, InternalColor } from "./components/color-picker/interfaces";
+import { ColorValue, InternalColor } from "./components/color-picker/interfaces";
 import { Format } from "./components/color-picker/utils";
 import { Messages as Messages10 } from "./components/color-picker/assets/color-picker/t9n";
 import { ComboboxChildElement, ComboboxSelectionMode } from "./components/combobox/interfaces";
@@ -56,7 +56,6 @@ import { ItemData as ItemData1, ListFocusId } from "./components/pick-list/share
 import { ICON_TYPES } from "./components/pick-list/resources";
 import { Messages as Messages24 } from "./components/pick-list-item/assets/pick-list-item/t9n";
 import { Messages as Messages25 } from "./components/popover/assets/popover/t9n";
-import { RadioAppearance } from "./components/radio-group/interfaces";
 import { Messages as Messages26 } from "./components/rating/assets/rating/t9n";
 import { Messages as Messages27 } from "./components/scrim/assets/scrim/t9n";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
@@ -73,7 +72,10 @@ export namespace Components {
         /**
           * Specifies the appearance of the component.
          */
-        "appearance": AccordionAppearance;
+        "appearance": Extract<
+    "default" | "minimal" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * Specifies the placement of the icon in the header.
          */
@@ -688,9 +690,9 @@ export namespace Components {
          */
         "allowEmpty": boolean;
         /**
-          * Specifies the appearance style of the component -  `"solid"` (containing border) or `"minimal"` (no containing border).
+          * Specifies the appearance style of the component -
          */
-        "appearance": ColorAppearance;
+        "appearance": Extract<"minimal" | "solid", Appearance>;
         /**
           * Internal prop for advanced use-cases.
          */
@@ -2926,7 +2928,7 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": RadioAppearance;
+        "appearance": Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -4868,7 +4870,10 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance of the component.
          */
-        "appearance"?: AccordionAppearance;
+        "appearance"?: Extract<
+    "default" | "minimal" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * Specifies the placement of the icon in the header.
          */
@@ -5443,9 +5448,9 @@ declare namespace LocalJSX {
          */
         "allowEmpty"?: boolean;
         /**
-          * Specifies the appearance style of the component -  `"solid"` (containing border) or `"minimal"` (no containing border).
+          * Specifies the appearance style of the component -
          */
-        "appearance"?: ColorAppearance;
+        "appearance"?: Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7609,7 +7614,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: RadioAppearance;
+        "appearance"?: Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -8084,7 +8089,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the `checked` value has changed.  **Note:** The event payload is deprecated, use the component's `checked` property instead.
+          * Fires when the `checked` value has changed.
          */
         "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<void>) => void;
         /**