@esri/calcite-components 1.0.0-beta.65 → 1.0.0-beta.69

package/dist/components/interfaces2.js

@@ -0,0 +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.
+ */
+var TreeSelectionMode;
+(function (TreeSelectionMode) {
+  TreeSelectionMode["Single"] = "single";
+  TreeSelectionMode["Multi"] = "multi";
+  TreeSelectionMode["Children"] = "children";
+  TreeSelectionMode["MultiChildren"] = "multi-children";
+  TreeSelectionMode["Ancestors"] = "ancestors";
+})(TreeSelectionMode || (TreeSelectionMode = {}));
+
+export { TreeSelectionMode as T };

package/dist/components/key.js

@@ -0,0 +1,33 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+/**
+ * Standardize key property of keyboard event (mostly for ie11)
+ */
+function getKey(key, dir) {
+  const lookup = {
+    Up: "ArrowUp",
+    Down: "ArrowDown",
+    Left: "ArrowLeft",
+    Right: "ArrowRight",
+    Spacebar: " ",
+    Esc: "Escape"
+  };
+  const adjustedKey = lookup[key] || key;
+  const isRTL = dir === "rtl";
+  if (isRTL && adjustedKey === "ArrowLeft") {
+    return "ArrowRight";
+  }
+  if (isRTL && adjustedKey === "ArrowRight") {
+    return "ArrowLeft";
+  }
+  return adjustedKey;
+}
+function isActivationKey(key) {
+  key = getKey(key);
+  return key === "Enter" || key === " ";
+}
+const numberKeys = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+
+export { getKey as g, isActivationKey as i, numberKeys as n };

package/dist/components/label.js

@@ -0,0 +1,83 @@
+/*!
+ * 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, d as closestElementCrossShadowBoundary } from './dom.js';
+
+/**
+ * Exported for testing purposes only
+ * @internal
+ */
+const labelClickEvent = "calciteInternalLabelClick";
+const labelTagName = "calcite-label";
+const onLabelClickMap = new WeakMap();
+const findLabelForComponent = (componentEl) => {
+  const { id } = componentEl;
+  const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
+  if (forLabel) {
+    return forLabel;
+  }
+  const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
+  if (!parentLabel ||
+    // labelable components within other custom elements are not considered labelable
+    hasAncestorCustomElements(parentLabel, componentEl)) {
+    return null;
+  }
+  return parentLabel;
+};
+function hasAncestorCustomElements(label, componentEl) {
+  let traversedElements;
+  const customElementAncestorCheckEventType = "custom-element-ancestor-check";
+  const listener = (event) => {
+    event.stopImmediatePropagation();
+    const composedPath = event.composedPath();
+    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
+  };
+  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
+  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
+  label.removeEventListener(customElementAncestorCheckEventType, listener);
+  const ancestorCustomElements = traversedElements
+    .filter((el) => el !== componentEl && el !== label)
+    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
+  return ancestorCustomElements.length > 0;
+}
+/**
+ * Helper to set up label interactions on connectedCallback.
+ */
+function connectLabel(component) {
+  const labelEl = findLabelForComponent(component.el);
+  if (!labelEl || onLabelClickMap.has(labelEl)) {
+    return;
+  }
+  component.labelEl = labelEl;
+  const boundOnLabelClick = onLabelClick.bind(component);
+  onLabelClickMap.set(component.labelEl, boundOnLabelClick);
+  component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
+}
+/**
+ * Helper to tear down label interactions on disconnectedCallback.
+ */
+function disconnectLabel(component) {
+  if (!component.labelEl) {
+    return;
+  }
+  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
+  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
+  onLabelClickMap.delete(component.labelEl);
+}
+/**
+ * Helper to get the label text from a component.
+ */
+function getLabelText(component) {
+  var _a, _b;
+  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) {
+  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
+  if (containedLabelableChildClicked) {
+    return;
+  }
+  this.onLabelClick(event);
+}
+
+export { connectLabel as c, disconnectLabel as d, getLabelText as g };

package/dist/components/locale.js

@@ -0,0 +1,118 @@
+/*!
+ * 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';
+
+const locales = [
+  "ar",
+  "bs",
+  "ca",
+  "cs",
+  "da",
+  "de",
+  "de-CH",
+  "el",
+  "en",
+  "en-AU",
+  "en-CA",
+  "en-GB",
+  "es",
+  "es-MX",
+  "et",
+  "fi",
+  "fr",
+  "fr-CH",
+  "he",
+  "hi",
+  "hr",
+  "hu",
+  "id",
+  "it",
+  "it-CH",
+  "ja",
+  "ko",
+  "lt",
+  "lv",
+  "mk",
+  "nb",
+  "nl",
+  "pl",
+  "pt",
+  "pt-PT",
+  "ro",
+  "ru",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "th",
+  "tr",
+  "uk",
+  "vi",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+];
+function createLocaleNumberFormatter(locale) {
+  return new Intl.NumberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 20
+  });
+}
+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;
+}
+function getGroupSeparator(locale) {
+  const formatter = createLocaleNumberFormatter(locale);
+  const parts = formatter.formatToParts(1234567.8);
+  const value = parts.find((part) => part.type === "group").value;
+  return value.trim().length === 0 ? " " : value;
+}
+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;
+}
+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 numberString;
+}
+
+export { locales as a, delocalizeNumberString as d, getDecimalSeparator as g, localizeNumberString as l };

package/dist/components/math.js

@@ -0,0 +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.
+ */
+const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
+
+export { clamp as c };

package/dist/components/number.js

@@ -0,0 +1,40 @@
+/*!
+ * 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 isValidNumber(numberString) {
+  return !(!numberString || isNaN(Number(numberString)));
+}
+function parseNumberString(numberString) {
+  if (!numberString || !stringContainsNumbers(numberString)) {
+    return null;
+  }
+  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;
+}
+function sanitizeDecimalString(decimalString) {
+  return (decimalString === null || decimalString === void 0 ? void 0 : decimalString.endsWith(".")) ? decimalString.replace(".", "") : decimalString;
+}
+function sanitizeNumberString(value) {
+  return value ? Number(sanitizeDecimalString(value)).toString() : value;
+}
+function stringContainsNumbers(string) {
+  return numberKeys.some((number) => string.includes(number));
+}
+
+export { sanitizeDecimalString as a, isValidNumber as i, parseNumberString as p, sanitizeNumberString as s };

package/dist/components/observers.js

@@ -0,0 +1,22 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+import { Build } from '@stencil/core/internal/client';
+
+/**
+ * This utility ensures observers are created only for browser contexts.
+ *
+ * @param type - the type of observer to create
+ * @param callback - the observer callback
+ * @param options - the observer options
+ */
+function createObserver(type, callback, options) {
+  const Observer = getObserver(type);
+  return Build.isBrowser ? new Observer(callback, options) : undefined;
+}
+function getObserver(type) {
+  return (type === "intersection" ? IntersectionObserver : type === "mutation" ? MutationObserver : ResizeObserver);
+}
+
+export { createObserver as c };