@esri/calcite-components 1.0.0-next.677 → 1.0.0-next.679

package/dist/esm/t9n-d3d4a0f4.js

@@ -0,0 +1,114 @@
+/*!
+ * 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.679
+ */
+import { a as getAssetPath } from './index-3d40e818.js';
+import { g as getSupportedLocale } from './locale-9f9398ba.js';
+
+const componentLangToMessageBundleCache = {};
+async function getMessageBundle(lang, component) {
+  const key = `${component}_${lang}`;
+  if (componentLangToMessageBundleCache[key]) {
+    return componentLangToMessageBundleCache[key];
+  }
+  componentLangToMessageBundleCache[key] = fetch(getAssetPath(`./assets/${component}/t9n/messages_${lang}.json`))
+    .then((resp) => {
+    if (!resp.ok) {
+      throwMessageFetchError();
+    }
+    return resp.json();
+  })
+    .catch(() => throwMessageFetchError());
+  return componentLangToMessageBundleCache[key];
+}
+function throwMessageFetchError() {
+  throw new Error("could not fetch component message bundle");
+}
+/**
+ * This util helps preserve existing intlProp usage when they have not been replaced by overrides.
+ *
+ * @param component
+ */
+function overridesFromIntlProps(component) {
+  const { el } = component;
+  const overrides = {};
+  Object.keys(el.constructor.prototype)
+    .filter((prop) => prop.startsWith("intl"))
+    .forEach((prop) => {
+    const assignedValue = el[prop];
+    if (assignedValue) {
+      let mappedProp = prop.replace("intl", "");
+      mappedProp = `${mappedProp[0].toLowerCase()}${mappedProp.slice(1)}`;
+      overrides[mappedProp] = assignedValue;
+    }
+  });
+  return overrides;
+}
+function mergeMessages(component) {
+  component.messages = {
+    ...component.defaultMessages,
+    ...getEffectiveMessageOverrides(component),
+    ...component.getExtraMessageOverrides?.()
+  };
+}
+function getEffectiveMessageOverrides(component) {
+  return component.messageOverrides ?? overridesFromIntlProps(component);
+}
+/**
+ * This utility sets up the messages used by the component. It should be awaited in the `componentWillLoad` lifecycle hook.
+ *
+ * @param component
+ */
+async function setUpMessages(component) {
+  component.defaultMessages = await fetchMessages(component, component.effectiveLocale);
+  mergeMessages(component);
+}
+async function fetchMessages(component, lang) {
+  const { el } = component;
+  const tag = el.tagName.toLowerCase();
+  const componentName = tag.replace("calcite-", "");
+  return getMessageBundle(getSupportedLocale(lang, "t9n"), componentName);
+}
+/**
+ * This utility must be set up for the component to update its default message bundle if the locale changes.
+ *
+ * It can be set up in **either** of the following ways:
+ *
+ * 1. called from `LocalizedComponent`'s `onLocaleChange` method or
+ * 2. called from a watcher configured to watch `LocalizedComponent`'s `effectiveLocale` prop
+ *
+ * @param component
+ * @param lang
+ */
+async function updateMessages(component, lang) {
+  component.defaultMessages = await fetchMessages(component, lang);
+  mergeMessages(component);
+}
+/**
+ * This utility sets up internals for messages support.
+ *
+ * It needs to be called in `connectedCallback`
+ *
+ * **Note**: this must be called after `LocalizedComponent`'s `connectLocalized` method.
+ *
+ * @param component
+ */
+function connectMessages(component) {
+  component.onMessagesChange = defaultOnMessagesChange;
+}
+/**
+ * This utility tears down internals for messages support.
+ *
+ * It needs to be called in `disconnectedCallback`
+ *
+ * @param component
+ */
+function disconnectMessages(component) {
+  component.onMessagesChange = undefined;
+}
+function defaultOnMessagesChange() {
+  mergeMessages(this);
+}
+
+export { connectMessages as c, disconnectMessages as d, setUpMessages as s, updateMessages as u };

