@esri/calcite-components 1.0.0-next.460 → 1.0.0-next.463

package/dist/components/input.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.460
+ * v1.0.0-next.463
  */
 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';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { d as delocalizeNumberString, g as getDecimalSeparator, l as localizeNumberString } from './locale.js';
 import { i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, n as numberKeys } from './number.js';
 import { d as decimalPlaces } from './math.js';
@@ -114,9 +114,9 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.value = "";
     /** keep track of the rendered child type */
     this.childElType = "input";
-    /** whether the value of the input was changed as a result of user typing or not */
-    this.internalValueChange = false;
+    this.previousValueOrigin = "initial";
     this.mutationObserver = createObserver("mutation", () => this.setDisabledAction());
+    this.userChangedValue = false;
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -130,25 +130,30 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.clearInputValue(event);
         event.preventDefault();
       }
+      if (event.key === "Enter" && !event.defaultPrevented) {
+        submitForm(this);
+      }
     };
     this.clearInputValue = (nativeEvent) => {
       this.setValue({
         committing: true,
         nativeEvent,
+        origin: "user",
         value: ""
       });
     };
-    this.inputBlurHandler = () => {
-      if (this.type === "number") {
-        this.setValue({ value: this.value });
+    this.emitChangeIfUserModified = () => {
+      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
+        this.calciteInputChange.emit();
       }
+      this.previousEmittedValue = this.value;
+    };
+    this.inputBlurHandler = () => {
       this.calciteInputBlur.emit({
         element: this.childEl,
         value: this.value
       });
-      if (this.preFocusValue !== this.value) {
-        this.calciteInputChange.emit();
-      }
+      this.emitChangeIfUserModified();
     };
     this.inputFocusHandler = (event) => {
       const slottedActionEl = getSlotted(this.el, "action");
@@ -159,7 +164,6 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         element: this.childEl,
         value: this.value
       });
-      this.preFocusValue = this.value;
     };
     this.inputInputHandler = (nativeEvent) => {
       if (this.disabled || this.readOnly) {
@@ -167,6 +171,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       this.setValue({
         nativeEvent,
+        origin: "user",
         value: nativeEvent.target.value
       });
     };
@@ -175,7 +180,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         return;
       }
       if (event.key === "Enter") {
-        this.calciteInputChange.emit();
+        this.emitChangeIfUserModified();
       }
     };
     this.inputNumberInputHandler = (nativeEvent) => {
@@ -190,6 +195,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
         this.setValue({
           nativeEvent,
+          origin: "user",
           value: parseNumberString(delocalizedValue)
         });
         this.childNumberEl.value = this.localizedValue;
@@ -197,6 +203,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       else {
         this.setValue({
           nativeEvent,
+          origin: "user",
           value: delocalizedValue
         });
       }
@@ -231,7 +238,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       const isShiftTabEvent = event.shiftKey && event.key === "Tab";
       if (supportedKeys.includes(event.key) && (!event.shiftKey || isShiftTabEvent)) {
         if (event.key === "Enter") {
-          this.calciteInputChange.emit();
+          this.emitChangeIfUserModified();
         }
         return;
       }
@@ -305,6 +312,14 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       this[`child${this.type === "number" ? "Number" : ""}El`].value = newInputValue;
     };
+    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
+      this.previousEmittedValue =
+        this.type === "number"
+          ? isValidNumber(newPreviousEmittedValue)
+            ? newPreviousEmittedValue
+            : ""
+          : newPreviousEmittedValue;
+    };
     this.setPreviousValue = (newPreviousValue) => {
       this.previousValue =
         this.type === "number"
@@ -313,7 +328,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
             : ""
           : newPreviousValue;
     };
-    this.setValue = ({ committing = false, nativeEvent, origin = "internal", value }) => {
+    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
       const previousLocalizedValue = this.type === "number"
         ? localizeNumberString(this.previousValue, this.locale, this.groupSeparator)
         : "";
@@ -326,13 +341,14 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       const newLocalizedValue = this.type === "number"
         ? localizeNumberString(newValue, this.locale, this.groupSeparator)
         : "";
-      this.internalValueChange = origin === "internal" && this.value !== newValue;
-      this.setPreviousValue(this.value);
+      this.setPreviousValue(previousValue || this.value);
+      this.previousValueOrigin = origin;
+      this.userChangedValue = origin === "user" && this.value !== newValue;
       this.value = newValue;
       if (this.type === "number") {
         this.localizedValue = newLocalizedValue;
       }
-      if (origin === "external") {
+      if (origin === "direct") {
         this.setInputValue(this.type === "number" ? newLocalizedValue : newValue);
       }
       if (nativeEvent) {
@@ -346,7 +362,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           this.localizedValue = previousLocalizedValue;
         }
         else if (committing) {
-          this.calciteInputChange.emit();
+          this.emitChangeIfUserModified();
         }
       }
     };
