@esri/calcite-components 1.0.0-beta.79 → 1.0.0-beta.82

package/dist/collection/utils/label.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.82
  */
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 /**
@@ -12,6 +13,8 @@ export const labelConnectedEvent = "calciteInternalLabelConnected";
 export const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
 const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
+const onLabelConnectedMap = new WeakMap();
+const onLabelDisconnectedMap = new WeakMap();
 const unlabeledComponents = new Set();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
@@ -48,37 +51,34 @@ function hasAncestorCustomElements(label, componentEl) {
  */
 export function connectLabel(component) {
   const labelEl = findLabelForComponent(component.el);
-  if (onLabelClickMap.has(labelEl)) {
+  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
     return;
   }
-  const boundOnLabelConnected = onLabelConnected.bind(component);
   const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
   if (labelEl) {
-    const addClickEventListenerToComponentLabel = () => {
-      component.labelEl = labelEl;
-      const boundOnLabelClick = onLabelClick.bind(component);
-      onLabelClickMap.set(component.labelEl, boundOnLabelClick);
-      component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
-    };
-    addClickEventListenerToComponentLabel();
+    component.labelEl = labelEl;
+    const boundOnLabelClick = onLabelClick.bind(component);
+    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
+    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
     unlabeledComponents.delete(component);
-    document.removeEventListener(labelConnectedEvent, boundOnLabelConnected);
+    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
     document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
   }
-  else if (!labelEl && !unlabeledComponents.has(component)) {
+  else if (!unlabeledComponents.has(component)) {
     boundOnLabelDisconnected();
-    document.removeEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
+    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
   }
 }
 /**
  * Helper to tear down label interactions on disconnectedCallback on labelable components.
  */
 export function disconnectLabel(component) {
-  const boundOnLabelConnected = onLabelConnected.bind(component);
-  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
   unlabeledComponents.delete(component);
-  document.removeEventListener(labelConnectedEvent, boundOnLabelConnected);
-  document.removeEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
+  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  onLabelConnectedMap.delete(component);
+  onLabelDisconnectedMap.delete(component);
   if (!component.labelEl) {
     return;
   }
@@ -110,6 +110,7 @@ function onLabelConnected() {
 }
 function onLabelDisconnected() {
   unlabeledComponents.add(this);
-  const boundOnLabelConnected = onLabelConnected.bind(this);
+  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
+  onLabelConnectedMap.set(this, boundOnLabelConnected);
   document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
 }

package/dist/collection/utils/locale.js

@@ -1,8 +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.82
  */
 import { sanitizeDecimalString, sanitizeExponentialNumberString } from "./number";
+import { isValidNumber } from "./number";
 export const locales = [
   "ar",
   "bg",
@@ -54,6 +56,9 @@ export const locales = [
   "zh-HK",
   "zh-TW"
 ];
+const allDecimalsExceptLast = new RegExp(`[.](?=.*[.])`, "g");
+const everythingExceptNumbersDecimalsAndMinusSigns = new RegExp("[^0-9-.]", "g");
+const defaultGroupSeparator = new RegExp(",", "g");
 function createLocaleNumberFormatter(locale) {
   return new Intl.NumberFormat(locale, {
     minimumFractionDigits: 0,
@@ -62,41 +67,36 @@ function createLocaleNumberFormatter(locale) {
 }
 export function delocalizeNumberString(numberString, locale) {
   return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
-    if (nonExpoNumString) {
-      const groupSeparator = getGroupSeparator(locale);
-      const decimalSeparator = getDecimalSeparator(locale);
-      const splitNumberString = nonExpoNumString.split("");
-      const decimalIndex = splitNumberString.lastIndexOf(decimalSeparator);
-      const delocalizedNumberString = splitNumberString
-        .map((value, index) => {
-        if (value === groupSeparator || (value === decimalSeparator && index !== decimalIndex)) {
-          return "";
-        }
-        return value;
-      })
-        .reduce((string, part) => string + part)
-        .replace(decimalSeparator, ".");
-      return isNaN(Number(delocalizedNumberString)) ? nonExpoNumString : delocalizedNumberString;
-    }
-    return nonExpoNumString;
+    const delocalizedNumberString = nonExpoNumString
+      .replace(getMinusSign(locale), "-")
+      .replace(getGroupSeparator(locale), "")
+      .replace(getDecimalSeparator(locale), ".")
+      .replace(allDecimalsExceptLast, "")
+      .replace(everythingExceptNumbersDecimalsAndMinusSigns, "");
+    return isValidNumber(delocalizedNumberString) ? delocalizedNumberString : nonExpoNumString;
   });
 }
 export function getGroupSeparator(locale) {
   const formatter = createLocaleNumberFormatter(locale);
-  const parts = formatter.formatToParts(1234567.8);
+  const parts = formatter.formatToParts(1234567);
   const value = parts.find((part) => part.type === "group").value;
+  // change whitespace group characters that don't render correctly
   return value.trim().length === 0 ? " " : value;
 }
 export function getDecimalSeparator(locale) {
   const formatter = createLocaleNumberFormatter(locale);
-  const parts = formatter.formatToParts(1234567.8);
-  const value = parts.find((part) => part.type === "decimal").value;
-  return value.trim().length === 0 ? " " : value;
+  const parts = formatter.formatToParts(1.1);
+  return parts.find((part) => part.type === "decimal").value;
+}
+export function getMinusSign(locale) {
+  const formatter = createLocaleNumberFormatter(locale);
+  const parts = formatter.formatToParts(-9);
+  return parts.find((part) => part.type === "minusSign").value;
 }
 export function localizeNumberString(numberString, locale, displayGroupSeparator = false) {
   return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
     if (nonExpoNumString) {
-      const number = Number(sanitizeDecimalString(nonExpoNumString));
+      const number = Number(sanitizeDecimalString(nonExpoNumString.replace(defaultGroupSeparator, "")));
       if (!isNaN(number)) {
         const formatter = createLocaleNumberFormatter(locale);
         const parts = formatter.formatToParts(number);
@@ -107,6 +107,8 @@ export function localizeNumberString(numberString, locale, displayGroupSeparator
               return displayGroupSeparator ? getGroupSeparator(locale) : "";
             case "decimal":
               return getDecimalSeparator(locale);
+            case "minusSign":
+              return getMinusSign(locale);
             default:
               return value;
           }
@@ -114,7 +116,7 @@ export function localizeNumberString(numberString, locale, displayGroupSeparator
           .reduce((string, part) => string + part);
         return localizedNumberString;
       }
-      return nonExpoNumString;
     }
+    return nonExpoNumString;
   });
 }

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

package/dist/collection/utils/number.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.82
  */
 import { numberKeys } from "./key";
 export function isValidNumber(numberString) {
@@ -25,7 +26,7 @@ export function parseNumberString(numberString) {
       return numberKeys.includes(value);
     })
       .reduce((string, part) => string + part);
-    return isValidNumber(result) ? Number(result).toString() : null;
+    return isValidNumber(result) ? Number(result).toString() : "";
   });
 }
 export function sanitizeDecimalString(decimalString) {

package/dist/collection/utils/observers.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.82
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/popper.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.82
  */
 import { createPopper as setupPopper } from "@popperjs/core";
 import { getElementDir } from "./dom";
@@ -8,12 +9,16 @@ export const popperPlacements = [
   "auto",
   "auto-start",
   "auto-end",
+  "top",
   "top-start",
   "top-end",
+  "bottom",
   "bottom-start",
   "bottom-end",
+  "right",
   "right-start",
   "right-end",
+  "left",
   "left-start",
   "left-end",
   "leading-start",
@@ -35,7 +40,7 @@ export const popperPlacements = [
   "left-leading",
   "left-trailing"
 ];
-export const popperFlipPlacements = [
+export const popperComputedPlacements = [
   "top",
   "bottom",
   "right",
@@ -62,7 +67,7 @@ export const popperMenuPlacements = [
   "bottom-leading",
   "bottom-trailing"
 ];
-export const popperMenuFlipPlacements = [
+export const popperMenuComputedPlacements = [
   "top-start",
   "top",
   "top-end",
@@ -74,6 +79,16 @@ export const CSS = {
   animation: "calcite-popper-anim",
   animationActive: "calcite-popper-anim--active"
 };
+export function filterComputedPlacements(placements, el) {
+  const filteredPlacements = placements.filter((placement) => popperComputedPlacements.includes(placement));
+  if (filteredPlacements.length !== placements.length) {
+    console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${popperComputedPlacements
+      .map((placement) => `"${placement}"`)
+      .join(", ")
+      .trim()}`, { el });
+  }
+  return filteredPlacements;
+}
 export function getPlacement(el, placement) {
   const placements = ["left", "right"];
   const variations = ["start", "end"];

package/dist/collection/utils/resources.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.82
  */
 const autoTheme = "calcite-theme-auto";
 const darkTheme = "calcite-theme-dark";

package/dist/collection/utils/time.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.82
  */
 import { isValidNumber } from "./number";
 export const maxTenthForMinuteAndSecond = 5;

package/dist/components/ExpandToggle.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.82
  */
 import { forceUpdate, h } from '@stencil/core/internal/client';
 import { a as getElementDir } from './dom.js';
@@ -81,7 +82,7 @@ const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position
   const expandIcon = end ? icons[1] : icons[0];
   const collapseIcon = end ? icons[0] : icons[1];
   const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: expandText, textEnabled: expanded }));
-  return tooltip ? h("calcite-tooltip-manager", null, actionNode) : actionNode;
+  return actionNode;
 };
 
 export { ExpandToggle as E, overflowActions as a, getOverflowCount as g, overflowActionsDebounceInMs as o, queryActions as q, toggleChildActionText as t };

package/dist/components/Heading.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.82
  */
 import { h } from '@stencil/core/internal/client';
 

package/dist/components/action-group.js

@@ -1,16 +1,16 @@
 /*!
  * 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.82
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';
-import { S as SLOTS$1, d as defineCustomElement$5 } from './action-menu.js';
+import { S as SLOTS$1, d as defineCustomElement$4 } from './action-menu.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { d as defineCustomElement$6 } from './action.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './loader.js';
-import { d as defineCustomElement$2 } from './popover.js';
-import { d as defineCustomElement$1 } from './tooltip-manager.js';
+import { d as defineCustomElement$5 } from './action.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './loader.js';
+import { d as defineCustomElement$1 } from './popover.js';
 
 const SLOTS = {
   menuActions: "menu-actions",
@@ -105,7 +105,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["calcite-action-group", "calcite-action", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover", "calcite-tooltip-manager"];
+  const components = ["calcite-action-group", "calcite-action", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
@@ -113,31 +113,26 @@ function defineCustomElement() {
       }
       break;
     case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-action-menu":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "calcite-icon":
+    case "calcite-action-menu":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "calcite-loader":
+    case "calcite-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "calcite-popover":
+    case "calcite-loader":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
       break;
-    case "calcite-tooltip-manager":
+    case "calcite-popover":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/action-menu.js

@@ -1,18 +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.82
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { b as getSlotted, f as focusElement } from './dom.js';
+import { b as getSlotted, t as toAriaBoolean, f as focusElement } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';
 import { g as guid } from './guid.js';
 import { c as createObserver } from './observers.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { d as defineCustomElement$5 } from './action.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './loader.js';
-import { d as defineCustomElement$2 } from './popover.js';
-import { d as defineCustomElement$1 } from './tooltip-manager.js';
+import { d as defineCustomElement$4 } from './action.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './loader.js';
+import { d as defineCustomElement$1 } from './popover.js';
 
 const CSS = {
   menu: "menu",
@@ -81,7 +81,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       menuButtonEl.active = open;
       menuButtonEl.setAttribute("aria-controls", menuId);
-      menuButtonEl.setAttribute("aria-expanded", open.toString());
+      menuButtonEl.setAttribute("aria-expanded", toAriaBoolean(open));
       menuButtonEl.setAttribute("aria-haspopup", "true");
       if (!menuButtonEl.id) {
         menuButtonEl.id = menuButtonId;
@@ -121,12 +121,19 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.menuButtonClick = () => {
       this.toggleOpen();
     };
+    this.updateTooltip = (event) => {
+      const tooltips = event.target
+        .assignedElements({
+        flatten: true
+      })
+        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
+      this.tooltipEl = tooltips[0];
+      this.setTooltipReferenceElement();
+    };
     this.setTooltipReferenceElement = () => {
-      const { el, expanded, menuButtonEl } = this;
-      const slotted = getSlotted(el, SLOTS.tooltip);
-      const tooltip = (slotted === null || slotted === void 0 ? void 0 : slotted.tagName) === "SLOT" ? slotted.assignedElements()[0] : slotted;
-      if ((tooltip === null || tooltip === void 0 ? void 0 : tooltip.tagName) === "CALCITE-TOOLTIP") {
-        tooltip.referenceElement = !expanded ? menuButtonEl : null;
+      const { tooltipEl, expanded, menuButtonEl } = this;
+      if (tooltipEl) {
+        tooltipEl.referenceElement = !expanded ? menuButtonEl : null;
       }
     };
     this.updateAction = (action, index) => {
@@ -274,23 +281,18 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     focusElement(this.open ? this.menuEl : this.menuButtonEl);
   }
   renderMenuButton() {
-    const { el, label, scale } = this;
+    const { label, scale } = this;
     const menuButtonSlot = (h("slot", { name: SLOTS.trigger }, h("calcite-action", { class: CSS.defaultTrigger, icon: ICONS.menu, ref: this.setDefaultMenuButtonEl, scale: scale, text: label })));
-    return getSlotted(el, SLOTS.tooltip) ? (h("calcite-tooltip-manager", null, menuButtonSlot)) : (menuButtonSlot);
+    return menuButtonSlot;
   }
   renderMenuItems() {
-    const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning } = this;
+    const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
     const activeAction = actionElements[activeMenuItemIndex];
     const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
-    return (h("calcite-popover", { disablePointer: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, onKeyUp: this.menuActionsContainerKeyUp, ref: (el) => (this.menuEl = el), role: "menu", tabIndex: -1 }, h("slot", null))));
+    return (h("calcite-popover", { disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, onKeyUp: this.menuActionsContainerKeyUp, ref: (el) => (this.menuEl = el), role: "menu", tabIndex: -1 }, h("slot", null))));
   }
   render() {
-    return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip })));
-  }
-  getAssignedElements() {
-    return Array.from(this.el.querySelectorAll("slot"))
-      .map((slot) => slot.assignedElements({ flatten: true }))
-      .reduce((ar, val) => ar.concat(val), []);
+    return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));
   }
   isValidKey(key, supportedKeys) {
     return !!supportedKeys.find((k) => k === key);
@@ -317,7 +319,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["calcite-action-menu", "calcite-action", "calcite-icon", "calcite-loader", "calcite-popover", "calcite-tooltip-manager"];
+  const components = ["calcite-action-menu", "calcite-action", "calcite-icon", "calcite-loader", "calcite-popover"];
   components.forEach(tagName => { switch (tagName) {
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
@@ -325,26 +327,21 @@ function defineCustomElement() {
       }
       break;
     case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "calcite-loader":
+    case "calcite-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "calcite-popover":
+    case "calcite-loader":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
       break;
-    case "calcite-tooltip-manager":
+    case "calcite-popover":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/action.js

@@ -1,10 +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.82
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
+import { t as toAriaBoolean } from './dom.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './loader.js';
 
@@ -142,7 +144,7 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       [CSS.buttonTextVisible]: textEnabled,
       [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) }, this.renderIconContainer(), this.renderTextContainer())));
+    return (h(Host, { onClick: this.calciteActionClickHandler }, 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())));
   }
   get el() { return this; }
   static get style() { return actionCss; }

package/dist/components/array.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.82
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/components/button.js

@@ -1,12 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.82
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, Build, h } from '@stencil/core/internal/client';
-import { d as closestElementCrossShadowBoundary } from './dom.js';
+import { e as closestElementCrossShadowBoundary } from './dom.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
+import { s as submitForm, r as resetForm } from './form.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './loader.js';
 
@@ -86,6 +88,8 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     this.scale = "m";
     /** is the button a child of a calcite-split-button */
     this.splitChild = false;
+    /** The type attribute to apply to the button */
+    this.type = "button";
     /** specify the width of the button, defaults to auto */
     this.width = "auto";
     /** watches for changing text content **/
@@ -96,15 +100,16 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     this.hasLoader = false;
     // act on a requested or nearby form based on type
     this.handleClick = () => {
-      const { formEl, type } = this;
+      const { type } = this;
+      if (this.href) {
+        return;
+      }
       // this.type refers to type attribute, not child element type
-      if (!this.href && type !== "button") {
-        if (type === "submit") {
-          formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
-        }
-        else if (type === "reset") {
-          formEl === null || formEl === void 0 ? void 0 : formEl.reset();
-        }
+      if (type === "submit") {
+        submitForm(this);
+      }
+      else if (type === "reset") {
+        resetForm(this);
       }
     };
   }
@@ -138,9 +143,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   componentWillLoad() {
     if (Build.isBrowser) {
       this.updateHasContent();
-      if (!this.href && !this.type) {
-        this.type = "submit";
-      }
     }
   }
   componentDidRender() {

package/dist/components/calcite-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.82
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { g as getElementProp, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom.js';
 import { g as guid } from './guid.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -69,7 +70,7 @@ const AccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           ? "caretDown"
           : 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("slot", null)))));
+            : "plus", scale: "s" })), h("div", { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, h("slot", null)))));
   }
   //--------------------------------------------------------------------------
   //

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