@esri/calcite-components 5.0.0-next.9 → 5.0.0-next.90

package/dist/chunks/locale.js

@@ -1,3 +1,7 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
+import { defaultLocale } from "@arcgis/toolkit/intl";
 import { n as numberKeys } from "./key.js";
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
 const trailingZeros = new RegExp("0+$");
@@ -165,59 +169,6 @@ function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
   }
   return localizedValue;
 }
-const defaultLocale = "en";
-const locales = [
-  "ar",
-  "bg",
-  "bs",
-  "ca",
-  "cs",
-  "da",
-  "de",
-  "de-AT",
-  "de-CH",
-  "el",
-  defaultLocale,
-  "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",
-  "no",
-  "nl",
-  "pl",
-  "pt",
-  "pt-PT",
-  "ro",
-  "ru",
-  "sk",
-  "sl",
-  "sr",
-  "sv",
-  "th",
-  "tr",
-  "uk",
-  "vi",
-  "zh-CN",
-  "zh-HK",
-  "zh-TW"
-];
 const localizedTwentyFourHourMeridiems = new Map(
   Object.entries({
     bg: { am: "пр.об.", pm: "сл.об." },
@@ -247,39 +198,10 @@ const localizedTwentyFourHourMeridiems = new Map(
   })
 );
 const numberingSystems = ["arab", "arabext", "latn"];
-const supportedLocales = [...locales];
 const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
 const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
 const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem) ? "latn" : browserNumberingSystem;
 const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
