@esri/calcite-components 1.9.0-next.9 → 1.9.1-next.0

package/dist/esm/calcite-input-time-zone.entry.js

@@ -1,54 +1,114 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { c as connectLabel, d as disconnectLabel } from './label-4441c66d.js';
-import { u as updateHostInteraction } from './interactive-b055481d.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a410c07c.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-aa819a51.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0f34d04c.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-767c4174.js';
-import './dom-135c7e08.js';
-import './guid-dd510c8a.js';
-import './resources-86f01706.js';
-import './browser-cc389517.js';
-import './key-bfc12e39.js';
-import './observers-36702211.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-64d97714.js';
+import { c as connectLabel, d as disconnectLabel } from './label-4b80f290.js';
+import { u as updateHostInteraction } from './interactive-3d546f84.js';
+import { e as getDateTimeFormat, c as connectLocalized, d as disconnectLocalized } from './locale-defedcac.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-1e80e380.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-819e822a.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-8f6bb2d2.js';
+import './dom-e828597f.js';
+import './guid-52f9d671.js';
+import './resources-2a569599.js';
+import './browser-fab57a20.js';
+import './key-26bc4d6b.js';
+import './observers-dd14af68.js';
 
 const hourToMinutes = 60;
+function timeZoneOffsetToDecimal(shortOffsetTimeZoneName) {
+  const minusSign = "−";
+  const hyphen = "-";
+  return (shortOffsetTimeZoneName
+    .replace(":15", ".25")
+    .replace(":30", ".5")
+    .replace(":45", ".75")
+    // ensures decimal string representation is parseable
+    .replace(minusSign, hyphen));
+}
+function toOffsetValue(timeZoneName, referenceDateInMs) {
+  // we use "en-US" to allow us to reliably remove the standard time token
+  const offset = getTimeZoneShortOffset(timeZoneName, "en-US", referenceDateInMs).replace("GMT", "");
+  if (offset === "") {
+    return 0;
+  }
+  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;
+}
 function getUserTimeZoneOffset() {
   const localDate = new Date();
   return localDate.getTimezoneOffset() * -1;
 }
-function getFallbackTimeZoneGroups() {
-  const timeZoneOffsets = [
-    -11, -10, -9.5, -9, -8, -7, -6, -5, -4, -3, -2.5, -2, -1, 0, 1, 2, 3, 3.5, 4, 4.5, 5, 6, 6.5, 7, 8, 8.75, 9, 9.5,
-    10, 10.5, 11, 12, 12.75, 13, 14,
-  ];
-  return timeZoneOffsets.map((offset) => {
+function getUserTimeZoneName() {
+  const dateFormatter = new Intl.DateTimeFormat();
+  return dateFormatter.resolvedOptions().timeZone;
+}
+/**
+ * The lazy-loaded timezone-groups lib to be used across instances.
+ */
+let timeZoneGroups;
+async function createTimeZoneItems(locale, messages, mode, referenceDate) {
+  const referenceDateInMs = referenceDate.getTime();
+  const timeZoneNames = Intl.supportedValuesOf("timeZone");
+  if (mode === "offset") {
+    if (!timeZoneGroups) {
+      timeZoneGroups = Promise.all([
+        import('./index-cd053334.js'),
+        import('./index-19cd02d8.js'),
+      ]);
+    }
+    return timeZoneGroups.then(async ([{ groupTimeZones }, { DateEngine }]) => {
+      const timeZoneGroups = await groupTimeZones({
+        dateEngine: new DateEngine(),
+        groupDateRange: 1,
+        startDate: new Date(referenceDateInMs).toISOString(),
+      });
+      const listFormatter = new Intl.ListFormat(locale, { style: "long", type: "conjunction" });
+      return timeZoneGroups
+        .map(({ labelTzIndices, tzs }) => {
+        const groupRepTz = tzs[0];
+        const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, locale, referenceDateInMs));
+        const value = toOffsetValue(groupRepTz, referenceDateInMs);
+        const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(labelTzIndices.map((index) => messages[tzs[index]])));
+        return {
+          label,
+          value,
+          filterValue: tzs.map((tz) => toUserFriendlyName(tz)),
+        };
+      })
+        .filter((group) => !!group)
+        .sort((groupA, groupB) => groupA.value - groupB.value);
+    });
+  }
+  return timeZoneNames
+    .map((timeZone) => {
+    const label = toUserFriendlyName(timeZone);
+    const value = timeZone;
     return {
-      offsetValue: offset * hourToMinutes,
-      offsetLabel: toGMTLabel(offset),
+      label,
+      value,
+      filterValue: timeZone,
     };
-  });
+  })
+    .filter((group) => !!group)
+    .sort();
 }
 /**
- * Exported for testing-purposes only
+ * Exported for testing purposes only
  *
  * @internal
  */
