@esri/calcite-components 1.0.0-next.421 → 1.0.0-next.424

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2022-03-16T16:28:40",
+  "timestamp": "2022-03-18T01:11:36",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.1",
+    "version": "2.14.2",
     "typescriptVersion": "4.5.4"
   },
   "components": [
@@ -9402,6 +9402,65 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": true,
+          "docs": "Determines where the date-picker component will be positioned relative to the input.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"bottom-leading\""
+            }
+          ],
+          "default": "defaultMenuPlacement",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-leading",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "bottom-trailing",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-leading",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
+            },
+            {
+              "value": "top-trailing",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "proximitySelectionDisabled",
           "type": "boolean",
@@ -10068,6 +10127,34 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "placement",
+          "type": "Placement | PlacementRtl | VariationRtl",
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": true,
+          "docs": "Determines where the popover will be positioned relative to the input.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+            }
+          ],
+          "default": "\"auto\"",
+          "values": [
+            {
+              "type": "Placement"
+            },
+            {
+              "type": "PlacementRtl"
+            },
+            {
+              "type": "VariationRtl"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "scale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -15936,16 +16023,19 @@
         },
         {
           "name": "value",
-          "type": "number",
+          "type": "number | number[]",
           "mutable": true,
           "attr": "value",
           "reflectToAttr": true,
           "docs": "Currently selected number (if single select)",
           "docsTags": [],
-          "default": "null",
+          "default": "0",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "number[]"
             }
           ],
           "optional": false,

package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts

@@ -43,12 +43,14 @@ export declare class DatePickerMonthHeader {
    * Increment year on UP/DOWN keys
    */
   private onYearKey;
-  private yearChanged;
+  private onYearChange;
+  private onYearInput;
   private prevMonthClick;
   private prevMonthKeydown;
   private nextMonthClick;
   private nextMonthKeydown;
   private handleArrowClick;
+  private getInRangeDate;
   /**
    * Parse localized year string from input,
    * set to active if in range

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

@@ -2,7 +2,7 @@ import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
-import { OverlayPositioning, ComputedPlacement } from "../../utils/popper";
+import { OverlayPositioning, ComputedPlacement, MenuPlacement } from "../../utils/popper";
 import { StrictModifiers } from "@popperjs/core";
 import { DateRangeChange } from "../date-picker/interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -69,6 +69,11 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   locale?: string;
   /** specify the scale of the date picker */
   scale: "s" | "m" | "l";
+  /**
+   * Determines where the date-picker component will be positioned relative to the input.
+   * @default "bottom-leading"
+   */
+  placement: MenuPlacement;
   /** Range mode activation */
   range: boolean;
   /**

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

@@ -1,5 +1,6 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
+import { PopperPlacement } from "../../utils/popper";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -51,6 +52,11 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   required: boolean;
   /** The scale (size) of the time input */
   scale: Scale;
+  /**
+   * 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;
   /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
   /** The selected time in UTC (always 24-hour format) */

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

@@ -59,7 +59,9 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   /** Show tick marks on the number line at provided interval */
   ticks?: number;
   /** Currently selected number (if single select) */
-  value: null | number;
+  value: null | number | number[];
+  valueHandler(): void;
+  minMaxValueHandler(): void;
   /**
    * Specify the scale of the slider, defaults to m
    */
@@ -102,7 +104,6 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   formEl: HTMLFormElement;
   defaultValue: Slider["value"];
   private guid;
-  private isRange;
   private dragProp;
   private lastDragProp;
   private lastDragPropValue;
@@ -114,6 +115,8 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
+  setValueFromMinMax(): void;
+  setMinMaxFromValue(): void;
   onLabelClick(): void;
   private shouldMirror;
   private shouldUseMinValue;

package/dist/types/components.d.ts

@@ -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 {
         /**
@@ -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 {
         /**