@esri/calcite-components 1.0.0-beta.80 → 1.0.0-beta.83

package/dist/cjs/{resources-7811eb2c.js → resources-24a7ca1a.js}

@@ -1,15 +1,18 @@
 /*!
  * 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-beta.83
  */
 'use strict';
 
-const index = require('./index-1af0efd3.js');
-const locale = require('./locale-02462821.js');
+const index = require('./index-82ee13f7.js');
+const locale = require('./locale-6c28abd8.js');
 
 /**
  * Get supported locale code from raw user input
  * Exported for testing purposes.
+ *
+ * @param lang
  * @private
  */
 function getSupportedLocale(lang = "") {
@@ -28,17 +31,21 @@ function getSupportedLocale(lang = "") {
 /**
  * CLDR cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const translationCache = {};
 /**
  * CLDR request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const requestCache = {};
 /**
  * Fetch calendar data for a given locale from list of supported languages
+ *
+ * @param lang
  * @public
  */
 async function getLocaleData(lang) {
@@ -61,6 +68,10 @@ async function getLocaleData(lang) {
 
 /**
  * Check if date is within a min and max
+ *
+ * @param date
+ * @param min
+ * @param max
  */
 function inRange(date, min, max) {
   const time = date.getTime();
@@ -71,6 +82,10 @@ function inRange(date, min, max) {
 /**
  * Ensures date is within range,
  * returns min or max if out of bounds
+ *
+ * @param date
+ * @param min
+ * @param max
  */
 function dateFromRange(date, min, max) {
   if (!(date instanceof Date)) {
@@ -90,6 +105,8 @@ function dateFromRange(date, min, max) {
 /**
  * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
  * TODO: handle time when time of day UI is added
+ *
+ * @param iso8601
  */
 function dateFromISO(iso8601) {
   if (iso8601 instanceof Date) {
@@ -108,6 +125,8 @@ function dateFromISO(iso8601) {
 }
 /**
  * Return first portion of ISO string (YYYY-mm-dd)
+ *
+ * @param date
  */
 function dateToISO(date) {
   if (typeof date === "string") {
@@ -120,6 +139,9 @@ function dateToISO(date) {
 }
 /**
  * Check if two dates are the same day, month, year
+ *
+ * @param d1
+ * @param d2
  */
 function sameDate(d1, d2) {
   return (d1 instanceof Date &&
@@ -130,6 +152,8 @@ function sameDate(d1, d2) {
 }
 /**
  * Get a date one month in the past
+ *
+ * @param date
  */
 function prevMonth(date) {
   const month = date.getMonth();
@@ -143,6 +167,8 @@ function prevMonth(date) {
 }
 /**
  * Get a date one month in the future
+ *
+ * @param date
  */
 function nextMonth(date) {
   const month = date.getMonth();
@@ -156,6 +182,9 @@ function nextMonth(date) {
 }
 /**
  * Translate a number into a given locals numeral system
+ *
+ * @param num
+ * @param localeData
  */
 function localizeNumber(num, localeData) {
   return String(num)
@@ -165,6 +194,9 @@ function localizeNumber(num, localeData) {
 }
 /**
  * Calculate actual number from localized string
+ *
+ * @param str
+ * @param localeData
  */
 function parseNumber(str, localeData) {
   const numerals = "0123456789";
@@ -177,6 +209,9 @@ function parseNumber(str, localeData) {
 /**
  * Parse numeric units for day, month, and year from a localized string
  * month starts at 0 (can pass to date constructor)
+ *
+ * @param str
+ * @param localeData
  */
 function parseDateString(str, localeData) {
   const { separator, unitOrder } = localeData;
@@ -190,6 +225,8 @@ function parseDateString(str, localeData) {
 }
 /**
  * Convert eastern arbic numerals
+ *
+ * @param str
  */
 function replaceArabicNumerals(str = "") {
   return str
@@ -198,6 +235,8 @@ function replaceArabicNumerals(str = "") {
 }
 /**
  * Based on the unitOrder string, find order of month, day, and year for locale
+ *
+ * @param unitOrder
  */
 function getOrder(unitOrder) {
   const signifiers = ["d", "m", "y"];
@@ -206,6 +245,9 @@ function getOrder(unitOrder) {
 }
 /**
  * Get number of days between two dates
+ *
+ * @param date1
+ * @param date2
  */
 function getDaysDiff(date1, date2) {
   const ts1 = date1.getTime();

package/dist/cjs/{sortable.esm-d7a4560b.js → sortable.esm-8e944897.js}

@@ -1,11 +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-beta.83
  */
 'use strict';
 
 /**!
- * Sortable 1.14.0
+ * Sortable 1.15.0
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -133,7 +134,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var version = "1.14.0";
+var version = "1.15.0";
 
 function userAgent(pattern) {
   if (typeof window !== 'undefined' && window.navigator) {
@@ -1054,11 +1055,11 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
   return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
 },
 
-/**
- * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
- * @param  {Number} x      X position
- * @param  {Number} y      Y position
- * @return {HTMLElement}   Element of the first found nearest Sortable
+/**
+ * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
+ * @param  {Number} x      X position
+ * @param  {Number} y      Y position
+ * @return {HTMLElement}   Element of the first found nearest Sortable
  */
 _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   var ret;
@@ -1124,7 +1125,7 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
 }; // #1184 fix - Prevent click event on fallback if dragged but item not changed position
 
 
-if (documentExists) {
+if (documentExists && !ChromeForAndroid) {
   document.addEventListener('click', function (evt) {
     if (ignoreNextClick) {
       evt.preventDefault();
@@ -1166,10 +1167,10 @@ var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
     dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
   }
 };
-/**
- * @class  Sortable
- * @param  {HTMLElement}  el
- * @param  {Object}       [options]
+/**
+ * @class  Sortable
+ * @param  {HTMLElement}  el
+ * @param  {Object}       [options]
  */
 
 
@@ -1743,6 +1744,7 @@ Sortable.prototype =
 
     if (!Sortable.eventCanceled) {
       cloneEl = clone(dragEl);
+      cloneEl.removeAttribute("id");
       cloneEl.draggable = false;
       cloneEl.style['will-change'] = '';
 
@@ -1984,7 +1986,14 @@ Sortable.prototype =
 
         if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
           capture();
-          el.appendChild(dragEl);
+
+          if (elLastChild && elLastChild.nextSibling) {
+            // the last draggable element is not the last node
+            el.insertBefore(dragEl, elLastChild.nextSibling);
+          } else {
+            el.appendChild(dragEl);
+          }
+
           parentEl = el; // actualization
 
           changed();
@@ -2307,9 +2316,9 @@ Sortable.prototype =
     }
   },
 
-  /**
-   * Serializes the item into an array of string.
-   * @returns {String[]}
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
    */
   toArray: function toArray() {
     var order = [],
@@ -2330,9 +2339,9 @@ Sortable.prototype =
     return order;
   },
 
-  /**
-   * Sorts the elements according to the array.
-   * @param  {String[]}  order  order of the items
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
    */
   sort: function sort(order, useAnimation) {
     var items = {},
@@ -2354,29 +2363,29 @@ Sortable.prototype =
     useAnimation && this.animateAll();
   },
 
-  /**
-   * Save the current sorting
+  /**
+   * Save the current sorting
    */
   save: function save() {
     var store = this.options.store;
     store && store.set && store.set(this);
   },
 
-  /**
-   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-   * @param   {HTMLElement}  el
-   * @param   {String}       [selector]  default: `options.draggable`
-   * @returns {HTMLElement|null}
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
    */
   closest: function closest$1(el, selector) {
     return closest(el, selector || this.options.draggable, this.el, false);
   },
 
-  /**
-   * Set/get option
-   * @param   {string} name
-   * @param   {*}      [value]
-   * @returns {*}
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
    */
   option: function option(name, value) {
     var options = this.options;
@@ -2398,8 +2407,8 @@ Sortable.prototype =
     }
   },
 
-  /**
-   * Destroy
+  /**
+   * Destroy
    */
   destroy: function destroy() {
     pluginEvent('destroy', this);
@@ -2576,11 +2585,11 @@ function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, inv
 
   return 0;
 }
-/**
- * Gets the direction dragEl must be swapped relative to target in order to make it
- * seem that dragEl has been "inserted" into that element's position
- * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
- * @return {Number}                   Direction dragEl must be swapped
+/**
+ * Gets the direction dragEl must be swapped relative to target in order to make it
+ * seem that dragEl has been "inserted" into that element's position
+ * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
+ * @return {Number}                   Direction dragEl must be swapped
  */
 
 
@@ -2591,11 +2600,11 @@ function _getInsertDirection(target) {
     return -1;
   }
 }
-/**
- * Generate id
- * @param   {HTMLElement} el
- * @returns {String}
- * @private
+/**
+ * Generate id
+ * @param   {HTMLElement} el
+ * @returns {String}
+ * @private
  */
 
 
@@ -2659,18 +2668,18 @@ Sortable.utils = {
   detectDirection: _detectDirection,
   getChild: getChild
 };
-/**
- * Get the Sortable instance of an element
- * @param  {HTMLElement} element The element
- * @return {Sortable|undefined}         The instance of Sortable
+/**
+ * Get the Sortable instance of an element
+ * @param  {HTMLElement} element The element
+ * @return {Sortable|undefined}         The instance of Sortable
  */
 
 Sortable.get = function (element) {
   return element[expando];
 };
-/**
- * Mount a plugin to Sortable
- * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
+/**
+ * Mount a plugin to Sortable
+ * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
  */
 
 
@@ -2689,10 +2698,10 @@ Sortable.mount = function () {
     PluginManager.mount(plugin);
   });
 };
-/**
- * Create sortable instance
- * @param {HTMLElement}  el
- * @param {Object}      [options]
+/**
+ * Create sortable instance
+ * @param {HTMLElement}  el
+ * @param {Object}      [options]
  */
 
 

package/dist/cjs/{utils-6579522f.js → utils-f3a37c0a.js}

@@ -1,6 +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-beta.83
  */
 'use strict';
 

package/dist/collection/collection-manifest.json

@@ -93,7 +93,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.1",
+    "version": "2.16.0",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion.js

@@ -1,6 +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-beta.83
  */
 import { Component, Element, Event, h, Listen, Prop } from "@stencil/core";
 /**
@@ -21,8 +22,10 @@ export class Accordion {
     this.iconType = "chevron";
     /** specify the scale of accordion, defaults to m */
     this.scale = "m";
-    /** specify the selection mode - multi (allow any number of open items), single (allow one open item),
-     * or single-persist (allow and require one open item), defaults to multi */
+    /**
+     * specify the selection mode - multi (allow any number of open items), single (allow one open item),
+     * or single-persist (allow and require one open item), defaults to multi
+     */
     this.selectionMode = "multi";
     //--------------------------------------------------------------------------
     //
@@ -59,7 +62,7 @@ export class Accordion {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteAccordionItemKeyEvent(e) {
+  calciteInternalAccordionItemKeyEvent(e) {
     const item = e.detail.item;
     const parent = e.detail.parent;
     if (this.el === parent) {
@@ -92,6 +95,7 @@ export class Accordion {
           break;
       }
     }
+    e.stopPropagation();
   }
   registerCalciteAccordionItem(e) {
     const item = {
@@ -102,12 +106,14 @@ export class Accordion {
     if (this.el === item.parent) {
       this.items.push(item);
     }
+    e.stopPropagation();
   }
   updateActiveItemOnChange(event) {
     this.requestedAccordionItem = event.detail.requestedAccordionItem;
-    this.calciteAccordionChange.emit({
+    this.calciteInternalAccordionChange.emit({
       requestedAccordionItem: this.requestedAccordionItem
     });
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -255,8 +261,8 @@ export class Accordion {
     }
   }; }
   static get events() { return [{
-      "method": "calciteAccordionChange",
-      "name": "calciteAccordionChange",
+      "method": "calciteInternalAccordionChange",
+      "name": "calciteInternalAccordionChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -275,19 +281,19 @@ export class Accordion {
     }]; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
-      "name": "calciteAccordionItemKeyEvent",
-      "method": "calciteAccordionItemKeyEvent",
+      "name": "calciteInternalAccordionItemKeyEvent",
+      "method": "calciteInternalAccordionItemKeyEvent",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteAccordionItemRegister",
+      "name": "calciteInternalAccordionItemRegister",
       "method": "registerCalciteAccordionItem",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteAccordionItemSelect",
+      "name": "calciteInternalAccordionItemSelect",
       "method": "updateActiveItemOnChange",
       "target": undefined,
       "capture": false,

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

@@ -1,5 +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-beta.83
  */
 export {};

package/dist/collection/components/accordion-item/accordion-item.css

@@ -118,9 +118,7 @@
 }
 
 :host .accordion-item-header {
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
 
 :host(:focus) .accordion-item-header {

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,9 +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-beta.83
  */
 import { Component, Element, Event, h, Host, Listen, Prop } from "@stencil/core";
-import { getElementDir, getElementProp } from "../../utils/dom";
+import { getElementDir, getElementProp, toAriaBoolean } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 import { guid } from "../../utils/guid";
 /**
@@ -42,7 +43,7 @@ export class AccordionItem {
   }
   componentDidLoad() {
     this.itemPosition = this.getItemPosition();
-    this.calciteAccordionItemRegister.emit({
+    this.calciteInternalAccordionItemRegister.emit({
       parent: this.parent,
       position: this.itemPosition
     });
@@ -70,7 +71,7 @@ export class AccordionItem {
                 : this.active
                   ? "minus"
                   : "plus", scale: "s" })),
-        h("div", { "aria-expanded": this.active.toString(), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" },
+        h("div", { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" },
           h("slot", null)))));
   }
   //--------------------------------------------------------------------------
@@ -90,7 +91,7 @@ export class AccordionItem {
         case "ArrowDown":
         case "Home":
         case "End":
-          this.calciteAccordionItemKeyEvent.emit({
+          this.calciteInternalAccordionItemKeyEvent.emit({
             parent: this.parent,
             item: e
           });
@@ -106,6 +107,7 @@ export class AccordionItem {
       return;
     }
     this.determineActiveItem();
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -128,7 +130,7 @@ export class AccordionItem {
     }
   }
   emitRequestedItem() {
-    this.calciteAccordionItemSelect.emit({
+    this.calciteInternalAccordionItemSelect.emit({
       requestedAccordionItem: this.el
     });
   }
@@ -215,8 +217,8 @@ export class AccordionItem {
     }
   }; }
   static get events() { return [{
-      "method": "calciteAccordionItemKeyEvent",
-      "name": "calciteAccordionItemKeyEvent",
+      "method": "calciteInternalAccordionItemKeyEvent",
+      "name": "calciteInternalAccordionItemKeyEvent",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -233,8 +235,8 @@ export class AccordionItem {
         "references": {}
       }
     }, {
-      "method": "calciteAccordionItemSelect",
-      "name": "calciteAccordionItemSelect",
+      "method": "calciteInternalAccordionItemSelect",
+      "name": "calciteInternalAccordionItemSelect",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -251,8 +253,8 @@ export class AccordionItem {
         "references": {}
       }
     }, {
-      "method": "calciteAccordionItemClose",
-      "name": "calciteAccordionItemClose",
+      "method": "calciteInternalAccordionItemClose",
+      "name": "calciteInternalAccordionItemClose",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -269,8 +271,8 @@ export class AccordionItem {
         "references": {}
       }
     }, {
-      "method": "calciteAccordionItemRegister",
-      "name": "calciteAccordionItemRegister",
+      "method": "calciteInternalAccordionItemRegister",
+      "name": "calciteInternalAccordionItemRegister",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -295,7 +297,7 @@ export class AccordionItem {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteAccordionChange",
+      "name": "calciteInternalAccordionChange",
       "method": "updateActiveItemOnChange",
       "target": "body",
       "capture": false,

package/dist/collection/components/action/action.css

@@ -123,9 +123,7 @@
   line-height: 1rem;
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-3);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   text-align: unset;
   flex: 1 0 auto;
 }
@@ -272,8 +270,8 @@
 }
 
 :host([loading]) calcite-loader[inline] {
-  margin-right: 0px;
   color: var(--calcite-ui-text-3);
+  margin-inline-end: 0px;
 }
 
 :host([disabled]) .button, :host([disabled]) .button:hover, :host([disabled]) .button:focus {

package/dist/collection/components/action/action.js

@@ -1,11 +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-beta.83
  */
 import { Component, Element, Event, Host, Method, Prop, h, forceUpdate } from "@stencil/core";
 import { CSS, TEXT } from "./resources";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { toAriaBoolean } from "../../utils/dom";
 /**
  * @slot - A slot for adding a `calcite-icon`.
  */
@@ -34,7 +36,9 @@ export class Action {
      * Indicates unread changes.
      */
     this.indicator = false;
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;
@@ -127,7 +131,7 @@ export class Action {
       [CSS.buttonCompact]: compact
     };
     return (h(Host, { onClick: this.calciteActionClickHandler },
-      h("button", { "aria-busy": loading.toString(), "aria-disabled": disabled.toString(), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) },
+      h("button", { "aria-busy": toAriaBoolean(loading), "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) },
         this.renderIconContainer(),
         this.renderTextContainer())));
   }