-function toGMTLabel(offsetInHours) {
-  return `GMT${offsetInHours === 0 ? "" : offsetInHours.toLocaleString("en", { signDisplay: "always" })}`;
+function toUserFriendlyName(timeZoneName) {
+  return timeZoneName.replace(/_/g, " ");
 }
-let timeZoneGeneration;
-async function generateTimeZoneGroups() {
-  if (timeZoneGeneration) {
-    return timeZoneGeneration;
-  }
-  timeZoneGeneration = Promise.resolve(getFallbackTimeZoneGroups());
-  return timeZoneGeneration;
+function createTimeZoneOffsetLabel(messages, offsetLabel, groupLabel) {
+  return messages.timeZoneLabel.replace("{offset}", offsetLabel).replace("{cities}", groupLabel);
+}
+function getTimeZoneShortOffset(timeZone, locale, referenceDateInMs = Date.now()) {
+  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: "shortOffset" });
+  const parts = dateTimeFormat.formatToParts(referenceDateInMs);
+  return parts.find(({ type }) => type === "timeZoneName").value;
 }
 
 const inputTimeZoneCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
@@ -75,13 +135,13 @@ const InputTimeZone = class {
     this.onComboboxChange = (event) => {
       event.stopPropagation();
       const combobox = event.target;
-      const selected = this.timeZoneGroups.find(({ offsetValue }) => combobox.value === `${offsetValue}`);
-      const selectedValue = `${selected.offsetValue}`;
+      const selected = this.findTimeZoneItem(combobox.selectedItems[0].getAttribute("data-value"));
+      const selectedValue = `${selected.value}`;
       if (this.value === selectedValue) {
         return;
       }
       this.value = selectedValue;
-      this.selectedTimeZoneGroup = selected;
+      this.selectedTimeZoneItem = selected;
       this.calciteInputTimeZoneChange.emit();
     };
     this.onComboboxClose = (event) => {
@@ -99,9 +159,11 @@ const InputTimeZone = class {
     this.maxItems = 0;
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.mode = "offset";
     this.name = undefined;
     this.open = false;
     this.overlayPositioning = "absolute";
+    this.referenceDate = undefined;
     this.required = false;
     this.scale = "m";
     this.value = undefined;
@@ -111,6 +173,17 @@ const InputTimeZone = class {
   onMessagesChange() {
     /* wired up by t9n util */
   }
+  handleTimeZoneItemPropsChange() {
+    this.createTimeZoneItems();
+  }
+  handleValueChange(value, oldValue) {
+    const timeZoneItem = this.findTimeZoneItem(value);
+    if (!timeZoneItem) {
+      this.value = oldValue;
+      return;
+    }
+    this.selectedTimeZoneItem = timeZoneItem;
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -131,6 +204,20 @@ const InputTimeZone = class {
   onLabelClick() {
     this.setFocus();
   }
+  findTimeZoneItem(value) {
+    const valueToMatch = value;
+    return this.timeZoneItems.find(({ value }) => 
+    // intentional == to match string to number
+    value == valueToMatch);
+  }
+  async createTimeZoneItems() {
+    if (!this.effectiveLocale || !this.messages) {
+      return [];
+    }
+    return createTimeZoneItems(this.effectiveLocale, this.messages, this.mode, this.referenceDate instanceof Date
+      ? this.referenceDate
+      : new Date(this.referenceDate ?? Date.now()));
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -151,13 +238,14 @@ const InputTimeZone = class {
   async componentWillLoad() {
     setUpLoadableComponent(this);
     await setUpMessages(this);
-    const timeZoneGroups = await generateTimeZoneGroups();
-    this.timeZoneGroups = timeZoneGroups;
-    const offsetToMatch = this.value ?? getUserTimeZoneOffset();
-    this.selectedTimeZoneGroup = timeZoneGroups.find(({ offsetValue }) => 
-    // intentional == to match string to number
-    offsetValue == offsetToMatch);
-    const selectedValue = `${this.selectedTimeZoneGroup.offsetValue}`;
+    this.timeZoneItems = await this.createTimeZoneItems();
+    const fallbackValue = this.mode === "offset" ? getUserTimeZoneOffset() : getUserTimeZoneName();
+    const valueToMatch = this.value ?? fallbackValue;
+    this.selectedTimeZoneItem = this.findTimeZoneItem(valueToMatch);
+    if (!this.selectedTimeZoneItem) {
+      this.selectedTimeZoneItem = this.findTimeZoneItem(fallbackValue);
+    }
+    const selectedValue = `${this.selectedTimeZoneItem.value}`;
     afterConnectDefaultValueSet(this, selectedValue);
     this.value = selectedValue;
   }
@@ -170,11 +258,10 @@ const InputTimeZone = class {
   render() {
     return (h(Host, null, h("calcite-combobox", { clearDisabled: true, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, scale: this.scale, selectionMode: "single-persist",
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: this.setComboboxRef }, this.timeZoneGroups.map((group) => {
-      const selected = this.selectedTimeZoneGroup === group;
-      const label = group.offsetLabel;
-      const value = group.offsetValue;
-      return (h("calcite-combobox-item", { key: label, selected: selected, textLabel: label, value: `${value}` }));
+      ref: this.setComboboxRef }, this.timeZoneItems.map((group) => {
+      const selected = this.selectedTimeZoneItem === group;
+      const { label, value } = group;
+      return (h("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
     })), h(HiddenFormInputSlot, { component: this })));
   }
   static get delegatesFocus() { return true; }
@@ -182,7 +269,11 @@ const InputTimeZone = class {
   get el() { return getElement(this); }
   static get watchers() { return {
     "messageOverrides": ["onMessagesChange"],
-    "effectiveLocale": ["effectiveLocaleWatcher"]
+    "effectiveLocale": ["handleTimeZoneItemPropsChange", "effectiveLocaleWatcher"],
+    "messages": ["handleTimeZoneItemPropsChange"],
+    "mode": ["handleTimeZoneItemPropsChange"],
+    "referenceDate": ["handleTimeZoneItemPropsChange"],
+    "value": ["handleValueChange"]
   }; }
 };
 InputTimeZone.style = inputTimeZoneCss;

package/dist/esm/calcite-input.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { h as getSlotted, i as isPrimaryPointerButton, e as setRequestedIcon, g as getElementDir } from './dom-135c7e08.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-767c4174.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b055481d.js';
-import { n as numberKeys } from './key-bfc12e39.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-4441c66d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-0f34d04c.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-a410c07c.js';
-import { c as createObserver } from './observers-36702211.js';
-import { C as CSS_UTILITY } from './resources-86f01706.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-aa819a51.js';
-import './guid-dd510c8a.js';
-import './browser-cc389517.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-64d97714.js';
+import { e as getSlotted, i as isPrimaryPointerButton, h as setRequestedIcon, g as getElementDir } from './dom-e828597f.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-8f6bb2d2.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-3d546f84.js';
+import { n as numberKeys } from './key-26bc4d6b.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-4b80f290.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-819e822a.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-defedcac.js';
+import { c as createObserver } from './observers-dd14af68.js';
+import { C as CSS_UTILITY } from './resources-2a569599.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-1e80e380.js';
+import './guid-52f9d671.js';
+import './browser-fab57a20.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-label.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-4441c66d.js';
-import './dom-135c7e08.js';
-import './guid-dd510c8a.js';
-import './resources-86f01706.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-64d97714.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-4b80f290.js';
+import './dom-e828597f.js';
+import './guid-52f9d671.js';
+import './resources-2a569599.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-link.entry.js

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { g as getElementDir, d as focusElement } from './dom-135c7e08.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-b055481d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-0f34d04c.js';
-import { C as CSS_UTILITY } from './resources-86f01706.js';
-import './guid-dd510c8a.js';
-import './browser-cc389517.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-64d97714.js';
+import { g as getElementDir, d as focusElement } from './dom-e828597f.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-3d546f84.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-819e822a.js';
+import { C as CSS_UTILITY } from './resources-2a569599.js';
+import './guid-52f9d671.js';
+import './browser-fab57a20.js';
 
 const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-list_3.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-1ae53f0a.js';
-import { b as slotChangeHasAssignedElement, t as toAriaBoolean, g as getElementDir } from './dom-135c7e08.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b055481d.js';
-import { c as createObserver } from './observers-36702211.js';
-import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-b5dc6582.js';
-import { S as SLOTS$2 } from './resources-b2604576.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-0f34d04c.js';
-import { d as debounce } from './debounce-ec7a8504.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a410c07c.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-aa819a51.js';
-import './guid-dd510c8a.js';
-import './resources-86f01706.js';
-import './browser-cc389517.js';
-import './key-bfc12e39.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-64d97714.js';
+import { b as slotChangeHasAssignedElement, t as toAriaBoolean, g as getElementDir } from './dom-e828597f.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-3d546f84.js';
+import { c as createObserver } from './observers-dd14af68.js';
+import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-512e9ded.js';
+import { S as SLOTS$2 } from './resources-978ff715.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-819e822a.js';
+import { d as debounce } from './debounce-774e89ed.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-defedcac.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-1e80e380.js';
+import './guid-52f9d671.js';
+import './resources-2a569599.js';
+import './browser-fab57a20.js';
+import './key-26bc4d6b.js';
 
 const CSS$2 = {
   container: "container",
@@ -492,26 +492,28 @@ const List = class {
     const { enabledListItems } = this;
     const sameParentItems = enabledListItems.filter((item) => item.parentElement === parentEl);
     const lastIndex = sameParentItems.length - 1;
-    const startingIndex = sameParentItems.indexOf(sortItem);
+    const oldIndex = sameParentItems.indexOf(sortItem);
     let appendInstead = false;
-    let buddyIndex;
+    let newIndex;
     if (direction === "up") {
-      if (startingIndex === 0) {
+      if (oldIndex === 0) {
         appendInstead = true;
+        newIndex = lastIndex;
       }
       else {
-        buddyIndex = startingIndex - 1;
+        newIndex = oldIndex - 1;
       }
     }
     else {
-      if (startingIndex === lastIndex) {
-        buddyIndex = 0;
+      if (oldIndex === lastIndex) {
+        newIndex = 0;
       }
-      else if (startingIndex === lastIndex - 1) {
+      else if (oldIndex === lastIndex - 1) {
         appendInstead = true;
+        newIndex = lastIndex;
       }
       else {
-        buddyIndex = startingIndex + 2;
+        newIndex = oldIndex + 2;
       }
     }
     this.disconnectObserver();
@@ -519,14 +521,16 @@ const List = class {
       parentEl.appendChild(sortItem);
     }
     else {
-      parentEl.insertBefore(sortItem, sameParentItems[buddyIndex]);
+      parentEl.insertBefore(sortItem, sameParentItems[newIndex]);
     }
     this.updateListItems();
     this.connectObserver();
     this.calciteListOrderChange.emit({
       dragEl: sortItem,
-      fromEl: null,
-      toEl: null,
+      fromEl: parentEl,
+      toEl: parentEl,
+      newIndex,
+      oldIndex,
     });
     handle.setFocus().then(() => {
       handle.activated = true;

package/dist/esm/calcite-loader.entry.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { g as guid } from './guid-dd510c8a.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-64d97714.js';
+import { g as guid } from './guid-52f9d671.js';
 
 const loaderCss = "@charset \"UTF-8\";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-menu_2.entry.js

@@ -1,78 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent, F as Fragment } from './index-1ae53f0a.js';
-import { s as slotChangeGetAssignedElements, l as focusElementInGroup, d as focusElement, g as getElementDir } from './dom-135c7e08.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-0f34d04c.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a410c07c.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-aa819a51.js';
-import { c as createObserver } from './observers-36702211.js';
-import { C as CSS_UTILITY } from './resources-86f01706.js';
-import './guid-dd510c8a.js';
-import './key-bfc12e39.js';
-
-const allowedGlobalAttributes = ["lang", "role"];
-const elementToComponentAndObserverOptionsMap = new Map();
-let mutationObserver;
-function updateGlobalAttributes(component, attributeFilter, reuseAttributes = false) {
-  const { el } = component;
-  const updatedAttributes = reuseAttributes ? component.globalAttributes : {};
-  attributeFilter
-    .filter((attr) => !!allowedGlobalAttributes.includes(attr) && !!el.hasAttribute(attr))
-    .forEach((attr) => {
-    const value = el.getAttribute(attr);
-    if (value !== null) {
-      updatedAttributes[attr] = value;
-    }
-  });
-  component.globalAttributes = updatedAttributes;
-}
-function processMutations(mutations) {
-  mutations.forEach(({ target }) => {
-    const [component, options] = elementToComponentAndObserverOptionsMap.get(target);
-    updateGlobalAttributes(component, options.attributeFilter);
-  });
-}
-/**
- * Helper to set up listening for changes to global attributes.
- *
- * render(): VNode {
- * return (<Host>
- * <ul {...this.globalAttributes}></div>
- * </Host>);
- * }
- *
- * @param component
- * @param attributeFilter
- */
-function watchGlobalAttributes(component, attributeFilter) {
-  const { el } = component;
-  const observerOptions = { attributeFilter };
-  elementToComponentAndObserverOptionsMap.set(el, [component, observerOptions]);
-  updateGlobalAttributes(component, attributeFilter, true);
-  if (!mutationObserver) {
-    mutationObserver = createObserver("mutation", processMutations);
-  }
-  mutationObserver.observe(el, observerOptions);
-}
-/**
- * Helper remove listening for changes to inherited attributes.
- *
- * @param component
- */
-function unwatchGlobalAttributes(component) {
-  elementToComponentAndObserverOptionsMap.delete(component.el);
-  // we explicitly process queued mutations and disconnect and reconnect
-  // the observer until MutationObserver gets an `unobserve` method
-  // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver.takeRecords());
-  mutationObserver.disconnect();
-  for (const [element, [, observerOptions]] of elementToComponentAndObserverOptionsMap.entries()) {
-    mutationObserver.observe(element, observerOptions);
-  }
-}
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent, F as Fragment } from './index-64d97714.js';
+import { s as slotChangeGetAssignedElements, l as focusElementInGroup, d as focusElement, g as getElementDir } from './dom-e828597f.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-819e822a.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-defedcac.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-1e80e380.js';
+import { w as watchGlobalAttributes, u as unwatchGlobalAttributes } from './globalAttributes-7e4c9654.js';
+import { C as CSS_UTILITY } from './resources-2a569599.js';
+import './guid-52f9d671.js';
+import './key-26bc4d6b.js';
+import './observers-dd14af68.js';
 
 const menuCss = ":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-meter.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0f34d04c.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm } from './form-767c4174.js';
-import { g as getSupportedLocale, n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a410c07c.js';
-import { v as intersects } from './dom-135c7e08.js';
-import { c as createObserver } from './observers-36702211.js';
-import './key-bfc12e39.js';
-import './guid-dd510c8a.js';
-import './resources-86f01706.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-64d97714.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-819e822a.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm } from './form-8f6bb2d2.js';
+import { g as getSupportedLocale, n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-defedcac.js';
+import { v as intersects } from './dom-e828597f.js';
+import { c as createObserver } from './observers-dd14af68.js';
+import './key-26bc4d6b.js';
+import './guid-52f9d671.js';
+import './resources-2a569599.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-modal.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.9
+ * v1.9.1-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1ae53f0a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d7f043fe.js';
-import { h as getSlotted, b as slotChangeHasAssignedElement, f as focusFirstTabbable, w as ensureId } from './dom-135c7e08.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-2d40d3ec.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-0f34d04c.js';
-import { c as createObserver } from './observers-36702211.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-c2e848c7.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a410c07c.js';
-import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n-aa819a51.js';
-import './guid-dd510c8a.js';
-import './resources-86f01706.js';
-import './key-bfc12e39.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-64d97714.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-74817c18.js';
+import { e as getSlotted, b as slotChangeHasAssignedElement, f as focusFirstTabbable, w as ensureId } from './dom-e828597f.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-6807e5ea.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-819e822a.js';
+import { c as createObserver } from './observers-dd14af68.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-81fde476.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-defedcac.js';
+import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n-1e80e380.js';
+import './guid-52f9d671.js';
+import './resources-2a569599.js';
+import './key-26bc4d6b.js';
 
 const CSS = {
   modal: "modal",