@esri/calcite-components 1.0.0-next.466 → 1.0.0-next.469

package/dist/esm/calcite-dropdown_3.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090024fb.js';
-import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-92353f93.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-23ea67bc.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-c27aa997.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-b376ab28.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import './guid-30502e46.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -39,12 +39,13 @@ const Dropdown = class {
     /**
      specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
      this value does not include groupTitles passed to calcite-dropdown-group
-    */
+     */
     this.maxItems = 0;
     /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
     this.overlayPositioning = "absolute";
     /**
      * Determines where the dropdown will be positioned relative to the button.
+     *
      * @default "bottom-leading"
      */
     this.placement = defaultMenuPlacement;
@@ -231,8 +232,9 @@ const Dropdown = class {
     }
     this.closeCalciteDropdown(false);
   }
-  closeCalciteDropdownOnEvent() {
+  closeCalciteDropdownOnEvent(e) {
     this.closeCalciteDropdown();
+    e.stopPropagation();
   }
   closeCalciteDropdownOnOpenEvent(e) {
     if (e.composedPath().includes(this.el)) {
@@ -250,7 +252,7 @@ const Dropdown = class {
       this.closeCalciteDropdown();
     }
   }
-  calciteDropdownItemKeyEvent(e) {
+  calciteInternalDropdownItemKeyEvent(e) {
     const { keyboardEvent } = e.detail;
     // handle edge
     const target = keyboardEvent.target;
@@ -295,6 +297,7 @@ const Dropdown = class {
       event.detail.requestedDropdownGroup.selectionMode === "none") {
       this.closeCalciteDropdown();
     }
+    event.stopPropagation();
   }
   getModifiers() {
     const flipModifier = {
@@ -413,9 +416,11 @@ const dropdownGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@ke
 const DropdownGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDropdownItemChange = createEvent(this, "calciteDropdownItemChange", 7);
-    /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
-     none (no active items), defaults to single */
+    this.calciteInternalDropdownItemChange = createEvent(this, "calciteInternalDropdownItemChange", 7);
+    /**
+      specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
+     none (no active items), defaults to single
+     */
     this.selectionMode = "single";
   }
   //--------------------------------------------------------------------------
@@ -445,7 +450,7 @@ const DropdownGroup = class {
   updateActiveItemOnChange(event) {
     this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
     this.requestedDropdownItem = event.detail.requestedDropdownItem;
-    this.calciteDropdownItemChange.emit({
+    this.calciteInternalDropdownItemChange.emit({
       requestedDropdownGroup: this.requestedDropdownGroup,
       requestedDropdownItem: this.requestedDropdownItem
     });
@@ -477,9 +482,9 @@ const dropdownItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@key
 const DropdownItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 7);
-    this.calciteDropdownItemKeyEvent = createEvent(this, "calciteDropdownItemKeyEvent", 7);
-    this.calciteDropdownCloseRequest = createEvent(this, "calciteDropdownCloseRequest", 7);
+    this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 7);
+    this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 7);
+    this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -564,14 +569,14 @@ const DropdownItem = class {
         }
         break;
       case "Escape":
-        this.calciteDropdownCloseRequest.emit();
+        this.calciteInternalDropdownCloseRequest.emit();
         break;
       case "Tab":
       case "ArrowUp":
       case "ArrowDown":
       case "Home":
       case "End":
-        this.calciteDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
         break;
     }
     e.preventDefault();
@@ -583,6 +588,7 @@ const DropdownItem = class {
       this.requestedDropdownItem = event.detail.requestedDropdownItem;
       this.determineActiveItem();
     }
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -617,7 +623,7 @@ const DropdownItem = class {
     }
   }
   emitRequestedItem() {
-    this.calciteDropdownItemSelect.emit({
+    this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl
     });

package/dist/esm/calcite-fab.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, h, g as getElement } from './index-090024fb.js';
-import { f as focusElement } from './dom-92353f93.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, h, g as getElement } from './index-b9d03d54.js';
+import { f as focusElement } from './dom-c27aa997.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import './guid-30502e46.js';
 
 const CSS = {
   button: "button"
@@ -39,6 +39,7 @@ const Fab = class {
     this.disabled = false;
     /**
      * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+     *
      * @default "plus"
      */
     this.icon = ICONS.plus;

package/dist/esm/calcite-filter.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-090024fb.js';
-import { f as focusElement } from './dom-92353f93.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import { d as debounce } from './debounce-3542cd6c.js';
-import { f as forIn } from './forIn-f786dc6a.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-b9d03d54.js';
+import { f as focusElement } from './dom-c27aa997.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import { d as debounce } from './debounce-09d6a561.js';
+import { f as forIn } from './forIn-f1632963.js';
+import './guid-30502e46.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow.entry.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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, h, g as getElement } from './index-090024fb.js';
-import { c as createObserver } from './observers-39799b92.js';
+import { r as registerInstance, h, g as getElement } from './index-b9d03d54.js';
+import { c as createObserver } from './observers-851341e8.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,21 +1,25 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-090024fb.js';
-import { g as guid } from './guid-3d2249ab.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { j as intersects } from './dom-92353f93.js';
-import { d as decimalPlaces, c as clamp } from './math-86e70cf6.js';
-import { c as connectLabel, d as disconnectLabel } from './label-71a2e73c.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-6b113ff9.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-b9d03d54.js';
+import { g as guid } from './guid-30502e46.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { j as intersects } from './dom-c27aa997.js';
+import { d as decimalPlaces, c as clamp } from './math-7cf06c9e.js';
+import { c as connectLabel, d as disconnectLabel } from './label-1aee1deb.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-ae9c7b51.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.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];
@@ -29,6 +33,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];
@@ -41,6 +49,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;
@@ -54,6 +68,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];
@@ -66,6 +86,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];
@@ -79,6 +101,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) {
@@ -296,6 +324,7 @@ const Slider = class {
     };
     /**
      * Set the reference of the track Element
+     *
      * @internal
      * @param node
      */
@@ -685,6 +714,7 @@ const Slider = class {
   }
   /**
    * Set the prop value if changed at the component level
+   *
    * @param valueProp
    * @param value
    */
@@ -703,6 +733,9 @@ const Slider = class {
   }
   /**
    * If number is outside range, constrain to min or max
+   *
+   * @param value
+   * @param prop
    * @internal
    */
   clamp(value, prop) {
@@ -718,6 +751,8 @@ const Slider = class {
   }
   /**
    * Translate a pixel position to value along the range
+   *
+   * @param x
    * @internal
    */
   translate(x) {
@@ -734,6 +769,8 @@ const Slider = class {
   }
   /**
    * Get closest allowed value along stepped values
+   *
+   * @param num
    * @internal
    */
   getClosestStep(num) {
@@ -757,6 +794,8 @@ const Slider = class {
   }
   /**
    * Get position of value along range as fractional value
+   *
+   * @param num
    * @return {number} number in the unit interval [0,1]
    * @internal
    */
@@ -891,6 +930,9 @@ const Slider = class {
   }
   /**
    * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
+   *
+   * @param leftBounds
+   * @param rightBounds
    * @internal
    */
   getHostOffset(leftBounds, rightBounds) {
@@ -907,6 +949,7 @@ const Slider = class {
   /**
    * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
    * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
+   *
    * @param leftLabel
    * @param rightLabel
    */
@@ -919,6 +962,7 @@ const Slider = class {
   }
   /**
    * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param minLabel
    * @param handle
    */
@@ -929,6 +973,7 @@ const Slider = class {
   }
   /**
    * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param maxLabel
    * @param handle
    */

package/dist/esm/calcite-handle.entry.js

@@ -1,11 +1,11 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-090024fb.js';
-import { t as toAriaBoolean } from './dom-92353f93.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b9d03d54.js';
+import { t as toAriaBoolean } from './dom-c27aa997.js';
+import './guid-30502e46.js';
 
 const CSS = {
   handle: "handle",
@@ -27,7 +27,7 @@ const Handle = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * @internal - stores the activated state of the drag handle.
+     * @internal
      */
     this.activated = false;
     /**

package/dist/esm/calcite-icon.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-090024fb.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-92353f93.js';
-import { c as createObserver } from './observers-39799b92.js';
-import './guid-3d2249ab.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-c27aa997.js';
+import { c as createObserver } from './observers-851341e8.js';
+import './guid-30502e46.js';
 
 const CSS = {
   icon: "icon",
@@ -16,12 +16,14 @@ const CSS = {
 /**
  * Icon data cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const iconCache = {};
 /**
  * Icon request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const requestCache = {};
@@ -54,6 +56,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/esm/calcite-inline-editable.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-090024fb.js';
-import { d as getElementProp, g as getSlotted } from './dom-92353f93.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-71a2e73c.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b9d03d54.js';
+import { d as getElementProp, g as getSlotted } from './dom-c27aa997.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1aee1deb.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import './guid-30502e46.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -32,7 +32,7 @@ const InlineEditable = class {
     registerInstance(this, hostRef);
     this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 7);
     this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 7);
-    this.calciteInlineEditableEnableEditingChange = createEvent(this, "calciteInlineEditableEnableEditingChange", 7);
+    this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Props
@@ -46,15 +46,21 @@ const InlineEditable = class {
     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;
@@ -64,7 +70,7 @@ const InlineEditable = class {
       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;