npm - @esri/calcite-components - Versions diffs - 1.7.0-next.1 → 1.7.0-next.10 - Mend

@esri/calcite-components 1.7.0-next.1 → 1.7.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (989) hide show

package/dist/calcite/p-fde6e84b.entry.js ADDED Viewed

@@ -0,0 +1,6 @@
+/*!
+ * 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.7.0-next.10
+ */
+import{r as t,c as i,h as e,H as n,a as o}from"./p-f89856b0.js";import{t as s,i as a,l as r,d as c}from"./p-5b74a3ce.js";import{f as l,c as d,d as h,a as p,F as m,r as u}from"./p-19579104.js";import{g as f}from"./p-66c07893.js";import{c as w,u as g,d as b}from"./p-940380e1.js";import{i as v}from"./p-08af2eef.js";import{c as k,s as x,a as y}from"./p-f57756b1.js";import{c as z}from"./p-b291449f.js";import{o as D}from"./p-31cd3168.js";import"./p-01b06b3f.js";import"./p-0f316e3f.js";const C=class{constructor(e){t(this,e),this.calciteDropdownSelect=i(this,"calciteDropdownSelect",6),this.calciteDropdownBeforeClose=i(this,"calciteDropdownBeforeClose",6),this.calciteDropdownClose=i(this,"calciteDropdownClose",6),this.calciteDropdownBeforeOpen=i(this,"calciteDropdownBeforeOpen",6),this.calciteDropdownOpen=i(this,"calciteDropdownOpen",6),this.items=[],this.groups=[],this.mutationObserver=z("mutation",(()=>this.updateItems())),this.resizeObserver=z("resize",(t=>this.resizeObserverCallback(t))),this.openTransitionProp="opacity",this.guid=`calcite-dropdown-${f()}`,this.defaultAssignedElements=[],this.slotChangeHandler=t=>{this.defaultAssignedElements=t.target.assignedElements({flatten:!0}),this.updateItems()},this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?l(i,t):null},this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:!0}),this.reposition(!0)},this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,i)=>[...t,...i]),[]),this.updateSelectedItems(),this.reposition(!0),this.items.forEach((t=>t.scale=this.scale))},this.updateGroups=t=>{const i=t.target.assignedElements({flatten:!0}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=i,this.updateItems()},this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:i}=t;i===this.referenceEl?this.setDropdownWidth():i===this.scrollerEl&&this.setMaxScrollerHeight()}))},this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:i}=this,e=t?.clientWidth;e&&i&&(i.style.minWidth=`${e}px`)},this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t)return;this.reposition(!0);const i=this.getMaxScrollerHeight();t.style.maxHeight=i>0?`${i}px`:"",this.reposition(!0)},this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t),this.scrollerEl=t,this.transitionEl=t},this.setReferenceEl=t=>{this.referenceEl=t,d(this,this.referenceEl,this.floatingEl),this.resizeObserver.observe(t)},this.setFloatingEl=t=>{this.floatingEl=t,d(this,this.referenceEl,this.floatingEl)},this.keyDownHandler=t=>{if(t.target!==this.referenceEl)return;const{defaultPrevented:i,key:e}=t;if(!i){if(this.open){if("Escape"===e)return this.closeCalciteDropdown(),void t.preventDefault();if(t.shiftKey&&"Tab"===e)return this.closeCalciteDropdown(),void t.preventDefault()}v(e)?(this.openCalciteDropdown(),t.preventDefault()):"Escape"===e&&(this.closeCalciteDropdown(),t.preventDefault())}},this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.items.find((t=>t.selected))||this.items[0])},this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem(),this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.openCalciteDropdown=()=>{this.open=!this.open,this.open&&this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.open=!1,this.closeOnSelectDisabled=!1,this.disabled=!1,this.flipPlacements=void 0,this.maxItems=0,this.overlayPositioning="absolute",this.placement=h,this.selectedItems=[],this.type="click",this.width=void 0,this.scale="m"}openHandler(t){if(!this.disabled)return t&&this.reposition(!0),void D(this);this.open=!1}handleDisabledChange(t){t||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}handlePropsChange(){this.updateItems()}async setFocus(){await k(this),this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.reposition(!0),this.open&&(this.openHandler(this.open),D(this)),w(this),this.updateItems()}componentWillLoad(){x(this)}componentDidLoad(){y(this),this.reposition(!0)}componentDidRender(){g(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),b(this),p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:i}=this;return e(n,null,e("div",{class:"calcite-trigger-container",id:`${i}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},e("slot",{"aria-controls":`${i}-menu`,"aria-expanded":s(t),"aria-haspopup":"menu",name:"trigger",onSlotchange:this.updateTriggers})),e("div",{"aria-hidden":s(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},e("div",{"aria-labelledby":`${i}-menubutton`,class:{"calcite-dropdown-content":!0,[m.animation]:!0,[m.animationActive]:t},id:`${i}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},e("slot",{onSlotchange:this.updateGroups}))))}async reposition(t=!1){const{floatingEl:i,referenceEl:e,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return u(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},t)}closeCalciteDropdownOnClick(t){!this.disabled&&a(t)&&this.open&&!t.composedPath().includes(this.el)&&this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown(),t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){t.composedPath().includes(this.el)||(this.open=!1)}pointerEnterHandler(){this.disabled||"hover"!==this.type||this.openCalciteDropdown()}pointerLeaveHandler(){this.disabled||"hover"!==this.type||this.closeCalciteDropdown()}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:i}=t.detail,e=i.target;switch(i.key){case"Tab":this.open=!1,this.updateTabIndexOfItems(e);break;case"ArrowDown":r(this.items,e,"next");break;case"ArrowUp":r(this.items,e,"previous");break;case"Home":r(this.items,e,"first");break;case"End":r(this.items,e,"last")}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems(),t.stopPropagation(),this.calciteDropdownSelect.emit(),this.closeOnSelectDisabled&&"none"!==t.detail.requestedDropdownGroup.selectionMode||this.closeCalciteDropdown(),t.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:i}=this;let e,n=0,o=0;return this.groups.forEach((i=>{t>0&&n<t&&Array.from(i.children).forEach(((i,s)=>{0===s&&(isNaN(e)&&(e=i.offsetTop),o+=e),n<t&&(o+=i.offsetHeight,n+=1)}))})),i.length>t?o:0}closeCalciteDropdown(t=!0){this.open=!1,t&&c(this.triggers[0])}getFocusableElement(t){if(!t)return;const i=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;c(i)}updateTabIndexOfItems(t){this.items.forEach((i=>{i.tabIndex=t!==i?-1:0}))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};C.style=":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-flex;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-app-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const I="container",E=class{constructor(e){t(this,e),this.calciteInternalDropdownItemChange=i(this,"calciteInternalDropdownItemChange",6),this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))},this.mutationObserver=z("mutation",(()=>this.updateItems())),this.groupTitle=void 0,this.scale="m",this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems()}componentWillLoad(){this.groupPosition=this.getGroupPosition()}render(){const t=this.groupTitle?e("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null,i=this.groupPosition>0?e("div",{class:"dropdown-separator",role:"separator"}):null;return e(n,{"aria-label":this.groupTitle,role:"group"},e("div",{class:{[I]:!0,[`${I}--${this.scale}`]:!0}},i,t,e("slot",null)))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup,this.requestedDropdownItem=t.detail.requestedDropdownItem,this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};E.style=":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const H=class{constructor(e){t(this,e),this.calciteDropdownItemSelect=i(this,"calciteDropdownItemSelect",6),this.calciteInternalDropdownItemSelect=i(this,"calciteInternalDropdownItemSelect",6),this.calciteInternalDropdownItemKeyEvent=i(this,"calciteInternalDropdownItemKeyEvent",6),this.calciteInternalDropdownCloseRequest=i(this,"calciteInternalDropdownCloseRequest",6),this.selected=!1,this.iconFlipRtl=void 0,this.iconStart=void 0,this.iconEnd=void 0,this.href=void 0,this.label=void 0,this.rel=void 0,this.target=void 0,this.selectionMode="single",this.scale="m"}async setFocus(){await k(this),this.el?.focus()}componentWillLoad(){x(this),this.initialize()}componentDidLoad(){y(this)}connectedCallback(){this.initialize()}render(){const{href:t,selectionMode:i,label:o,iconFlipRtl:a,scale:r}=this,c=e("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:"start"===a||"both"===a,icon:this.iconStart,scale:"l"===r?"m":"s"}),l=e("span",{class:"dropdown-item-content"},e("slot",null)),d=e("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:"end"===a||"both"===a,icon:this.iconEnd,scale:"l"===r?"m":"s"}),h=this.iconStart&&this.iconEnd?[c,l,d]:this.iconStart?[c,l]:this.iconEnd?[l,d]:l,p=t?e("a",{"aria-label":o,class:"dropdown-link",href:t,rel:this.rel,tabIndex:-1,target:this.target,ref:t=>this.childLink=t},h):h,m=t?null:"single"===i?"menuitemradio":"multiple"===i?"menuitemcheckbox":"menuitem",u="none"!==i?s(this.selected):null;return e(n,{"aria-checked":u,"aria-label":t?"":o,role:m,tabindex:"0"},e("div",{class:{[I]:!0,"container--link":!!t,[`${I}--${r}`]:!0,"container--multi-selection":"multiple"===i,"container--single-selection":"single"===i,"container--none-selection":"none"===i}},"none"!==i?e("calcite-icon",{class:"dropdown-item-icon",icon:"multiple"===i?"check":"bullet-point",scale:"l"===r?"m":"s"}):null,p))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem(),this.href&&this.childLink.click(),t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit(),t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault(),this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t})}}updateActiveItemOnChange(t){t.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=t.detail.requestedDropdownGroup,this.requestedDropdownItem=t.detail.requestedDropdownItem,this.determineActiveItem()),t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group"),"none"===this.selectionMode&&(this.selected=!1)}determineActiveItem(){switch(this.selectionMode){case"multiple":this.el===this.requestedDropdownItem&&(this.selected=!this.selected);break;case"single":this.el===this.requestedDropdownItem?this.selected=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.selected=!1);break;case"none":this.selected=!1}}emitRequestedItem(){this.calciteDropdownItemSelect.emit(),this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};H.style=".container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;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          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{C as calcite_dropdown,E as calcite_dropdown_group,H as calcite_dropdown_item}

