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

package/dist/components/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 { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
@@ -11,6 +11,10 @@ import { c as createObserver } from './observers.js';
  * 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];
@@ -24,6 +28,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];
@@ -36,6 +44,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;
@@ -49,6 +63,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
  */
 function translate({ width, height, min, max }) {
   const rangeX = max[0] - min[0];
@@ -61,6 +81,8 @@ function translate({ width, height, min, max }) {
 }
 /**
  * Get the min and max values from the dataset
+ *
+ * @param data
  */
 function range(data) {
   const [startX, startY] = data[0];
@@ -74,6 +96,12 @@ 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
  */
 function area({ data, min, max, t }) {
   if (data.length === 0) {
@@ -106,7 +134,7 @@ function area({ data, min, max, t }) {
   return `${commands} ${end} L ${maxX},${minY} Z`;
 }
 
-const graphCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";
+const graphCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;height:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";
 
 const Graph = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/guid.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
  */
 function gen(counts) {
   return counts

package/dist/components/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 { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as toAriaBoolean } from './dom.js';
@@ -29,7 +29,7 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     /**
-     * @internal - stores the activated state of the drag handle.
+     * @internal
      */
     this.activated = false;
     /**

package/dist/components/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 { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';
@@ -15,12 +15,14 @@ const CSS = {
 /**
  * Icon data cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const iconCache = {};
 /**
  * Icon request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const requestCache = {};
@@ -53,6 +55,8 @@ async function fetchIcon({ icon, scale }) {
 /**
  * Normalize the icon name to match the path data module exports.
  * Exported for testing purposes.
+ *
+ * @param name
  * @private
  */
 function normalizeIconName(name) {

package/dist/components/index.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 { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/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 { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { T as TEXT$1, b as getSlotted, s as setRequestedIcon, g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
@@ -53,8 +53,8 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.calciteInputFocus = createEvent(this, "calciteInputFocus", 7);
-    this.calciteInputBlur = createEvent(this, "calciteInputBlur", 7);
+    this.calciteInternalInputFocus = createEvent(this, "calciteInternalInputFocus", 7);
+    this.calciteInternalInputBlur = createEvent(this, "calciteInternalInputBlur", 7);
     this.calciteInputInput = createEvent(this, "calciteInputInput", 7);
     this.calciteInputChange = createEvent(this, "calciteInputChange", 7);
     //--------------------------------------------------------------------------
@@ -66,9 +66,11 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -78,6 +80,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.hidden = false;
     /**
      * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT$1.loading;
@@ -89,6 +92,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.locale = document.documentElement.lang || "en";
     /**
      * Toggles locale formatting for numbers.
+     *
      * @internal
      */
     this.localeFormat = false;
@@ -102,7 +106,9 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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
@@ -149,7 +155,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
-      this.calciteInputBlur.emit({
+      this.calciteInternalInputBlur.emit({
         element: this.childEl,
         value: this.value
       });
@@ -160,7 +166,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       if (event.target !== slottedActionEl) {
         this.setFocus();
       }
-      this.calciteInputFocus.emit({
+      this.calciteInternalInputFocus.emit({
         element: this.childEl,
         value: this.value
       });

package/dist/components/interactive.js

@@ -1,10 +1,10 @@
 /*!
  * 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
  */
 function noopClick() {
-  /** noop **/
+  /** noop */
 }
 /**
  * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.
@@ -13,8 +13,11 @@ function noopClick() {
  *
  * **Notes**
  *
- * * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.
- * * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
+ * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.
+ * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
+ *
+ * @param component
+ * @param hostIsTabbable
  */
 function updateHostInteraction(component, hostIsTabbable = false) {
   if (component.disabled) {

package/dist/components/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
  */
 var StatusIcons;
 (function (StatusIcons) {

package/dist/components/interfaces2.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
  */
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/components/label.js

@@ -1,12 +1,13 @@
 /*!
  * 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 { c as queryElementRoots, e as closestElementCrossShadowBoundary } from './dom.js';
 
 /**
  * Exported for testing purposes only
+ *
  * @internal
  */
 const labelClickEvent = "calciteInternalLabelClick";
@@ -49,6 +50,8 @@ function hasAncestorCustomElements(label, componentEl) {
 }
 /**
  * Helper to set up label interactions on connectedCallback.
+ *
+ * @param component
  */
 function connectLabel(component) {
   const labelEl = findLabelForComponent(component.el);
@@ -73,6 +76,8 @@ function connectLabel(component) {
 }
 /**
  * Helper to tear down label interactions on disconnectedCallback on labelable components.
+ *
+ * @param component
  */
 function disconnectLabel(component) {
   unlabeledComponents.delete(component);
@@ -89,6 +94,8 @@ function disconnectLabel(component) {
 }
 /**
  * Helper to get the label text from a component.
+ *
+ * @param component
  */
 function getLabelText(component) {
   var _a, _b;

package/dist/components/label2.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 { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.js';
@@ -27,6 +27,7 @@ const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.alignment = "start";
     /**
      * specify the status of the label and any child input / input messages
+     *
      * @deprecated set directly on child element instead
      */
     this.status = "idle";

package/dist/components/link.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 { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom.js';
@@ -22,7 +22,8 @@ const Link = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //--------------------------------------------------------------------------
     /** is the link disabled  */
     this.disabled = false;
-    /** Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
+    /**
+     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
      * Without a value, the browser will suggest a filename/extension
      * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
      */

package/dist/components/loader.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 { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
@@ -18,17 +18,17 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Show the loader */
+    /** When true, the loader is active. */
     this.active = false;
-    /** Inline loaders are smaller and will appear to the left of the text */
+    /** When true, displays smaller and appears to the left of the text. */
     this.inline = false;
-    /** Speficy the scale of the loader. Defaults to "m" */
+    /** Specify the scale of the loader. */
     this.scale = "m";
-    /** Percent complete of 100, only valid for determinate indicators */
+    /** Valid only for determinate indicators. Percent complete of 100. */
     this.value = 0;
-    /** Text which should appear under the loading indicator (optional) */
+    /** Text that displays under the loading indicator. */
     this.text = "";
-    /** Turn off spacing around the loader */
+    /** Disables spacing around the loader. */
     this.noPadding = false;
   }
   //--------------------------------------------------------------------------
@@ -65,6 +65,8 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //--------------------------------------------------------------------------
   /**
    * Return the proper sizes based on the scale property
+   *
+   * @param scale
    */
   getSize(scale) {
     return {

package/dist/components/locale.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 { a as sanitizeExponentialNumberString, i as isValidNumber, b as sanitizeDecimalString } from './number.js';
 

package/dist/components/math.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
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/components/number.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
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/observers.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 } from '@stencil/core/internal/client';
 

package/dist/components/pick-list-item.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 { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { I as ICON_TYPES } from './resources.js';
@@ -48,8 +48,8 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__attachShadow();
     this.calciteListItemChange = createEvent(this, "calciteListItemChange", 7);
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
-    this.calciteListItemPropsChange = createEvent(this, "calciteListItemPropsChange", 7);
-    this.calciteListItemValueChange = createEvent(this, "calciteListItemValueChange", 7);
+    this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 7);
+    this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 7);
     /**
      * When true, the item cannot be clicked and is visually muted.
      */
@@ -59,11 +59,12 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
      */
     this.disableDeselect = false;
     /**
-     * @internal When true, the item cannot be selected by user interaction.
+     * @internal
      */
     this.nonInteractive = false;
     /**
      * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+     *
      * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
      */
     this.icon = null;
@@ -77,6 +78,7 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.selected = false;
     /**
      * Used as an accessible label (aria-label) for the "remove item" action. Only applicable if removable is true.
+     *
      * @default "Remove"
      */
     this.intlRemove = TEXT.remove;
@@ -106,13 +108,13 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     };
   }
   descriptionWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   labelWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   metadataWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   selectedWatchHandler() {
     this.calciteListItemChange.emit({
@@ -124,7 +126,7 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.shiftPressed = false;
   }
   valueWatchHandler(newValue, oldValue) {
-    this.calciteListItemValueChange.emit({ oldValue, newValue });
+    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });
   }
   // --------------------------------------------------------------------------
   //
@@ -148,6 +150,8 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   /**
    * Used to toggle the selection state. By default this won't trigger an event.
    * The first argument allows the value to be coerced, rather than swapping values.
+   *
+   * @param coerce
    */
   async toggleSelected(coerce) {
     this.selected = typeof coerce === "boolean" ? coerce : !this.selected;

package/dist/components/popover.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 { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { d as defaultOffsetDistance, f as filterComputedPlacements, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
@@ -51,10 +51,10 @@ class PopoverManager {
       const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
       return registeredElements.get(registeredElement);
     };
-    this.clickHandler = (event) => {
+    this.togglePopovers = (event) => {
       const composedPath = event.composedPath();
       const popover = this.queryPopover(composedPath);
-      if (popover) {
+      if (popover && !popover.triggerDisabled) {
         popover.toggle();
         return;
       }
@@ -62,6 +62,15 @@ class PopoverManager {
         .filter((popover) => popover.autoClose && popover.open && !composedPath.includes(popover))
         .forEach((popover) => popover.toggle(false));
     };
+    this.keyHandler = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") {
+        return;
+      }
+      this.togglePopovers(event);
+    };
+    this.clickHandler = (event) => {
+      this.togglePopovers(event);
+    };
   }
   // --------------------------------------------------------------------------
   //
@@ -85,9 +94,11 @@ class PopoverManager {
   }
   addListeners() {
     document.addEventListener("pointerdown", this.clickHandler, { capture: true });
+    document.addEventListener("keydown", this.keyHandler, { capture: true });
   }
   removeListeners() {
     document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
+    document.removeEventListener("keydown", this.keyHandler, { capture: true });
   }
 }
 
@@ -112,6 +123,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.autoClose = false;
     /**
      * Display a close button within the Popover.
+     *
      * @deprecated use dismissible instead.
      */
     this.closeButton = false;
@@ -129,6 +141,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.disablePointer = false;
     /**
      * Offset the position of the popover away from the reference element.
+     *
      * @default 6
      */
     this.offsetDistance = defaultOffsetDistance;
@@ -144,10 +157,17 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.overlayPositioning = "absolute";
     /**
      * Determines where the component will be positioned relative to the referenceElement.
+     *
      * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
      */
     this.placement = defaultPopoverPlacement;
-    /** Text for close button.
+    /**
+     * Disables automatically toggling a popover when its referenceElement has been triggered. This property can be set to true to manage when a popover is open.
+     */
+    this.triggerDisabled = false;
+    /**
+     * Text for close button.
+     *
      * @default "Close"
      */
     this.intlClose = TEXT.close;
@@ -269,7 +289,11 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       })
       : this.createPopper();
   }
-  /** Sets focus on the component. */
+  /**
+   * Sets focus on the component.
+   *
+   * @param focusId
+   */
   async setFocus(focusId) {
     var _a;
     const { closeButtonEl } = this;
@@ -280,7 +304,11 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
-  /** Toggles the popover's open property. */
+  /**
+   * Toggles the popover's open property.
+   *
+   * @param value
+   */
   async toggle(value = !this.open) {
     this.open = value;
   }
@@ -395,6 +423,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "overlayPositioning": [1, "overlay-positioning"],
     "placement": [513],
     "referenceElement": [1, "reference-element"],
+    "triggerDisabled": [516, "trigger-disabled"],
     "intlClose": [1, "intl-close"],
     "effectiveReferenceElement": [32],
     "reposition": [64],

package/dist/components/popper.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 { a as getElementDir } from './dom.js';
 

package/dist/components/progress.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 { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';