@esri/calcite-components 1.0.0-next.302 → 1.0.0-next.306

package/dist/components/calcite-color-picker.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { c as color, d as defineCustomElement$a } from './calcite-color-picker-swatch2.js';
 import { D as DEFAULT_COLOR, T as TEXT, a as DIMENSIONS, H as HSV_LIMITS, C as CSS, d as defineCustomElement$b, b as DEFAULT_STORAGE_KEY_PREFIX, R as RGB_LIMITS } from './calcite-color-picker-hex-input2.js';
 import { f as focusElement, a as getElementDir, C as CSS_UTILITY } from './dom.js';
@@ -626,12 +626,6 @@ let CalciteColorPicker$1 = class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   componentWillLoad() {
-    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
-    if (this.storageId && localStorage.getItem(storageKey)) {
-      this.savedColors = JSON.parse(localStorage.getItem(storageKey));
-    }
-  }
-  connectedCallback() {
     const { allowEmpty, color: color$1, format, value } = this;
     const willSetNoColor = allowEmpty && !value;
     const parsedMode = parseMode(value);
@@ -643,6 +637,10 @@ let CalciteColorPicker$1 = class extends HTMLElement {
     this.setMode(format);
     this.internalColorSet(initialColor, false, "initial");
     this.updateDimensions(this.scale);
+    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
+    if (this.storageId && localStorage.getItem(storageKey)) {
+      this.savedColors = JSON.parse(localStorage.getItem(storageKey));
+    }
   }
   disconnectedCallback() {
     document.removeEventListener("mousemove", this.globalMouseMoveHandler);
@@ -897,6 +895,9 @@ CalciteColorPicker$1 = /*@__PURE__*/ proxyCustomElement(CalciteColorPicker$1, [1
     "setFocus": [64]
   }, [[2, "keydown", "handleChannelKeyUpOrDown"], [2, "keyup", "handleChannelKeyUpOrDown"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-color-picker", "calcite-button", "calcite-color-picker-hex-input", "calcite-color-picker-swatch", "calcite-icon", "calcite-input", "calcite-loader", "calcite-progress", "calcite-tab", "calcite-tab-nav", "calcite-tab-title", "calcite-tabs"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-color-picker":

package/dist/components/calcite-combobox-item-group.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { e as getAncestors, f as getDepth } from './utils2.js';
 import { g as guid } from './guid.js';
 import { g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
@@ -51,6 +51,9 @@ CalciteComboboxItemGroup$1 = /*@__PURE__*/ proxyCustomElement(CalciteComboboxIte
     "label": [1]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-combobox-item-group"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-combobox-item-group":

package/dist/components/calcite-combobox-item.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { g as guid } from './guid.js';
 import { e as getAncestors, f as getDepth } from './utils2.js';
@@ -146,6 +146,9 @@ CalciteComboboxItem$1 = /*@__PURE__*/ proxyCustomElement(CalciteComboboxItem$1,
     "toggleSelected": [64]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-combobox-item", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-combobox-item":

package/dist/components/calcite-combobox.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as isSymbol, S as Symbol, d as debounce } from './debounce.js';
 import { i as isArray, f as forIn } from './forIn.js';
 import { a as getElementDir } from './dom.js';
@@ -906,6 +906,9 @@ CalciteCombobox$1 = /*@__PURE__*/ proxyCustomElement(CalciteCombobox$1, [1, "cal
     "setFocus": [64]
   }, [[4, "click", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-combobox", "calcite-chip", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-combobox":

package/dist/components/calcite-date-picker-day2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getKey } from './key.js';
 import { a as getElementDir, C as CSS_UTILITY } from './dom.js';
 
@@ -85,6 +85,9 @@ CalciteDatePickerDay = /*@__PURE__*/ proxyCustomElement(CalciteDatePickerDay, [1
     "value": [16]
   }, [[1, "mouseover", "mouseoverHandler"]]]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-date-picker-day"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-date-picker-day":

package/dist/components/calcite-date-picker-month-header2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as getElementDir } from './dom.js';
 import { l as localizeNumber, c as getOrder, b as dateFromRange, n as nextMonth, p as prevMonth, e as parseNumber } from './date.js';
 import { g as getKey } from './key.js';
@@ -151,6 +151,9 @@ CalciteDatePickerMonthHeader = /*@__PURE__*/ proxyCustomElement(CalciteDatePicke
     "prevMonthDate": [32]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-date-picker-month-header", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-date-picker-month-header":

package/dist/components/calcite-date-picker-month2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { s as sameDate, b as dateFromRange, i as inRange } from './date.js';
 import { g as getKey } from './key.js';
 import { a as getElementDir } from './dom.js';
@@ -294,6 +294,9 @@ CalciteDatePickerMonth = /*@__PURE__*/ proxyCustomElement(CalciteDatePickerMonth
     "hoverRange": [16]
   }, [[1, "mouseout", "mouseoutHandler"]]]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-date-picker-month", "calcite-date-picker-day"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-date-picker-month":

package/dist/components/calcite-date-picker2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { getAssetPath, createEvent, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
+import { getAssetPath, HTMLElement, createEvent, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as locales } from './locale.js';
 import { a as getElementDir } from './dom.js';
 import { g as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange } from './date.js';
@@ -470,6 +470,9 @@ CalciteDatePicker = /*@__PURE__*/ proxyCustomElement(CalciteDatePicker, [1, "cal
     "hoverRange": [32]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-date-picker":

package/dist/components/calcite-dropdown-group.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as getElementDir, g as getElementProp } from './dom.js';
 
 const CSS = {
@@ -73,6 +73,9 @@ CalciteDropdownGroup$1 = /*@__PURE__*/ proxyCustomElement(CalciteDropdownGroup$1
     "scale": [513]
   }, [[0, "calciteDropdownItemSelect", "updateActiveItemOnChange"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-dropdown-group"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-dropdown-group":

package/dist/components/calcite-dropdown-item.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { g as getKey } from './key.js';
 import { d as defineCustomElement$2 } from './calcite-icon2.js';
@@ -180,6 +180,9 @@ CalciteDropdownItem$1 = /*@__PURE__*/ proxyCustomElement(CalciteDropdownItem$1,
     "setFocus": [64]
   }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"], [16, "calciteDropdownItemChange", "updateActiveItemOnChange"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-dropdown-item", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-dropdown-item":

package/dist/components/calcite-dropdown2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getKey } from './key.js';
 import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom.js';
 import { C as CSS, u as updatePopper, c as createPopper } from './popper.js';
@@ -376,6 +376,9 @@ CalciteDropdown = /*@__PURE__*/ proxyCustomElement(CalciteDropdown, [1, "calcite
     "reposition": [64]
   }, [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "mouseenter", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "calciteDropdownItemKeyEvent", "calciteDropdownItemKeyEvent"], [0, "calciteDropdownItemSelect", "handleItemSelect"]]]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-dropdown"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-dropdown":

package/dist/components/calcite-fab.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { f as focusElement, a as getElementDir } from './dom.js';
 import { d as defineCustomElement$4 } from './calcite-button2.js';
 import { d as defineCustomElement$3 } from './calcite-icon2.js';
@@ -95,6 +95,9 @@ CalciteFab$1 = /*@__PURE__*/ proxyCustomElement(CalciteFab$1, [1, "calcite-fab",
     "setFocus": [64]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-fab", "calcite-button", "calcite-icon", "calcite-loader"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-fab":

package/dist/components/calcite-filter2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
 import { f as focusElement, a as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { d as defineCustomElement$5 } from './calcite-icon2.js';
 import { d as defineCustomElement$4 } from './calcite-input2.js';
@@ -157,6 +157,9 @@ CalciteFilter = /*@__PURE__*/ proxyCustomElement(CalciteFilter, [1, "calcite-fil
     "setFocus": [64]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-filter", "calcite-icon", "calcite-input", "calcite-loader", "calcite-progress", "calcite-scrim"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-filter":

package/dist/components/calcite-flow.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';
 
 const CSS = {
@@ -121,6 +121,9 @@ CalciteFlow$1 = /*@__PURE__*/ proxyCustomElement(CalciteFlow$1, [1, "calcite-flo
     "back": [64]
   }, [[0, "calcitePanelBackClick", "handleCalcitePanelBackClick"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-flow"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-flow":

package/dist/components/calcite-graph2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 
 /**
@@ -199,6 +199,9 @@ CalciteGraph = /*@__PURE__*/ proxyCustomElement(CalciteGraph, [1, "calcite-graph
     "max": [2]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-graph"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-graph":

package/dist/components/calcite-handle2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './calcite-icon2.js';
 
 const CSS = {
@@ -88,6 +88,9 @@ CalciteHandle = /*@__PURE__*/ proxyCustomElement(CalciteHandle, [1, "calcite-han
     "setFocus": [64]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-handle", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-handle":

package/dist/components/calcite-icon2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { getAssetPath, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
+import { getAssetPath, HTMLElement, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as getElementDir } from './dom.js';
 import { c as createObserver } from './observers.js';
 
@@ -171,6 +171,9 @@ CalciteIcon = /*@__PURE__*/ proxyCustomElement(CalciteIcon, [1, "calcite-icon",
     "visible": [32]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-icon":

package/dist/components/calcite-inline-editable.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getElementProp } from './dom.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { d as defineCustomElement$4 } from './calcite-button2.js';
@@ -220,6 +220,9 @@ CalciteInlineEditable$1 = /*@__PURE__*/ proxyCustomElement(CalciteInlineEditable
     "setFocus": [64]
   }, [[0, "calciteInputBlur", "blurHandler"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-inline-editable", "calcite-button", "calcite-icon", "calcite-loader"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-inline-editable":

package/dist/components/calcite-input-date-picker.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, Build, proxyCustomElement } from '@stencil/core/internal/client';
 import { T as TEXT, g as getLocaleData, d as defineCustomElement$8 } from './calcite-date-picker2.js';
 import { a as getElementDir } from './dom.js';
 import { d as dateToISO, a as dateFromISO, b as dateFromRange, s as sameDate, f as parseDateString, i as inRange } from './date.js';
@@ -475,6 +475,9 @@ CalciteInputDatePicker$1 = /*@__PURE__*/ proxyCustomElement(CalciteInputDatePick
     "reposition": [64]
   }, [[0, "calciteDaySelect", "calciteDaySelectHandler"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-input-date-picker", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-icon", "calcite-input", "calcite-progress"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-input-date-picker":

package/dist/components/calcite-input-message.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { s as setRequestedIcon, g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { d as defineCustomElement$2 } from './calcite-icon2.js';
 
@@ -75,6 +75,9 @@ CalciteInputMessage$1 = /*@__PURE__*/ proxyCustomElement(CalciteInputMessage$1,
     "type": [513]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-input-message", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-input-message":

package/dist/components/calcite-input-time-picker.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 import { g as getKey } from './key.js';
 import { f as formatTimeString, p as parseTimeString, g as getMeridiemHour, a as getMeridiem, d as defineCustomElement$2 } from './calcite-time-picker2.js';
@@ -42,7 +42,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
     this.required = false;
     /** The scale (size) of the time input */
     this.scale = "m";
-    /** number that specifies the granularity that the value must adhere to */
+    /** number (seconds) that specifies the granularity that the value must adhere to */
     this.step = 60;
     /** The selected time (always 24-hour format)*/
     this.value = null;
@@ -236,6 +236,9 @@ CalciteInputTimePicker$1 = /*@__PURE__*/ proxyCustomElement(CalciteInputTimePick
     "setFocus": [64]
   }, [[0, "keyup", "keyUpHandler"], [0, "calciteTimePickerBlur", "timePickerBlurHandler"], [0, "calciteTimePickerChange", "timePickerChangeHandler"], [0, "calciteTimePickerFocus", "timePickerFocusHandler"]]]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-input-time-picker", "calcite-action", "calcite-icon", "calcite-input", "calcite-loader", "calcite-popover", "calcite-progress", "calcite-time-picker"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-input-time-picker":

package/dist/components/calcite-input2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { T as TEXT, s as setRequestedIcon, g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { g as getKey, n as numberKeys } from './key.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
@@ -113,6 +113,10 @@ let CalciteInput = class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
+      /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+      }
       if (this.readOnly || this.disabled) {
         return;
       }
@@ -227,10 +231,14 @@ let CalciteInput = class extends HTMLElement {
       }
       const inputMax = this.maxString ? parseFloat(this.maxString) : null;
       const inputMin = this.minString ? parseFloat(this.minString) : null;
-      const valueNudgeDelayInMs = 500;
+      const valueNudgeDelayInMs = 100;
       this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
+      let nudgeNumberValueIntervalCount = 0;
       this.nudgeNumberValueIntervalId = setInterval(() => {
-        this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
+        nudgeNumberValueIntervalCount !== 0
+          ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
+          : null;
+        nudgeNumberValueIntervalCount++;
       }, valueNudgeDelayInMs);
     };
     this.numberButtonMouseUpAndMouseOutHandler = () => {
@@ -506,6 +514,9 @@ CalciteInput = /*@__PURE__*/ proxyCustomElement(CalciteInput, [1, "calcite-input
     "setFocus": [64]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-input", "calcite-icon", "calcite-progress"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-input":

package/dist/components/calcite-label2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY } from './dom.js';
 
 const CSS = {
@@ -67,6 +67,9 @@ CalciteLabel = /*@__PURE__*/ proxyCustomElement(CalciteLabel, [1, "calcite-label
     "disabled": [516]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-label"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-label":

package/dist/components/calcite-link2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom.js';
 import { d as defineCustomElement$1 } from './calcite-icon2.js';
 
@@ -78,6 +78,9 @@ CalciteLink = /*@__PURE__*/ proxyCustomElement(CalciteLink, [1, "calcite-link",
     "setFocus": [64]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-link", "calcite-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-link":

package/dist/components/calcite-list-item-group.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { C as CalciteHeading, c as constrainHeadingLevel } from './CalciteHeading.js';
 
 const CSS = {
@@ -40,6 +40,9 @@ CalciteListItemGroup$1 = /*@__PURE__*/ proxyCustomElement(CalciteListItemGroup$1
     "headingLevel": [2, "heading-level"]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-list-item-group"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-list-item-group":

package/dist/components/calcite-list-item.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';
 
 const CSS = {
@@ -100,6 +100,9 @@ CalciteListItem$1 = /*@__PURE__*/ proxyCustomElement(CalciteListItem$1, [1, "cal
     "setFocus": [64]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-list-item"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-list-item":

package/dist/components/calcite-list.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 
 const CSS = {
   container: "container"
@@ -42,6 +42,9 @@ CalciteList$1 = /*@__PURE__*/ proxyCustomElement(CalciteList$1, [1, "calcite-lis
     "setFocus": [64]
   }]);
 function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-list"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-list":

package/dist/components/calcite-loader2.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 
 const calciteLoaderCss = "@charset \"UTF-8\";@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{-ms-flex-align:center;align-items:center;position:relative;-ms-flex-pack:center;justify-content:center;display:none;margin-left:auto;margin-right:auto;opacity:1;padding-top:4rem;padding-bottom:4rem;min-height:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}:host([no-padding]){padding-top:0;padding-bottom:0}:host([active]){display:-ms-flexbox;display:flex}.loader__text{display:block;font-size:var(--calcite-font-size--2);line-height:1rem;text-align:center;color:var(--calcite-ui-text-1);margin-top:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{display:block;position:absolute;color:var(--calcite-ui-text-1);text-align:center;font-size:var(--calcite-loader-font-size);width:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;width:var(--calcite-loader-size);height:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}.loader__svg{position:absolute;overflow:visible;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;width:var(--calcite-loader-size);height:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){.loader__svg--1{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}.loader__svg--2{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}.loader__svg--3{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}:host([type=determinate]){-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 100ms linear;transition:all 100ms linear}:host([inline]){position:relative;margin:0;padding-top:0;padding-bottom:0;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;height:var(--calcite-loader-size-inline);min-height:var(--calcite-loader-size-inline);width:var(--calcite-loader-size-inline);margin-right:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline][dir=rtl]){margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms}:host([complete]) .loader__svgs{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms, -webkit-transform 180ms linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, transform 200ms linear;transition:color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear}.loader__svg--1{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}.loader__svg--2{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}.loader__svg--3{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
@@ -93,6 +93,9 @@ CalciteLoader = /*@__PURE__*/ proxyCustomElement(CalciteLoader, [1, "calcite-loa
     "noPadding": [4, "no-padding"]
   }]);
 function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
   const components = ["calcite-loader"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-loader":