@esri/calcite-components 1.0.0-next.465 → 1.0.0-next.468

package/dist/collection/components/filter/filter.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, Prop, h, Method, Fragment, Watch } from "@stencil/core";
 import { debounce, forIn } from "lodash-es";

package/dist/collection/components/filter/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Listen, Method, State, h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/flow/interfaces.js

@@ -1,6 +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.
- * v1.0.0-next.465
+ * v1.0.0-next.468
  */
 export {};

package/dist/collection/components/flow/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/functional/ExpandToggle.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.465
+ * v1.0.0-next.468
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/Heading.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.465
+ * v1.0.0-next.468
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/graph/graph.css

@@ -80,6 +80,7 @@
 
 :host {
   display: block;
+  height: 100%;
 }
 
 .svg {

package/dist/collection/components/graph/graph.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Prop, h, forceUpdate } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/graph/interfaces.js

@@ -1,6 +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.
- * v1.0.0-next.465
+ * v1.0.0-next.468
  */
 export {};

package/dist/collection/components/graph/util.js

@@ -1,12 +1,16 @@
 /*!
  * 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.465
+ * v1.0.0-next.468
  */
 /**
  * Calculate slope of the tangents
  * uses Steffen interpolation as it's monotonic
  * http://jrwalsh1.github.io/posts/interpolations/
+ *
+ * @param p0
+ * @param p1
+ * @param p2
  */
 function slope(p0, p1, p2) {
   const dx = p1[0] - p0[0];
@@ -20,6 +24,10 @@ function slope(p0, p1, p2) {
 }
 /**
  * Calculate slope for just one tangent (single-sided)
+ *
+ * @param p0
+ * @param p1
+ * @param m
  */
 function slopeSingle(p0, p1, m) {
   const dx = p1[0] - p0[0];
@@ -32,6 +40,12 @@ function slopeSingle(p0, p1, m) {
  *
  * Translates Hermite Spline to Beziér curve:
  * stackoverflow.com/questions/42574940/
+ *
+ * @param p0
+ * @param p1
+ * @param m0
+ * @param m1
+ * @param t
  */
 function bezier(p0, p1, m0, m1, t) {
   const [x0, y0] = p0;
@@ -45,6 +59,12 @@ function bezier(p0, p1, m0, m1, t) {
 /**
  * Generate a function which will translate a point
  * from the data coordinate space to svg viewbox oriented pixels
+ *
+ * @param root0
+ * @param root0.width
+ * @param root0.height
+ * @param root0.min
+ * @param root0.max
  */
 export function translate({ width, height, min, max }) {
   const rangeX = max[0] - min[0];
@@ -57,6 +77,8 @@ export function translate({ width, height, min, max }) {
 }
 /**
  * Get the min and max values from the dataset
+ *
+ * @param data
  */
 export function range(data) {
   const [startX, startY] = data[0];
@@ -70,6 +92,12 @@ export function range(data) {
 /**
  * Generate drawing commands for an area graph
  * returns a string can can be passed directly to a path element's `d` attribute
+ *
+ * @param root0
+ * @param root0.data
+ * @param root0.min
+ * @param root0.max
+ * @param root0.t
  */
 export function area({ data, min, max, t }) {
   if (data.length === 0) {

package/dist/collection/components/handle/handle.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, Method, Prop, h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
@@ -14,7 +14,7 @@ export class Handle {
     //
     // --------------------------------------------------------------------------
     /**
-     * @internal - stores the activated state of the drag handle.
+     * @internal
      */
     this.activated = false;
     /**
@@ -89,7 +89,7 @@ export class Handle {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "- stores the activated state of the drag handle."
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/handle/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   handle: "handle",

package/dist/collection/components/icon/icon.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.465
+ * v1.0.0-next.468
  */
 import { Build, Component, Element, h, Host, Prop, State, Watch } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/icon/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/icon/utils.js

@@ -1,18 +1,20 @@
 /*!
  * 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.465
+ * v1.0.0-next.468
  */
 import { getAssetPath } from "@stencil/core";
 /**
  * Icon data cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 export const iconCache = {};
 /**
  * Icon request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 export const requestCache = {};
@@ -45,6 +47,8 @@ export async function fetchIcon({ icon, scale }) {
 /**
  * Normalize the icon name to match the path data module exports.
  * Exported for testing purposes.
+ *
+ * @param name
  * @private
  */
 export function normalizeIconName(name) {

package/dist/collection/components/inline-editable/inline-editable.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementProp, getSlotted } from "../../utils/dom";
@@ -27,15 +27,21 @@ export class InlineEditable {
     this.loading = false;
     /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
     this.controls = false;
-    /** specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
+    /**
+     * specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
+     *
      * @default "Click to edit"
      */
     this.intlEnableEditing = TEXT.intlEnablingEditing;
-    /** specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
+    /**
+     * specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
+     *
      * @default "Cancel"
      */
     this.intlCancelEditing = TEXT.intlCancelEditing;
-    /** specify text to be user for the confirm changes button's aria-label, defaults to `Save`
+    /**
+     * specify text to be user for the confirm changes button's aria-label, defaults to `Save`
+     *
      * @default "Save"
      */
     this.intlConfirmChanges = TEXT.intlConfirmChanges;
@@ -45,7 +51,7 @@ export class InlineEditable {
       this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
       this.editingEnabled = true;
       (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
-      this.calciteInlineEditableEnableEditingChange.emit();
+      this.calciteInternalInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
       this.editingEnabled = false;
@@ -426,8 +432,8 @@ export class InlineEditable {
         "references": {}
       }
     }, {
-      "method": "calciteInlineEditableEnableEditingChange",
-      "name": "calciteInlineEditableEnableEditingChange",
+      "method": "calciteInternalInlineEditableEnableEditingChange",
+      "name": "calciteInternalInlineEditableEnableEditingChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -471,7 +477,7 @@ export class InlineEditable {
       "methodName": "editingEnabledWatcher"
     }]; }
   static get listeners() { return [{
-      "name": "calciteInputBlur",
+      "name": "calciteInternalInputBlur",
       "method": "blurHandler",
       "target": undefined,
       "capture": false,

package/dist/collection/components/inline-editable/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -29,9 +29,11 @@ export class Input {
     this.alignment = "start";
     /** should the input autofocus */
     this.autofocus = false;
-    /** optionally display a clear button that displays when field has a value
+    /**
+     * optionally display a clear button that displays when field has a value
      * shows by default for search, time, date
-     * will not display for type="textarea" */
+     * will not display for type="textarea"
+     */
     this.clearable = false;
     /** is the input disabled  */
     this.disabled = false;
@@ -41,6 +43,7 @@ export class Input {
     this.hidden = false;
     /**
      * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = COMMON_TEXT.loading;
@@ -52,6 +55,7 @@ export class Input {
     this.locale = document.documentElement.lang || "en";
     /**
      * Toggles locale formatting for numbers.
+     *
      * @internal
      */
     this.localeFormat = false;
@@ -65,7 +69,9 @@ export class Input {
     this.scale = "m";
     /** specify the status of the input field, determines message and icons */
     this.status = "idle";
-    /** @internal adds inline styles for text input when slotted in calcite-inline-editable */
+    /**
+     * @internal
+     */
     this.editingEnabled = false;
     /**
      * specify the input type
@@ -112,7 +118,7 @@ export class Input {
       this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
-      this.calciteInputBlur.emit({
+      this.calciteInternalInputBlur.emit({
         element: this.childEl,
         value: this.value
       });
@@ -123,7 +129,7 @@ export class Input {
       if (event.target !== slottedActionEl) {
         this.setFocus();
       }
-      this.calciteInputFocus.emit({
+      this.calciteInternalInputFocus.emit({
         element: this.childEl,
         value: this.value
       });
@@ -1106,7 +1112,7 @@ export class Input {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally add suffix  *"
+        "text": "optionally add suffix"
       },
       "attribute": "suffix-text",
       "reflect": false
@@ -1124,7 +1130,7 @@ export class Input {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "adds inline styles for text input when slotted in calcite-inline-editable"
+            "text": undefined
           }],
         "text": ""
       },
@@ -1173,8 +1179,8 @@ export class Input {
     "localizedValue": {}
   }; }
   static get events() { return [{
-      "method": "calciteInputFocus",
-      "name": "calciteInputFocus",
+      "method": "calciteInternalInputFocus",
+      "name": "calciteInternalInputFocus",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -1191,8 +1197,8 @@ export class Input {
         "references": {}
       }
     }, {
-      "method": "calciteInputBlur",
-      "name": "calciteInputBlur",
+      "method": "calciteInternalInputBlur",
+      "name": "calciteInternalInputBlur",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/input/interfaces.js

@@ -1,6 +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.
- * v1.0.0-next.465
+ * v1.0.0-next.468
  */
 export {};

package/dist/collection/components/input/resources.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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.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.465
+ * v1.0.0-next.468
  */
 import { Component, h, Prop, Element, Host, State, Listen, Watch, Method, Event, Build } from "@stencil/core";
 import { getLocaleData } from "../date-picker/utils";
@@ -25,15 +25,21 @@ export class InputDatePicker {
     this.disabled = false;
     /** Expand or collapse when calendar does not have input */
     this.active = false;
-    /** Localized string for "previous month" (used for aria label)
+    /**
+     * Localized string for "previous month" (used for aria label)
+     *
      * @default "Previous month"
      */
     this.intlPrevMonth = TEXT.prevMonth;
-    /** Localized string for "next month" (used for aria label)
+    /**
+     * Localized string for "next month" (used for aria label)
+     *
      * @default "Next month"
      */
     this.intlNextMonth = TEXT.nextMonth;
-    /** Localized string for "year" (used for aria label)
+    /**
+     * Localized string for "year" (used for aria label)
+     *
      * @default "Year"
      */
     this.intlYear = TEXT.year;
@@ -43,6 +49,7 @@ export class InputDatePicker {
     this.scale = "m";
     /**
      * Determines where the date-picker component will be positioned relative to the input.
+     *
      * @default "bottom-leading"
      */
     this.placement = defaultMenuPlacement;
@@ -76,8 +83,8 @@ export class InputDatePicker {
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
         this.active
-          ? this.calciteInputDatePickerOpen.emit()
-          : this.calciteInputDatePickerClose.emit();
+          ? this.calciteInternalInputDatePickerOpen.emit()
+          : this.calciteInternalInputDatePickerClose.emit();
       }
     };
     this.setStartInput = (el) => {
@@ -129,6 +136,8 @@ export class InputDatePicker {
     };
     /**
      * Event handler for when the selected date changes
+     *
+     * @param event
      */
     this.handleDateChange = (event) => {
       if (this.range) {
@@ -290,7 +299,7 @@ export class InputDatePicker {
     return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, onKeyUp: this.keyUpHandler, role: "application" },
       this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.active), class: "input-container", role: "application" },
         h("div", { class: "input-wrapper", ref: this.setStartWrapper },
-          h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.startInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })),
+          h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })),
         h("div", { "aria-hidden": toAriaBoolean(!this.active), class: {
             "menu-container": true,
             "menu-container--active": this.active
@@ -310,7 +319,7 @@ export class InputDatePicker {
           h("calcite-input", { class: {
               input: true,
               "border-top-color-one": this.layout === "vertical" && this.range
-            }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.endInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))),
+            }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))),
       h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
@@ -399,6 +408,8 @@ export class InputDatePicker {
   }
   /**
    * If inputted string is a valid date, update value/active
+   *
+   * @param value
    */
   input(value) {
     const date = this.getDateFromInput(value);
@@ -441,6 +452,8 @@ export class InputDatePicker {
   }
   /**
    * Clean up invalid date from input on blur
+   *
+   * @param target
    */
   blur(target) {
     const { locale, focusedInput, endAsDate, range, startAsDate, valueAsDate } = this;
@@ -474,6 +487,8 @@ export class InputDatePicker {
   /**
    * Find a date from input string
    * return false if date is invalid, or out of range
+   *
+   * @param value
    */
   getDateFromInput(value) {
     if (!this.localeData) {
@@ -1086,8 +1101,8 @@ export class InputDatePicker {
         "references": {}
       }
     }, {
-      "method": "calciteInputDatePickerOpen",
-      "name": "calciteInputDatePickerOpen",
+      "method": "calciteInternalInputDatePickerOpen",
+      "name": "calciteInternalInputDatePickerOpen",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -1104,8 +1119,8 @@ export class InputDatePicker {
         "references": {}
       }
     }, {
-      "method": "calciteInputDatePickerClose",
-      "name": "calciteInputDatePickerClose",
+      "method": "calciteInternalInputDatePickerClose",
+      "name": "calciteInternalInputDatePickerClose",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/input-message/input-message.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Host, h, Prop, Watch } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.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.465
+ * v1.0.0-next.468
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {