@esri/calcite-components 5.2.0-next.55 → 5.2.0-next.57

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.55",
+  "version": "5.2.0-next.57",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -109,5 +109,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "38510f7b2812ab54dfb7520465e0e17fec01ffdd"
+  "gitHead": "cc03bd3e20da71482fbcbdb18812285ab4666700"
 }

package/dist/cdn/7INRBQ5N.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as C}from"./GZZYSINJ.js";import{g as h,p as M,y as S}from"./B3SCYDHQ.js";import{G as A,K as T,T as b,g as x,h as y,p as E}from"./NAR4WAFQ.js";function w(u){return u?.tagName==="CALCITE-TREE-ITEM"}function D(u){return Array.from(u.querySelectorAll("calcite-tree-item:not([disabled])")).filter(t=>{let e=t;for(;e!==u&&e!==null;){let i=e.parentElement??void 0;if(!(!w(i)||!i.hasChildren||i.expanded))return!1;e=e.parentElement}return!0})}var k=x`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=k}willUpdate(t){t.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let e=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=e?e.lines:this.lines,this.scale=e?e.scale:this.scale,this.selectionMode=e?e.selectionMode:this.selectionMode,this.child=!!e}onFocus(){if(!this.child){let t=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;M(t,!0,"focusable")}}onFocusIn(t){(t.relatedTarget===this.el||!this.el.contains(t.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(t){!this.el.contains(t.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(t){if(this.child)return;let e=t.target,i=h(e.querySelectorAll("calcite-tree-item"));if(t.preventDefault(),t.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(t);return}let o=this.selectionMode==="none",n=this.selectionMode!==null&&(!e.hasChildren||e.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),l=this.selectionMode==="multichildren"&&e.hasChildren,c=!o&&t.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),f=!c&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&i.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!e.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&e.hasChildren,a=[];n&&a.push(e),f&&h(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(r=>{a.includes(r)||(r.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(e.expanded=!e.expanded),l&&i.forEach(s=>{s.selected=!1,s.hasChildren&&(s.expanded=!1)}),c&&window.getSelection().removeAllRanges(),c&&e.selected?a.forEach(s=>{s.disabled||(s.selected=!1)}):o||a.forEach(s=>{s.disabled||(s.selected=this.selectionMode!=="single"||!s.selected)}),this.selectedItems=o?[]:h(this.el.querySelectorAll("calcite-tree-item")).filter(s=>s.selected),this.calciteTreeSelect.emit(),t.stopPropagation()}keyDownHandler(t){if(this.child)return;let e=this.el,i=t.target,o=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(w(i)&&this.el.contains(i))||!o.includes(t.key))return;let n=D(e);if(t.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(t.key==="ArrowDown"){let l=n.indexOf(i);n[l+1]?.focus(),t.preventDefault();return}if(t.key==="ArrowUp"){let l=n.indexOf(i);n[l-1]?.focus(),t.preventDefault();return}if(t.key==="ArrowLeft"){if(i.hasChildren&&i.expanded){i.expanded=!1,t.preventDefault();return}n.slice(0,n.indexOf(i)).reverse().find(f=>f.depth===i.depth-1)?.focus(),t.preventDefault();return}if(t.key==="ArrowRight"){if(!i.disabled&&i.hasChildren)if(!i.expanded)i.expanded=!0,t.preventDefault();else{let l=n.indexOf(i);n[l+1]?.focus(),t.preventDefault()}return}if(t.key==="Home"){let l=n.shift();l&&(l.focus(),t.preventDefault());return}if(t.key==="End"){let l=n.pop();l&&(l.focus(),t.preventDefault());return}}updateAncestorTree(t){let e=t.target,i=t.detail.updateItem;if(e.disabled||e.indeterminate&&!i)return;let o=[],n=e.parentElement.closest("calcite-tree-item");for(;n;)o.push(n),n=n.parentElement.closest("calcite-tree-item");let l=Array.from(e.querySelectorAll("calcite-tree-item:not([disabled])")),c=l.filter(s=>!s.hasChildren),f=l.filter(s=>s.hasChildren),d;i?d=e.hasChildren?!(e.selected||e.indeterminate):!e.selected:d=e.selected,c.forEach(s=>{s.selected=d,s.indeterminate=!1});function a(s,r){let m=s.filter(p=>p.selected),I=s.filter(p=>!p.selected);r.selected=m.length===s.length,r.indeterminate=m.length>0&&I.length>0}f.reverse().forEach(s=>{let r=Array.from(s.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(r,s)}),i&&(e.hasChildren?a(l,e):(e.selected=d,e.indeterminate=!1)),o.forEach(s=>{let r=h(s.querySelectorAll("calcite-tree-item")),m=r.filter(p=>p.selected);if(m.length===0){s.selected=!1,s.indeterminate=!1;return}let I=m.length<r.length;s.indeterminate=I,s.selected=!I}),this.selectedItems=h(this.el.querySelectorAll("calcite-tree-item")).filter(s=>s.selected),i&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(t=>t.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(t){let e=S(t).filter(i=>i.matches("calcite-tree-item"));this.items=e,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?null:C(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?null:"tree",T(this.el,"tabIndex",this.getRootTabIndex()),y`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",g);export{g as Tree};

package/dist/cdn/TI325JIK.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"./XMLA6A27.js";import{a as y}from"./TR3EMAK2.js";import"./ZWPNZ5XW.js";import{c}from"./KOQ7A37J.js";import"./JVTANDZN.js";import{C as n,p as d,y as p}from"./B3SCYDHQ.js";import{G as h,T as f,g as u,h as m}from"./NAR4WAFQ.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};