@esri/calcite-components 1.0.0-next.319 → 1.0.0-next.322

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2021-12-08T17:31:55",
+  "timestamp": "2021-12-09T20:29:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.11.0",
@@ -9634,28 +9634,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "hourDisplayFormat",
-          "type": "\"12\" | \"24\"",
-          "mutable": false,
-          "attr": "hour-display-format",
-          "reflectToAttr": false,
-          "docs": "Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)",
-          "docsTags": [],
-          "default": "\"12\"",
-          "values": [
-            {
-              "value": "12",
-              "type": "string"
-            },
-            {
-              "value": "24",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "intlHour",
           "type": "string",
@@ -9951,17 +9929,17 @@
       ],
       "listeners": [
         {
-          "event": "keyup",
+          "event": "click",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteTimePickerBlur",
+          "event": "keyup",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteTimePickerChange",
+          "event": "calciteTimePickerBlur",
           "capture": false,
           "passive": false
         },
@@ -13616,109 +13594,6 @@
         ]
       }
     },
-    {
-      "filePath": "./src/components/calcite-radio/calcite-radio.tsx",
-      "encapsulation": "shadow",
-      "tag": "calcite-radio",
-      "readme": "# calcite-radio\n\nRenders small, medium and large radio circles. This is an internal component used by `calcite-radio-button`.\n",
-      "docs": "Renders small, medium and large radio circles. This is an internal component used by `calcite-radio-button`.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "checked",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "checked",
-          "reflectToAttr": true,
-          "docs": "The checked state of the radio.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "The disabled state of the radio.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "hidden",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "hidden",
-          "reflectToAttr": true,
-          "docs": "The radio's hidden status.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "scale",
-          "type": "\"l\" | \"m\" | \"s\"",
-          "mutable": false,
-          "attr": "scale",
-          "reflectToAttr": true,
-          "docs": "The scale (size) of the radio.",
-          "docsTags": [],
-          "default": "\"m\"",
-          "values": [
-            {
-              "value": "l",
-              "type": "string"
-            },
-            {
-              "value": "m",
-              "type": "string"
-            },
-            {
-              "value": "s",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "calcite-radio-button"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "calcite-radio-button": [
-          "calcite-radio"
-        ]
-      }
-    },
     {
       "filePath": "./src/components/calcite-radio-button/calcite-radio-button.tsx",
       "encapsulation": "shadow",
@@ -13913,14 +13788,8 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "calcite-radio"
-      ],
-      "dependencyGraph": {
-        "calcite-radio-button": [
-          "calcite-radio"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "./src/components/calcite-radio-button-group/calcite-radio-button-group.tsx",
@@ -18032,45 +17901,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "hour",
-          "type": "string",
-          "mutable": true,
-          "attr": "hour",
-          "reflectToAttr": false,
-          "docs": "The hour value (24-hour format)",
-          "docsTags": [],
-          "default": "null",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "hourDisplayFormat",
-          "type": "\"12\" | \"24\"",
-          "mutable": false,
-          "attr": "hour-display-format",
-          "reflectToAttr": true,
-          "docs": "Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)",
-          "docsTags": [],
-          "default": "\"12\"",
-          "values": [
-            {
-              "value": "12",
-              "type": "string"
-            },
-            {
-              "value": "24",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "intlHour",
           "type": "string",
@@ -18335,29 +18165,12 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "minute",
-          "type": "string",
-          "mutable": true,
-          "attr": "minute",
-          "reflectToAttr": false,
-          "docs": "The minute value",
-          "docsTags": [],
-          "default": "null",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "scale",
           "type": "\"l\" | \"m\" | \"s\"",
           "mutable": false,
           "attr": "scale",
-          "reflectToAttr": true,
+          "reflectToAttr": false,
           "docs": "The scale (size) of the time picker",
           "docsTags": [],
           "default": "\"m\"",
@@ -18379,34 +18192,34 @@
           "required": false
         },
         {
-          "name": "second",
-          "type": "string",
-          "mutable": true,
-          "attr": "second",
+          "name": "step",
+          "type": "number",
+          "mutable": false,
+          "attr": "step",
           "reflectToAttr": false,
-          "docs": "The second value",
+          "docs": "number that specifies the granularity that the value must adhere to",
           "docsTags": [],
-          "default": "null",
+          "default": "60",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "step",
-          "type": "number",
-          "mutable": false,
-          "attr": "step",
-          "reflectToAttr": true,
-          "docs": "number that specifies the granularity that the value must adhere to",
+          "name": "value",
+          "type": "string",
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The selected time in UTC",
           "docsTags": [],
-          "default": "60",
+          "default": "null",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -18420,7 +18233,7 @@
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setFocus(target: TimeFocusId) => Promise<void>",
+          "signature": "setFocus(target: TimePart) => Promise<void>",
           "parameters": [],
           "docs": "Sets focus on the component.",
           "docsTags": []

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

@@ -1,5 +1,4 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { HourDisplayFormat } from "../../utils/time";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -9,8 +8,6 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   active: boolean;
   /** The disabled state of the time input */
   disabled: boolean;
-  /** 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 */
   intlHour?: string;
   /** aria-label for the hour down button */
@@ -35,6 +32,12 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   intlSecondDown?: string;
   /** aria-label for the second up button */
   intlSecondUp?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
   /** The name of the time input */
   name: string;
   /**
@@ -54,10 +57,12 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   formEl: HTMLFormElement;
   defaultValue: CalciteInputTimePicker["value"];
   private calciteInputEl;
+  private calciteTimePickerEl;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
   private referenceElementId;
+  localizedValue: string;
   /**
    * Fires when the time value is changed as a result of user input.
    */
@@ -65,14 +70,17 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   private calciteInputBlurHandler;
   private calciteInputFocusHandler;
   private calciteInputInputHandler;
+  clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
-  timePickerChangeHandler(event: CustomEvent): void;
+  private timePickerChangeHandler;
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   onLabelClick(): void;
+  private shouldIncludeSeconds;
   private setCalciteInputEl;
+  private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
   connectedCallback(): void;

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 */
   step: number;
-  hourChanged(newHour: string): void;
-  timeChangeHandler(): void;
+  /** The selected time in UTC */
+  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;