@@ -367,10 +383,11 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a;
     this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
   }
-  valueWatcher(newValue) {
-    if (!this.internalValueChange) {
+  valueWatcher(newValue, previousValue) {
+    if (!this.userChangedValue) {
       this.setValue({
-        origin: "external",
+        origin: "direct",
+        previousValue,
         value: newValue == null || newValue == ""
           ? ""
           : this.type === "number"
@@ -381,7 +398,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       });
       this.warnAboutInvalidNumberValue(newValue);
     }
-    this.internalValueChange = false;
+    this.userChangedValue = false;
   }
   updateRequestedIcon() {
     this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
@@ -405,11 +422,12 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.inlineEditableEl) {
       this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
     }
+    this.setPreviousEmittedValue(this.value);
     this.setPreviousValue(this.value);
     if (this.type === "number") {
       this.warnAboutInvalidNumberValue(this.value);
       this.setValue({
-        origin: "loading",
+        origin: "connected",
         value: isValidNumber(this.value) ? this.value : ""
       });
     }
@@ -434,6 +452,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   componentShouldUpdate(newValue, oldValue, property) {
     if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
       this.setValue({
+        origin: "reset",
         value: oldValue
       });
       return false;
@@ -476,11 +495,13 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setValue({
       committing: true,
       nativeEvent,
+      origin: "user",
       value: finalValue.toFixed(Math.max(inputValPlaces, inputStepPlaces))
     });
   }
   onFormReset() {
     this.setValue({
+      origin: "reset",
       value: this.defaultValue
     });
   }

package/dist/components/interactive.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.460
+ * v1.0.0-next.463
  */
 function noopClick() {
   /** noop **/

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.460
+ * v1.0.0-next.463
  */
 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.460
+ * v1.0.0-next.463
  */
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/components/label.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.460
+ * v1.0.0-next.463
  */
 import { c as queryElementRoots, e as closestElementCrossShadowBoundary } from './dom.js';
 

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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.js';

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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom.js';

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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

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.460
+ * v1.0.0-next.463
  */
 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.460
+ * v1.0.0-next.463
  */
 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.460
+ * v1.0.0-next.463
  */
 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.460
+ * v1.0.0-next.463
  */
 import { Build } from '@stencil/core/internal/client';
 

package/dist/components/pick-list-item.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { I as ICON_TYPES } from './resources.js';
-import { b as getSlotted } from './dom.js';
+import { b as getSlotted, t as toAriaBoolean } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { d as defineCustomElement$3 } from './action.js';
@@ -187,7 +187,7 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   render() {
     const { description, label } = this;
-    return (h(Fragment, null, this.renderIcon(), this.renderActionsStart(), h("label", { "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { "aria-checked": this.selected.toString(), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
+    return (h(Fragment, null, this.renderIcon(), this.renderActionsStart(), h("label", { "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/popover.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.460
+ * v1.0.0-next.463
  */
 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';
 import { g as guid } from './guid.js';
-import { q as queryElementsRoots, c as queryElementRoots } from './dom.js';
+import { q as queryElementsRoots, t as toAriaBoolean, c as queryElementRoots } from './dom.js';
 import { H as Heading } from './Heading.js';
 import { d as defineCustomElement$3 } from './action.js';
 import { d as defineCustomElement$2 } from './icon.js';
@@ -184,7 +184,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       if (!effectiveReferenceElement) {
         return;
       }
-      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, open.toString());
+      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));
     };
     this.addReferences = () => {
       const { effectiveReferenceElement } = this;
@@ -361,7 +361,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const displayed = effectiveReferenceElement && open;
     const hidden = !displayed;
     const arrowNode = !disablePointer ? (h("div", { class: CSS.arrow, ref: (arrowEl) => (this.arrowEl = arrowEl) })) : null;
-    return (h(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
+    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
         [CSS$1.animation]: true,
         [CSS$1.animationActive]: displayed
       }, onTransitionEnd: this.transitionEnd }, arrowNode, h("div", { class: {

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.460
+ * v1.0.0-next.463
  */
 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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 

package/dist/components/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.460
+ * v1.0.0-next.463
  */
 const CSS = {
   sticky: "sticky-pos"

package/dist/components/resources2.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.460
+ * v1.0.0-next.463
  */
 const CSS = {
   heading: "heading",

package/dist/components/resources3.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.460
+ * v1.0.0-next.463
  */
 const CSS = {
   header: "header",

package/dist/components/scrim.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './loader.js';

package/dist/components/shared-list-render.js

@@ -1,9 +1,9 @@
 /*!
  * 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.460
+ * v1.0.0-next.463
  */
-import { f as focusElement, b as getSlotted } from './dom.js';
+import { f as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';
 import { S as SLOTS } from './resources2.js';
 import { d as debounce } from './debounce.js';
@@ -311,7 +311,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 const List = (_a) => {
   var { props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl } } = _a, rest = __rest(_a, ["props"]);
   const defaultSlot = h("slot", null);
-  return (h(Host, Object.assign({ "aria-busy": loading.toString(), role: "menu" }, rest),
+  return (h(Host, Object.assign({ "aria-busy": toAriaBoolean(loading), role: "menu" }, rest),
     h("section", null,
       h("header", { class: { [CSS.sticky]: true } },
         filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,

package/dist/components/sortable.esm.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.460
+ * v1.0.0-next.463
  */
 /**!
  * Sortable 1.15.0

package/dist/components/switch.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as focusElement } from './dom.js';
+import { f as focusElement, t as toAriaBoolean } from './dom.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -104,7 +104,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   // --------------------------------------------------------------------------
   render() {
-    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { "aria-checked": this.checked.toString(), "aria-label": getLabelText(this), class: "container", ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { class: "track" }, h("div", { class: "handle" })), h(HiddenFormInputSlot, { component: this }))));
+    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { class: "track" }, h("div", { class: "handle" })), h(HiddenFormInputSlot, { component: this }))));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/tab-nav.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, h as filterDirectChildren } from './dom.js';

package/dist/components/tab-title.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
-import { g as getElementProp, a as getElementDir } from './dom.js';
+import { g as getElementProp, t as toAriaBoolean, a as getElementDir } from './dom.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { d as defineCustomElement$1 } from './icon.js';
@@ -93,7 +93,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const showSideBorders = this.bordered && !this.disabled && this.layout !== "center";
     const iconStartEl = (h("calcite-icon", { class: "calcite-tab-title--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
     const iconEndEl = (h("calcite-icon", { class: "calcite-tab-title--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    return (h(Host, { "aria-controls": this.controls, "aria-expanded": this.active.toString(), id: id, role: "tab" }, h("a", { class: {
+    return (h(Host, { "aria-controls": this.controls, "aria-expanded": toAriaBoolean(this.active), id: id, role: "tab" }, h("a", { class: {
         container: true,
         "container--has-text": this.hasText
       }, style: showSideBorders && { width: `${this.parentTabNavEl.indicatorWidth}px` } }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null)));

package/dist/components/tab.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
-import { n as nodeListToArray } from './dom.js';
+import { t as toAriaBoolean, n as nodeListToArray } from './dom.js';
 
 const tabCss = "@-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([active]) section{display:block}:host{display:none;height:100%;width:100%}:host([active]){display:block;height:100%;width:100%;overflow:auto}section{display:none;height:100%;width:100%}:host([scale=s]){padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
 
@@ -30,7 +30,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //--------------------------------------------------------------------------
   render() {
     const id = this.el.id || this.guid;
-    return (h(Host, { "aria-expanded": this.active.toString(), "aria-labelledby": this.labeledBy, id: id, role: "tabpanel" }, h("section", null, h("slot", null))));
+    return (h(Host, { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": this.labeledBy, id: id, role: "tabpanel" }, h("section", null, h("slot", null))));
   }
   connectedCallback() {
     this.parentTabsEl = this.el.closest("calcite-tabs");

package/dist/components/tabs.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 

package/dist/components/tile.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.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';

package/dist/components/time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.460
+ * v1.0.0-next.463
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { i as isValidNumber, n as numberKeys, c as isActivationKey } from './number.js';

package/dist/components/utils.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.460
+ * v1.0.0-next.463
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.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.460
+ * v1.0.0-next.463
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client';