@esri/calcite-components 1.5.0-next.22 → 1.5.0-next.24

package/dist/collection/components/input-time-picker/input-time-picker.js

@@ -1,18 +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.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
-import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
+import { h, Host, } from "@stencil/core";
+import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm, } from "../../utils/form";
 import { guid } from "../../utils/guid";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
-import { activateFocusTrap, connectFocusTrap, deactivateFocusTrap } from "../../utils/focusTrapComponent";
-import { formatTimeString, isValidTime, localizeTimeString, toISOTimeString } from "../../utils/time";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, } from "../../utils/locale";
+import { activateFocusTrap, connectFocusTrap, deactivateFocusTrap, } from "../../utils/focusTrapComponent";
+import { formatTimeString, isValidTime, localizeTimeString, toISOTimeString, } from "../../utils/time";
 import { connectMessages, disconnectMessages, setUpMessages } from "../../utils/t9n";
 import { CSS } from "./resources";
 import dayjs from "dayjs/esm";
@@ -73,7 +73,7 @@ const supportedDayJsLocaleToLocaleConfigImport = new Map([
   ["vi", () => import("dayjs/esm/locale/vi.js")],
   ["zh-cn", () => import("dayjs/esm/locale/zh-cn.js")],
   ["zh-hk", () => import("dayjs/esm/locale/zh-hk.js")],
-  ["zh-tw", () => import("dayjs/esm/locale/zh-tw.js")]
+  ["zh-tw", () => import("dayjs/esm/locale/zh-tw.js")],
 ]);
 dayjs.extend(customParseFormat);
 dayjs.extend(localeData);
@@ -106,7 +106,7 @@ export class InputTimePicker {
         value: this.value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds()
+        includeSeconds: this.shouldIncludeSeconds(),
       });
       if (localizedTimeString !== inputValue) {
         this.setInputValue(localizedTimeString);
@@ -125,7 +125,7 @@ export class InputTimePicker {
         numberStringFormatter.numberFormatOptions = {
           locale,
           numberingSystem,
-          useGrouping: false
+          useGrouping: false,
         };
         const valueInNumberingSystem = numberStringFormatter
           .delocalize(target.value)
@@ -147,7 +147,7 @@ export class InputTimePicker {
         value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds
+        includeSeconds,
       }));
     };
     this.popoverCloseHandler = () => {
@@ -155,7 +155,7 @@ export class InputTimePicker {
         onDeactivate: () => {
           this.calciteInputEl.setFocus();
           this.focusOnOpen = false;
-        }
+        },
       });
     };
     this.popoverOpenHandler = () => {
@@ -165,7 +165,7 @@ export class InputTimePicker {
             this.calciteTimePickerEl.setFocus();
             this.focusOnOpen = false;
           }
-        }
+        },
       });
     };
     this.keyDownHandler = (event) => {
@@ -187,7 +187,7 @@ export class InputTimePicker {
           value: this.value,
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds()
+          includeSeconds: this.shouldIncludeSeconds(),
         });
         if (newValue && this.calciteInputEl.value !== localizedTimeString) {
           this.setInputValue(localizedTimeString);
@@ -216,8 +216,8 @@ export class InputTimePicker {
         focusTrapEl: el,
         focusTrapOptions: {
           initialFocus: false,
-          setReturnFocus: false
-        }
+          setReturnFocus: false,
+        },
       });
     };
     this.setInputValue = (newInputValue) => {
@@ -248,7 +248,7 @@ export class InputTimePicker {
           value: oldValue,
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds()
+          includeSeconds: this.shouldIncludeSeconds(),
         }));
       }
     };
@@ -266,7 +266,7 @@ export class InputTimePicker {
           value: this.value,
           includeSeconds,
           locale: this.effectiveLocale,
-          numberingSystem: this.numberingSystem
+          numberingSystem: this.numberingSystem,
         })
         : "");
     };
@@ -322,7 +322,7 @@ export class InputTimePicker {
       value: this.value,
       locale: this.effectiveLocale,
       numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds()
+      includeSeconds: this.shouldIncludeSeconds(),
     }));
   }
   stepWatcher(newStep, oldStep) {
@@ -343,7 +343,7 @@ export class InputTimePicker {
       value: this.value,
       locale,
       numberingSystem: this.numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds()
+      includeSeconds: this.shouldIncludeSeconds(),
     }));
   }
   // --------------------------------------------------------------------------