-function getSupportedLocale(locale) {
-  if (!locale) {
-    return defaultLocale;
-  }
-  if (supportedLocales.includes(locale)) {
-    return locale;
-  }
-  locale = locale.toLowerCase();
-  if (locale.includes("-")) {
-    locale = locale.replace(/(\w+)-(\w+)/, (_match, language, region) => `${language}-${region.toUpperCase()}`);
-    if (!supportedLocales.includes(locale)) {
-      locale = locale.split("-")[0];
-    }
-  }
-  if (locale === "nb" || locale === "nn") {
-    return "no";
-  }
-  if (locale === "zh") {
-    return "zh-CN";
-  }
-  if (!supportedLocales.includes(locale)) {
-    console.warn(
-      `Translations for the "${locale}" locale are not available and will fall back to the default, English (en).`
-    );
-    return defaultLocale;
-  }
-  return locale;
-}
 function getDateFormatSupportedLocale(locale) {
   switch (locale) {
     case "it-CH":
@@ -326,8 +248,8 @@ class NumberStringFormat {
   }
   /** numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date */
   set numberFormatOptions(options) {
-    options.locale = getSupportedLocale(options?.locale);
     options.numberingSystem = getSupportedNumberingSystem(options?.numberingSystem);
+    options.locale = options?.locale || defaultLocale;
     if (
       // No need to create the formatter if `locale` and `numberingSystem`
       // are the default values and `numberFormatOptions` has not been set
@@ -366,7 +288,6 @@ function buildDateTimeFormatCacheKey(options = {}) {
   return Object.entries(options).sort(([key1], [key2]) => key1.localeCompare(key2)).map((keyValue) => `${keyValue[0]}-${keyValue[1]}`).flat().join(":");
 }
 function getDateTimeFormat(locale, options) {
-  locale = getSupportedLocale(locale);
   if (!dateTimeFormatCache) {
     dateTimeFormatCache = /* @__PURE__ */ new Map();
   }
@@ -386,10 +307,9 @@ function getDateTimeFormat(locale, options) {
 export {
   BigDecimal as B,
   NumberStringFormat as N,
-  getSupportedNumberingSystem as a,
-  getSupportedLocale as b,
-  addLocalizedTrailingDecimalZeros as c,
-  getDateFormatSupportedLocale as d,
+  addLocalizedTrailingDecimalZeros as a,
+  getSupportedNumberingSystem as b,
+  getDateFormatSupportedLocale as c,
   getDateTimeFormat as g,
   isValidNumber as i,
   localizedTwentyFourHourMeridiems as l,

package/dist/chunks/logger.js

@@ -1,4 +1,7 @@
-import { d as getConfig } from "./runtime.js";
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
+import { a as getConfig } from "./runtime.js";
 const loggedDeprecations = /* @__PURE__ */ new Set();
 const logLevels = {
   trace: 0,
@@ -17,7 +20,7 @@ function forwardToConsole(level, ...data) {
   }
   const badgeTemplate = "%ccalcite";
   const badgeStyle = "background: #007AC2; color: #fff; border-radius: 4px; padding: 2px 4px;";
-  console[level].call(this, badgeTemplate, badgeStyle, ...data);
+  console[level](badgeTemplate, badgeStyle, ...data);
 }
 let listFormatter;
 const logger = {
@@ -30,16 +33,19 @@ const logger = {
 };
 function deprecated(context, { component, name, suggested, removalVersion }) {
   const key = `${context}:${context === "component" ? "" : component}${name}`;
+  const removalVersionText = removalVersion === "future" ? `a future version` : `v${removalVersion}`;
   if (loggedDeprecations.has(key)) {
     return;
   }
   loggedDeprecations.add(key);
-  const multiSuggestions = Array.isArray(suggested);
-  if (multiSuggestions && !listFormatter) {
+  let message = "";
+  message = context === "component" ? `This component is deprecated and will be removed in ${removalVersionText}.` : `The [${name}] ${context} is deprecated and will be removed in ${removalVersionText}.`;
+  if (suggested) {
     listFormatter = new Intl.ListFormat("en", { style: "long", type: "disjunction" });
+    message += ` Use ${listFormatter.format([suggested].flat().map((suggestion) => `"${suggestion}"`))} instead.`;
   }
-  const message = `[${name}] ${context} is deprecated and will be removed in ${removalVersion === "future" ? `a future version` : `v${removalVersion}`}.${suggested ? ` Use ${multiSuggestions ? listFormatter.format(suggested.map((suggestion) => `"${suggestion}"`)) : `"${suggested}"`} instead.` : ""}`;
-  forwardToConsole("warn", message);
+  const composed = `[${component.el.tagName.toLocaleLowerCase().slice("calcite-".length)}] - ${message}`;
+  forwardToConsole("warn", composed);
 }
 export {
   logger as l

package/dist/chunks/math.js

@@ -1,3 +1,6 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
 const decimalPlaces = (value) => {

package/dist/chunks/observers.js

@@ -1,3 +1,6 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 import { isServer } from "lit";
 function createObserver(type, callback, options) {
   if (isServer) {

package/dist/chunks/openCloseComponent.js

@@ -1,4 +1,7 @@
-import { w as whenTransitionDone } from "./dom.js";
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
+import { p as whenTransitionDone } from "./dom.js";
 function isOpen(component) {
   return component[component.openProp || "open"];
 }

package/dist/chunks/resources.js

@@ -1,18 +1,29 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const CSS = {
-  container: "container",
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  button: "button",
+  buttonTextVisible: "button--text-visible",
+  buttonCompact: "button--compact",
+  indicatorText: "indicator-text",
+  iconContainer: "icon-container",
+  slotContainer: "slot-container",
+  slotContainerHidden: "slot-container--hidden",
+  textContainer: "text-container",
+  textContainerVisible: "text-container--visible",
+  indicatorWithIcon: "indicator-with-icon",
+  indicatorWithoutIcon: "indicator-without-icon"
 };
-const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+const prefixId = "calcite-action";
+const IDS = {
+  button: (id) => `${prefixId}-${id}-button`,
+  indicator: (id) => `${prefixId}-${id}-indicator`
 };
+function isAction(el) {
+  return el?.tagName === "CALCITE-ACTION";
+}
 export {
   CSS as C,
-  SLOTS as S
+  IDS as I,
+  isAction as i
 };

package/dist/chunks/resources2.js

@@ -1,3 +1,6 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const CSS = {
   menu: "menu",
   defaultTrigger: "default-trigger"

package/dist/chunks/resources3.js

@@ -1,56 +1,22 @@
-const CSS = {
-  actionBarContainer: "action-bar-container",
-  container: "container",
-  contentBottom: "content-bottom",
-  contentTop: "content-top",
-  header: "header",
-  headerContainer: "header-container",
-  headerContainerBorderEnd: "header-container--border-end",
-  headingTextContent: "heading-text-content",
-  heading: "heading",
-  description: "description",
-  headerContent: "header-content",
-  headerActions: "header-actions",
-  headerActionsEnd: "header-actions--end",
-  headerActionsStart: "header-actions--start",
-  icon: "icon",
-  contentWrapper: "content-wrapper",
-  fabContainer: "fab-container",
-  footer: "footer",
-  footerContent: "footer-content",
-  footerStart: "footer-start",
-  footerEnd: "footer-end",
-  headerSlottedContent: "header--slotted-content",
-  headerNonSlottedContent: "header--non-slotted-content",
-  menuAction: "menu-action"
-};
-const IDS = {
-  close: "close",
-  collapse: "collapse"
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
+const SLOTS = {
+  menuActions: "menu-actions",
+  menuTooltip: "menu-tooltip"
 };
 const ICONS = {
-  close: "x",
-  menu: "ellipsis",
-  expand: "chevron-down",
-  collapse: "chevron-up"
+  menu: "ellipsis"
 };
-const SLOTS = {
-  actionBar: "action-bar",
-  alerts: "alerts",
-  contentBottom: "content-bottom",
-  contentTop: "content-top",
-  headerActionsStart: "header-actions-start",
-  headerActionsEnd: "header-actions-end",
-  headerMenuActions: "header-menu-actions",
-  headerContent: "header-content",
-  fab: "fab",
-  footer: "footer",
-  footerEnd: "footer-end",
-  footerStart: "footer-start"
+const CSS = {
+  container: "container"
 };
+function isActionGroup(el) {
+  return el?.tagName === "CALCITE-ACTION-GROUP";
+}
 export {
   CSS as C,
   ICONS as I,
   SLOTS as S,
-  IDS as a
+  isActionGroup as i
 };

package/dist/chunks/resources4.js

@@ -1,3 +1,6 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const KindIcons = {
   brand: "lightbulb",
   danger: "exclamationMarkTriangle",
@@ -5,6 +8,13 @@ const KindIcons = {
   success: "checkCircle",
   warning: "exclamationMarkTriangle"
 };
+const KindIconsFilled = {
+  danger: "exclamationMarkTriangleF",
+  info: "informationF",
+  success: "checkCircleF",
+  warning: "exclamationMarkTriangleF"
+};
 export {
-  KindIcons as K
+  KindIcons as K,
+  KindIconsFilled as a
 };

package/dist/chunks/resources5.js

@@ -1,62 +1,63 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
+const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
+const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
+const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
 const CSS = {
-  actionsEnd: "actions-end",
-  actionsStart: "actions-start",
-  description: "description",
-  close: "close",
-  container: "container",
-  containerHover: "container--hover",
-  containerBorder: "container--border",
-  containerBorderSelected: "container--border-selected",
-  containerBorderUnselected: "container--border-unselected",
-  content: "content",
-  contentBottom: "content-bottom",
-  contentContainer: "content-container",
-  contentContainerHasCenterContent: "content-container--has-center-content",
-  contentContainerSelectable: "content-container--selectable",
-  contentContainerUnavailable: "content-container--unavailable",
-  contentContainerWrapper: "content-container-wrapper",
-  contentContainerWrapperBordered: "content-container-wrapper--bordered",
-  contentEnd: "content-end",
-  contentStart: "content-start",
-  customContent: "custom-content",
-  expandedContainer: "expanded-container",
-  dragContainer: "drag-container",
-  gridCell: "grid-cell",
+  allSelected: "all-selected",
+  chip: "chip",
+  chipInvisible: "chip--invisible",
   icon: "icon",
-  nestedContainer: "nested-container",
-  nestedContainerExpanded: "nested-container--expanded",
+  input: "input",
+  inputHidden: "input--hidden",
   label: "label",
-  row: "row",
-  selectionContainer: "selection-container",
-  selectionContainerSingle: "selection-container--single",
+  labelIcon: "label--icon",
+  listContainer: "list-container",
+  noMatches: "no-matches",
+  noMatchesPlaceholder: "no-matches-placeholder",
+  placeholderIcon: "placeholder-icon",
+  selectAll: "select-all",
+  selectionDisplayFit: "selection-display--fit",
+  selectionDisplaySingle: "selection-display--single",
+  selectedIcon: "selected-icon",
+  floatingUIContainer: "floating-ui-container",
+  screenReadersOnly: "screen-readers-only",
   wrapper: "wrapper",
-  wrapperBordered: "wrapper--bordered"
+  wrapperSingle: "wrapper--single",
+  wrapperActive: "wrapper--active",
+  gridInput: "grid-input",
+  inputSingle: "input--single",
+  inputIcon: "input--icon",
+  inputWrap: "input-wrap",
+  inputWrapSingle: "input-wrap--single",
+  iconEnd: "icon-end",
+  iconStart: "icon-start",
+  list: "list",
+  listHide: "list--hide"
 };
-const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentBottom: "content-bottom",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+const idPrefix = "combobox";
+const IDS = {
+  validationMessage: "comboboxValidationMessage",
+  item: (id) => `${idPrefix}-item-${id}`,
+  chip: (id) => `${idPrefix}-chip-${id}`,
+  label: (id) => `${idPrefix}-label-${id}`,
+  listbox: (id) => `${idPrefix}-listbox-${id}`,
+  input: (id) => `${idPrefix}-input-${id}`
 };
-const MAX_COLUMNS = 0;
 const ICONS = {
-  selectedMultiple: "check-square-f",
-  selectedSingle: "circle-inset-large",
-  unselectedMultiple: "square",
-  unselectedSingle: "circle",
-  collapsedLTR: "chevron-right",
-  collapsedRTL: "chevron-left",
-  open: "chevron-down",
-  blank: "blank",
-  close: "x"
+  chevronUp: "chevron-up",
+  chevronDown: "chevron-down"
+};
+const SLOTS = {
+  labelContent: "label-content"
 };
-const activeCellTestAttribute = "data-test-active";
 export {
+  AllComboboxChildrenSelector as A,
   CSS as C,
-  ICONS as I,
-  MAX_COLUMNS as M,
+  IDS as I,
   SLOTS as S,
-  activeCellTestAttribute as a
+  ComboboxItemSelector as a,
+  ComboboxItemGroupSelector as b,
+  ICONS as c
 };

package/dist/chunks/resources6.js

@@ -1,60 +1,59 @@
-const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
-const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
-const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const CSS = {
-  allSelected: "all-selected",
-  chip: "chip",
-  chipInvisible: "chip--invisible",
+  actionBarContainer: "action-bar-container",
+  container: "container",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  header: "header",
+  headerContainer: "header-container",
+  headerContainerBorderEnd: "header-container--border-end",
+  headingTextContent: "heading-text-content",
+  heading: "heading",
+  description: "description",
+  headerContent: "header-content",
+  headerActions: "header-actions",
+  headerActionsEnd: "header-actions--end",
+  headerActionsStart: "header-actions--start",
   icon: "icon",
-  input: "input",
-  inputHidden: "input--hidden",
-  label: "label",
-  labelIcon: "label--icon",
-  listContainer: "list-container",
-  noMatches: "no-matches",
-  noMatchesPlaceholder: "no-matches-placeholder",
-  placeholderIcon: "placeholder-icon",
-  selectAll: "select-all",
-  selectionDisplayFit: "selection-display--fit",
-  selectionDisplaySingle: "selection-display--single",
-  selectedIcon: "selected-icon",
-  floatingUIContainer: "floating-ui-container",
-  screenReadersOnly: "screen-readers-only",
-  wrapper: "wrapper",
-  wrapperSingle: "wrapper--single",
-  wrapperActive: "wrapper--active",
-  gridInput: "grid-input",
-  inputSingle: "input--single",
-  inputIcon: "input--icon",
-  inputWrap: "input-wrap",
-  inputWrapSingle: "input-wrap--single",
-  iconEnd: "icon-end",
-  iconStart: "icon-start",
-  list: "list",
-  listHide: "list--hide"
+  contentWrapper: "content-wrapper",
+  fabContainer: "fab-container",
+  footer: "footer",
+  footerContent: "footer-content",
+  footerStart: "footer-start",
+  footerEnd: "footer-end",
+  headerSlottedContent: "header--slotted-content",
+  headerNonSlottedContent: "header--non-slotted-content",
+  menuAction: "menu-action"
 };
-const idPrefix = "combobox";
 const IDS = {
-  validationMessage: "comboboxValidationMessage",
-  item: (id) => `${idPrefix}-item-${id}`,
-  chip: (id) => `${idPrefix}-chip-${id}`,
-  label: (id) => `${idPrefix}-label-${id}`,
-  listbox: (id) => `${idPrefix}-listbox-${id}`,
-  input: (id) => `${idPrefix}-input-${id}`
+  close: "close",
+  collapse: "collapse"
 };
 const ICONS = {
-  chevronUp: "chevron-up",
-  chevronDown: "chevron-down"
+  close: "x",
+  menu: "ellipsis",
+  expand: "chevron-down",
+  collapse: "chevron-up"
 };
 const SLOTS = {
-  labelContent: "label-content"
+  actionBar: "action-bar",
+  alerts: "alerts",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  headerActionsStart: "header-actions-start",
+  headerActionsEnd: "header-actions-end",
+  headerMenuActions: "header-menu-actions",
+  headerContent: "header-content",
+  fab: "fab",
+  footer: "footer",
+  footerEnd: "footer-end",
+  footerStart: "footer-start"
 };
 export {
-  AllComboboxChildrenSelector as A,
-  ComboboxItemSelector as C,
-  IDS as I,
+  CSS as C,
+  ICONS as I,
   SLOTS as S,
-  ComboboxItemGroupSelector as a,
-  CSS as b,
-  ICONS as c
+  IDS as a
 };

package/dist/chunks/resources7.js

@@ -1,15 +1,17 @@
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const CSS = {
   container: "container",
   containerNone: "container--none-selection",
-  icon: "dropdown-item-icon",
-  iconEnd: "dropdown-item-icon--end",
-  iconStart: "dropdown-item-icon--start",
-  itemContent: "dropdown-item-content",
-  link: "dropdown-link"
+  icon: "icon",
+  iconEnd: "icon--end",
+  iconStart: "icon--start",
+  itemContent: "content",
+  link: "link"
 };
 const ICONS = {
-  check: "check",
-  bulletPoint: "bullet-point"
+  check: "check"
 };
 export {
   CSS as C,

package/dist/chunks/resources8.js

@@ -1,15 +1,21 @@
-const SLOTS = {
-  menuActions: "menu-actions",
-  menuTooltip: "menu-tooltip"
-};
-const ICONS = {
-  menu: "ellipsis"
-};
+/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v5.0.0-next.90 */
 const CSS = {
-  container: "container"
+  container: "container",
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  content: "content",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
+};
+const SLOTS = {
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
 };
 export {
   CSS as C,
-  ICONS as I,
   SLOTS as S
 };