@esri/solutions-components 0.6.23 → 0.6.25

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

@@ -8,56 +8,116 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const label = require('./label-39887629.js');
-const interactive = require('./interactive-7837b73d.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const loadable = require('./loadable-d12ec307.js');
-const form = require('./form-78a3337d.js');
-require('./dom-8d00cc3f.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
-require('./key-07312a4b.js');
-require('./observers-62ea89bc.js');
+const label = require('./label-a44d17b9.js');
+const interactive = require('./interactive-17168f1c.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const loadable = require('./loadable-f8b40373.js');
+const form = require('./form-88dd1a8a.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
+require('./observers-ee7eadc4.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 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([
+        Promise.resolve().then(function () { return require('./index-22e2d297.js'); }),
+        Promise.resolve().then(function () { return require('./index-6b21a03f.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$1, referenceDateInMs = Date.now()) {
+  const dateTimeFormat = locale.getDateTimeFormat(locale$1, { 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;-moz-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}";
@@ -84,13 +144,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) => {
@@ -105,11 +165,14 @@ const InputTimeZone = class {
     };
     this.disabled = false;
     this.form = undefined;
+    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;
@@ -119,6 +182,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
@@ -139,6 +213,21 @@ 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() {
+    var _a;
+    if (!this.effectiveLocale || !this.messages) {
+      return [];
+    }
+    return createTimeZoneItems(this.effectiveLocale, this.messages, this.mode, this.referenceDate instanceof Date
+      ? this.referenceDate
+      : new Date((_a = this.referenceDate) !== null && _a !== void 0 ? _a : Date.now()));
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -160,13 +249,14 @@ const InputTimeZone = class {
     var _a;
     loadable.setUpLoadableComponent(this);
     await t9n.setUpMessages(this);
-    const timeZoneGroups = await generateTimeZoneGroups();
-    this.timeZoneGroups = timeZoneGroups;
-    const offsetToMatch = (_a = this.value) !== null && _a !== void 0 ? _a : 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 = (_a = this.value) !== null && _a !== void 0 ? _a : fallbackValue;
+    this.selectedTimeZoneItem = this.findTimeZoneItem(valueToMatch);
+    if (!this.selectedTimeZoneItem) {
+      this.selectedTimeZoneItem = this.findTimeZoneItem(fallbackValue);
+    }
+    const selectedValue = `${this.selectedTimeZoneItem.value}`;
     form.afterConnectDefaultValueSet(this, selectedValue);
     this.value = selectedValue;
   }
@@ -177,13 +267,12 @@ const InputTimeZone = class {
     interactive.updateHostInteraction(this);
   }
   render() {
-    return (index.h(index.Host, null, index.h("calcite-combobox", { clearDisabled: true, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, 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",
+    return (index.h(index.Host, null, index.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 (index.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 (index.h("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
     })), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   static get delegatesFocus() { return true; }
@@ -191,7 +280,11 @@ const InputTimeZone = class {
   get el() { return index.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/cjs/calcite-input_2.cjs.entry.js

@@ -8,23 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const form = require('./form-78a3337d.js');
-const interactive = require('./interactive-7837b73d.js');
-const key = require('./key-07312a4b.js');
-const label = require('./label-39887629.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const observers = require('./observers-62ea89bc.js');
-const resources = require('./resources-2278b321.js');
-const t9n = require('./t9n-c630f16d.js');
-require('./guid-c351776c.js');
-require('./browser-596d8e1e.js');
+const dom = require('./dom-c585dfa7.js');
+const form = require('./form-88dd1a8a.js');
+const interactive = require('./interactive-17168f1c.js');
+const key = require('./key-29076628.js');
+const label = require('./label-a44d17b9.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const observers = require('./observers-ee7eadc4.js');
+const resources = require('./resources-d8917c46.js');
+const t9n = require('./t9n-47b85291.js');
+require('./guid-5ef151a6.js');
+require('./browser-09760f9f.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   loader: "loader",

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

@@ -8,15 +8,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const label = require('./label-39887629.js');
-require('./dom-8d00cc3f.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
+const label = require('./label-a44d17b9.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

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

@@ -8,12 +8,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const interactive = require('./interactive-7837b73d.js');
-const loadable = require('./loadable-d12ec307.js');
-const resources = require('./resources-2278b321.js');
-require('./guid-c351776c.js');
-require('./browser-596d8e1e.js');
+const dom = require('./dom-c585dfa7.js');
+const interactive = require('./interactive-17168f1c.js');
+const loadable = require('./loadable-f8b40373.js');
+const resources = require('./resources-d8917c46.js');
+require('./guid-5ef151a6.js');
+require('./browser-09760f9f.js');
 
 const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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/cjs/calcite-list-item-group.cjs.entry.js

@@ -8,14 +8,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const interactive = require('./interactive-7837b73d.js');
-const utils = require('./utils-6fa49fde.js');
-require('./browser-596d8e1e.js');
+const interactive = require('./interactive-17168f1c.js');
+const utils = require('./utils-bbda4ba3.js');
+require('./browser-09760f9f.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

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

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const guid = require('./guid-c351776c.js');
+const guid = require('./guid-5ef151a6.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/cjs/calcite-menu-item.cjs.entry.js

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const loadable = require('./loadable-d12ec307.js');
-const resources = require('./resources-2278b321.js');
-const t9n = require('./t9n-c630f16d.js');
-const locale = require('./locale-6479f239.js');
-require('./guid-c351776c.js');
-require('./key-07312a4b.js');
-require('./observers-62ea89bc.js');
+const dom = require('./dom-c585dfa7.js');
+const loadable = require('./loadable-f8b40373.js');
+const resources = require('./resources-d8917c46.js');
+const t9n = require('./t9n-47b85291.js');
+const locale = require('./locale-62c20bcc.js');
+require('./guid-5ef151a6.js');
+require('./key-29076628.js');
+require('./observers-ee7eadc4.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

package/dist/cjs/calcite-menu.cjs.entry.js

@@ -8,80 +8,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const observers = require('./observers-62ea89bc.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./key-07312a4b.js');
-
-/*!
- * 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.8.0
- */
-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 = observers.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);
-  }
-}
+const dom = require('./dom-c585dfa7.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const globalAttributes = require('./globalAttributes-bb9603f4.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./key-29076628.js');
+require('./observers-ee7eadc4.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}";
 
@@ -125,7 +60,7 @@ const CalciteMenu = class {
   connectedCallback() {
     locale.connectLocalized(this);
     t9n.connectMessages(this);
-    watchGlobalAttributes(this, ["role"]);
+    globalAttributes.watchGlobalAttributes(this, ["role"]);
   }
   async componentWillLoad() {
     loadable.setUpLoadableComponent(this);
@@ -137,7 +72,7 @@ const CalciteMenu = class {
   disconnectedCallback() {
     locale.disconnectLocalized(this);
     t9n.disconnectMessages(this);
-    unwatchGlobalAttributes(this);
+    globalAttributes.unwatchGlobalAttributes(this);
   }
   //--------------------------------------------------------------------------
   //

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

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const loadable = require('./loadable-d12ec307.js');
-const form = require('./form-78a3337d.js');
-const locale = require('./locale-6479f239.js');
-const dom = require('./dom-8d00cc3f.js');
-const observers = require('./observers-62ea89bc.js');
-require('./key-07312a4b.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
+const loadable = require('./loadable-f8b40373.js');
+const form = require('./form-88dd1a8a.js');
+const locale = require('./locale-62c20bcc.js');
+const dom = require('./dom-c585dfa7.js');
+const observers = require('./observers-ee7eadc4.js');
+require('./key-29076628.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

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

@@ -8,22 +8,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const dom = require('./dom-8d00cc3f.js');
-const focusTrapComponent = require('./focusTrapComponent-93fc2e12.js');
-const loadable = require('./loadable-d12ec307.js');
-const observers = require('./observers-62ea89bc.js');
-const openCloseComponent = require('./openCloseComponent-cfafcccc.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./key-07312a4b.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const dom = require('./dom-c585dfa7.js');
+const focusTrapComponent = require('./focusTrapComponent-919e5636.js');
+const loadable = require('./loadable-f8b40373.js');
+const observers = require('./observers-ee7eadc4.js');
+const openCloseComponent = require('./openCloseComponent-71c34b2c.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./key-29076628.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   modal: "modal",

package/dist/cjs/calcite-navigation-logo.cjs.entry.js

@@ -8,12 +8,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const loadable = require('./loadable-d12ec307.js');
+const loadable = require('./loadable-f8b40373.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

package/dist/cjs/calcite-navigation-user.cjs.entry.js

@@ -8,12 +8,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const loadable = require('./loadable-d12ec307.js');
+const loadable = require('./loadable-f8b40373.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   textContainer: "text-container",