@@ -404,23 +404,23 @@ export class InputTimePicker {
           L: "DD/MM/YYYY",
           LL: "D MMMM YYYY",
           LLL: "D MMMM YYYY HH:mm A",
-          LLLL: "dddd D MMMM YYYY HH:mm A"
-        }
+          LLLL: "dddd D MMMM YYYY HH:mm A",
+        },
       };
     }
     if (locale === "en-au") {
       return {
-        meridiem: (hour) => (hour > 12 ? "pm" : "am")
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
       };
     }
     if (locale === "en-ca") {
       return {
-        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m.")
+        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m."),
       };
     }
     if (locale === "el") {
       return {
-        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ.")
+        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ."),
       };
     }
     if (locale === "hi") {
@@ -431,31 +431,31 @@ export class InputTimePicker {
           L: "DD/MM/YYYY",
           LL: "D MMMM YYYY",
           LLL: "D MMMM YYYY, h:mm A",
-          LLLL: "dddd, D MMMM YYYY, h:mm A"
+          LLLL: "dddd, D MMMM YYYY, h:mm A",
         },
-        meridiem: (hour) => (hour > 12 ? "pm" : "am")
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
       };
     }
     if (locale === "ko") {
       return {
-        meridiem: (hour) => (hour > 12 ? "오후" : "오전")
+        meridiem: (hour) => (hour > 12 ? "오후" : "오전"),
       };
     }
     if (locale === "zh-tw") {
       return {
         formats: {
           LT: "AHH:mm",
-          LTS: "AHH:mm:ss"
-        }
+          LTS: "AHH:mm:ss",
+        },
       };
     }
     if (locale === "zh-hk") {
       return {
         formats: {
           LT: "AHH:mm",
-          LTS: "AHH:mm:ss"
+          LTS: "AHH:mm:ss",
         },
-        meridiem: (hour) => (hour > 12 ? "下午" : "上午")
+        meridiem: (hour) => (hour > 12 ? "下午" : "上午"),
       };
     }
   }
@@ -494,7 +494,7 @@ export class InputTimePicker {
         value: this.value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds()
+        includeSeconds: this.shouldIncludeSeconds(),
       }));
     }
   }

package/dist/collection/components/input-time-picker/resources.js

@@ -1,8 +1,8 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
-  toggleIcon: "toggle-icon"
+  toggleIcon: "toggle-icon",
 };

package/dist/collection/components/label/label.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h, Host } from "@stencil/core";
 import { labelConnectedEvent, labelDisconnectedEvent } from "../../utils/label";
@@ -18,7 +18,7 @@ export class Label {
     //--------------------------------------------------------------------------
     this.labelClickHandler = (event) => {
       this.calciteInternalLabelClick.emit({
-        sourceEvent: event
+        sourceEvent: event,
       });
     };
     this.alignment = "start";

package/dist/collection/components/label/resources.js

@@ -1,8 +1,8 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
-  container: "container"
+  container: "container",
 };

package/dist/collection/components/link/link.js

@@ -1,12 +1,12 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { CSS_UTILITY } from "../../utils/resources";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
 /** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */

package/dist/collection/components/list/list.js