package/dist/esm/utils-078ca2f8.js

@@ -0,0 +1,114 @@
+/*!
+ * 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.679
+ */
+function rgbToHex(color) {
+  const { r, g, b } = color;
+  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b
+    .toString(16)
+    .padStart(2, "0")}`.toLowerCase();
+}
+const hexChar = /^[0-9A-F]$/i;
+const shortHandHex = /^#[0-9A-F]{3}$/i;
+const longhandHex = /^#[0-9A-F]{6}$/i;
+function isValidHex(hex) {
+  return isShorthandHex(hex) || isLonghandHex(hex);
+}
+function isShorthandHex(hex) {
+  return hex && hex.length === 4 && shortHandHex.test(hex);
+}
+function isLonghandHex(hex) {
+  return hex && hex.length === 7 && longhandHex.test(hex);
+}
+function normalizeHex(hex) {
+  hex = hex.toLowerCase();
+  if (!hex.startsWith("#")) {
+    hex = `#${hex}`;
+  }
+  if (isShorthandHex(hex)) {
+    return rgbToHex(hexToRGB(hex));
+  }
+  return hex;
+}
+function hexToRGB(hex) {
+  if (!isValidHex(hex)) {
+    return null;
+  }
+  hex = hex.replace("#", "");
+  if (hex.length === 3) {
+    const [first, second, third] = hex.split("");
+    const r = parseInt(`${first}${first}`, 16);
+    const g = parseInt(`${second}${second}`, 16);
+    const b = parseInt(`${third}${third}`, 16);
+    return { r, g, b };
+  }
+  const r = parseInt(hex.slice(0, 2), 16);
+  const g = parseInt(hex.slice(2, 4), 16);
+  const b = parseInt(hex.slice(4, 6), 16);
+  return { r, g, b };
+}
+// these utils allow users to pass enum values as strings without having to access the enum
+// based on the approach suggested by https://github.com/microsoft/TypeScript/issues/17690#issuecomment-321365759,
+const enumify = (x) => x;
+const CSSColorMode = enumify({
+  HEX: "hex",
+  HEXA: "hexa",
+  RGB_CSS: "rgb-css",
+  RGBA_CSS: "rgba-css",
+  HSL_CSS: "hsl-css",
+  HSLA_CSS: "hsla-css"
+});
+const ObjectColorMode = enumify({
+  RGB: "rgb",
+  RGBA: "rgba",
+  HSL: "hsl",
+  HSLA: "hsla",
+  HSV: "hsv",
+  HSVA: "hsva"
+});
+function parseMode(colorValue) {
+  if (typeof colorValue === "string") {
+    if (colorValue.startsWith("#")) {
+      const { length } = colorValue;
+      if (length === 4 || length === 7) {
+        return CSSColorMode.HEX;
+      }
+      if (length === 5 || length === 9) {
+        return CSSColorMode.HEXA;
+      }
+    }
+    if (colorValue.startsWith("rgba(")) {
+      return CSSColorMode.RGBA_CSS;
+    }
+    if (colorValue.startsWith("rgb(")) {
+      return CSSColorMode.RGB_CSS;
+    }
+    if (colorValue.startsWith("hsl(")) {
+      return CSSColorMode.HSL_CSS;
+    }
+    if (colorValue.startsWith("hsla(")) {
+      return CSSColorMode.HSLA_CSS;
+    }
+  }
+  if (typeof colorValue === "object") {
+    if (hasChannels(colorValue, "r", "g", "b")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.RGBA : ObjectColorMode.RGB;
+    }
+    if (hasChannels(colorValue, "h", "s", "l")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.HSLA : ObjectColorMode.HSL;
+    }
+    if (hasChannels(colorValue, "h", "s", "v")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.HSVA : ObjectColorMode.HSV;
+    }
+  }
+  return null;
+}
+function hasChannels(colorObject, ...channels) {
+  return channels.every((channel) => channel && colorObject && `${channel}` in colorObject);
+}
+function colorEqual(value1, value2) {
+  return value1?.rgbNumber() === value2?.rgbNumber();
+}
+
+export { CSSColorMode as C, isLonghandHex as a, hexChar as b, colorEqual as c, hexToRGB as h, isValidHex as i, normalizeHex as n, parseMode as p, rgbToHex as r };

