@esri/calcite-components 1.0.0-next.355 → 1.0.0-next.359

package/dist/cjs/number-e813e801.js

@@ -0,0 +1,84 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+'use strict';
+
+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 "";
+  }
+  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) {
+  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(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));
+}
+
+exports.isActivationKey = isActivationKey;
+exports.isValidNumber = isValidNumber;
+exports.numberKeys = numberKeys;
+exports.parseNumberString = parseNumberString;
+exports.sanitizeDecimalString = sanitizeDecimalString;
+exports.sanitizeExponentialNumberString = sanitizeExponentialNumberString;
+exports.sanitizeNumberString = sanitizeNumberString;

package/dist/cjs/{popper-ccef76e3.js → popper-adfdc032.js}

@@ -489,13 +489,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;
@@ -540,6 +548,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;
 
@@ -549,9 +568,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,
@@ -840,7 +859,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/cjs/{resources-d3c42dc4.js → resources-c524c005.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-6b5d2de5.js');
-const locale = require('./locale-ccfa66f6.js');
+const locale = require('./locale-b9b153dd.js');
 
 /**
  * Get supported locale code from raw user input

package/dist/collection/collection-manifest.json

@@ -93,7 +93,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.12.0",
+    "version": "2.12.1",
     "typescriptVersion": "4.3.5"
   },
   "collections": [],

package/dist/collection/components/calcite-alert/calcite-alert.css

@@ -165,14 +165,12 @@
 }
 
 :host {
+  --calcite-alert-edge-distance: 2rem;
   display: block;
 }
 :host .container {
   pointer-events: none;
   position: fixed;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
@@ -192,12 +190,31 @@
   border-bottom: 1px solid var(--calcite-ui-border-3);
   min-height: var(--calcite-alert-min-height);
   width: var(--calcite-alert-width);
-  max-width: 90%;
+  max-width: calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));
   max-height: 0;
   z-index: 101;
-  transform: translate3d(0, 1.5rem, 0);
   transition: var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;
 }
+:host .container.bottom, :host .container.top {
+  inset-inline-end: 0;
+  inset-inline-start: 0;
+}
+:host .container[class*=bottom] {
+  transform: translate3d(0, var(--calcite-alert-edge-distance), 0);
+  inset-block-end: var(--calcite-alert-edge-distance);
+}
+:host .container[class*=top] {
+  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);
+  inset-block-start: var(--calcite-alert-edge-distance);
+}
+:host .container[class*=-start] {
+  inset-inline-start: var(--calcite-alert-edge-distance);
+  inset-inline-end: auto;
+}
+:host .container[class*=-end] {
+  inset-inline-end: var(--calcite-alert-edge-distance);
+  inset-inline-start: auto;
+}
 
 .container {
   display: flex;
@@ -220,9 +237,14 @@
   max-height: 100%;
   border-top-width: 2px;
   opacity: 1;
-  transform: translate3d(0, -1.5rem, 0);
   pointer-events: initial;
 }
+:host([active]) .container:not(.queued)[class*=bottom] {
+  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);
+}
+:host([active]) .container:not(.queued)[class*=top] {
+  transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);
+}
 
 slot[name=title]::slotted(*), *::slotted([slot=title]) {
   font-size: var(--calcite-font-size-0);

package/dist/collection/components/calcite-alert/calcite-alert.js

@@ -33,7 +33,9 @@ export class CalciteAlert {
      * @default "Close"
      */
     this.intlClose = TEXT.intlClose;
-    /** specify the scale of the button, defaults to m */
+    /** specify the placement of the alert */
+    this.placement = "bottom";
+    /** specify the scale of the alert, defaults to m */
     this.scale = "m";
     //--------------------------------------------------------------------------
     //
@@ -105,13 +107,14 @@ export class CalciteAlert {
     const queueText = `+${this.queueLength > 2 ? this.queueLength - 1 : 1}`;
     const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` },
       h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    const { active, autoDismiss, label, queued, requestedIcon } = this;
+    const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
     const role = autoDismiss ? "alert" : "alertdialog";
     const hidden = !active;
     return (h(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role },
       h("div", { class: {
           container: true,
-          queued
+          queued,
+          [placement]: true
         } },
         requestedIcon ? (h("div", { class: "alert-icon" },
           h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null,
@@ -331,6 +334,29 @@ export class CalciteAlert {
       "attribute": "label",
       "reflect": false
     },
+    "placement": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "AlertPlacement",
+        "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
+        "references": {
+          "AlertPlacement": {
+            "location": "import",
+            "path": "./interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "specify the placement of the alert"
+      },
+      "attribute": "placement",
+      "reflect": false,
+      "defaultValue": "\"bottom\""
+    },
     "scale": {
       "type": "string",
       "mutable": false,
@@ -348,7 +374,7 @@ export class CalciteAlert {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the scale of the button, defaults to m"
+        "text": "specify the scale of the alert, defaults to m"
       },
       "attribute": "scale",
       "reflect": true,

package/dist/collection/components/calcite-color-picker-swatch/resources.js

@@ -7,6 +7,6 @@ export const CSS = {
   noColorIcon: "no-color-icon"
 };
 export const COLORS = {
-  borderLight: "rgba(0, 0, 0, 0.15)",
+  borderLight: "rgba(0, 0, 0, 0.3)",
   borderDark: "rgba(255, 255, 255, 0.15)"
 };

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign16.json

@@ -0,0 +1 @@
+"M1 2h14v1H1zm6 5h8V6H7zm-6 4h14v-1H1zm6 4h8v-1H7z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign24.json

@@ -0,0 +1 @@
+"M2 3h20v1H2zm8 7h12V9H10zm-8 6h20v-1H2zm8 6h12v-1H10z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign32.json

@@ -0,0 +1 @@
+"M2 4h28v1H2zm12 9h16v-1H14zM2 21h28v-1H2zm12 8h16v-1H14z"

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

@@ -168,8 +168,7 @@ export class CalciteInput {
         "Delete",
         "Enter",
         "Escape",
-        "Tab",
-        "-"
+        "Tab"
       ];
       if (event.altKey || event.ctrlKey || event.metaKey) {
         return;
@@ -190,6 +189,22 @@ export class CalciteInput {
           return;
         }
       }
+      if (/[eE]/.test(event.key)) {
+        if (!this.value && !this.childNumberEl.value) {
+          return;
+        }
+        if (this.value && !/[eE]/.test(this.childNumberEl.value)) {
+          return;
+        }
+      }
+      if (event.key === "-") {
+        if (!this.value && !this.childNumberEl.value) {
+          return;
+        }
+        if (this.value && this.childNumberEl.value.split("-").length <= 2) {
+          return;
+        }
+      }
       event.preventDefault();
     };
     this.nudgeNumberValue = (direction, nativeEvent) => {

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

@@ -33,7 +33,7 @@ export class CalciteInputTimePicker {
     this.scale = "m";
     /** number (seconds) that specifies the granularity that the value must adhere to */
     this.step = 60;
-    /** The selected time (always 24-hour format)*/
+    /** The selected time in UTC (always 24-hour format) */
     this.value = null;
     /** whether the value of the input was changed as a result of user typing or not */
     this.internalValueChange = false;
@@ -559,7 +559,7 @@ export class CalciteInputTimePicker {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The selected time (always 24-hour format)"
+        "text": "The selected time in UTC (always 24-hour format)"
       },
       "attribute": "value",
       "reflect": false,

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

@@ -72,9 +72,9 @@ export class CalciteTimePicker {
     this.locale = document.documentElement.lang || navigator.language || "en";
     /** The scale (size) of the time picker */
     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 in UTC */
+    /** The selected time in UTC (always 24-hour format) */
     this.value = null;
     this.showSecond = this.step < 60;
     this.decrementHour = () => {
@@ -910,7 +910,7 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "number that specifies the granularity that the value must adhere to"
+        "text": "number (seconds) that specifies the granularity that the value must adhere to"
       },
       "attribute": "step",
       "reflect": false,
@@ -928,7 +928,7 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The selected time in UTC"
+        "text": "The selected time in UTC (always 24-hour format)"
       },
       "attribute": "value",
       "reflect": false,

package/dist/collection/components/calcite-tree-item/calcite-tree-item.js

@@ -155,7 +155,6 @@ export class CalciteTreeItem {
       const target = link.target === "" ? "_self" : link.target;
       window.open(link.href, target);
     }
-    this.expanded = !this.expanded;
     this.calciteTreeItemSelect.emit({
       modifyCurrentSelection: e.shiftKey || this.selectionMode === TreeSelectionMode.Ancestors,
       forceToggle: false

package/dist/collection/utils/locale.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 { sanitizeDecimalString } from "./number";
+import { sanitizeDecimalString, sanitizeExponentialNumberString } from "./number";
 export const locales = [
   "ar",
   "bs",
@@ -60,23 +60,25 @@ function createLocaleNumberFormatter(locale) {
   });
 }
 export 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;
+  });
 }
 export function getGroupSeparator(locale) {
   const formatter = createLocaleNumberFormatter(locale);
@@ -91,25 +93,27 @@ export function getDecimalSeparator(locale) {
   return value.trim().length === 0 ? " " : value;
 }
 export 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;
+  });
 }

package/dist/collection/utils/number.js

@@ -10,21 +10,23 @@ export function parseNumberString(numberString) {
   if (!numberString || !stringContainsNumbers(numberString)) {
     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;
+  });
 }
 export function sanitizeDecimalString(decimalString) {
   const decimalAtEndOfStringButNotStart = /(?!^\.)\.$/;
@@ -38,14 +40,30 @@ export function sanitizeLeadingZeroString(zeroString) {
   const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;
   return zeroString.replace(allLeadingZerosOptionallyNegative, "$1");
 }
-export function sanitizeNumberString(value) {
-  const sanitizedValue = sanitizeNegativeString(sanitizeDecimalString(sanitizeLeadingZeroString(value)));
-  const isNegativeDecimalOnlyZeros = /^-\b0\b\.?0*$/;
-  return isValidNumber(sanitizedValue)
-    ? isNegativeDecimalOnlyZeros.test(sanitizedValue)
-      ? sanitizedValue
-      : Number(sanitizedValue).toString()
-    : value;
+export 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;
+  });
+}
+export 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));