package/dist/calcite/{p-10a9ed6f.entry.js → p-fe46e500.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
-import{r as t,h as e,a as i}from"./p-45d64c3a.js";import{c as s,d as a}from"./p-39c1239f.js";import{u as n,c,s as o,d as r}from"./p-a9ae3be0.js";import{c as l}from"./p-d387ab78.js";import{x as h}from"./p-37f55b39.js";import"./p-bc4d6c19.js";import"./p-9e16fdd9.js";import"./p-9bc6e682.js";const d=class{constructor(e){t(this,e),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=t=>{this.hasContent=h(t)},this.storeLoaderEl=t=>{this.loaderEl=t,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){s(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:t,loading:i,messages:s}=this;return e("div",{class:"scrim"},i?e("calcite-loader",{label:s.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,e("div",{class:"content",hidden:!t},e("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(t){return t<72?"s":t>=480?"l":"m"}handleResize(){const{loaderEl:t,el:e}=this;t&&(this.loaderScale=this.getScale(Math.min(e.clientHeight,e.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}
+import{r as t,h as i,a as s}from"./p-f89856b0.js";import{c as e,d as a}from"./p-a3202da5.js";import{u as n,c,s as o,d as r}from"./p-151ffc4a.js";import{c as l}from"./p-b291449f.js";import{x as h}from"./p-5b74a3ce.js";import"./p-08af2eef.js";import"./p-66c07893.js";import"./p-01b06b3f.js";const d=class{constructor(i){t(this,i),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=t=>{this.hasContent=h(t)},this.storeLoaderEl=t=>{this.loaderEl=t,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){e(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:t,loading:s,messages:e}=this;return i("div",{class:"scrim"},s?i("calcite-loader",{label:e.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,i("div",{class:"content",hidden:!t},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(t){return t<72?"s":t>=480?"l":"m"}handleResize(){const{loaderEl:t,el:i}=this;t&&(this.loaderScale=this.getScale(Math.min(i.clientHeight,i.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}

package/dist/calcite/{p-b563c2b7.js → p-ff491c03.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 const t=(t,n,a)=>Math.max(n,Math.min(t,a)),n=new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/),a=t=>{const a=(""+t).match(n);return a?Math.max(0,(a[1]?a[1].length:0)-(a[2]?+a[2]:0)):0};function r(t,n,a,r,e){return(t-n)*(e-r)/(a-n)+r}function e(t,n,a){return t<a?-1:t>n-a?1:0}export{e as a,t as c,a as d,r}

package/dist/cjs/{ExpandToggle-8265a6df.js → ExpandToggle-868d15d6.js} RENAMED Viewed

@@ -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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const index = require('./index-142998d3.js');
-const dom = require('./dom-7487acd7.js');
-const resources$1 = require('./resources-5c003e2b.js');
-const resources = require('./resources-d7dcc7aa.js');
+const index = require('./index-62e7a1ed.js');
+const dom = require('./dom-ee5ca278.js');
+const resources$1 = require('./resources-9bdd3395.js');
+const resources = require('./resources-2048e92e.js');
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
@@ -93,7 +93,7 @@ const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position
   const expandIcon = end ? icons[1] : icons[0];
   const collapseIcon = end ? icons[0] : icons[1];
   const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null,
-    // eslint-disable-next-line react/jsx-sort-props
+    // 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: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
   return actionNode;
 };

package/dist/cjs/{FloatingArrow-b5ca6077.js → FloatingArrow-2f265df4.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const index = require('./index-142998d3.js');
+const index = require('./index-62e7a1ed.js');
 const CSS = {
   arrow: "calcite-floating-ui-arrow",

package/dist/cjs/{Heading-022a7a25.js → Heading-6f9fbd67.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const index = require('./index-142998d3.js');
+const index = require('./index-62e7a1ed.js');
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/cjs/{app-globals-33eb529a.js → app-globals-7a2d44ba.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const resources = require('./resources-932fa5dc.js');
+const resources = require('./resources-3a9a1d47.js');
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/cjs/{ar-49434d95.js → ar-642058a0.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-78addba7.js');
-require('./index-142998d3.js');
-require('./form-509b1671.js');
-require('./dom-7487acd7.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./interactive-3295de88.js');
-require('./key-dc499418.js');
-require('./label-39f9c585.js');
-require('./loadable-cb368fce.js');
-require('./locale-99d6b752.js');
-require('./observers-f62a2e0a.js');
-require('./focusTrapComponent-328576cf.js');
-require('./t9n-42d79fa0.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-b46a1e2e.js');
+require('./index-62e7a1ed.js');
+require('./form-45f1afe2.js');
+require('./dom-ee5ca278.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./interactive-8b00018f.js');
+require('./key-d451a368.js');
+require('./label-190c0cf9.js');
+require('./loadable-3bb56575.js');
+require('./locale-1985d401.js');
+require('./observers-1c054b2b.js');
+require('./focusTrapComponent-aea4e631.js');
+require('./t9n-80f42485.js');
 // Arabic [ar]
 var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');

package/dist/cjs/{array-5848270e.js → array-1202902b.js} RENAMED Viewed

@@ -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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';

package/dist/cjs/{bg-5d252039.js → bg-36b4f52f.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-78addba7.js');
-require('./index-142998d3.js');
-require('./form-509b1671.js');
-require('./dom-7487acd7.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./interactive-3295de88.js');
-require('./key-dc499418.js');
-require('./label-39f9c585.js');
-require('./loadable-cb368fce.js');
-require('./locale-99d6b752.js');
-require('./observers-f62a2e0a.js');
-require('./focusTrapComponent-328576cf.js');
-require('./t9n-42d79fa0.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-b46a1e2e.js');
+require('./index-62e7a1ed.js');
+require('./form-45f1afe2.js');
+require('./dom-ee5ca278.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./interactive-8b00018f.js');
+require('./key-d451a368.js');
+require('./label-190c0cf9.js');
+require('./loadable-3bb56575.js');
+require('./locale-1985d401.js');
+require('./observers-1c054b2b.js');
+require('./focusTrapComponent-aea4e631.js');
+require('./t9n-80f42485.js');
 // Bulgarian [bg]
 var locale = {

package/dist/cjs/{bs-9db17f5a.js → bs-98c23d89.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-78addba7.js');
-require('./index-142998d3.js');
-require('./form-509b1671.js');
-require('./dom-7487acd7.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./interactive-3295de88.js');
-require('./key-dc499418.js');
-require('./label-39f9c585.js');
-require('./loadable-cb368fce.js');
-require('./locale-99d6b752.js');
-require('./observers-f62a2e0a.js');
-require('./focusTrapComponent-328576cf.js');
-require('./t9n-42d79fa0.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-b46a1e2e.js');
+require('./index-62e7a1ed.js');
+require('./form-45f1afe2.js');
+require('./dom-ee5ca278.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./interactive-8b00018f.js');
+require('./key-d451a368.js');
+require('./label-190c0cf9.js');
+require('./loadable-3bb56575.js');
+require('./locale-1985d401.js');
+require('./observers-1c054b2b.js');
+require('./focusTrapComponent-aea4e631.js');
+require('./t9n-80f42485.js');
 // Bosnian [bs]
 var locale = {

package/dist/cjs/{ca-a662d810.js → ca-9193be7d.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-78addba7.js');
-require('./index-142998d3.js');
-require('./form-509b1671.js');
-require('./dom-7487acd7.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./interactive-3295de88.js');
-require('./key-dc499418.js');
-require('./label-39f9c585.js');
-require('./loadable-cb368fce.js');
-require('./locale-99d6b752.js');
-require('./observers-f62a2e0a.js');
-require('./focusTrapComponent-328576cf.js');
-require('./t9n-42d79fa0.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-b46a1e2e.js');
+require('./index-62e7a1ed.js');
+require('./form-45f1afe2.js');
+require('./dom-ee5ca278.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./interactive-8b00018f.js');
+require('./key-d451a368.js');
+require('./label-190c0cf9.js');
+require('./loadable-3bb56575.js');
+require('./locale-1985d401.js');
+require('./observers-1c054b2b.js');
+require('./focusTrapComponent-aea4e631.js');
+require('./t9n-80f42485.js');
 // Catalan [ca]
 var locale = {

package/dist/cjs/calcite-accordion_2.cjs.entry.js CHANGED Viewed

@@ -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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-142998d3.js');
-const observers = require('./observers-f62a2e0a.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const dom = require('./dom-7487acd7.js');
-const resources = require('./resources-932fa5dc.js');
-require('./guid-bc4ef7e8.js');
+const index = require('./index-62e7a1ed.js');
+const observers = require('./observers-1c054b2b.js');
+const conditionalSlot = require('./conditionalSlot-9d498271.js');
+const dom = require('./dom-ee5ca278.js');
+const resources = require('./resources-3a9a1d47.js');
+require('./guid-7fc7cda4.js');
 const accordionCss = ":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}:host([hidden]){display:none}[hidden]{display:none}";

package/dist/cjs/calcite-action-bar.cjs.entry.js CHANGED Viewed

@@ -1,26 +1,26 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-142998d3.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const dom = require('./dom-7487acd7.js');
-const loadable = require('./loadable-cb368fce.js');
-const locale = require('./locale-99d6b752.js');
-const observers = require('./observers-f62a2e0a.js');
-const t9n = require('./t9n-42d79fa0.js');
-const ExpandToggle = require('./ExpandToggle-8265a6df.js');
-const debounce = require('./debounce-7d77cb87.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./key-dc499418.js');
-require('./resources-5c003e2b.js');
-require('./resources-d7dcc7aa.js');
+const index = require('./index-62e7a1ed.js');
+const conditionalSlot = require('./conditionalSlot-9d498271.js');
+const dom = require('./dom-ee5ca278.js');
+const loadable = require('./loadable-3bb56575.js');
+const locale = require('./locale-1985d401.js');
+const observers = require('./observers-1c054b2b.js');
+const t9n = require('./t9n-80f42485.js');
+const ExpandToggle = require('./ExpandToggle-868d15d6.js');
+const debounce = require('./debounce-fd13f3e3.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./key-d451a368.js');
+require('./resources-9bdd3395.js');
+require('./resources-2048e92e.js');
 const CSS = {
   actionGroupEnd: "action-group--end",
@@ -116,6 +116,7 @@ const ActionBar = class {
       const tooltips = dom.slotChangeGetAssignedElements(event).filter((el) => el?.matches("calcite-tooltip"));
       this.expandTooltip = tooltips[0];
     };
+    this.actionsEndGroupLabel = undefined;
     this.expandDisabled = false;
     this.expanded = false;
     this.layout = "vertical";
@@ -218,11 +219,11 @@ const ActionBar = class {
   //
   // --------------------------------------------------------------------------
   renderBottomActionGroup() {
-    const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages } = this;
+    const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages, actionsEndGroupLabel, } = this;
     const expandToggleNode = !expandDisabled ? (index.h(ExpandToggle.ExpandToggle, { collapseText: messages.collapse, el: el, expandText: messages.expand, expanded: expanded, position: position, scale: scale, toggle: toggleExpand, tooltip: this.expandTooltip,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setExpandToggleRef })) : null;
-    return (index.h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, scale: scale }, index.h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), index.h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), index.h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
+    return (index.h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, scale: scale }, index.h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), index.h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), index.h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
   }
   render() {
     return (index.h(index.Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, index.h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));

package/dist/cjs/calcite-action-group.cjs.entry.js CHANGED Viewed

@@ -1,26 +1,26 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-142998d3.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const loadable = require('./loadable-cb368fce.js');
-const locale = require('./locale-99d6b752.js');
-const t9n = require('./t9n-42d79fa0.js');
-const resources$1 = require('./resources-d7dcc7aa.js');
-const resources = require('./resources-5c003e2b.js');
-const dom = require('./dom-7487acd7.js');
-require('./observers-f62a2e0a.js');
-require('./key-dc499418.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
+const index = require('./index-62e7a1ed.js');
+const conditionalSlot = require('./conditionalSlot-9d498271.js');
+const loadable = require('./loadable-3bb56575.js');
+const locale = require('./locale-1985d401.js');
+const t9n = require('./t9n-80f42485.js');
+const resources$1 = require('./resources-2048e92e.js');
+const resources = require('./resources-9bdd3395.js');
+const dom = require('./dom-ee5ca278.js');
+require('./observers-1c054b2b.js');
+require('./key-d451a368.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
-const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]){flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
+const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}.container{display:flex;flex-direction:column}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
 const ActionGroup = class {
   constructor(hostRef) {
@@ -37,6 +37,7 @@ const ActionGroup = class {
       this.hasMenuActions = dom.slotChangeHasAssignedElement(event);
     };
     this.expanded = false;
+    this.label = undefined;
     this.layout = "vertical";
     this.columns = undefined;
     this.menuOpen = false;
@@ -99,7 +100,7 @@ const ActionGroup = class {
     return (index.h("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], hidden: !hasMenuActions, label: messages.more, onCalciteActionMenuOpen: this.setMenuOpen, open: menuOpen, overlayPositioning: overlayPositioning, placement: layout === "horizontal" ? "bottom-start" : "leading-start", scale: scale }, index.h("calcite-action", { icon: resources.ICONS.menu, scale: scale, slot: resources$1.SLOTS.trigger, text: messages.more, textEnabled: expanded }), index.h("slot", { name: resources.SLOTS.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), index.h("slot", { name: resources.SLOTS.menuTooltip, slot: resources$1.SLOTS.tooltip })));
   }
   render() {
-    return (index.h(index.Fragment, null, index.h("slot", null), this.renderMenu()));
+    return (index.h("div", { "aria-label": this.label, class: resources.CSS.container, role: "group" }, index.h("slot", null), this.renderMenu()));
   }
   static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }

package/dist/cjs/calcite-action-menu.cjs.entry.js CHANGED Viewed

@@ -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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-142998d3.js');
-const array = require('./array-5848270e.js');
-const dom = require('./dom-7487acd7.js');
-const guid = require('./guid-bc4ef7e8.js');
-const key = require('./key-dc499418.js');
-const loadable = require('./loadable-cb368fce.js');
-const resources = require('./resources-d7dcc7aa.js');
-require('./resources-932fa5dc.js');
+const index = require('./index-62e7a1ed.js');
+const array = require('./array-1202902b.js');
+const dom = require('./dom-ee5ca278.js');
+const guid = require('./guid-7fc7cda4.js');
+const key = require('./key-d451a368.js');
+const loadable = require('./loadable-3bb56575.js');
+const resources = require('./resources-2048e92e.js');
+require('./resources-3a9a1d47.js');
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){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          );outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
@@ -257,7 +257,7 @@ const ActionMenu = class {
   renderMenuButton() {
     const { label, scale, expanded } = this;
     const menuButtonSlot = (index.h("slot", { name: resources.SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, index.h("calcite-action", { class: resources.CSS.defaultTrigger, icon: resources.ICONS.menu, scale: scale, text: label, textEnabled: expanded,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setDefaultMenuButtonEl })));
     return menuButtonSlot;
   }

package/dist/cjs/calcite-action-pad.cjs.entry.js CHANGED Viewed

@@ -1,25 +1,25 @@
 /*!
  * 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.7.0-next.1
+ * v1.7.0-next.10
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-142998d3.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const dom = require('./dom-7487acd7.js');
-const loadable = require('./loadable-cb368fce.js');
-const locale = require('./locale-99d6b752.js');
-const t9n = require('./t9n-42d79fa0.js');
-const ExpandToggle = require('./ExpandToggle-8265a6df.js');
-const observers = require('./observers-f62a2e0a.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./key-dc499418.js');
-require('./resources-5c003e2b.js');
-require('./resources-d7dcc7aa.js');
+const index = require('./index-62e7a1ed.js');
+const conditionalSlot = require('./conditionalSlot-9d498271.js');
+const dom = require('./dom-ee5ca278.js');
+const loadable = require('./loadable-3bb56575.js');
+const locale = require('./locale-1985d401.js');
+const t9n = require('./t9n-80f42485.js');
+const ExpandToggle = require('./ExpandToggle-868d15d6.js');
+const observers = require('./observers-1c054b2b.js');
+require('./guid-7fc7cda4.js');
+require('./resources-3a9a1d47.js');
+require('./key-d451a368.js');
+require('./resources-9bdd3395.js');
+require('./resources-2048e92e.js');
 const CSS = {
   actionGroupEnd: "action-group--end",
@@ -66,6 +66,7 @@ const ActionPad = class {
       const tooltips = dom.slotChangeGetAssignedElements(event).filter((el) => el?.matches("calcite-tooltip"));
       this.expandTooltip = tooltips[0];
     };
+    this.actionsEndGroupLabel = undefined;
     this.expandDisabled = false;
     this.expanded = false;
     this.layout = "vertical";
@@ -137,11 +138,11 @@ const ActionPad = class {
   //
   // --------------------------------------------------------------------------
   renderBottomActionGroup() {
-    const { expanded, expandDisabled, messages, el, position, toggleExpand, scale, layout } = this;
+    const { expanded, expandDisabled, messages, el, position, toggleExpand, scale, layout, actionsEndGroupLabel, } = this;
     const expandToggleNode = !expandDisabled ? (index.h(ExpandToggle.ExpandToggle, { collapseText: messages.collapse, el: el, expandText: messages.expand, expanded: expanded, position: position, scale: scale, toggle: toggleExpand, tooltip: this.expandTooltip,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setExpandToggleRef })) : null;
-    return expandToggleNode ? (index.h("calcite-action-group", { class: CSS.actionGroupEnd, layout: layout, scale: scale }, index.h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode)) : null;
+    return expandToggleNode ? (index.h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, layout: layout, scale: scale }, index.h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode)) : null;
   }
   render() {
     return (index.h(index.Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, index.h("div", { class: CSS.container }, index.h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));