@@ -1,12 +1,12 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { debounce } from "lodash-es";
 import { slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 import { MAX_COLUMNS } from "../list-item/resources";
 import { getListItemChildren, updateListItemChildren } from "../list-item/utils";
@@ -14,7 +14,7 @@ import { CSS, debounceTimeout, SLOTS } from "./resources";
 import { SLOTS as STACK_SLOTS } from "../stack/resources";
 const listItemSelector = "calcite-list-item";
 const parentSelector = "calcite-list-item-group, calcite-list-item";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *
@@ -82,7 +82,7 @@ export class List {
         label: item.label,
         description: item.description,
         metadata: item.metadata,
-        value: item.value
+        value: item.value,
       }));
     };
     this.updateListItems = debounce((emit = false) => {
@@ -255,12 +255,12 @@ export class List {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, hasFilterActionsStart, hasFilterActionsEnd } = this;
+    const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, hasFilterActionsStart, hasFilterActionsEnd, } = this;
     return (h("div", { class: CSS.container }, loading ? h("calcite-scrim", { class: CSS.scrim, loading: loading }) : null, h("table", { "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (h("thead", null, h("tr", { class: { [CSS.sticky]: true } }, h("th", { colSpan: MAX_COLUMNS }, h("calcite-stack", { class: CSS.stack }, h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: STACK_SLOTS.actionsStart }), h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setFilterEl }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: STACK_SLOTS.actionsEnd })))))) : null, h("tbody", { class: CSS.tableContainer }, h("slot", { onSlotchange: this.handleDefaultSlotChange })))));
   }
-  filterElements({ el, filteredItems, visibleParents }) {
+  filterElements({ el, filteredItems, visibleParents, }) {
     const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
     el.hidden = hidden;
     const closestParent = el.parentElement.closest(parentSelector);
@@ -273,7 +273,7 @@ export class List {
     this.filterElements({
       el: closestParent,
       filteredItems,
-      visibleParents
+      visibleParents,
     });
   }
   updateFilteredData(emit = false) {

package/dist/collection/components/list/resources.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   container: "container",
@@ -9,10 +9,10 @@ export const CSS = {
   scrim: "scrim",
   stack: "stack",
   tableContainer: "table-container",
-  sticky: "sticky-pos"
+  sticky: "sticky-pos",
 };
 export const debounceTimeout = 0;
 export const SLOTS = {
   filterActionsStart: "filter-actions-start",
-  filterActionsEnd: "filter-actions-end"
+  filterActionsEnd: "filter-actions-end",
 };

package/dist/collection/components/list-item/list-item.js

@@ -1,18 +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.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { getElementDir, slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { CSS, ICONS, SLOTS } from "./resources";
 import { getDepth, getListItemChildren, updateListItemChildren } from "./utils";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 const focusMap = new Map();
 const listSelector = "calcite-list";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
@@ -299,30 +299,30 @@ export class ListItem {
       this.renderContentStart(),
       this.renderCustomContent(),
       this.renderContentProperties(),
-      this.renderContentEnd()
+      this.renderContentEnd(),
     ];
     return (h("td", { "aria-label": label, class: {
         [CSS.contentContainer]: true,
         [CSS.contentContainerSelectable]: selectionMode !== "none",
-        [CSS.contentContainerHasCenterContent]: hasCenterContent
+        [CSS.contentContainerHasCenterContent]: hasCenterContent,
       }, key: "content-container", onClick: this.itemClicked, role: "gridcell",
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.contentEl = el) }, content));
   }
   render() {
-    const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed } = this;
+    const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed, } = this;
     const showBorder = selectionMode !== "none" && selectionAppearance === "border";
     const borderSelected = showBorder && selected;
     const borderUnselected = showBorder && !selected;
     return (h(Host, null, h("tr", { "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
         [CSS.container]: true,
         [CSS.containerBorderSelected]: borderSelected,
-        [CSS.containerBorderUnselected]: borderUnselected
+        [CSS.containerBorderUnselected]: borderUnselected,
       }, hidden: closed, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.containerEl = el) }, this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), h("div", { class: {
         [CSS.nestedContainer]: true,
-        [CSS.nestedContainerHidden]: openable && !open
+        [CSS.nestedContainerHidden]: openable && !open,
       } }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   // --------------------------------------------------------------------------

package/dist/collection/components/list-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   container: "container",
@@ -21,14 +21,14 @@ export const CSS = {
   contentEnd: "content-end",
   actionsEnd: "actions-end",
   selectionContainer: "selection-container",
-  openContainer: "open-container"
+  openContainer: "open-container",
 };
 export const SLOTS = {
   actionsStart: "actions-start",
   contentStart: "content-start",
   content: "content",
   contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  actionsEnd: "actions-end",
 };
 export const MAX_COLUMNS = 5;
 export const ICONS = {
@@ -39,5 +39,5 @@ export const ICONS = {
   closedRTL: "caret-left",
   open: "caret-down",
   blank: "blank",
-  close: "x"
+  close: "x",
 };

package/dist/collection/components/list-item/utils.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 import { Build } from "@stencil/core";
 const listItemGroupSelector = "calcite-list-item-group";

package/dist/collection/components/list-item-group/list-item-group.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.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h, Host } from "@stencil/core";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { MAX_COLUMNS } from "../list-item/resources";
 import { getDepth } from "../list-item/utils";
 import { CSS } from "./resources";

package/dist/collection/components/list-item-group/resources.js

@@ -1,9 +1,9 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   container: "container",
-  heading: "heading"
+  heading: "heading",
 };

package/dist/collection/components/loader/loader.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -35,7 +35,7 @@ export class Loader {
       "aria-valuenow": valueNow,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      complete: valueNow === 100
+      complete: valueNow === 100,
     };
     const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
     const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
@@ -55,14 +55,14 @@ export class Loader {
     return {
       s: 32,
       m: 56,
-      l: 80
+      l: 80,
     }[scale];
   }
   getInlineSize(scale) {
     return {
       s: 12,
       m: 16,
-      l: 20
+      l: 20,
     }[scale];
   }
   static get is() { return "calcite-loader"; }

package/dist/collection/components/menu/menu.js

@@ -1,14 +1,14 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
-import { unwatchGlobalAttributes, watchGlobalAttributes } from "../../utils/globalAttributes";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
+import { unwatchGlobalAttributes, watchGlobalAttributes, } from "../../utils/globalAttributes";
 export class CalciteMenu {
   constructor() {
     this.menuItems = [];
@@ -28,7 +28,7 @@ export class CalciteMenu {
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
     this.globalAttributes = {
-      role: "menubar"
+      role: "menubar",
     };
   }
   handleLayoutChange(value) {

package/dist/collection/components/menu-item/menu-item.js

@@ -1,14 +1,14 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
-import { Fragment, h, Host } from "@stencil/core";
+import { Fragment, h, Host, } from "@stencil/core";
 import { getElementDir, slotChangeGetAssignedElements } from "../../utils/dom";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { CSS } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 /**
  * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.
@@ -60,7 +60,7 @@ export class CalciteMenuItem {
         this.calciteInternalMenuItemKeyEvent.emit({
           event,
           children: this.submenuItems,
-          isSubmenuOpen: this.open && this.hasSubmenu
+          isSubmenuOpen: this.open && this.hasSubmenu,
         });
       }
       else if (event.key === "ArrowLeft") {
@@ -68,7 +68,7 @@ export class CalciteMenuItem {
         this.calciteInternalMenuItemKeyEvent.emit({
           event,
           children: this.submenuItems,
-          isSubmenuOpen: true
+          isSubmenuOpen: true,
         });
       }
       else if (event.key === "ArrowRight") {
@@ -83,7 +83,7 @@ export class CalciteMenuItem {
         this.calciteInternalMenuItemKeyEvent.emit({
           event,
           children: this.submenuItems,
-          isSubmenuOpen: this.open && this.hasSubmenu
+          isSubmenuOpen: this.open && this.hasSubmenu,
         });
       }
     };
@@ -221,7 +221,7 @@ export class CalciteMenuItem {
         [CSS.open]: this.open,
         [CSS.nested]: !this.isTopLevelItem,
         [CSS_UTILITY.rtl]: dir === "rtl",
-        [CSS.dropdownVertical]: this.topLevelMenuLayout === "vertical"
+        [CSS.dropdownVertical]: this.topLevelMenuLayout === "vertical",
       }, label: this.messages.submenu, layout: "vertical", role: "menu" }, h("slot", { name: "submenu-item", onSlotchange: this.handleMenuItemSlotChange })));
   }
   renderItemContent(dir) {
@@ -231,7 +231,7 @@ export class CalciteMenuItem {
     const dir = getElementDir(this.el);
     return (h(Host, { onBlur: this.blurHandler, onFocus: this.focusHandler }, h("li", { class: {
         [CSS.container]: true,
-        [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical"
+        [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical",
       }, role: "none" }, h("div", { class: CSS.itemContent }, h("a", { "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.anchorEl = el) }, this.renderItemContent(dir), this.href && (this.topLevelMenuLayout === "vertical" || !this.isTopLevelItem) ? (h("calcite-icon", { class: CSS.hoverHrefIcon, icon: dir === "rtl" ? "arrow-left" : "arrow-right", scale: "s" })) : null), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));

package/dist/collection/components/menu-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   container: "container",
@@ -20,5 +20,5 @@ export const CSS = {
   itemContent: "item-content",
   open: "open",
   nested: "nested",
-  textContainer: "text-container"
+  textContainer: "text-container",
 };