@esri/calcite-components 1.0.0-beta.71 → 1.0.0-beta.75

package/dist/components/form.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 { e as closestElementCrossShadowBoundary } from './dom.js';
+import { d as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client';
 
 /**

package/dist/components/label.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 { q as queryElementRoots, e as closestElementCrossShadowBoundary } from './dom.js';
+import { q as queryElementRoots, d as closestElementCrossShadowBoundary } from './dom.js';
 
 /**
  * Exported for testing purposes only
@@ -13,7 +13,7 @@ const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
-  const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
+  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
   if (forLabel) {
     return forLabel;
   }
@@ -73,6 +73,9 @@ function getLabelText(component) {
   return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
 }
 function onLabelClick(event) {
+  if (this.disabled) {
+    return;
+  }
   const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
   if (containedLabelableChildClicked) {
     return;

package/dist/components/locale.js

@@ -2,10 +2,11 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { a as sanitizeDecimalString } from './number.js';
+import { a as sanitizeExponentialNumberString, b as sanitizeDecimalString } from './number.js';
 
 const locales = [
   "ar",
+  "bg",
   "bs",
   "ca",
   "cs",
@@ -61,23 +62,25 @@ function createLocaleNumberFormatter(locale) {
   });
 }
 function delocalizeNumberString(numberString, locale) {
-  if (numberString) {
-    const groupSeparator = getGroupSeparator(locale);
-    const decimalSeparator = getDecimalSeparator(locale);
-    const splitNumberString = numberString.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)) ? numberString : delocalizedNumberString;
-  }
-  return numberString;
+  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;
+  });
 }
 function getGroupSeparator(locale) {
   const formatter = createLocaleNumberFormatter(locale);
@@ -92,27 +95,29 @@ function getDecimalSeparator(locale) {
   return value.trim().length === 0 ? " " : value;
 }
 function localizeNumberString(numberString, locale, displayGroupSeparator = false) {
-  if (numberString) {
-    const number = Number(sanitizeDecimalString(numberString));
-    if (!isNaN(number)) {
-      const formatter = createLocaleNumberFormatter(locale);
-      const parts = formatter.formatToParts(number);
-      const localizedNumberString = parts
-        .map(({ type, value }) => {
-        switch (type) {
-          case "group":
-            return displayGroupSeparator ? getGroupSeparator(locale) : "";
-          case "decimal":
-            return getDecimalSeparator(locale);
-          default:
-            return value;
-        }
-      })
-        .reduce((string, part) => string + part);
-      return localizedNumberString;
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    if (nonExpoNumString) {
+      const number = Number(sanitizeDecimalString(nonExpoNumString));
+      if (!isNaN(number)) {
+        const formatter = createLocaleNumberFormatter(locale);
+        const parts = formatter.formatToParts(number);
+        const localizedNumberString = parts
+          .map(({ type, value }) => {
+          switch (type) {
+            case "group":
+              return displayGroupSeparator ? getGroupSeparator(locale) : "";
+            case "decimal":
+              return getDecimalSeparator(locale);
+            default:
+              return value;
+          }
+        })
+          .reduce((string, part) => string + part);
+        return localizedNumberString;
+      }
+      return nonExpoNumString;
     }
-  }
-  return numberString;
+  });
 }
 
 export { locales as a, delocalizeNumberString as d, getDecimalSeparator as g, localizeNumberString as l };

package/dist/components/number.js

@@ -2,39 +2,75 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { n as numberKeys } from './key.js';
+function isActivationKey(key) {
+  return key === "Enter" || key === " ";
+}
+const numberKeys = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 
 function isValidNumber(numberString) {
   return !(!numberString || isNaN(Number(numberString)));
 }
 function parseNumberString(numberString) {
   if (!numberString || !stringContainsNumbers(numberString)) {
-    return null;
+    return "";
   }
-  let containsDecimal = false;
-  const result = numberString
-    .split("")
-    .filter((value, i) => {
-    if (value.match(/\./g) && !containsDecimal) {
-      containsDecimal = true;
-      return true;
-    }
-    if (value.match(/\-/g) && i === 0) {
-      return true;
-    }
-    return numberKeys.includes(value);
-  })
-    .reduce((string, part) => string + part);
-  return isValidNumber(result) ? Number(result).toString() : null;
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    let containsDecimal = false;
+    const result = nonExpoNumString
+      .split("")
+      .filter((value, i) => {
+      if (value.match(/\./g) && !containsDecimal) {
+        containsDecimal = true;
+        return true;
+      }
+      if (value.match(/\-/g) && i === 0) {
+        return true;
+      }
+      return numberKeys.includes(value);
+    })
+      .reduce((string, part) => string + part);
+    return isValidNumber(result) ? Number(result).toString() : null;
+  });
 }
 function sanitizeDecimalString(decimalString) {
-  return (decimalString === null || decimalString === void 0 ? void 0 : decimalString.endsWith(".")) ? decimalString.replace(".", "") : decimalString;
+  const decimalAtEndOfStringButNotStart = /(?!^\.)\.$/;
+  return decimalString.replace(decimalAtEndOfStringButNotStart, "");
+}
+function sanitizeNegativeString(negativeString) {
+  const allHyphensExceptTheStart = /(?!^-)-/g;
+  return negativeString.replace(allHyphensExceptTheStart, "");
+}
+function sanitizeLeadingZeroString(zeroString) {
+  const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;
+  return zeroString.replace(allLeadingZerosOptionallyNegative, "$1");
 }
-function sanitizeNumberString(value) {
-  return value ? Number(sanitizeDecimalString(value)).toString() : value;
+function sanitizeNumberString(numberString) {
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    const sanitizedValue = sanitizeNegativeString(sanitizeDecimalString(sanitizeLeadingZeroString(nonExpoNumString)));
+    const isNegativeDecimalOnlyZeros = /^-\b0\b\.?0*$/;
+    return isValidNumber(sanitizedValue)
+      ? isNegativeDecimalOnlyZeros.test(sanitizedValue)
+        ? sanitizedValue
+        : Number(sanitizedValue).toString()
+      : nonExpoNumString;
+  });
+}
+function sanitizeExponentialNumberString(numberString, func) {
+  if (!numberString) {
+    return numberString;
+  }
+  const firstE = numberString.toLowerCase().indexOf("e") + 1;
+  return numberString
+    .replace(/[eE]*$/g, "")
+    .substring(0, firstE)
+    .concat(numberString.slice(firstE).replace(/[eE]/g, ""))
+    .split(/[eE]/)
+    .map((section, i) => (i === 1 ? func(section.replace(/\./g, "")) : func(section)))
+    .join("e")
+    .replace(/^e/, "1e");
 }
 function stringContainsNumbers(string) {
   return numberKeys.some((number) => string.includes(number));
 }
 
-export { sanitizeDecimalString as a, isValidNumber as i, parseNumberString as p, sanitizeNumberString as s };
+export { sanitizeExponentialNumberString as a, sanitizeDecimalString as b, isActivationKey as c, isValidNumber as i, numberKeys as n, parseNumberString as p, sanitizeNumberString as s };

package/dist/components/observers.js

@@ -16,7 +16,11 @@ function createObserver(type, callback, options) {
   return Build.isBrowser ? new Observer(callback, options) : undefined;
 }
 function getObserver(type) {
-  return (type === "intersection" ? IntersectionObserver : type === "mutation" ? MutationObserver : ResizeObserver);
+  return (type === "intersection"
+    ? window.IntersectionObserver
+    : type === "mutation"
+      ? window.MutationObserver
+      : window.ResizeObserver);
 }
 
 export { createObserver as c };

package/dist/components/popper.js

@@ -487,13 +487,21 @@ function mapToStyles(_ref2) {
       adaptive = _ref2.adaptive,
       roundOffsets = _ref2.roundOffsets,
       isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x,
+      x = _offsets$x === void 0 ? 0 : _offsets$x,
+      _offsets$y = offsets.y,
+      y = _offsets$y === void 0 ? 0 : _offsets$y;
 
-  var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
-      _ref3$x = _ref3.x,
-      x = _ref3$x === void 0 ? 0 : _ref3$x,
-      _ref3$y = _ref3.y,
-      y = _ref3$y === void 0 ? 0 : _ref3$y;
+  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
+    x: x,
+    y: y
+  }) : {
+    x: x,
+    y: y
+  };
 
+  x = _ref3.x;
+  y = _ref3.y;
   var hasX = offsets.hasOwnProperty('x');
   var hasY = offsets.hasOwnProperty('y');
   var sideX = left;
@@ -538,6 +546,17 @@ function mapToStyles(_ref2) {
     position: position
   }, adaptive && unsetSides);
 
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x: x,
+    y: y
+  }) : {
+    x: x,
+    y: y
+  };
+
+  x = _ref4.x;
+  y = _ref4.y;
+
   if (gpuAcceleration) {
     var _Object$assign;
 
@@ -547,9 +566,9 @@ function mapToStyles(_ref2) {
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
-function computeStyles(_ref4) {
-  var state = _ref4.state,
-      options = _ref4.options;
+function computeStyles(_ref5) {
+  var state = _ref5.state,
+      options = _ref5.options;
   var _options$gpuAccelerat = options.gpuAcceleration,
       gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
       _options$adaptive = options.adaptive,
@@ -838,7 +857,7 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle(clippingParent).position !== 'static' : true);
+    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents

package/dist/components/resources3.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 const CSS = {
-  sticky: "sticky"
+  sticky: "sticky-pos"
 };
 var ICON_TYPES;
 (function (ICON_TYPES) {

package/dist/components/shared-list-render.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 { f as focusElement, b as getSlotted, a as getElementDir } from './dom.js';
+import { f as focusElement, b as getSlotted } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';
 import { d as debounce } from './debounce.js';
 import { h, Host } from '@stencil/core/internal/client';
@@ -11,6 +11,7 @@ import { C as CSS, S as SLOTS } from './resources3.js';
 function mutationObserverCallback() {
   this.setUpItems();
   this.setUpFilter();
+  this.deselectRemovedItems();
 }
 const SUPPORTED_ARROW_KEYS = ["ArrowUp", "ArrowDown"];
 // --------------------------------------------------------------------------
@@ -180,6 +181,15 @@ function setUpItems(tagName) {
     toggleSingleSelectItemTabbing(first, true);
   }
 }
+function deselectRemovedItems() {
+  const selectedValues = this.selectedValues;
+  const itemValues = this.items.map(({ value }) => value);
+  selectedValues.forEach((selectedItem) => {
+    if (!itemValues.includes(selectedItem.value)) {
+      this.selectedValues.delete(selectedItem.value);
+    }
+  });
+}
 function deselectSiblingItems(item) {
   this.items.forEach((currentItem) => {
     if (currentItem.value !== item.value) {
@@ -213,8 +223,8 @@ function selectSiblings(item, deselect = false) {
 }
 let groups;
 function handleFilter(event) {
-  const filteredData = event.detail;
-  const values = filteredData.map((item) => item.value);
+  const { filteredItems } = event.currentTarget;
+  const values = filteredItems.map((item) => item.value);
   let hasSelectedMatch = false;
   if (!groups) {
     groups = new Set();
@@ -272,15 +282,15 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
   return t;
 };
 const List = (_a) => {
-  var { props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, el, setFilterEl } } = _a, rest = __rest(_a, ["props"]);
+  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(), "aria-disabled": disabled.toString(), role: "menu" }, rest),
     h("section", null,
       h("header", { class: { [CSS.sticky]: true } },
-        filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, data: dataForFilter, dir: getElementDir(el), disabled: loading || disabled, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,
+        filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,
         h("slot", { name: SLOTS.menuActions })),
       loading || disabled ? h("calcite-scrim", { loading: loading }) : null,
       defaultSlot)));
 };
 
-export { List as L, initializeObserver as a, calciteListItemChangeHandler as b, cleanUpObserver as c, deselectSiblingItems as d, calciteListItemValueChangeHandler as e, calciteListFocusOutHandler as f, getItemData as g, handleFilter as h, initialize as i, setUpItems as j, keyDownHandler as k, setFocus as l, mutationObserverCallback as m, removeItem as r, selectSiblings as s };
+export { List as L, deselectSiblingItems as a, initializeObserver as b, cleanUpObserver as c, deselectRemovedItems as d, calciteListItemChangeHandler as e, calciteListItemValueChangeHandler as f, getItemData as g, handleFilter as h, initialize as i, calciteListFocusOutHandler as j, keyDownHandler as k, setUpItems as l, mutationObserverCallback as m, setFocus as n, removeItem as r, selectSiblings as s };

package/dist/components/utils2.js

@@ -9,6 +9,9 @@ const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 const ComboboxDefaultPlacement = "bottom-leading";
+const TEXT = {
+  removeTag: "Remove tag"
+};
 
 function getAncestors(element) {
   var _a, _b;
@@ -35,4 +38,4 @@ function getDepth(element) {
   return result.snapshotLength;
 }
 
-export { ComboboxChildSelector as C, getItemChildren as a, ComboboxItem as b, ComboboxItemGroup as c, ComboboxDefaultPlacement as d, getAncestors as e, getDepth as f, getItemAncestors as g, hasActiveChildren as h };
+export { ComboboxChildSelector as C, TEXT as T, getItemChildren as a, ComboboxItem as b, ComboboxItemGroup as c, ComboboxDefaultPlacement as d, getAncestors as e, getDepth as f, getItemAncestors as g, hasActiveChildren as h };

package/dist/custom-elements/index.d.ts

@@ -344,12 +344,6 @@ export const CalciteProgress: {
   new (): CalciteProgress;
 };
 
-interface CalciteRadio extends Components.CalciteRadio, HTMLElement {}
-export const CalciteRadio: {
-  prototype: CalciteRadio;
-  new (): CalciteRadio;
-};
-
 interface CalciteRadioButton extends Components.CalciteRadioButton, HTMLElement {}
 export const CalciteRadioButton: {
   prototype: CalciteRadioButton;