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

package/dist/chunks/useTime.js

@@ -1,6 +1,9 @@
+/* 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 */
 import { toFunction, GenericController } from "@arcgis/lumina/controllers";
 import { createEvent } from "@arcgis/lumina";
-import { l as localizedTwentyFourHourMeridiems, i as isValidNumber, n as numberStringFormatter, g as getDateTimeFormat, a as getSupportedNumberingSystem } from "./locale.js";
+import { l as localizedTwentyFourHourMeridiems, i as isValidNumber, n as numberStringFormatter, g as getDateTimeFormat, b as getSupportedNumberingSystem } from "./locale.js";
 import { d as decimalPlaces, g as getDecimals } from "./math.js";
 import { c as capitalizeWord } from "./text.js";
 import { n as numberKeys } from "./key.js";
@@ -8,7 +11,7 @@ const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter({
   locale,
   numberingSystem,
-  includeSeconds = true,
+  includeSeconds,
   fractionalSecondDigits,
   hour12
 }) {
@@ -111,10 +114,16 @@ function getLocalizedDecimalSeparator(locale, numberingSystem) {
   };
   return numberStringFormatter.localize("1.1").split("")[1];
 }
-function getLocalizedTimePartSuffix(part, locale, numberingSystem = "latn") {
-  const formatter = createLocaleDateTimeFormatter({ locale, numberingSystem });
+function getLocalizedTimePartSuffix({
+  hour12,
+  locale,
+  numberingSystem = "latn",
+  part,
+  step
+}) {
+  const formatter = createLocaleDateTimeFormatter({ hour12, includeSeconds: step < 60, locale, numberingSystem });
   const parts = formatter.formatToParts(new Date(Date.UTC(0, 0, 0, 0, 0, 0)));
-  return getLocalizedTimePart(`${part}Suffix`, parts);
+  return getLocalizedTimePart(`${part}Suffix`, parts, locale);
 }
 function getLocalizedTimePart(part, parts, locale = "en") {
   if (!part || !parts) {
@@ -124,24 +133,23 @@ function getLocalizedTimePart(part, parts, locale = "en") {
     const hourIndex = parts.indexOf(parts.find(({ type }) => type === "hour"));
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const hourSuffix = parts[hourIndex + 1];
-    return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2 ? hourSuffix.value?.trim() || null : null;
+    return hourSuffix?.type === "literal" && minuteIndex - hourIndex === 2 ? hourSuffix.value || null : null;
   }
   if (part === "minuteSuffix") {
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
-    const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const minuteSuffix = parts[minuteIndex + 1];
-    return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2 ? minuteSuffix.value?.trim() || null : null;
+    return minuteSuffix?.type === "literal" ? minuteSuffix.value || null : null;
   }
   if (part === "secondSuffix") {
     let secondSuffixPart;
     const fractionalSecondIndex = parts.indexOf(parts.find(({ type }) => type === "fractionalSecond"));
-    if (fractionalSecondIndex) {
+    if (fractionalSecondIndex !== -1) {
       secondSuffixPart = parts[fractionalSecondIndex + 1];
     } else {
       const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
       secondSuffixPart = parts[secondIndex + 1];
     }
-    return secondSuffixPart?.type === "literal" && secondSuffixPart.value?.trim() || null;
+    return secondSuffixPart?.type === "literal" && secondSuffixPart.value || null;
   }
   if (part === "meridiem") {
     const meridiemFromBrowser = parts.find(({ type }) => type === "dayPeriod")?.value || null;
@@ -259,13 +267,13 @@ function localizeTimePart({
   if (!date) {
     return;
   }
-  const formatter = createLocaleDateTimeFormatter({ hour12, locale, numberingSystem });
+  const includeSeconds = ["second", "fractionalSecond"].includes(part);
+  const formatter = createLocaleDateTimeFormatter({ hour12, includeSeconds, locale, numberingSystem });
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts, locale);
 }
 function localizeTimeString({
   hour12,
-  includeSeconds = true,
   locale,
   numberingSystem = "latn",
   parts: toParts = false,
@@ -276,6 +284,7 @@ function localizeTimeString({
     return null;
   }
   const { hour, minute, second = "0", fractionalSecond } = parseTimeString(value, step);
+  const includeSeconds = step < 60;
   const dateFromTimeString = new Date(
     Date.UTC(
       0,
@@ -283,8 +292,8 @@ function localizeTimeString({
       0,
       parseInt(hour),
       parseInt(minute),
-      parseInt(second),
-      fractionalSecond && fractionalSecondPartToMilliseconds(fractionalSecond)
+      includeSeconds && parseInt(second),
+      includeSeconds && fractionalSecond && fractionalSecondPartToMilliseconds(fractionalSecond)
     )
   );
   const formatter = createLocaleDateTimeFormatter({
@@ -674,13 +683,11 @@ class TimeController extends GenericController {
   }
   setHourFormat() {
     const { hourFormat, messages } = this.component;
-    const locale = messages._lang;
-    this.hourFormat = hourFormat === "user" ? getLocaleHourFormat(locale) : hourFormat;
+    this.hourFormat = hourFormat === "user" ? getLocaleHourFormat(messages._lang) : hourFormat;
   }
   setMeridiemOrder() {
     const { messages } = this.component;
-    const locale = messages._lang;
-    this.meridiemOrder = getMeridiemOrder(locale);
+    this.meridiemOrder = getMeridiemOrder(messages._lang);
   }
   setValue(value, userChangedValue = false) {
     const { messages, numberingSystem, step, value: previousValue } = this.component;
@@ -730,13 +737,25 @@ class TimeController extends GenericController {
       this.fractionalSecond = null;
       this.meridiem = null;
       this.localizedHour = null;
-      this.localizedHourSuffix = getLocalizedTimePartSuffix("hour", locale, numberingSystem);
+      this.localizedHourSuffix = getLocalizedTimePartSuffix({ hour12, part: "hour", locale, numberingSystem, step });
       this.localizedMinute = null;
-      this.localizedMinuteSuffix = getLocalizedTimePartSuffix("minute", locale, numberingSystem);
+      this.localizedMinuteSuffix = getLocalizedTimePartSuffix({
+        hour12,
+        part: "minute",
+        locale,
+        numberingSystem,
+        step
+      });
       this.localizedSecond = null;
       this.localizedDecimalSeparator = getLocalizedDecimalSeparator(locale, numberingSystem);
       this.localizedFractionalSecond = null;
-      this.localizedSecondSuffix = getLocalizedTimePartSuffix("second", locale, numberingSystem);
+      this.localizedSecondSuffix = getLocalizedTimePartSuffix({
+        hour12,
+        part: "second",
+        locale,
+        numberingSystem,
+        step
+      });
       this.localizedMeridiem = null;
     }
     if (newValue !== previousValue) {

package/dist/chunks/useTopLayer.js

@@ -0,0 +1,40 @@
+/* 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 */
+import { makeGenericController } from "@arcgis/lumina/controllers";
+const useTopLayer = (options) => {
+  return makeGenericController((component, controller) => {
+    let opened = false;
+    controller.onConnected(() => {
+      if (opened) {
+        togglePopover(true);
+      }
+    });
+    async function togglePopover(open) {
+      await component.componentOnReady();
+      const nativePopoverEl = typeof options.target === "function" ? options.target() : options.target.value;
+      if (!nativePopoverEl || !nativePopoverEl.hasAttribute("popover")) {
+        return;
+      }
+      const isDisabled = options.disabledOverride?.() || "topLayerDisabled" in component && component.topLayerDisabled === true;
+      if (isDisabled || !open) {
+        opened = false;
+        nativePopoverEl.hidePopover();
+        return;
+      }
+      opened = true;
+      nativePopoverEl.showPopover();
+    }
+    return {
+      show: async () => {
+        await togglePopover(true);
+      },
+      hide: async () => {
+        await togglePopover(false);
+      }
+    };
+  });
+};
+export {
+  useTopLayer as u
+};

package/dist/chunks/utils.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 */
 import Color from "color";
 import { c as calciteSpacingFixedXl, a as calciteSpacingFixedMd, b as calciteSpacingFixedSm } from "./global.js";
 const CSS = {
@@ -294,27 +297,27 @@ export {
   OPACITY_LIMITS as O,
   RGB_LIMITS as R,
   STATIC_DIMENSIONS as S,
-  isLonghandHex as a,
-  isShorthandHex as b,
-  alphaToOpacity as c,
-  hexChar as d,
-  getColorFieldDimensions as e,
-  colorFromValue as f,
+  getColorFieldDimensions as a,
+  hexify as b,
+  colorFromValue as c,
+  DEFAULT_STORAGE_KEY_PREFIX as d,
+  alphaCompatible as e,
+  colorEqual as f,
   getSliderWidth as g,
-  hexify as h,
+  hexToRGB as h,
   isValidHex as i,
-  DEFAULT_STORAGE_KEY_PREFIX as j,
-  alphaCompatible as k,
-  colorEqual as l,
-  CSS as m,
+  CSS as j,
+  toNonAlphaMode as k,
+  HUE_LIMIT_CONSTRAINED as l,
+  normalizeAlpha as m,
   normalizeHex as n,
   opacityToAlpha as o,
   parseMode as p,
-  toNonAlphaMode as q,
-  rgbToHex as r,
-  HUE_LIMIT_CONSTRAINED as s,
+  alphaToOpacity as q,
+  SCOPE_SIZE as r,
+  isLonghandHex as s,
   toAlphaMode as t,
-  normalizeAlpha as u,
-  SCOPE_SIZE as v,
-  hexToRGB as w
+  isShorthandHex as u,
+  rgbToHex as v,
+  hexChar as w
 };

package/dist/chunks/utils2.js

@@ -1,52 +1,60 @@
+/* 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 */
 import { isServer } from "lit";
-const listSelector = "calcite-list";
-const listItemGroupSelector = "calcite-list-item-group";
-const listItemSelector = "calcite-list-item";
-function expandedAncestors(el) {
-  const ancestor = el.parentElement?.closest(listItemSelector);
-  if (!ancestor) {
-    return;
-  }
-  ancestor.open = true;
-  expandedAncestors(ancestor);
+import { o as nodeListToArray } from "./dom.js";
+import { A as AllComboboxChildrenSelector, a as ComboboxItemSelector, b as ComboboxItemGroupSelector } from "./resources5.js";
+function getAncestors(element) {
+  const parent = element.parentElement?.closest(AllComboboxChildrenSelector);
+  const grandparent = parent?.parentElement?.closest(AllComboboxChildrenSelector);
+  return [parent, grandparent].filter((el) => !!el);
+}
+function getItemAncestors(item) {
+  return item.ancestors?.filter((el) => el.nodeName === "CALCITE-COMBOBOX-ITEM") || [];
 }
-function getListItemChildren(slotEl) {
-  const assignedElements = slotEl.assignedElements({ flatten: true });
-  const groupChildren = assignedElements.filter((el) => el?.matches(listItemGroupSelector)).map((group) => Array.from(group.querySelectorAll(listItemSelector))).flat();
-  const listItemChildren = assignedElements.filter((el) => el?.matches(listItemSelector));
-  const listChildren = assignedElements.filter((el) => el?.matches(listSelector));
-  return {
-    lists: listChildren,
-    items: groupChildren.concat(listItemChildren)
-  };
+function getItemChildren(item) {
+  return nodeListToArray(item.querySelectorAll("calcite-combobox-item"));
 }
-function updateListItemChildren(slotEl) {
-  const listItemChildren = slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listItemSelector));
-  const filteredListItemChildren = listItemChildren.filter((listItem) => !listItem.filterHidden);
-  listItemChildren.forEach((listItem) => {
-    const index = filteredListItemChildren.indexOf(listItem);
-    listItem.setPosition = index === -1 ? void 0 : index + 1;
-    listItem.setSize = index === -1 ? void 0 : filteredListItemChildren.length;
-  });
+function hasActiveChildren(node) {
+  const items = nodeListToArray(node.querySelectorAll("calcite-combobox-item"));
+  return items.filter((item) => item.selected).length > 0;
 }
-function getDepth(element, includeGroup = false) {
+function getDepth(element) {
   if (isServer) {
     return 0;
   }
-  const expression = includeGroup ? "ancestor::calcite-list-item | ancestor::calcite-list-item-group" : "ancestor::calcite-list-item";
-  const result = document.evaluate(expression, element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
-  return result.snapshotLength;
+  const result = document.evaluate(
+    "ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",
+    element,
+    null,
+    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
+    null
+  );
+  const depth = result.snapshotLength;
+  if (depth > 0 && element.nodeName === ComboboxItemSelector) {
+    for (let i = 0; i < depth; i++) {
+      const parent = result.snapshotItem(i);
+      if (parent.nodeName === ComboboxItemGroupSelector) {
+        return depth;
+      }
+    }
+  } else if (element.nodeName === ComboboxItemGroupSelector) {
+    return depth;
+  }
+  return depth + 1;
+}
+function isSingleLike(selectionMode) {
+  return selectionMode.includes("single");
 }
-function isListItem(element) {
-  return element.tagName === "CALCITE-LIST-ITEM";
+function getLabel(item) {
+  return item.shortHeading || item.heading;
 }
 export {
-  getListItemChildren as a,
-  listItemSelector as b,
-  listItemGroupSelector as c,
-  expandedAncestors as e,
-  getDepth as g,
-  isListItem as i,
-  listSelector as l,
-  updateListItemChildren as u
+  getItemAncestors as a,
+  getItemChildren as b,
+  getAncestors as c,
+  getDepth as d,
+  getLabel as g,
+  hasActiveChildren as h,
+  isSingleLike as i
 };

package/dist/chunks/utils3.js

@@ -1,27 +1,62 @@
-import { a as dateFromISO } from "./date.js";
-import { b as getSupportedLocale } from "./locale.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 */
+import { defaultLocale, normalizeLocale, supportedLocales } from "@arcgis/toolkit/intl";
+import { d as dateFromISO } from "./date.js";
 import { g as getAssetPath } from "./runtime.js";
 const translationCache = {};
 const requestCache = {};
-async function getLocaleData(lang) {
-  const locale = getSupportedLocale(lang);
+const extraNlsLocales = [
+  "de-AT",
+  "de-CH",
+  "en-AU",
+  "en-CA",
+  "en-GB",
+  "es-MX",
+  "fr-CA",
+  "fr-CH",
+  "hi",
+  "it-CH",
+  "mk",
+  "pt"
+];
+[...supportedLocales, ...extraNlsLocales];
+function normalizeNlsLocale(locale) {
+  if (!locale) {
+    return defaultLocale;
+  }
+  const localeParts = locale.split("-");
+  locale = `${localeParts[0].toLowerCase()}${localeParts.length >= 2 ? `-${localeParts[1].toUpperCase()}` : ""}`;
+  if (extraNlsLocales.includes(locale)) {
+    return locale;
+  }
+  return normalizeLocale(locale);
+}
+async function getLocaleData(locale) {
+  locale = normalizeNlsLocale(locale);
   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(`Native Language Support data for "${locale}" not found or invalid, falling back to english`);
-      return getLocaleData("en");
+      return getLocaleData(defaultLocale);
     });
   }
-  const data = await requestCache[locale];
-  translationCache[locale] = data;
-  return data;
+  return translationCache[locale] = await requestCache[locale];
+}
+function applyLocaleOverride(locale) {
+  const localeOverrideMap = {
+    "ar-SA": "ar"
+    // see https://github.com/Esri/calcite-design-system/issues/11399
+  };
+  return localeOverrideMap[locale] || locale;
 }
 function getValueAsDateRange(value) {
   return value.map((v, index) => dateFromISO(v, index === 1));
 }
 export {
-  getLocaleData as a,
+  applyLocaleOverride as a,
+  getLocaleData as b,
   getValueAsDateRange as g
 };

package/dist/chunks/utils4.js

@@ -1,57 +1,55 @@
+/* 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 */
 import { isServer } from "lit";
-import { n as nodeListToArray } from "./dom.js";
-import { A as AllComboboxChildrenSelector, C as ComboboxItemSelector, a as ComboboxItemGroupSelector } from "./resources6.js";
-function getAncestors(element) {
-  const parent = element.parentElement?.closest(AllComboboxChildrenSelector);
-  const grandparent = parent?.parentElement?.closest(AllComboboxChildrenSelector);
-  return [parent, grandparent].filter((el) => el);
-}
-function getItemAncestors(item) {
-  return item.ancestors?.filter((el) => el.nodeName === "CALCITE-COMBOBOX-ITEM") || [];
+const listSelector = "calcite-list";
+const listItemGroupSelector = "calcite-list-item-group";
+const listItemSelector = "calcite-list-item";
+function expandedAncestors(el) {
+  const ancestor = el.parentElement?.closest(listItemSelector);
+  if (!ancestor) {
+    return;
+  }
+  ancestor.open = true;
+  expandedAncestors(ancestor);
 }
-function getItemChildren(item) {
-  return nodeListToArray(item.querySelectorAll("calcite-combobox-item"));
+function getListItemChildren(slotEl) {
+  const assignedElements = slotEl.assignedElements({ flatten: true });
+  const groupChildren = assignedElements.filter((el) => el?.matches(listItemGroupSelector)).map((group) => Array.from(group.querySelectorAll(listItemSelector))).flat();
+  const listItemChildren = assignedElements.filter((el) => el?.matches(listItemSelector));
+  const listChildren = assignedElements.filter((el) => el?.matches(listSelector));
+  return {
+    lists: listChildren,
+    items: groupChildren.concat(listItemChildren)
+  };
 }
-function hasActiveChildren(node) {
-  const items = nodeListToArray(node.querySelectorAll("calcite-combobox-item"));
-  return items.filter((item) => item.selected).length > 0;
+function updateListItemChildren(slotEl) {
+  const listItemChildren = slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listItemSelector));
+  const filteredListItemChildren = listItemChildren.filter((listItem) => !listItem.filterHidden);
+  listItemChildren.forEach((listItem) => {
+    const index = filteredListItemChildren.indexOf(listItem);
+    listItem.setPosition = index === -1 ? void 0 : index + 1;
+    listItem.setSize = index === -1 ? void 0 : filteredListItemChildren.length;
+  });
 }
-function getDepth(element) {
+function getDepth(element, includeGroup = false) {
   if (isServer) {
     return 0;
   }
-  const result = document.evaluate(
-    "ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",
-    element,
-    null,
-    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
-    null
-  );
-  const depth = result.snapshotLength;
-  if (depth > 0 && element.nodeName === ComboboxItemSelector) {
-    for (let i = 0; i < depth; i++) {
-      const parent = result.snapshotItem(i);
-      if (parent.nodeName === ComboboxItemGroupSelector) {
-        return depth;
-      }
-    }
-  } else if (element.nodeName === ComboboxItemGroupSelector) {
-    return depth;
-  }
-  return depth + 1;
-}
-function isSingleLike(selectionMode) {
-  return selectionMode.includes("single");
+  const expression = includeGroup ? "ancestor::calcite-list-item | ancestor::calcite-list-item-group" : "ancestor::calcite-list-item";
+  const result = document.evaluate(expression, element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
+  return result.snapshotLength;
 }
-function getLabel(item) {
-  return item.shortHeading || item.heading || item.textLabel;
+function isListItem(element) {
+  return element.tagName === "CALCITE-LIST-ITEM";
 }
 export {
-  getDepth as a,
-  getLabel as b,
-  getItemAncestors as c,
-  getItemChildren as d,
-  getAncestors as g,
-  hasActiveChildren as h,
-  isSingleLike as i
+  listSelector as a,
+  listItemGroupSelector as b,
+  getListItemChildren as c,
+  expandedAncestors as e,
+  getDepth as g,
+  isListItem as i,
+  listItemSelector as l,
+  updateListItemChildren as u
 };

package/dist/components/calcite-accordion/customElement.d.ts

@@ -1,44 +1,50 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Position, IconType, Scale, SelectionMode } from '../interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { Appearance, Position, IconType, Scale, SelectionMode } from "../interfaces.js";
 
-/** @slot  - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can. */
-export declare class Accordion extends LitElement {
-    /**
-     * Specifies the appearance of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * Specifies the placement of the icon in the header.
-     *
-     * @default "end"
-     */
-    iconPosition: Extract<"start" | "end", Position>;
-    /**
-     * Specifies the type of the icon in the header.
-     *
-     * @default "chevron"
-     */
-    iconType: Extract<"chevron" | "caret" | "plus-minus", IconType>;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the selection mode of the component, where:
-     *
-     * `"multiple"` allows any number of selections,
-     *
-     * `"single"` allows only one selection, and
-     *
-     * `"single-persist"` allows one selection and prevents de-selection.
-     *
-     * @default "multiple"
-     */
-    selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
-}
+/**
+ * @cssproperty [--calcite-accordion-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-accordion-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-accordion-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-accordion-text-color-hover] - Specifies the component's main text color on hover.
+ * @cssproperty [--calcite-accordion-text-color-press] - Specifies the component's main text color when pressed.
+ * @slot  - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
+ */
+export abstract class Accordion extends LitElement {
+  /**
+   * Specifies the appearance of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"solid" | "transparent", Appearance>;
+  /**
+   * Specifies the position of the expand and collapse icons within `calcite-accordion-item`s
+   *
+   * @default "end"
+   */
+  accessor iconPosition: Extract<"start" | "end", Position>;
+  /**
+   * Specifies the type of the icon in the header.
+   *
+   * @default "chevron"
+   */
+  accessor iconType: Extract<"chevron" | "caret" | "plus-minus", IconType>;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the selection mode of the component, where:
+   *
+   * `"multiple"` allows any number of selections,
+   *
+   * `"single"` allows only one selection, and
+   *
+   * `"single-persist"` allows one selection and prevents de-selection.
+   *
+   * @default "multiple"
+   */
+  accessor selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
+}

package/dist/components/calcite-accordion/customElement.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 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -6,7 +9,7 @@ const CSS = {
   accordion: "accordion",
   transparent: "accordion--transparent"
 };
-const styles = css`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([hidden]){display:none}[hidden]{display:none}`;
 class Accordion extends LitElement {
   constructor() {
     super();