package/dist/esm/utils-7de78b5e.js

@@ -0,0 +1,264 @@
+/*!
+ * 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.679
+ */
+import { a as getAssetPath } from './index-3d40e818.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-9f9398ba.js';
+
+/**
+ * Check if date is within a min and max
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+function inRange(date, min, max) {
+  if (!date) {
+    return;
+  }
+  const time = date.getTime();
+  const afterMin = !(min instanceof Date) || time >= min.getTime();
+  const beforeMax = !(max instanceof Date) || time <= max.getTime();
+  return afterMin && beforeMax;
+}
+/**
+ * Ensures date is within range,
+ * returns min or max if out of bounds
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+function dateFromRange(date, min, max) {
+  if (!(date instanceof Date)) {
+    return null;
+  }
+  const time = date.getTime();
+  const beforeMin = min instanceof Date && time < min.getTime();
+  const afterMax = max instanceof Date && time > max.getTime();
+  if (beforeMin) {
+    return min;
+  }
+  if (afterMax) {
+    return max;
+  }
+  return date;
+}
+/**
+ * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
+ * TODO: handle time when time of day UI is added
+ *
+ * @param iso8601
+ * @param isEndDate
+ */
+function dateFromISO(iso8601, isEndDate = false) {
+  if (iso8601 instanceof Date) {
+    return iso8601;
+  }
+  if (!iso8601 || typeof iso8601 !== "string") {
+    return null;
+  }
+  const d = iso8601.split(/[: T-]/).map(parseFloat);
+  const date = new Date(d[0], (d[1] || 1) - 1, d[2] || 1);
+  date.setFullYear(d[0]);
+  if (isNaN(date.getTime())) {
+    throw new Error(`Invalid ISO 8601 date: "${iso8601}"`);
+  }
+  if (isEndDate) {
+    return setEndOfDay(date);
+  }
+  return date;
+}
+/**
+ * Parse a localized date string into a valid Date.
+ * return false if date is invalid, or out of range
+ *
+ * @param value
+ * @param localeData
+ */
+function dateFromLocalizedString(value, localeData) {
+  if (!localeData) {
+    return null;
+  }
+  const { separator } = localeData;
+  const { day, month, year } = parseDateString(value, localeData);
+  const date = new Date(year, month, day);
+  date.setFullYear(year);
+  const validDay = day > 0;
+  const validMonth = month > -1;
+  const validDate = !isNaN(date.getTime());
+  const validLength = value.split(separator).filter((c) => c).length > 2;
+  const validYear = year.toString().length > 0;
+  if (validDay && validMonth && validDate && validLength && validYear) {
+    return date;
+  }
+  return null;
+}
+/**
+ * Retrieve day, month, and year strings from a localized string
+ *
+ * @param string
+ * @param localeData
+ */
+function datePartsFromLocalizedString(string, localeData) {
+  const { separator, unitOrder } = localeData;
+  const order = getOrder(unitOrder);
+  const values = string.split(separator).map((part) => numberStringFormatter.delocalize(part));
+  const day = values[order.indexOf("d")];
+  const month = values[order.indexOf("m")];
+  const year = values[order.indexOf("y")];
+  return { day, month, year };
+}
+/**
+ * Return first portion of ISO string (YYYY-mm-dd)
+ *
+ * @param date
+ */
+function dateToISO(date) {
+  if (typeof date === "string") {
+    return date;
+  }
+  if (date instanceof Date) {
+    return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split("T")[0];
+  }
+  return "";
+}
+/**
+ * Check if two dates are the same day, month, year
+ *
+ * @param d1
+ * @param d2
+ */
+function sameDate(d1, d2) {
+  return (d1 instanceof Date &&
+    d2 instanceof Date &&
+    d1.getDate() === d2.getDate() &&
+    d1.getMonth() === d2.getMonth() &&
+    d1.getFullYear() === d2.getFullYear());
+}
+/**
+ * Get a date one month in the past
+ *
+ * @param date
+ */
+function prevMonth(date) {
+  const month = date.getMonth();
+  const nextDate = new Date(date);
+  nextDate.setMonth(month - 1);
+  // date doesn't exist in new month, use last day
+  if (month === nextDate.getMonth()) {
+    return new Date(date.getFullYear(), month, 0);
+  }
+  return nextDate;
+}
+/**
+ * Get a date one month in the future
+ *
+ * @param date
+ */
+function nextMonth(date) {
+  const month = date.getMonth();
+  const nextDate = new Date(date);
+  nextDate.setMonth(month + 1);
+  // date doesn't exist in new month, use last day
+  if ((month + 2) % 7 === nextDate.getMonth() % 7) {
+    return new Date(date.getFullYear(), month + 2, 0);
+  }
+  return nextDate;
+}
+/**
+ * Parse numeric units for day, month, and year from a localized string
+ * month starts at 0 (can pass to date constructor)
+ * can return values as number or string
+ *
+ * @param string
+ * @param localeData
+ */
+function parseDateString(string, localeData) {
+  const { day, month, year } = datePartsFromLocalizedString(string, localeData);
+  return {
+    day: parseInt(day),
+    month: parseInt(month) - 1,
+    year: parseInt(year)
+  };
+}
+/**
+ * Based on the unitOrder string, find order of month, day, and year for locale
+ *
+ * @param unitOrder
+ */
+function getOrder(unitOrder) {
+  const signifiers = ["d", "m", "y"];
+  const order = unitOrder.toLowerCase();
+  return signifiers.sort((a, b) => order.indexOf(a) - order.indexOf(b));
+}
+/**
+ * Get number of days between two dates
+ *
+ * @param date1
+ * @param date2
+ */
+function getDaysDiff(date1, date2) {
+  const ts1 = date1.getTime();
+  const ts2 = date2.getTime();
+  return (ts1 - ts2) / (1000 * 3600 * 24);
+}
+/**
+ * Set time of the day to the end.
+ *
+ * @param {Date} date Date.
+ * @returns {Date} Date with time set to end of day .
+ */
+function setEndOfDay(date) {
+  date.setHours(23, 59, 59, 999);
+  return date;
+}
+
+/**
+ * CLDR cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const translationCache = {};
+/**
+ * CLDR request cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const requestCache = {};
+/**
+ * Fetch calendar data for a given locale from list of supported languages
+ *
+ * @param lang
+ * @public
+ */
+async function getLocaleData(lang) {
+  const locale = getSupportedLocale(lang);
+  if (translationCache[locale]) {
+    return translationCache[locale];
+  }
+  if (!requestCache[locale]) {
+    requestCache[locale] = fetch(getAssetPath(`./assets/date-picker/nls/${locale}.json`))
+      .then((resp) => resp.json())
+      .catch(() => {
+      console.error(`Translations for "${locale}" not found or invalid, falling back to english`);
+      return getLocaleData("en");
+    });
+  }
+  const data = await requestCache[locale];
+  translationCache[locale] = data;
+  return data;
+}
+/**
+ *  Maps value to valueAsDate
+ *
+ * @param value
+ */
+function getValueAsDateRange(value) {
+  return value.map((v, index) => dateFromISO(v, index === 1));
+}
+
+export { dateFromLocalizedString as a, dateToISO as b, dateFromISO as c, datePartsFromLocalizedString as d, getLocaleData as e, dateFromRange as f, getValueAsDateRange as g, getDaysDiff as h, inRange as i, sameDate as j, getOrder as k, nextMonth as n, prevMonth as p, setEndOfDay as s };