@esri/calcite-components 5.2.0-next.54 → 5.2.0-next.56

package/dist/loader.js

@@ -61,7 +61,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-list-item": [() => import("./components/calcite-list-item/customElement.js"), "active,addToItems:,bordered,closable,closed,description,disabled,displayMode,dragDisabled,dragHandle,expanded,filterHidden,iconEnd,iconFlipRtl,iconStart,interactionMode,label,messageOverrides:,metadata:,moveToItems:,open,scale,selected,selectionAppearance,selectionMode,setPosition,setSize,sortDisabled,sortHandleOpen,topLayerDisabled,unavailable,value;setFocus"],
   "calcite-list-item-group": [() => import("./components/calcite-list-item-group/customElement.js"), "disabled,filterHidden,heading,scale"],
   "calcite-loader": [() => import("./components/calcite-loader/customElement.js"), "complete,inline,label,messages:,scale,text,type,value"],
-  "calcite-menu": [() => import("./components/calcite-menu/customElement.js"), "label,layout,messageOverrides:;setFocus"],
+  "calcite-menu": [() => import("./components/calcite-menu/customElement.js"), "label,layout,messageOverrides:,scale;setFocus"],
   "calcite-menu-item": [() => import("./components/calcite-menu-item/customElement.js"), "active,breadcrumb,href,iconEnd,iconFlipRtl,iconStart,isTopLevelItem,label,layout,messageOverrides:,open,rel,scale,target,text,topLevelMenuLayout;setFocus"],
   "calcite-meter": [() => import("./components/calcite-meter/customElement.js"), "appearance,disabled,fillType,form,groupSeparator,high,label,low,max,messages:,min,name,numberingSystem,rangeLabels,rangeLabelType,scale,unitLabel,value,valueLabel,valueLabelType"],
   "calcite-navigation": [() => import("./components/calcite-navigation/customElement.js"), "label,navigationAction,scale;setFocus"],

package/dist/types/lumina.d.ts

@@ -419,7 +419,7 @@ interface LuminaCalciteListItemGroup extends Partial<Pick<ListItemGroup, "disabl
 interface LuminaCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pick<Loader, "inline" | "scale" | "text" | "type" | "value">>, h.JSX.HTMLAttributes<Loader> {
 }
 
-interface LuminaCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, h.JSX.HTMLAttributes<Menu> {
+interface LuminaCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides" | "scale">>, h.JSX.HTMLAttributes<Menu> {
 }
 
 interface LuminaCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, h.JSX.HTMLAttributes<MenuItem> {

package/dist/types/preact.d.ts

@@ -420,7 +420,7 @@ interface PreactCalciteListItemGroup extends Partial<Pick<ListItemGroup, "disabl
 interface PreactCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pick<Loader, "inline" | "scale" | "text" | "type" | "value">>, HTMLAttributes<Loader> {
 }
 
-interface PreactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, HTMLAttributes<Menu> {
+interface PreactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides" | "scale">>, HTMLAttributes<Menu> {
 }
 
 interface PreactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, HTMLAttributes<MenuItem> {

package/dist/types/react.d.ts

@@ -420,7 +420,7 @@ interface ReactCalciteListItemGroup extends Partial<Pick<ListItemGroup, "disable
 interface ReactCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pick<Loader, "inline" | "scale" | "text" | "type" | "value">>, HTMLProps<Loader> {
 }
 
-interface ReactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, HTMLProps<Menu> {
+interface ReactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides" | "scale">>, HTMLProps<Menu> {
 }
 
 interface ReactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, HTMLProps<MenuItem> {

package/dist/types/stencil.d.ts

@@ -420,7 +420,7 @@ interface StencilCalciteListItemGroup extends Partial<Pick<ListItemGroup, "disab
 interface StencilCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pick<Loader, "inline" | "scale" | "text" | "type" | "value">>, StencilJsx.HTMLAttributes<Loader> {
 }
 
-interface StencilCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, StencilJsx.HTMLAttributes<Menu> {
+interface StencilCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides" | "scale">>, StencilJsx.HTMLAttributes<Menu> {
 }
 
 interface StencilCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, StencilJsx.HTMLAttributes<MenuItem> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.54",
+  "version": "5.2.0-next.56",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -76,7 +76,7 @@
     "@arcgis/lumina": ">=5.2.0-next.74 <6.0.0",
     "@arcgis/toolkit": ">=5.2.0-next.74 <6.0.0",
     "@esri/calcite-design-tokens": "4.1.1-next.7",
-    "@esri/calcite-ui-icons": "4.6.0-next.13",
+    "@esri/calcite-ui-icons": "4.6.0-next.14",
     "@floating-ui/dom": "^1.8.0",
     "@floating-ui/utils": "^0.2.8",
     "@types/sortablejs": "^1.15.8",
@@ -109,5 +109,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "69b155d6972d55b3d0a334202591de3888ff77e6"
+  "gitHead": "d7f94d605570e8cc71252a2c9296adc651e95c1d"
 }

package/dist/cdn/72YVVOJ5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as o}from"./7KM6PEAO.js";import{a as I}from"./YEIQIV63.js";import{a as y}from"./EGN67KYY.js";import"./ZWPNZ5XW.js";import{c}from"./YPODWBKA.js";import"./WW5DD6RJ.js";import{C as n,p as d,y as p}from"./H24VPYRG.js";import{G as h,T as f,g as u,h as m}from"./JXFU6LJV.js";var g=u`:host{display:flex;line-height:var(--calcite-font-line-height-fixed-lg)}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends h{constructor(){super(),this.attributeWatch=c(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.messages=I(),this.focusSetter=y()(this),this.layout="horizontal",this.listen("keydown",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=g}async setFocus(t){return this.focusSetter(()=>this.menuItems[0],t)}willUpdate(t){t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(t){if(t.defaultPrevented)return;let e=this.getMenuItemFromEvent(t);if(!e)return;let i=this.getSubmenuItems(e),a=i.length>0,l=t.key,s=!1;l==="ArrowDown"?e.layout==="vertical"?(n(this.menuItems,e,"next",!1,!1),s=!0):e.open&&a&&(i[0].setFocus(),s=!0):l==="ArrowUp"?e.layout==="vertical"?(n(this.menuItems,e,"previous",!1,!1),s=!0):e.open&&a&&(i[i.length-1].setFocus(),s=!0):l==="ArrowRight"?this.layout==="horizontal"?(n(this.menuItems,e,"next",!1,!1),s=!0):e.open&&a&&(i[0].setFocus(),s=!0):l==="ArrowLeft"?this.layout==="horizontal"?(n(this.menuItems,e,"previous",!1,!1),s=!0):e.parentElement?.tagName==="CALCITE-MENU-ITEM"&&(this.focusParentElement(e),s=!0):l==="Escape"&&e.parentElement?.tagName==="CALCITE-MENU-ITEM"&&(this.focusParentElement(e),s=!0),s&&t.preventDefault()}getMenuItemFromEvent(t){let e=t.composedPath().find(o);return e&&this.menuItems.includes(e)?e:void 0}getSubmenuItems(t){return Array.from(t.children).filter(o).filter(e=>e.matches('[slot="submenu-item"]'))}handleMenuSlotChange(t){this.menuItems=p(t),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(t){let e=t.parentElement;e&&(d(e),e.open=!1)}setMenuItemLayout(t,e){t.forEach(i=>{i.layout=e,this.getEffectiveRole()==="menubar"&&(i.isTopLevelItem=!0,i.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return m`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};f("calcite-menu",r);export{r as Menu};